/* ═══════════════════════════════════
   NeuralPulse — SVG Icon System
   Lucide Icons via CSS masks
═══════════════════════════════════ */

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  vertical-align: middle;
}

.icon svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.icon-xs svg { width: 12px; height: 12px; }
.icon-sm svg { width: 14px; height: 14px; }
.icon    svg { width: 16px; height: 16px; }
.icon-md svg { width: 18px; height: 18px; }
.icon-lg svg { width: 20px; height: 20px; }
.icon-xl svg { width: 24px; height: 24px; }
.icon-2xl svg { width: 32px; height: 32px; }
.icon-3xl svg { width: 40px; height: 40px; }

/* Category card icons */
.cat-icon-wrap {
  width: 48px; height: 48px;
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 12px;
}