/* Filtri collassabili sopra la tabella: open + close animati */
.fi-ta-filters-above-content-ctn {
    display: grid;
    grid-template-rows: 0fr auto;
    transition: grid-template-rows 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}

.fi-ta-filters-above-content-ctn.fi-open {
    grid-template-rows: 1fr auto;
}

.fi-ta-filters-above-content-ctn > .fi-ta-filters {
    display: grid !important;
    gap: 1rem;
    overflow: hidden;
    min-height: 0;
    min-width: 0;
    opacity: 0;
    transform: translateY(-0.5rem);
    pointer-events: none;
    transition:
        opacity 0.55s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}

.fi-ta-filters-above-content-ctn.fi-open > .fi-ta-filters {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    overflow: visible;
}

.fi-ta-filters-above-content-ctn .fi-ta-filters form {
    min-width: 0;
}

.fi-ta-filters-above-content-ctn > .fi-ta-filters-trigger-action-ctn {
    transition: transform 0.25s ease;
}

.fi-ta-filters-above-content-ctn > .fi-ta-filters-trigger-action-ctn:active {
    transform: scale(0.97);
}

.fi-sidebar-group-reports {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid color-mix(in srgb, var(--gray-950) 10%, transparent);
}

.dark .fi-sidebar-group-reports {
    border-top-color: color-mix(in srgb, white 10%, transparent);
}

.fi-ta-nr-cell {
    width: 2.5rem !important;
    max-width: 2.5rem !important;
    padding-inline: 0.125rem !important;
}

.fi-ta-nr-cell .fi-ta-text-input {
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
}

.fi-ta-nr-cell .fi-input-wrp,
.fi-ta-nr-cell .fi-input-wrp-content-ctn {
    width: 1.75rem !important;
    min-width: 0 !important;
}

.fi-ta-nr-cell .fi-input {
    width: 1.75rem !important;
    min-width: 0 !important;
    padding: 0.125rem 0 !important;
    text-align: center;
}

.fi-ta-nr-cell input[type='number']::-webkit-outer-spin-button,
.fi-ta-nr-cell input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.fi-ta-nr-cell input[type='number'] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.fi-ta-nr-cell--high .fi-input {
    color: var(--danger-600);
    font-weight: 600;
}

.fi-ta-nr-cell--high .fi-input-wrp {
    border-color: var(--danger-500);
}

.dark .fi-ta-nr-cell--high .fi-input {
    color: var(--danger-400);
}

.dark .fi-ta-nr-cell--high .fi-input-wrp {
    border-color: var(--danger-400);
}
