/* ===========================
   Lucide Icons — Base Styling
   Ensures Lucide SVG icons align and size correctly
   alongside text, matching previous FontAwesome behavior.
   =========================== */

/* Base: inline SVG icons inherit text color via currentColor */
.lucide {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    display: inline-block;
    flex-shrink: 0;
    stroke-width: 2;
}

/* Size variants (replaces FA fa-sm, fa-lg, fa-2x, fa-3x) */
.lucide.icon-xs { width: 0.75em; height: 0.75em; }
.lucide.icon-sm { width: 0.875em; height: 0.875em; }
.lucide.icon-lg { width: 1.25em; height: 1.25em; }
.lucide.icon-xl { width: 1.5em; height: 1.5em; }
.lucide.icon-2x { width: 2em; height: 2em; }
.lucide.icon-3x { width: 3em; height: 3em; }

/* Fixed-width alignment (replaces FA fa-fw) */
.lucide.icon-fw {
    width: 1.25em;
    text-align: center;
}

/* SBAdmin2 sidebar icons — consistent sizing */
#accordionSidebar .nav-link .lucide {
    width: 1.1rem;
    height: 1.1rem;
    margin-right: 0.35rem;
}

#accordionSidebar .collapse-item .lucide {
    width: 0.95rem;
    height: 0.95rem;
    margin-right: 0.3rem;
    vertical-align: -0.1em;
}

/* Admin dashboard kpi-icon — overrides for SVG */
.admin-dashboard .kpi-icon .lucide {
    width: 1.15rem;
    height: 1.15rem;
}

/* Topbar icons */
.topbar .nav-link .lucide {
    width: 1.15rem;
    height: 1.15rem;
}

.topbar .dropdown-item .lucide {
    width: 0.875rem;
    height: 0.875rem;
}

/* icon-circle inside notification dropdown */
.icon-circle .lucide {
    width: 1rem;
    height: 1rem;
}

/* scroll-to-top */
.scroll-to-top .lucide {
    width: 1rem;
    height: 1rem;
}