/* Brand color */
:root {
    --color-primary-blue: #0038A8;
    --color-primary-blue-dark: #002d8a;
}

.bg-primary-blue      { background-color: var(--color-primary-blue) !important; }
.text-primary-blue    { color: var(--color-primary-blue) !important; }
.border-primary-blue  { border-color: var(--color-primary-blue) !important; }
.hover\:bg-primary-blue-dark:hover { background-color: var(--color-primary-blue-dark) !important; }

/* Sidebar width + background — flat indigo */
:root {
    --sidebar-width: 260px !important;
}

.fi-sidebar {
    background: #1e1b4b !important;
}

/* Sidebar brand/logo area */
.fi-sidebar-header {
    background: transparent !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* Brand name */
.fi-sidebar-header .fi-brand-name {
    color: #e0e7ff !important;
}

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

/* Nav item text — default */
.fi-sidebar .fi-sidebar-item-label {
    color: #ffffff !important;
}

/* Nav item icon — default */
.fi-sidebar .fi-sidebar-item-icon {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Active nav item — white bg, dark text */
.fi-sidebar-item-button.fi-active,
.fi-sidebar-item-button[aria-current],
.fi-sidebar-item-button[aria-current="page"] {
    background: #ffffff !important;
}

.fi-sidebar-item-button.fi-active .fi-sidebar-item-label,
.fi-sidebar-item-button[aria-current] .fi-sidebar-item-label,
.fi-sidebar-item-button[aria-current="page"] .fi-sidebar-item-label,
.fi-sidebar-item-button.fi-active span,
.fi-sidebar-item-button[aria-current] span {
    color: #1e1b4b !important;
}

.fi-sidebar-item-button.fi-active .fi-sidebar-item-icon,
.fi-sidebar-item-button[aria-current] .fi-sidebar-item-icon,
.fi-sidebar-item-button[aria-current="page"] .fi-sidebar-item-icon {
    color: #4338ca !important;
}

/* Hover state — light bg, dark text */
.fi-sidebar-item-button:hover {
    background: rgba(255, 255, 255, 0.15) !important;
}

.fi-sidebar-item-button:hover .fi-sidebar-item-label,
.fi-sidebar-item-button:hover span {
    color: #1e1b4b !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item:hover .fi-sidebar-item-label,
.fi-sidebar-item:hover span,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar-item:hover .fi-sidebar-item-icon {
    color: #1e1b4b !important;
}

.fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    color: #4338ca !important;
}

/* Sidebar footer (user account widget) */
.fi-sidebar-footer {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(0, 0, 0, 0.15) !important;
}

.fi-sidebar-footer .fi-user-name {
    color: #e0e7ff !important;
}

.fi-sidebar-footer .fi-user-job-title {
    color: #a5b4fc !important;
}