/* ═══════════════════════════════════════════════════════════════
   claude-ai-icons.css — SVG icon system replacing emojis
   ═══════════════════════════════════════════════════════════════ */

.ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  flex-shrink: 0;
  line-height: 1;
}

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

/* Color variants */
.ic-warn { color: #f59e0b; }
.ic-ok   { color: #22c55e; }
.ic-err  { color: #ef4444; }
.ic-mute { color: #94a3b8; }
.ic-star { color: #f59e0b; }
.ic-pink { color: #ec4899; }

/* Filled icons (no stroke needed) */
.ic svg[data-filled] {
  stroke: none;
  fill: currentColor;
}