/* Новый интерфейс statsdesk (спека 2026-10-03). Дополняет app.css. */
.lead{margin:-8px 0 16px;max-width:760px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.cols .card{margin:0}
.lvl{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0;background:var(--ok)}
.lvl.yellow{background:var(--warn)}.lvl.red{background:var(--neg)}.lvl.none,.lvl.running,.lvl.failed{background:var(--muted)}
.lvl.failed{background:var(--neg)}
.dayhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dayhead .what{font-size:16px;font-weight:500}
.rows li{display:flex;gap:10px;align-items:flex-start;padding:10px 18px;border-top:1px solid var(--border)}
.rows li:first-child{border-top:0}
.rows .why{display:block;font-size:13px;color:var(--muted)}
.rows .num{margin-left:auto;white-space:nowrap}
details.more summary{padding:10px 18px}
.grid-wrap{overflow:auto;max-height:70vh}
table.grid td{padding:0;border-right:1px solid var(--border)}
table.grid td>span{display:block;min-width:8ch;padding:7px 10px;white-space:pre;outline:0}
table.grid td.ro>span{color:var(--muted)}
table.grid td.dirty{background:var(--warn-soft)}
table.grid td.bad{background:var(--neg-soft);box-shadow:inset 0 0 0 2px var(--neg)}
table.grid td.expr>span::before{content:"ƒ ";color:var(--muted)}
table.grid tr.del td{text-decoration:line-through;opacity:.55}
table.grid tr.new td{background:var(--ok-soft)}
table.grid th{position:sticky;top:0;background:var(--surface);z-index:1}
.gridbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}
@media (max-width:860px){.cols{grid-template-columns:minmax(0,1fr)}}
textarea.paste{min-height:160px}
.codeview{overflow:auto;max-height:78vh}
table.code{border-collapse:collapse;width:100%;font:13px/1.55 "Fira Code",ui-monospace,monospace}
table.code td{padding:0 12px;border:0;vertical-align:top}
table.code td.src{white-space:pre;tab-size:4}
table.code td.ln{width:1%;text-align:right;user-select:none;color:var(--muted);border-right:1px solid var(--border)}
table.code td.ln a{color:inherit;text-decoration:none}
table.code tr:target td{background:var(--warn-soft)}
table.code a.def{color:inherit;text-decoration:underline dotted;text-underline-offset:3px}
table.code mark{background:var(--warn-soft);color:inherit;box-shadow:0 0 0 1px var(--warn)}
.snip{margin:0 0 12px}.snip .more{padding:4px 12px}