/* Chart Room · Never miss (docs/chart-room/NEVER-MISS.md, boards B1, B4, B5, B10, B11, B12, B16).
   The NEVER MISS block on the Now board, the At stake line, "No answer = …" beside timers, the Hold
   toggle's placement and the drawers' Never miss rows. Controls themselves (choice, toggle, plates)
   are styled by controls.css. Scoped under [data-ui="chartroom"]; nothing animates on its own. */

/* ---- The NEVER MISS block (B1: steel plate with a three-way choice, the consequence beside it) ---- */
[data-ui="chartroom"] .crb-nm { display: flex; align-items: center; gap: 10px 14px; margin-left: auto; flex-wrap: wrap; }
[data-ui="chartroom"] .crb-nm__plate { display: flex; flex-direction: column; gap: 4px; padding: 6px 8px 8px; }
[data-ui="chartroom"] .crb-nm__cap { margin: 0; font: 700 14px/1 var(--cr-cond); letter-spacing: .14em; text-transform: uppercase; color: var(--cr-steel-text); }
[data-ui="chartroom"] .crb-nm__choice { padding: 3px; }
[data-ui="chartroom"] .crb-nm__opt { min-width: 64px; padding: 0 10px; line-height: 1.05; }
[data-ui="chartroom"] .crb-nm__line { max-width: 22em; margin: 0; font: 500 15px/1.3 var(--cr-body); color: var(--cr-ink-2); }
[data-ui="chartroom"] .crb-nm--phone { margin-left: 0; width: 100%; }
[data-ui="chartroom"] .crb-nm--phone .crb-nm__plate { width: 100%; box-sizing: border-box; }
[data-ui="chartroom"] .crb-nm--phone .crb-nm__choice { display: flex; }
[data-ui="chartroom"] .crb-nm--phone .crb-nm__opt { flex: 1; }

/* ---- At stake (B11) -------------------------------------------------------------------------- */
[data-ui="chartroom"] .crb-stake { display: flex; align-items: stretch; gap: 10px; margin: 0 0 8px; flex-wrap: wrap; }
[data-ui="chartroom"] .crb-stake__cap { align-self: center; margin: 0; font: 700 15px var(--cr-cond); letter-spacing: .12em; text-transform: uppercase; color: var(--cr-ink-3); }
[data-ui="chartroom"] .crb-stake__list { display: flex; flex: 1; gap: 8px; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; }
[data-ui="chartroom"] .crb-stake__item { flex: 1 1 200px; display: flex; min-width: 0; }
[data-ui="chartroom"] .crb-stake__item,
[data-ui="chartroom"] .crb-stake__link {
  align-items: center; gap: 10px; box-sizing: border-box; min-height: 44px; padding: 4px 10px;
  background: var(--cr-paper-hi); border-left: 3px solid var(--cr-ink); color: var(--cr-ink); text-decoration: none;
}
[data-ui="chartroom"] .crb-stake__link { display: flex; flex: 1; padding: 0; border: 0; background: none; }
[data-ui="chartroom"] .crb-stake__link:focus-visible { outline: 3px solid var(--cr-focus); outline-offset: 2px; }
[data-ui="chartroom"] .crb-stake__fig { font: 700 18px var(--cr-cond); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-ui="chartroom"] .crb-stake__text { font: 500 15px/1.25 var(--cr-body); color: var(--cr-ink-2); }
[data-ui="chartroom"] .crb-stake__text b { font: 700 15px var(--cr-cond); color: var(--cr-ink); }

/* ---- "No answer = …" and Hold on rows and cards (README rule 6, B10) ------------------------------- */
[data-ui="chartroom"] :is(.crb-row__nm, .crb-card__nm) { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0; }
[data-ui="chartroom"] .crb-noanswer { font: 600 15px/1.25 var(--cr-cond); color: var(--cr-ink-3); }
[data-ui="chartroom"] .crb-noanswer.is-nm { color: var(--cr-teal); }
[data-ui="chartroom"] :is(.crb-row__nm, .crb-card__nm) .cr-toggle { height: 44px; min-width: 72px; }
[data-ui="chartroom"] .crb-card__nm { margin: 2px 0 4px; }
[data-ui="chartroom"] .crb-card .crb-noanswer { color: inherit; opacity: .92; }
[data-ui="chartroom"] .crb-shoutbar__nm { font: 500 15px/1.2 var(--cr-body); color: var(--cr-cream-text); }

/* ---- Her papers, B16 and B12 --------------------------------------------------------------------- */
[data-ui="chartroom"] .cr-papers__nm { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 4px; font: 500 15px/1.3 var(--cr-body); }
[data-ui="chartroom"] .cr-papers__nm > b { font: 700 16px var(--cr-cond); }
[data-ui="chartroom"] .cr-papers__noanswer { margin: 4px 0; font: 600 15px/1.25 var(--cr-cond); color: var(--cr-ink-3); }
[data-ui="chartroom"] .cr-papers__noanswer.is-nm { color: var(--cr-teal); }
[data-ui="chartroom"] .cr-set__held { display: block; font: 500 15px/1.2 var(--cr-body); color: var(--cr-amber-hi); }
[data-ui="chartroom"] .cr-g-nm { display: flex; flex-direction: column; gap: 10px; }
[data-ui="chartroom"] .cr-g-nm h4 { display: flex; align-items: center; gap: 8px; margin: 0; }
[data-ui="chartroom"] .cr-g-nm .cr-choice { flex-wrap: wrap; }
[data-ui="chartroom"] .cr-g-nm__means { margin: 0; font: 500 15px/1.35 var(--cr-body); }

@media (forced-colors: active) {
  [data-ui="chartroom"] .crb-stake__item { border: 1px solid CanvasText; }
  [data-ui="chartroom"] .crb-noanswer.is-nm { color: LinkText; }
}
[data-ui="chartroom"] .cr-g-whoacts ol { margin: 4px 0 0; padding-left: 22px; font: 500 15px/1.4 var(--cr-body); }
[data-ui="chartroom"] .cr-g-whoacts h4 { margin: 12px 0 0; }