/*
 * Apparence inspirée de Sneat (ThemeSelection, version gratuite) appliquée au panneau Filament.
 * CSS simple, sans compilation : surcharge des classes fi-* en mode clair uniquement.
 * Valeurs reprises de resources/assets/vendor/scss/_bootstrap-extended/_variables.scss.
 */
html:not(.dark) {
    --sneat-primary: #696cff;
    --sneat-primary-subtle: rgba(105, 108, 255, 0.16);
    --sneat-body-bg: #f5f5f9;
    --sneat-heading: #384551;
    --sneat-text: #646e78;
    --sneat-muted: #a7acb2;
    --sneat-border: #e4e6e8;
    --sneat-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
    --sneat-shadow-sm: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08);
    --sneat-radius: 0.5rem;

    & .fi-body {
        background: var(--sneat-body-bg);
        color: var(--sneat-text);
        font-size: 0.9375rem;
    }

    & .fi-header-heading,
    & .fi-section-header-heading,
    & .fi-ta-header-heading,
    & .fi-modal-heading {
        color: var(--sneat-heading);
    }

    /* Menu latéral : blanc, ombré, élément actif en violet pâle avec liseré à droite */
    & .fi-main-sidebar {
        background: #fff;
        box-shadow: var(--sneat-shadow-sm);
    }

    & .fi-sidebar-header {
        background: #fff;
        box-shadow: none;
        border: 0;
    }

    & .fi-sidebar-item-btn {
        border-radius: 0.375rem;
        color: var(--sneat-text);
    }

    & .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
        background: var(--sneat-primary-subtle);
        position: relative;

        & > .fi-icon,
        & > .fi-sidebar-item-label {
            color: var(--sneat-primary);
        }

        &::after {
            content: '';
            position: absolute;
            inset-inline-end: -1rem;
            top: 0;
            bottom: 0;
            width: 0.25rem;
            border-radius: 0.375rem 0 0 0.375rem;
            background: var(--sneat-primary);
        }
    }

    & .fi-sidebar-group-label {
        color: var(--sneat-muted);
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-size: 0.8125rem;
    }

    /* Barre du haut : carte flottante, comme la navbar détachée de Sneat */
    & .fi-topbar {
        background: transparent;
        box-shadow: none;
        border: 0;
        padding: 0.75rem 1.5rem 0;
    }

    & .fi-topbar > nav,
    & .fi-topbar-ctn > nav {
        background: #fff;
        border-radius: var(--sneat-radius);
        box-shadow: var(--sneat-shadow-sm);
    }

    /* Cartes : pas de bordure, ombre douce, coins arrondis */
    & .fi-section:not(.fi-section-not-contained),
    & .fi-ta-ctn,
    & .fi-wi-stats-overview-stat,
    & .fi-simple-main {
        border-radius: var(--sneat-radius);
        box-shadow: var(--sneat-shadow);
    }

    & .fi-ta-header {
        border-color: var(--sneat-border);
    }

    & .fi-ta-header-cell {
        color: var(--sneat-heading);
        text-transform: uppercase;
        font-size: 0.8125rem;
        letter-spacing: 0.02em;
    }

    & .fi-ta-row:hover {
        background: rgba(105, 108, 255, 0.04);
    }

    /* Boutons principaux pleins, texte blanc (Filament éclaircit sinon le violet pour le contraste) */
    & .fi-btn.fi-color-primary:not(.fi-outlined) {
        --bg: var(--sneat-primary);
        --text: #fff;
        --hover-bg: #5f61e6;
        --hover-text: #fff;
        box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
    }

    & .fi-simple-layout {
        background: var(--sneat-body-bg);
    }
}