/* ═══════════════════════════════════════════════════════════════
   Insomnia License Portal - Custom SVG Icon Set
   Replaces emoji with clean, scalable SVG inline icons
   ═══════════════════════════════════════════════════════════════ */

/* ── Base icon ──────────────────────────────────────────────── */
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentColor;
    flex-shrink: 0;
}
.icon-lg { width: 32px; height: 32px; }
.icon-xl { width: 48px; height: 48px; }
.icon-2xl { width: 64px; height: 64px; }

/* ── Feature card icons (large, colored) ────────────────────── */
.fi {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.fi svg { width: 28px; height: 28px; }

.fi-purple { background: rgba(168, 85, 247, 0.15); color: #a855f7; }
.fi-blue { background: rgba(96, 165, 250, 0.15); color: #60a5fa; }
.fi-green { background: rgba(34, 197, 94, 0.15); color: #22c55e; }
.fi-orange { background: rgba(245, 158, 11, 0.15); color: #f59e0b; }
.fi-red { background: rgba(239, 68, 68, 0.15); color: #ef4444; }
.fi-cyan { background: rgba(34, 211, 238, 0.15); color: #22d3ee; }

/* ── Admin sidebar icons ────────────────────────────────────── */
.nav-icon {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: -3px;
    opacity: 0.8;
}

/* ── Status icons ───────────────────────────────────────────── */
.status-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
}
.status-icon-success { color: #22c55e; }
.status-icon-pending { color: #f59e0b; }
.status-icon-error { color: #ef4444; }