/* v9.1 — дополнения к v9: блок «Что происходит», тексты прогрева, списки, шаблоны, ответы. Только токены из tokens.css. */
.live h2 { display: flex; align-items: baseline; gap: var(--sp-3); flex-wrap: wrap; }
.live .upd { font-size: var(--fs-s); color: var(--text-3); font-weight: 400; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--sp-3); margin: var(--sp-3) 0; }
button.stat { text-align: left; background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--r-1); padding: var(--sp-3); color: var(--text); font: inherit; cursor: pointer; }
button.stat:hover { border-color: var(--accent); }
button.stat:focus-visible { box-shadow: var(--focus); outline: none; }
.stat b { display: block; font-size: var(--fs-xl); line-height: 1.2; }
.stat span { font-size: var(--fs-s); color: var(--text-2); }
.live h3, .sub-h { font-size: var(--fs-m); margin: var(--sp-4) 0 var(--sp-2); color: var(--text-2); }
.prog-row { padding: var(--sp-3) 0; border-top: 1px solid var(--line); }
.prog-row:first-of-type { border-top: 0; }
.prog-row .name { background: none; border: 0; padding: 0; font: inherit; font-weight: 600; color: var(--accent); cursor: pointer; text-align: left; }
.bar.wide { height: 10px; margin: var(--sp-2) 0; }
.mini { display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-2) 0; border-top: 1px solid var(--line); font-size: var(--fs-s); }
.mini:first-of-type { border-top: 0; }
.mini .bar { flex: 0 0 90px; }
.mini .grow { flex: 1; min-width: 0; overflow-wrap: anywhere; }
button.linklike { background: none; border: 0; padding: 0; font: inherit; color: var(--accent); cursor: pointer; text-align: left; }
.tablinks { display: flex; gap: var(--sp-2); flex-wrap: wrap; margin-bottom: var(--sp-4); border-bottom: 1px solid var(--line); }
.tablinks a { padding: var(--sp-2) var(--sp-4); border-radius: var(--r-1) var(--r-1) 0 0; color: var(--text-2); text-decoration: none; font-weight: 600; border-bottom: 3px solid transparent; }
.tablinks a[aria-current="page"] { color: var(--accent); border-bottom-color: var(--accent); }
.tablinks a:focus-visible { box-shadow: var(--focus); outline: none; }
.variant { border: 1px solid var(--line); border-radius: var(--r-2); padding: var(--sp-4); background: var(--surface); }
.variant + .variant { margin-top: var(--sp-3); }
.variant.off { opacity: .7; background: var(--surface-2); }
.variant.similar { border-color: var(--warn); }
.variant-h { display: flex; gap: var(--sp-3); align-items: center; flex-wrap: wrap; margin-bottom: var(--sp-2); }
.variant-h b { flex: 1; }
.variant textarea { min-height: 70px; }
.preview { border: 1px solid var(--line); border-radius: var(--r-1); padding: var(--sp-3); background: var(--surface-2); margin-top: var(--sp-2); white-space: pre-wrap; overflow-wrap: anywhere; }
.preview .sj { font-weight: 700; margin-bottom: var(--sp-2); }
.preview .rp { margin-top: var(--sp-3); padding-top: var(--sp-2); border-top: 1px dashed var(--line); color: var(--text-2); }
.counter { font-size: var(--fs-xl); font-weight: 700; }
.table { width: 100%; border-collapse: collapse; font-size: var(--fs-s); }
.table th, .table td { text-align: left; padding: var(--sp-2) var(--sp-3); border-top: 1px solid var(--line); vertical-align: top; overflow-wrap: anywhere; }
.table th { color: var(--text-3); font-weight: 600; border-top: 0; }
.tbl-wrap { overflow-x: auto; }
iframe.tpl-preview { width: 100%; min-height: 260px; border: 1px solid var(--line); border-radius: var(--r-1); background: #fff; }
textarea.code { font-family: ui-monospace, Menlo, Consolas, monospace; min-height: 260px; }
.chips { display: flex; gap: var(--sp-2); flex-wrap: wrap; }
.chip { border: 1px solid var(--line); border-radius: 999px; padding: 2px var(--sp-3); font-size: var(--fs-s); background: var(--surface); color: var(--text); cursor: pointer; }
.chip[aria-pressed="true"] { background: var(--accent-soft); border-color: var(--accent); color: var(--accent); }
.reply-row { padding: var(--sp-3) 0; border-top: 1px solid var(--line); }
.reply-row:first-of-type { border-top: 0; }
.pill-warn, .pill-info { }

/* v9.2: компактные строки текстов прогрева, мягкие подсказки, инструкция Telegram, причины недоставки */
.variant { padding: var(--sp-3) var(--sp-4); }
.variant-h { margin-bottom: 0; }
.variant-h .vhead { flex: 1; min-width: 200px; display: flex; gap: var(--sp-3); align-items: baseline; text-align: left; background: none; border: 0; padding: var(--sp-2) 0; cursor: pointer; color: inherit; font: inherit; overflow: hidden; }
.variant-h .vn { color: var(--muted, #667); font-weight: 600; }
.variant-h .vs { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40%; }
.variant-h .vb { color: var(--muted, #667); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; }
.vform { margin-top: var(--sp-3); }
.note { background: var(--warn-soft); color: var(--warn); border-radius: var(--r-2); padding: var(--sp-2) var(--sp-3); margin: var(--sp-2) 0; }
.tg-guide { background: var(--surface-2); border-radius: var(--r-2); padding: var(--sp-3) var(--sp-4); }
.reasons { margin: var(--sp-2) 0; padding-left: var(--sp-5, 1.2rem); }
.card.inner { margin-top: var(--sp-4); }