/* ============================================================
   INVERVDAGROUP — FILAMENT ADMIN THEME
   Light: emedley-style clean card layout + gold accents
   Dark:  #111111 base + gold #C9A84C
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ── GLOBAL ──────────────────────────────────────────────── */
.fi-body {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
}

/* ── LIGHT MODE ─────────────────────────────────────────── */

/* Outer gray background */
.fi-body {
    background-color: #ECEEF2 !important;
}

/* Topbar — white, no bottom border */
.fi-topbar {
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    border-bottom: 1px solid #F1F3F6 !important;
}

/* Sidebar — white, no right border */
.fi-sidebar {
    background-color: #FFFFFF !important;
    border-right: none !important;
    box-shadow: none !important;
}

.fi-body-has-topbar .fi-sidebar-header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #F1F3F6 !important;
    box-shadow: none !important;
}

/* Main content area */
.fi-main {
    background-color: #ECEEF2 !important;
}

/* Cards — white, rounded, subtle shadow */
.fi-section:not(.fi-section-not-contained):not(.fi-aside) {
    background-color: #FFFFFF !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04) !important;
}

/* Active nav item — gold pill */
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background-color: #C9A84C !important;
    border-radius: 8px !important;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label {
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon {
    color: #FFFFFF !important;
}

/* Inactive nav items */
.fi-sidebar-item-label {
    color: #4B5563 !important;
}

.fi-sidebar-item-btn > .fi-icon {
    color: #9CA3AF !important;
}

.fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:hover {
    background-color: #FEF9EC !important;
    border-radius: 8px !important;
}

.fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:hover > .fi-sidebar-item-label {
    color: #C9A84C !important;
}

.fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:hover > .fi-icon {
    color: #C9A84C !important;
}

/* Nav group labels */
.fi-sidebar-group-label {
    color: #9CA3AF !important;
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

/* Page header */
.fi-page-header-heading {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #111827 !important;
}

/* Table */
.fi-ta-ctn {
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
}

/* Buttons */
.fi-btn-primary {
    background-color: #C9A84C !important;
    border-color: #C9A84C !important;
}

/* ── DARK MODE ──────────────────────────────────────────── */
.fi-body:where(.dark, .dark *) {
    background-color: #0A0A0A !important;
    color: #F0EDE6 !important;
}

.fi-topbar:where(.dark, .dark *) {
    background-color: #111111 !important;
    border-bottom: 1px solid #1E1E1E !important;
    box-shadow: none !important;
}

.fi-sidebar:where(.dark, .dark *) {
    background-color: #111111 !important;
    border-right: 1px solid #1E1E1E !important;
}

.fi-body-has-topbar .fi-sidebar-header:where(.dark, .dark *) {
    background-color: #111111 !important;
    border-bottom: 1px solid #1E1E1E !important;
}

.fi-main:where(.dark, .dark *) {
    background-color: #0A0A0A !important;
}

.fi-section:not(.fi-section-not-contained):not(.fi-aside):where(.dark, .dark *) {
    background-color: #141414 !important;
    border: 1px solid #1E1E1E !important;
    box-shadow: none !important;
}

/* Dark active nav */
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn:where(.dark, .dark *) {
    background-color: #C9A84C !important;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label:where(.dark, .dark *) {
    color: #FFFFFF !important;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon:where(.dark, .dark *) {
    color: #FFFFFF !important;
}

.fi-sidebar-item-label:where(.dark, .dark *) {
    color: #D1C9B8 !important;
}

.fi-sidebar-group-label:where(.dark, .dark *) {
    color: #6B6050 !important;
}

/* ── SCROLLBAR ──────────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #C9A84C44; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #C9A84C88; }

/* ── TOPBAR LOGO SIZE ───────────────────────────────────── */
.fi-topbar .fi-logo {
    height: 2.5rem !important;
    max-height: 2.5rem !important;
}