/* =========================
LIGHT MODE
========================= */

:root:not(.dark) .fi-sidebar-nav {
background: linear-gradient(180deg, #011f1d, #014d47, #011f1d);
border-right: 1px solid rgba(0, 207, 193, 0.25);
}

/* Labels */
:root:not(.dark) span.fi-sidebar-item-label {
color: #e6fffc;
font-weight: 500;
letter-spacing: 0.3px;
}

/* Icons */
:root:not(.dark) svg.fi-sidebar-item-icon {
color: #e6fffc;
filter: drop-shadow(0 0 6px rgba(0, 207, 193, 0.5));
}

/* Hover */
:root:not(.dark) .fi-sidebar-item-btn:hover {
background: linear-gradient(90deg, #00a99d, #00cfc1);
transform: translateX(4px);
transition: all 0.25s ease;
}

:root:not(.dark) a.fi-sidebar-item-button:hover span.fi-sidebar-item-label {
color: #011f1d;
}

/* Active */
:root:not(.dark) .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
background: linear-gradient(90deg, #007a70, #00cfc1);
box-shadow: 0 0 15px rgba(0, 207, 193, 0.5);
border-radius: 8px;
}

:root:not(.dark) .fi-sidebar-item.fi-active span.fi-sidebar-item-label {
color: #ffffff !important;
font-weight: 600;
}

/* Groups */
:root:not(.dark) .fi-sidebar-group-label {
color: #00cfc1 !important;
font-size: 0.75rem;
letter-spacing: 1px;
text-transform: uppercase;
}

/* =========================
DARK MODE
========================= */

.dark .fi-sidebar-nav {
background: linear-gradient(180deg, #010f0e, #011f1d, #010f0e);
border-right: 1px solid rgba(0, 207, 193, 0.18);
}

/* Labels */
.dark span.fi-sidebar-item-label {
color: #ccfffb;
font-weight: 500;
}

/* Icons */
.dark svg.fi-sidebar-item-icon {
color: #e6fffc;
filter: drop-shadow(0 0 8px rgba(0, 207, 193, 0.6));
}

/* Hover */
.dark .fi-sidebar-item-btn:hover {
background: linear-gradient(90deg, #007a70, #00a99d);
transform: translateX(4px);
transition: all 0.25s ease;
}

.dark a.fi-sidebar-item-button:hover span.fi-sidebar-item-label {
color: #011f1d;
}

/* Active */
.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
background: linear-gradient(90deg, #007a70, #00cfc1);
box-shadow: 0 0 18px rgba(0, 207, 193, 0.7);
}

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

/* Groups */
.dark .fi-sidebar-group-label {
color: #00cfc1 !important;
}

/* =========================
SPACING
========================= */

.fi-sidebar-nav {
padding: 6px 10px;
}

.fi-sidebar-nav-groups {
gap: 8px !important;
}

.fi-sidebar-item a {
padding: 8px 16px;
border-radius: 8px;
}

/* =========================
LOGO
========================= */

img.fi-logo {
height: 3rem !important;
filter: drop-shadow(0 0 10px rgba(0, 207, 193, 0.6));
}

/* =========================
BUTTON TEXT COLOR FIX
========================= */

.fi-btn.fi-color-primary {
    color: #ffffff !important;
}

/* Normal button -> black text */
.fi-btn.fi-ac-btn-action:not(.fi-color-primary, .fi-color-info ) {
    color: #000000 !important;
}

.fi-color.fi-color-primary {
    /*color: #ffffff !important;*/
}
.fi-btn.fi-color-primary:hover {
/*     color: #ffffff !important; */
}

.fi-btn.fi-ac-btn-action:not(.fi-color-primary, .fi-color-info):hover {
/*     color: #000000 !important; */
}