/* AGENT STEERING cards (nico-agent-steer.js) — compact, token-only (dark / light / sierra),
   28px controls like the compact results grid. Shared byte-for-byte with IOS/. */
.nico-steer-card { box-sizing:border-box; margin:8px 0; padding:10px 12px; border:1px solid var(--line-soft,var(--line)); border-radius:10px;
  background:var(--surface-1,var(--bg)); color:var(--text,var(--ink)); font:13px/1.45 var(--sans,system-ui); overflow-wrap:anywhere; max-width:100%; }
.nico-steer-card p { margin:4px 0; }
.nas-head { display:flex; align-items:center; gap:6px; min-height:20px; margin-bottom:4px; }
.nas-kind { font-weight:600; font-size:12px; letter-spacing:.01em; }
.nas-agent { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text-2,var(--ink)); font-size:12px; }
.nas-pill { flex:none; padding:1px 7px; border-radius:999px; border:1px solid var(--line-soft,var(--line)); color:var(--text-2,var(--ink)); font:500 11px/16px var(--mono,monospace); }
.nas-pill[data-state="applied"] { color:var(--ok,#3a7); border-color:currentColor; }
.nas-pill[data-state="not_applied"] { color:var(--err,#c44); border-color:currentColor; }
.nas-pill[data-state="awaiting_confirm"] { color:var(--accent,#507099); border-color:currentColor; }
.nas-summary { color:var(--text,var(--ink)); }
.nas-muted, .nas-note, .nas-why, .nas-sent { color:var(--text-3,var(--text-2,var(--ink))); font-size:12px; }
.nas-list { margin:6px 0; padding-left:18px; }
.nas-list > li { margin:6px 0; padding-bottom:6px; border-bottom:1px solid var(--line-soft,var(--line)); }
.nas-list > li:last-child { border-bottom:0; padding-bottom:0; }
.nas-step { font:500 11px/1.5 var(--mono,monospace); color:var(--text-2,var(--ink)); }
.nas-label { display:inline-block; margin-right:6px; padding:0 5px; border-radius:4px; background:var(--surface-2,var(--bg)); font:500 10px/16px var(--mono,monospace); color:var(--text-2,var(--ink)); vertical-align:1px; }
.nas-after, .nas-rendered { white-space:pre-wrap; }
.nas-rendered { margin:4px 0; padding:6px 8px; border-radius:6px; background:var(--surface-2,var(--bg)); max-height:12em; overflow:auto; }
.nas-before > summary { cursor:pointer; min-height:28px; align-content:center; color:var(--text-2,var(--ink)); font-size:12px; }
.nas-before > p { white-space:pre-wrap; color:var(--text-2,var(--ink)); }
.nas-checks { display:flex; flex-wrap:wrap; gap:4px; }
.nas-check { padding:0 6px; border-radius:4px; font:500 11px/18px var(--mono,monospace); background:var(--surface-2,var(--bg)); color:var(--ok,#3a7); }
.nas-check[data-ok="0"] { color:var(--err,#c44); }
.nas-warn { color:var(--err,#c44); font-size:12px; }
.nas-budget { font:500 12px/1.5 var(--mono,monospace); color:var(--text-2,var(--ink)); }
.nas-acts { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.nas-btn { box-sizing:border-box; display:inline-flex; align-items:center; height:28px; padding:0 10px; border:1px solid var(--line,var(--line-soft)); border-radius:6px;
  background:var(--surface-2,var(--bg)); color:var(--text,var(--ink)); font:500 12px/1 var(--sans,system-ui); text-decoration:none; cursor:pointer; white-space:nowrap; }
.nas-btn:hover { border-color:var(--accent,#507099); }
.nas-btn.nas-primary { background:var(--accent,#507099); border-color:transparent; color:var(--on-accent,#fff); }
.nas-btn:disabled { opacity:.55; cursor:default; }
.nas-btn:focus-visible, .nas-before > summary:focus-visible { outline:2px solid var(--accent,#507099); outline-offset:2px; }
@media (max-width:480px) { .nico-steer-card { padding:8px 10px; } .nas-btn { flex:1 1 auto; justify-content:center; } }