/* ============================================
   AUBA Beauty Studio — SVG Icon System
   Usage: <i class="icon icon-admin"></i>
   Icons: SVG sprites for crisp rendering at any size.
   Replaces emoji (👩‍🎤, 🔒, 📊, 📅, etc.) per Impecmable anti-pattern.
============================================ */

.icon {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    vertical-align: middle;
    fill: currentColor;
}

.icon-sm { width: 1rem; height: 1rem; }
.icon-lg { width: 1.5rem; height: 1.5rem; }
.icon-xl { width: 2rem; height: 2rem; }

/* SVG sprite — inject this once into body (or inline each) */
.icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

.icon-admin:before { content: ""; }
.icon-manicurist:before { content: ""; }
.icon-lock:before { content: ""; }
.icon-calendar:before { content: ""; }
.icon-dashboard:before { content: ""; }
.icon-users:before { content: ""; }
.icon-services:before { content: ""; }
.icon-settings:before { content: ""; }
.icon-logout:before { content: ""; }
.icon-whatsapp:before { content: ""; }

/* Color variants — use brand color for important icons */
.icon-accent { color: var(--color-accent); }
.icon-success { color: var(--color-success); }
.icon-error { color: var(--color-error); }
.icon-warning { color: var(--color-warning); }