/* === Pro sidebar icon system === */
#side-menu i.menu-icon {
    font-size: 1.15rem;
    width: 1.85rem;
    min-width: 1.85rem;
    line-height: 1.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: .6rem;
    transition: transform .18s ease, color .18s ease, opacity .18s ease;
    opacity: .92;
}

#side-menu>li>a {
    display: flex;
    align-items: center;
}

#side-menu li a:hover i.menu-icon {
    transform: translateX(2px);
    opacity: 1;
}

#side-menu li.mm-active>a i.menu-icon,
#side-menu li.active>a i.menu-icon {
    color: var(--bs-primary, #0d6efd);
    opacity: 1;
}

/* Optional subtle tints per category */
.icon-dashboard {
    color: #0ea5e9;
}

.icon-admission {
    color: #22c55e;
}

.icon-reports {
    color: #f59e0b;
}

.icon-settings {
    color: #8b5cf6;
}

.icon-accounts {
    color: #ef4444;
}

.icon-docs {
    color: #14b8a6;
}

.icon-qr {
    color: #e11d48;
}

.icon-list {
    color: #64748b;
}

.icon-lock {
    color: #0ea5e9;
}

.icon-logout {
    color: #475569;
}
/* === Sidebar help block behaviour === */

/* Default: expanded sidebar */
.sidebar-help-expanded {
    display: block;
}
.sidebar-help-icon {
    display: none;
}

/* Make sure nothing gets rotated / vertical */
.sidebar-help {
    writing-mode: horizontal-tb !important;
}
.sidebar-help *,
.sidebar-help .card,
.sidebar-help .card-body {
    transform: none !important;
}

/* When sidebar is collapsed (body.enlarged is set by app.js) */
body.enlarged .sidebar-help-expanded,
body.left-side-menu-condensed .sidebar-help-expanded,
body[data-leftbar-compact-mode="condensed"] .sidebar-help-expanded {
    display: none !important;
}

body.enlarged .sidebar-help-icon,
body.left-side-menu-condensed .sidebar-help-icon,
body[data-leftbar-compact-mode="condensed"] .sidebar-help-icon {
    display: block !important;
}