/* Classifier mechanism styles (Lane B, Nov 10 2026).
   Shared by the Bubble Archive console and the Bubble Heist shelf.
   Palette rides each surface's own variables with house fallbacks:
   Gem Gold #C39A3B, ink, paper, ghost greys. The one orange in this
   file is the tape's NOT LIVE dot, Bitcoin Orange #F7931A, placed
   by the Captain's direct ruling for that element alone. */

/* ---------- chip groups ---------- */
.chipgroups{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
.chipgroup{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.chipgroup .grouplabel{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim,#5c574a);font-weight:bold;padding-top:9px;flex:0 0 118px}
.chipgroup .chips{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 auto;min-width:0}
.ba-chip{font:inherit;font-size:13px;font-weight:bold;border:1.5px solid var(--line,#ddd6c4);background:var(--panel,#fff);color:var(--ink,#1c1a15);border-radius:999px;padding:6px 12px;min-height:36px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.ba-chip svg{width:16px;height:16px;flex:0 0 auto}
.ba-chip[aria-pressed="true"]{border-color:var(--gold,#C39A3B);background:var(--panel-2,#fff8ea);box-shadow:inset 0 0 0 1.5px var(--gold,#C39A3B)}
.ba-chip:focus-visible,.orgtape button:focus-visible,.clf:focus-visible{outline:3px solid var(--gold,#C39A3B);outline-offset:2px}
.ba-chip .n{font-weight:normal;color:var(--dim,#5c574a);font-size:12px}

/* ---------- organization ticker tape ---------- */
.orgtape{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:8px 2px;margin:14px 0 4px;border-top:1px solid var(--line,#ddd6c4);border-bottom:1px solid var(--line,#ddd6c4);scrollbar-width:thin}
.orgtape .tapelabel{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim,#5c574a);font-weight:bold;white-space:nowrap}
.orgtape button{font:inherit;font-size:13px;white-space:nowrap;border:1.5px solid var(--line,#ddd6c4);background:var(--panel,#fff);color:var(--ink,#1c1a15);border-radius:999px;padding:5px 12px;min-height:34px;cursor:pointer}
.orgtape button[aria-pressed="true"]{border-color:var(--gold,#C39A3B);background:var(--panel-2,#fff8ea);box-shadow:inset 0 0 0 1.5px var(--gold,#C39A3B)}
.orgtape button b{color:var(--accent-ink,#7a4a00)}
.notlive{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:bold;letter-spacing:.14em;color:var(--dim,#5c574a);white-space:nowrap;margin-left:auto;padding-left:10px}
.notlive .dot{width:9px;height:9px;border-radius:50%;background:#F7931A;box-shadow:0 0 6px #F7931A;flex:0 0 auto}

/* ---------- classifier icon slots ---------- */
.clf-slot{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
.clf{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:var(--ink,#1c1a15);text-decoration:none}
.clf svg{width:20px;height:20px}
a.clf:hover{background:var(--panel-2,#fff8ea)}
.clf-hat-white{color:var(--dim,#5c574a)}
.clf-hat-grey{color:#8a8474}
.clf-hat-black{color:#141310}
html[data-theme="dark"] .clf-hat-black{color:#f2ead9}
.clf-glow svg{filter:drop-shadow(0 0 3px rgba(195,154,59,.95)) drop-shadow(0 0 7px rgba(195,154,59,.55))}
.clf-slot-tapebar{gap:4px}
.clf-slot-tapebar .clf{width:26px;height:26px;color:#141310}
.clf-slot-tapebar .clf svg{width:18px;height:18px}

/* ---------- ghost treatment (memo section 12) ---------- */
/* Archive shelf: the row stays whole and counted, rendered in the
   ghost greys in both themes, with a ghost chip. */
tr.ghostrow td{background:#c9cabb !important;color:#23241f !important}
tr.ghostrow td a{color:#23241f !important}
tr.ghostrow .stamp,.ghostchip{display:inline-block;border:1.5px solid #5f6157;color:#5f6157;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:bold;letter-spacing:.06em}
tr.ghostrow .mid, tr.ghostrow .sub2{color:#5f6157 !important}
/* Heist: the dreary taped door. Full desaturate, a CSS-only
   caution tape strip, the whole card one link to the ghost story. */
.cover.ghostcover{filter:saturate(0) contrast(.92) brightness(.97)}
.cover.ghostcover .tapebar{background:#8d8f83;color:#23241f}
.ghosttape{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:bold;letter-spacing:.3em;color:#23241f;padding:3px 0;background:repeating-linear-gradient(45deg,#f2c230 0 14px,#23241f 14px 16px,#f2c230 16px 30px);pointer-events:none}
.cover .tapebar{min-height:30px;display:flex;align-items:center;padding:2px 8px;gap:4px;background:rgba(127,123,110,.16);border-bottom:1.5px solid var(--line,#ddd6c4)}

@media (prefers-reduced-motion: reduce){
  .orgtape{scroll-behavior:auto}
  .clf-glow svg{filter:drop-shadow(0 0 2px rgba(195,154,59,.8))}
}