/* Tema claro: área principal clara; menu/logo com contraste (marca escura). */

html:not(.dark) {
    color-scheme: light;
    background-color: #f9fafb !important;
}

html:not(.dark) .fi-body,
html:not(.dark) .fi-layout {
    background-color: #f9fafb !important;
}

html:not(.dark) .fi-main-ctn {
    background-color: #f3f4f6 !important;
}

html:not(.dark) .fi-main {
    background-color: #ffffff !important;
}

/* Topbar clara, separada do menu */
html:not(.dark) .fi-topbar nav {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e7eb;
}

/* Menu lateral + logo: contraste escuro */
html:not(.dark) .fi-sidebar {
    background-color: #2b2b2b !important;
}

html:not(.dark) .fi-sidebar-header {
    background-color: #151515 !important;
}

html:not(.dark) .fi-sidebar-nav {
    background-color: #151515 !important;
}

html:not(.dark) .fi-sidebar-group div span,
html:not(.dark) .fi-sidebar-item a,
html:not(.dark) .fi-sidebar-item-label {
    color: #ffffff !important;
}

html:not(.dark) .fi-sidebar-group .fi-icon-btn,
html:not(.dark) .fi-sidebar-item-icon {
    color: #dab62d !important;
}

html:not(.dark) .fi-sidebar-group .fi-icon-btn:hover {
    color: #ffffff !important;
}

html:not(.dark) .fi-sidebar-item a:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

html:not(.dark) .fi-sidebar-item-active a {
    background-color: rgba(218, 182, 45, 0.2) !important;
}

html:not(.dark) .fi-sidebar-item-active .fi-sidebar-item-label {
    font-weight: 700;
}

html:not(.dark) .fi-sidebar-item-active .fi-sidebar-item-icon {
    color: #dab62d !important;
}

html:not(.dark) .fi-section,
html:not(.dark) .fi-ta-ctn,
html:not(.dark) .fi-wi-stats-overview-stat {
    background-color: #ffffff;
}

html:not(.dark):not(.filament-auth-page) .fi-simple-main {
    background-color: #ffffff !important;
    color: #111827;
}

html:not(.dark):not(.filament-auth-page) .fi-simple-main .fi-input,
html:not(.dark):not(.filament-auth-page) .fi-simple-main .fi-input-wrp-suffix {
    background-color: #ffffff;
    color: #111827;
}

html:not(.dark):not(.filament-auth-page) .fi-simple-main .fi-simple-header-heading,
html:not(.dark):not(.filament-auth-page) .fi-simple-main .fi-fo-field-wrp-label span {
    color: #111827;
}

html.dark .fi-topbar nav,
html.dark .fi-sidebar-header,
html.dark .fi-sidebar-nav {
    background-color: #151515 !important;
}

html.dark .fi-topbar nav {
    border-bottom: none;
}