{CSS_START}
/*
 * WayFly MenuBar / Time Bar
 * Tabelle admin più usabili:
 * - la colonna Azioni resta visibile anche con molte colonne;
 * - i pulsanti dentro la riga non allargano più troppo la tabella;
 * - i gruppi azioni diventano un menu compatto.
 */

.fi-ta-ctn,
.fi-ta-content,
.fi-ta-table-ctn {
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
}

/* La tabella può scorrere, ma senza tagliare l'ultima colonna. */
.fi-ta-table {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

/* Colonna azioni sticky a destra. */
.fi-ta-actions-cell,
.fi-ta-cell:has(.fi-ta-actions),
.fi-ta-cell:has(.fi-ac) {
    position: sticky !important;
    right: 0 !important;
    z-index: 18 !important;
    min-width: 4.25rem;
    background:
        linear-gradient(90deg, rgba(255,255,255,0.72), rgba(255,255,255,0.96)) !important;
    backdrop-filter: blur(16px) saturate(150%);
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    box-shadow:
        -18px 0 24px rgba(15, 23, 42, 0.08),
        -1px 0 0 rgba(148, 163, 184, 0.26) inset;
}

.dark .fi-ta-actions-cell,
.dark .fi-ta-cell:has(.fi-ta-actions),
.dark .fi-ta-cell:has(.fi-ac) {
    background:
        linear-gradient(90deg, rgba(17, 24, 39, 0.72), rgba(17, 24, 39, 0.96)) !important;
    box-shadow:
        -18px 0 24px rgba(0, 0, 0, 0.26),
        -1px 0 0 rgba(148, 163, 184, 0.18) inset;
}

/* Mentre passi sopra una riga non perdere contrasto sulla colonna sticky. */
.fi-ta-row:hover .fi-ta-actions-cell,
.fi-ta-row:hover .fi-ta-cell:has(.fi-ta-actions),
.fi-ta-row:hover .fi-ta-cell:has(.fi-ac) {
    background:
        linear-gradient(90deg, rgba(255,251,235,0.78), rgba(255,255,255,0.98)) !important;
}

.dark .fi-ta-row:hover .fi-ta-actions-cell,
.dark .fi-ta-row:hover .fi-ta-cell:has(.fi-ta-actions),
.dark .fi-ta-row:hover .fi-ta-cell:has(.fi-ac) {
    background:
        linear-gradient(90deg, rgba(39, 39, 42, 0.78), rgba(24, 24, 27, 0.98)) !important;
}

/* I bottoni azione restano compatti. */
.fi-ta-actions,
.fi-ac {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .375rem;
    flex-wrap: nowrap !important;
    white-space: nowrap;
}

.fi-ta-actions .fi-btn,
.fi-ac .fi-btn {
    white-space: nowrap;
}

/* I menu dropdown azioni devono stare sopra alle tabelle sticky. */
.fi-dropdown-panel,
.fi-dropdown-list {
    z-index: 80 !important;
}

/* Evita che colonne testuali lunghe rubino tutto lo spazio. */
.fi-ta-text {
    max-width: 24rem;
}

.fi-ta-text,
.fi-ta-text-item {
    overflow-wrap: anywhere;
}

/* Su schermi piccoli la tabella scorre, ma le azioni restano agganciate a destra. */
@media (max-width: 1024px) {
    .fi-ta-table {
        min-width: max-content;
    }

    .fi-ta-actions-cell,
    .fi-ta-cell:has(.fi-ta-actions),
    .fi-ta-cell:has(.fi-ac) {
        min-width: 3.75rem;
    }
}
{CSS_END}


/* timebar-admin-natural-wide-tables-start
 * Time Bar admin UX:
 * - tabelle più larghe, quasi a bordo pagina;
 * - colonna azioni sempre visibile ma naturale, senza effetto "tasto separato";
 * - menu azioni compatto mantenuto.
 */

/* Allarga il contenuto principale Filament: meno corridoio vuoto laterale. */
.fi-main {
    max-width: none !important;
    width: 100% !important;
    padding-left: clamp(0.75rem, 1.45vw, 1.5rem) !important;
    padding-right: clamp(0.75rem, 1.45vw, 1.5rem) !important;
}

.fi-page,
.fi-page > div,
.fi-page > section {
    max-width: none !important;
}

/* Le sezioni tabellari sfruttano tutta la larghezza disponibile. */
.fi-section,
.fi-ta,
.fi-ta-ctn,
.fi-ta-content,
.fi-ta-table-ctn {
    max-width: none !important;
}

.fi-ta-ctn,
.fi-ta-content,
.fi-ta-table-ctn {
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
}

/* La tabella può scorrere quando serve, ma parte larga quanto il contenitore. */
.fi-ta-table {
    min-width: 100% !important;
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
}

/* Evita colonne inutilmente enormi, lasciando però respirare il contenuto. */
.fi-ta-text {
    max-width: 28rem;
}

.fi-ta-text,
.fi-ta-text-item {
    overflow-wrap: anywhere;
}

/* Colonna azioni sticky più naturale:
   niente sfumatura grossa, niente ombra da pulsante separato. */
.fi-ta-actions-cell,
.fi-ta-cell:has(.fi-ta-actions),
.fi-ta-cell:has(.fi-ac) {
    position: sticky !important;
    right: 0 !important;
    z-index: 18 !important;
    min-width: 3.5rem;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    box-shadow: -1px 0 0 rgba(148, 163, 184, 0.18) inset !important;
}

.dark .fi-ta-actions-cell,
.dark .fi-ta-cell:has(.fi-ta-actions),
.dark .fi-ta-cell:has(.fi-ac) {
    background: rgba(24, 24, 27, 0.94) !important;
    box-shadow: -1px 0 0 rgba(148, 163, 184, 0.14) inset !important;
}

/* Hover coerente con la riga, non "placchetta" separata. */
.fi-ta-row:hover .fi-ta-actions-cell,
.fi-ta-row:hover .fi-ta-cell:has(.fi-ta-actions),
.fi-ta-row:hover .fi-ta-cell:has(.fi-ac) {
    background: rgba(249, 250, 251, 0.96) !important;
    box-shadow: -1px 0 0 rgba(148, 163, 184, 0.20) inset !important;
}

.dark .fi-ta-row:hover .fi-ta-actions-cell,
.dark .fi-ta-row:hover .fi-ta-cell:has(.fi-ta-actions),
.dark .fi-ta-row:hover .fi-ta-cell:has(.fi-ac) {
    background: rgba(39, 39, 42, 0.96) !important;
    box-shadow: -1px 0 0 rgba(148, 163, 184, 0.16) inset !important;
}

/* Il pulsante tre puntini rimane leggero, tipo comando nativo. */
.fi-ta-actions,
.fi-ac {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .25rem;
    flex-wrap: nowrap !important;
    white-space: nowrap;
}

.fi-ta-actions .fi-btn,
.fi-ac .fi-btn {
    white-space: nowrap;
}

/* Azioni a tre puntini: look ghost, non bottone importante. */
.fi-ta-actions .fi-btn.fi-color-gray,
.fi-ac .fi-btn.fi-color-gray {
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.fi-ta-actions .fi-btn.fi-color-gray:hover,
.fi-ac .fi-btn.fi-color-gray:hover {
    background: rgba(148, 163, 184, 0.12) !important;
}

/* Dropdown sopra la tabella sticky. */
.fi-dropdown-panel,
.fi-dropdown-list {
    z-index: 90 !important;
}

/* Meno altezza sprecata nelle pagine con tabella, ma senza schiacciare. */
.fi-ta-header,
.fi-ta-toolbar {
    gap: .75rem;
}

@media (max-width: 1024px) {
    .fi-main {
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }

    .fi-ta-table {
        min-width: max-content !important;
    }

    .fi-ta-actions-cell,
    .fi-ta-cell:has(.fi-ta-actions),
    .fi-ta-cell:has(.fi-ac) {
        min-width: 3rem;
    }
}
/* timebar-admin-natural-wide-tables-end */