/* ==========================================================================
   The issue-type glyph vocabulary (the types lane v1) - the quiet mark
   a card, list row, table cell, filter row or detail header carries
   for its type (story / bug / task / epic). The glyph itself is the
   rail's recipe - a 16x16 viewBox, stroked currentColor, no fill - so
   this sheet only pins the WRAPPER: inline, shrink-proof, muted ink.
   The blocked.css precedent: a thin consumer of the app.css token
   spine, loaded from the root layout so every surface shares it.

   Doctrine: the mark NAMES a type, it does not gate one - v1 is
   vocabulary + renders, no per-type required fields. --muted holds
   5.5:1 / 5.3:1 (the .num audit's bar); the glyph is decorative
   beside it (aria-hidden + title carry the name).
   ========================================================================== */

.type-mark {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  color: var(--muted);
  line-height: 1;
}

.type-mark svg {
  display: block;
  flex-shrink: 0;
}

/* The detail header's chip form: glyph + label, the meta row's voice. */
.detail-type {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1, var(--space-1));
  color: var(--muted);
  font-size: var(--size-sm, 12.5px);
  line-height: 1.45;
  flex-shrink: 0;
}