/* ── SISGLO sidebar — Sinapsis blue palette ───────────────────────────── */

.fi-sidebar,
.fi-sidebar.fi-main-sidebar {
    background-color: #337ab7 !important;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Group labels */
.fi-sidebar-group-label {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 0.65rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

/* ── Nav items — default ─────── */
.fi-sidebar-item-btn {
    color: rgba(255, 255, 255, 0.88) !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.fi-sidebar-item-label {
    color: rgba(255, 255, 255, 0.88) !important;
}

/* icons */
.fi-sidebar-item-icon {
    color: rgba(255, 255, 255, 0.65) !important;
}

/* hover */
.fi-sidebar-item-btn:hover {
    background-color: rgba(255, 255, 255, 0.14) !important;
}

.fi-sidebar-item-btn:hover .fi-sidebar-item-label {
    color: #fff !important;
}

.fi-sidebar-item-btn:hover .fi-sidebar-item-icon {
    color: #fff !important;
}

/* ── Active item ─────────────── */
/* .fi-active is on the <li>, not the <a> */
.fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background-color: rgba(0, 0, 0, 0.18) !important;
    box-shadow: none !important;
}

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

.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #fff !important;
}

/* ── Header & footer ─────────── */
.fi-sidebar-header {
    background-color: #286090 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.fi-sidebar-footer {
    background-color: #286090 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Collapse button */
.fi-sidebar-open-collapse-sidebar-btn,
.fi-sidebar-close-collapse-sidebar-btn {
    color: rgba(255, 255, 255, 0.55) !important;
}

.fi-sidebar-open-collapse-sidebar-btn:hover,
.fi-sidebar-close-collapse-sidebar-btn:hover {
    color: #fff !important;
}

/* User info in footer */
.fi-sidebar-footer .fi-account-widget-name {
    color: rgba(255, 255, 255, 0.9) !important;
}

.fi-sidebar-footer .fi-account-widget-email {
    color: rgba(255, 255, 255, 0.55) !important;
}

/* ── Topbar ─────────────────────────────────────────────────────────────── */
.fi-topbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
}