/* ── Sidebar Navigation Group Headers ─────────────────────────────── */

/* Group header row */
.fi-sidebar-group-btn {
    display: flex !important;
    align-items: center !important;
    padding: 4px 0 8px !important;
    margin-bottom: 2px !important;
    border-bottom: 1.5px solid #1e293b !important;
    gap: 8px !important;
    cursor: pointer !important;
}

/* Label text — uppercase, bold, smaller */
.fi-sidebar-group-label {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: #64748b !important;
    flex: 1 !important;
    line-height: 1 !important;
}

/* Collapse chevron button — align right */
.fi-sidebar-group-collapse-btn {
    margin-left: auto !important;
    flex-shrink: 0 !important;
    color: #475569 !important;
}

/* Group spacing */
.fi-sidebar-group {
    padding-top: 8px !important;
}

/* ── Light mode ────────────────────────────────────────────────────── */
html:not(.dark) .fi-sidebar-group-btn {
    border-bottom-color: #e2e8f0 !important;
}

html:not(.dark) .fi-sidebar-group-label {
    color: #64748b !important;
}