/* ── Sidebar background ─────────────────────────────── */
.fi-sidebar { background-color: #2B2F30 !important; }
.fi-sidebar-header { background-color: #2B2F30 !important; border-bottom: 1px solid #3d4243 !important; }
[class*="fi-sidebar-nav"] { background-color: #2B2F30 !important; }

/* ── Group labels ───────────────────────────────────── */
.fi-sidebar-group-label {
    color: #6b7280 !important;
    font-size: 0.65rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

/* ── Nav items - default state ──────────────────────── */
.fi-sidebar-item-button {
    border-radius: 6px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
.fi-sidebar-item-label { color: #d1d5db !important; }
.fi-sidebar-item-icon,
.fi-sidebar-item-icon svg { color: #9ca3af !important; }

/* ── Nav items - hover ──────────────────────────────── */
.fi-sidebar-item-button:hover {
    background-color: #F8D65D !important;
}
.fi-sidebar-item-button:hover .fi-sidebar-item-label,
.fi-sidebar-item-button:hover .fi-sidebar-item-icon,
.fi-sidebar-item-button:hover svg {
    color: #2B2F30 !important;
}

/* ── Nav items - active (bg-gray-100 is what Filament applies) ── */
.fi-sidebar .fi-sidebar-item-button.bg-gray-100 {
    background-color: transparent !important;
}
.fi-sidebar .fi-sidebar-item-button.bg-gray-100 .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-button.bg-gray-100 .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item-button.bg-gray-100 svg {
    color: #F8D65D !important;
    font-weight: 600 !important;
}

/* ── Collapsed sidebar (icon-only) ──────────────────── */
.fi-sidebar-nav.fi-sidebar-nav-collapsed .fi-sidebar-item-label,
.fi-sidebar-nav.fi-sidebar-nav-collapsed .fi-sidebar-group-label {
    display: none !important;
}
.fi-sidebar-nav.fi-sidebar-nav-collapsed .fi-sidebar-item-button {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ── Scrollbar ──────────────────────────────────────── */
.fi-sidebar::-webkit-scrollbar { width: 4px; }
.fi-sidebar::-webkit-scrollbar-track { background: #2B2F30; }
.fi-sidebar::-webkit-scrollbar-thumb { background: #4b5563; border-radius: 4px; }