/* Agent pages, on top of hub.css (Right Hand look, 2026-10-30: borderless rounded cards, hairline rows, the shared segmented control). Figures in one ruled ledger row, lists as hairline rows. */
.off{display:flex;gap:10px;align-items:baseline;border:0;position:relative;box-shadow:var(--shadow);background:var(--panel);border-radius:var(--r-sm);padding:10px 14px 10px 22px;font-size:.86rem;line-height:1.45;margin:0 0 14px;color:var(--ink-2)}
.off::before{content:"";position:absolute;left:10px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--gold-2)}
.off b{white-space:nowrap;color:var(--ink)}
.tiles,.hero3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:0;margin:0 0 14px;border:0;border-radius:var(--r);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}
@media (min-width:760px){.tiles,.hero3{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}
.tile3{padding:14px 18px;box-shadow:-.5px 0 0 var(--line),0 -.5px 0 var(--line);min-width:0}
.tile3 .lbl{font-size:.76rem;font-weight:600;color:var(--ink-2)}
.tile3 .big{font-family:var(--brand);font-size:1.9rem;font-weight:700;line-height:1.05;margin:6px 0 3px;font-variant-numeric:tabular-nums}
.tile3 .small{font-size:.78rem;color:var(--muted)}
.tile3.accent .big{color:var(--accent)}
.hero3 .who{padding:14px 16px}
.bar3{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.rows{display:grid;gap:0}
.r{padding:12px 2px;display:grid;gap:5px;border-top:.5px solid var(--line)}
.rows > .r:first-child{border-top:0}
.r.hot{box-shadow:inset 3px 0 0 var(--bad);padding-left:12px}
.r.done{opacity:.55}
.r .hd{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.r b{font-size:.93rem;font-weight:600}
.r .amt{font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums}
.r small{color:var(--muted);font-size:.8rem;display:block}
.r .acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:2px}
.r .acts select{height:34px;min-height:34px;font-size:.84rem;padding:0 8px}
.draft{background:var(--panel-2);border:0;border-radius:var(--r-sm);padding:10px 12px;font-size:.88rem;line-height:1.5;white-space:pre-wrap}
.draft h4{margin:0 0 4px;font-size:.72rem;font-weight:600;color:var(--muted)}
.draft + .draft{margin-top:6px}
.f input,.f textarea{width:100%}
.more{text-align:center;margin-top:10px}
.fresh{font-size:.78rem;color:var(--muted);font-family:var(--mono)}
.linkish{font:inherit;background:none;border:0;padding:0;color:var(--accent);font-weight:500;cursor:pointer;text-decoration:underline}
details.why{border:0;box-shadow:var(--shadow);background:var(--panel);border-radius:var(--r-sm);padding:9px 13px;margin:0 0 14px;font-size:.86rem}
details.why summary{cursor:pointer;font-weight:600}
details.why ul{margin:8px 0 4px;padding-left:18px;line-height:1.6}
.draftbox{display:grid;gap:4px;margin-top:4px}
.draftbox .dtabs{font-size:.72rem;font-weight:600;color:var(--muted);margin-top:4px}
.checks{font-size:.78rem;color:var(--good);font-weight:500}
.checks.bad{color:var(--bad)}
.draftbox.flag{box-shadow:inset 3px 0 0 var(--bad);padding-left:10px}
.seg2{display:inline-flex;border:0;border-radius:12px;overflow:hidden;background:var(--sunk);padding:2px;gap:2px}
.seg2 button{font:inherit;font-size:.82rem;font-weight:600;color:var(--ink-2);background:none;border:0;padding:0 11px;height:32px;border-radius:10px;cursor:pointer;white-space:nowrap}
.seg2 button:hover{background:color-mix(in srgb,var(--panel) 60%,transparent)}
.seg2 button.on{background:var(--panel);color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.r .meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.lvl{font-family:var(--mono);font-size:.68rem;font-weight:600;border-radius:999px;padding:1px 7px;background:var(--bad);color:var(--panel)}