/* ==========================================================================
   BPM Playbook — SVG Icon System
   Premium inline SVG icons replacing emoji characters
   ========================================================================== */

.icon-svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  vertical-align: -0.15em;
  flex-shrink: 0;
}
.icon-svg svg {
  width: 100%;
  height: 100%;
}

/* Large icons for feature cards, mod cards */
.icon-lg { width: 28px; height: 28px; }
.icon-xl { width: 36px; height: 36px; }

/* Animated pulse for status indicators */
@keyframes icon-pulse {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 1; transform: scale(1.05); }
}

/* ── ICON DEFINITIONS ── */

/* Book / Playbook */
.i-book { color: var(--orange, #c8963e); }
.i-book svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Lightbulb / Insight */
.i-bulb { color: var(--yellow, #e8c96a); }
.i-bulb svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Money / Revenue */
.i-money { color: var(--green, #3d8b67); }
.i-money svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Chart / Growth */
.i-chart { color: var(--green, #3d8b67); }
.i-chart svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Star / Premium */
.i-star { color: var(--orange, #c8963e); }
.i-star svg { fill: currentColor; }

/* Palette / Brand */
.i-palette { color: var(--violet, #7a6aaa); }
.i-palette svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Store / Shop */
.i-store { color: var(--blue, #4a7ab5); }
.i-store svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* User / Person */
.i-user { color: var(--orange, #c8963e); }
.i-user svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Target / Goal */
.i-target { color: var(--red, #b54a4a); }
.i-target svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Camera / Photo */
.i-camera { color: var(--violet, #7a6aaa); }
.i-camera svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Package / Box */
.i-package { color: var(--orange, #c8963e); }
.i-package svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Repeat / Loop */
.i-repeat { color: var(--blue, #4a7ab5); }
.i-repeat svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Megaphone / Ads */
.i-megaphone { color: var(--orange, #c8963e); }
.i-megaphone svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Shield / Trust */
.i-shield { color: var(--green, #3d8b67); }
.i-shield svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Warning / Alert */
.i-warning { color: var(--red, #b54a4a); }
.i-warning svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Check / Success */
.i-check { color: var(--green, #3d8b67); }
.i-check svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* Layout / Grid */
.i-layout { color: var(--blue, #4a7ab5); }
.i-layout svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Phone / Mobile */
.i-phone { color: var(--violet, #7a6aaa); }
.i-phone svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Tag / Price */
.i-tag { color: var(--orange, #c8963e); }
.i-tag svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Rocket / Launch */
.i-rocket { color: var(--orange, #c8963e); }
.i-rocket svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Eye / Vision */
.i-eye { color: var(--cyan, #4a9ab5); }
.i-eye svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Globe / World */
.i-globe { color: var(--blue, #4a7ab5); }
.i-globe svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Search / Magnifier */
.i-search { color: var(--orange, #c8963e); }
.i-search svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Trophy / Winner */
.i-trophy { color: var(--orange, #c8963e); }
.i-trophy svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Arrow Up / Growth */
.i-arrow-up { color: var(--green, #3d8b67); }
.i-arrow-up svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* Brush / Design */
.i-brush { color: var(--violet, #7a6aaa); }
.i-brush svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Lock */
.i-lock { color: var(--orange, #c8963e); }
.i-lock svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Key */
.i-key { color: var(--orange, #c8963e); }
.i-key svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Sparkle */
.i-sparkle { color: var(--yellow, #e8c96a); }
.i-sparkle svg { fill: currentColor; }

/* Zap / Lightning */
.i-zap { color: var(--orange, #c8963e); }
.i-zap svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Gear / Settings */
.i-gear { color: var(--blue, #4a7ab5); }
.i-gear svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Cart / Shopping */
.i-cart { color: var(--green, #3d8b67); }
.i-cart svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Heart */
.i-heart { color: var(--pink, #c06070); }
.i-heart svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Chat / Message */
.i-chat { color: var(--blue, #4a7ab5); }
.i-chat svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }