/* ==============================================
   SVG Icon System
   Using inline SVG icons (Lucide-compatible)
   ============================================== */

/* Icon Base Styles */
.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    overflow: visible;
}

.icon svg {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    overflow: visible;
}

/* Icon Sizes */
.icon-lg {
    width: 1.5rem;
    height: 1.5rem;
}

.icon-sm {
    width: 1rem;
    height: 1rem;
}

.icon-xs {
    width: 0.875rem;
    height: 0.875rem;
}