/* UIAUDIT-4: Flexbox-based dialog overflow fix */
.mud-dialog-content .fg-dialog-content-container {
    padding: 8px 0;
}

.mud-dialog .mud-dialog-content {
    overflow: inherit;
}

div.mud-dialog {
    max-height: 90vh;
    max-height: 90dvh;
    display: flex;
    flex-direction: column;
}

div.mud-dialog .mud-dialog-content {
    overflow-y: auto;
    flex: 1 1 auto;
    margin: 0;
}

@keyframes fg-row-highlight {
    from {
        background-color: rgba(var(--mud-palette-success-rgb), 0.22);
    }

    to {
        background-color: transparent;
    }
}

.fg-row-just-added > td {
    animation: fg-row-highlight 1.5s ease-out;
}

.fg-filter-chip-bar {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.fg-filter-panel {
    padding: 12px 0;
}

.fg-filter-panel .mud-input-label {
    font-weight: 500;
    color: var(--mud-palette-text-primary);
}