/* Admin console: dense tables, editor split. */
.ad-page { padding-bottom: var(--s-6); }
.ad-head { padding: var(--s-6) 0 var(--s-4); display: flex; gap: var(--s-4); align-items: flex-end; flex-wrap: wrap; }
.ad-head h1 { font-size: var(--fs-h2); }
.ad-head .actions { margin-left: auto; display: flex; gap: var(--s-2); flex-wrap: wrap; }
.ad-split { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--s-6); align-items: start; }
@media (max-width: 1100px) { .ad-split { grid-template-columns: minmax(0, 1fr); } }
.editor { position: sticky; top: 80px; background: var(--surface); padding: var(--s-5); display: flex; flex-direction: column; gap: var(--s-4); }
.editor .prev { background: var(--bg); padding: var(--s-4); max-height: 260px; overflow-y: auto; font-size: var(--t-14); line-height: 1.6; }
.editor .prev h4 { font-size: var(--t-15); margin: var(--s-3) 0 4px; }
.flow { display: flex; gap: 4px; flex-wrap: wrap; align-items: center; font-size: var(--t-13); }
.flow span { padding: 3px 10px; border-radius: var(--r-full); background: var(--bg); color: var(--muted); font-weight: 700; }
.flow span.on { background: var(--primary); color: var(--on-primary); }
.flow .ico { color: var(--muted); }
.matrix td, .matrix th { text-align: center; }
.matrix td:first-child, .matrix th:first-child { text-align: left; }
.matrix .yes { color: var(--success-ink); } .matrix .no { color: var(--muted-2); }
.bars { width: 100%; height: auto; }
.bars rect { fill: var(--c-3); } .bars rect.hi { fill: var(--primary); }
.bars text { font-size: 11px; fill: var(--muted); font-family: var(--font-body); }