/* The Ledger — panel header glyphs.
 *
 * Tiny stroke icons injected into every panel <h2> (app.js injectGlyphs()).
 * They read like exchange notation / stamped marks, not app-store icons: a
 * 13px stroke mark on a 1px chip border, --panel-2 at the deepest background,
 * muted resting and brass on ancestor hover. No emoji, no gradients, no blur.
 *
 * Icon geometry lives in the SVGs themselves (16×16 viewBox, fill:none,
 * stroke:currentColor, stroke-width 1.5, round caps/joins) — this file only
 * treats the chip. */

.glyph {
  flex: none;
  display: inline-block;
  width: 13px;
  height: 13px;
  padding: 2px;
  box-sizing: content-box;
  background: var(--panel-2, #121722);
  border: 1px solid var(--border, #1b2432);
  color: var(--muted, #74809a);
}

/* Brass on ancestor hover — the panel warming up lights the stamp. */
.panel:hover .glyph {
  color: var(--brass, #d4b47a);
  border-color: color-mix(in srgb, var(--brass, #d4b47a) 45%, transparent);
}