/*
 * CS-Gest: tema chiaro meno bianco per i pannelli /admin e /tecnici.
 * Solo il tema chiaro: il tema scuro di Filament resta com'è.
 * Le classi fi-* sono quelle di Filament 4; i colori primary-* seguono il
 * colore principale del pannello.
 */

html:not(.dark) {
    --csgest-page: #e6ecf3;
    --csgest-sidebar: #dbe3ee;
    --csgest-border: #c9d4e2;
    --csgest-head: #d6e1ef;
    --csgest-soft: #eef2f8;
    --csgest-stripe: #eef2f7;
}

/* Sfondo pagina e barra laterale */
html:not(.dark) .fi-body {
    background-color: var(--csgest-page);
}

html:not(.dark) .fi-sidebar {
    background-color: var(--csgest-sidebar);
    border-inline-end: 1px solid var(--csgest-border);
}

html:not(.dark) .fi-sidebar-group-label {
    color: var(--primary-900);
    font-weight: 600;
}

html:not(.dark) .fi-sidebar-item-btn:hover {
    background-color: color-mix(in oklab, var(--primary-100) 70%, transparent);
}

html:not(.dark) .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background-color: var(--primary-100);
    box-shadow: inset 3px 0 0 var(--primary-600);
}

html:not(.dark) .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label {
    color: var(--primary-800);
    font-weight: 600;
}

/* Barra in alto: filo nel colore principale */
html:not(.dark) .fi-topbar {
    border-bottom: 3px solid var(--primary-600);
}

/* Titoli di pagina */
html:not(.dark) .fi-header-heading {
    color: var(--primary-950);
}

/* Tabelle: intestazione colorata, righe alternate, evidenziazione al passaggio */
html:not(.dark) .fi-ta-ctn {
    --tw-ring-color: var(--csgest-border);
}

html:not(.dark) .fi-ta-header,
html:not(.dark) .fi-ta-header-toolbar {
    background-color: var(--csgest-soft);
    border-color: var(--csgest-border);
}

html:not(.dark) .fi-ta-table > thead > tr {
    background-color: var(--csgest-head);
}

html:not(.dark) .fi-ta-header-cell,
html:not(.dark) .fi-ta-header-cell-sort-btn {
    color: var(--primary-950);
}

html:not(.dark) .fi-ta-row.fi-striped {
    background-color: var(--csgest-stripe);
}

html:not(.dark) .fi-ta-table > tbody > .fi-ta-row:not(.fi-ta-summary-header-row):hover {
    background-color: var(--primary-50);
}

html:not(.dark) .fi-ta-row.fi-selected,
html:not(.dark) .fi-ta-row.fi-selected.fi-striped {
    background-color: var(--primary-100);
}

/* Sezioni di form e schede: intestazione su fondo tenue */
html:not(.dark) .fi-section:not(.fi-section-not-contained):not(.fi-aside) {
    --tw-ring-color: var(--csgest-border);
}

html:not(.dark) .fi-section:not(.fi-section-not-contained):not(.fi-aside) > .fi-section-header {
    background-color: var(--csgest-soft);
    border-start-start-radius: var(--radius-xl);
    border-start-end-radius: var(--radius-xl);
}

html:not(.dark) .fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-collapsed > .fi-section-header {
    border-radius: var(--radius-xl);
}

html:not(.dark) .fi-section-header-heading {
    color: var(--primary-950);
}

/* Elementi ripetuti (es. "Conferme inviate") */
html:not(.dark) .fi-in-repeatable.fi-contained > .fi-in-repeatable-item {
    background-color: var(--csgest-soft);
}

/* Riquadri statistici e widget */
html:not(.dark) .fi-wi-stats-overview-stat {
    border-top: 3px solid var(--primary-500);
}

/* Schede (tabs) contenute */
html:not(.dark) .fi-tabs.fi-contained {
    background-color: var(--csgest-soft);
}

/* Pagina di login */
html:not(.dark) .fi-simple-layout {
    background-color: var(--csgest-page);
}

/* Smartphone */
@media (max-width: 639px) {
    /* Logo e nome più piccoli nella barra in alto */
    .csgest-brand-logo {
        height: 1.6rem !important;
        max-width: 6rem !important;
    }

    .csgest-brand-name {
        font-size: .95rem !important;
    }

    /* Tabelle a schede: ogni record ben separato, etichette in evidenza */
    .fi-ta-table-stacked-on-mobile > tbody > tr.fi-ta-row {
        border-bottom: 1px solid var(--csgest-border, rgba(255, 255, 255, .1));
    }

    html:not(.dark) .fi-ta-table-stacked-on-mobile .fi-ta-cell-label {
        color: var(--primary-800);
        font-weight: 600;
    }

    /* Calendari: barra comandi su più righe e testi più piccoli */
    .csgest-calendar .fc .fc-toolbar {
        flex-wrap: wrap;
        justify-content: center;
        gap: .5rem;
    }

    .csgest-calendar .fc .fc-toolbar-title {
        font-size: 1.1rem;
    }

    .csgest-calendar .fc .fc-button {
        padding: .3rem .55rem;
        font-size: .8rem;
    }

    .csgest-calendar .fc .fc-daygrid-event,
    .csgest-calendar .fc .fc-col-header-cell-cushion {
        font-size: .7rem;
    }
}

@media (max-width: 380px) {
    .csgest-brand-name {
        display: none;
    }
}