/* --- TOPBAR BASE --- */
.fi-topbar {
    background-color: #5D71BC !important;
    color: #FFFFFF !important;
}

/* --- TARGET ONLY THE HAMBURGER (Sidebar Toggle) --- */
/* This targets the icon button responsible for toggling the sidebar */
.fi-topbar div[class*="fi-sidebar-trigger"] .fi-icon-btn svg,
.fi-topbar .fi-icon-btn[aria-label*="Sidebar"],
.fi-topbar .fi-icon-btn svg {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
    stroke-width: 3px !important;
}

/* Optional: Subtle background on hover so it feels interactive */
.fi-topbar .fi-icon-btn:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}