/* Recon visual standard: shared by targeting, evidence, knowledge, and the gateway. */
:root, :root[data-accent] {
  --bg:#0b1014; --bg2:#111920; --bg3:#1b2731; --panel:#111920; --raised:#1b2731;
  --ink:#e7edf2; --muted:#9aabb8; --dim:#9aabb8; --faint:#748592;
  --line:#2b3944; --line2:#40515e; --accent:#f2ad54; --accent-soft:#f2ad5417; --accent-line:#f2ad5466;
  --green:#75d5b6; --good:#75d5b6; --cyan:#79c7df; --bad:#f18c86; --warn:#f2ad54; --r:3px;
  --mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
}
body { background:var(--bg); color:var(--ink); font-size:13px; }
button, input, select, textarea, dialog { border-radius:3px; }
button.primary, .button.primary { background:var(--accent); color:#111920; border-color:var(--accent); }
a { color:var(--cyan); }
:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.topbar { height:44px; padding:0 20px; background:var(--panel); }
.brand { font:700 15px var(--mono); letter-spacing:.08em; gap:10px; }
.brand-mark { border-radius:2px; width:24px; height:24px; font-size:16px; background:var(--accent); }
.brand span:last-child { font:10px var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.header-actions, .local-badge, .eyebrow, .card-meta, .source-meta, .metric, .connection, .terminal-strip { font-family:var(--mono); }
.header-actions { gap:16px; font-size:10px; }
.target-command { display:grid; grid-template-columns:150px minmax(120px,1fr) auto auto; gap:10px; align-items:center; padding:12px 20px; background:#151e26; border-bottom:1px solid var(--line); }
.target-command label { color:var(--accent); font:600 11px var(--mono); letter-spacing:.06em; }
.target-command input { background:#080e12; border-color:#54626d; font-family:var(--mono); padding:10px 12px; }
.target-command button { white-space:nowrap; font-size:12px; }
.terminal-strip { min-height:30px; display:flex; align-items:center; flex-wrap:wrap; gap:9px 24px; padding:7px 20px; border-bottom:1px solid var(--line); font-size:10px; color:var(--muted); }
.terminal-strip strong { color:var(--cyan); font-weight:500; }
.terminal-strip .terminal-key { margin-left:auto; }
kbd { font:10px var(--mono); color:var(--ink); border:1px solid var(--line2); padding:2px 5px; border-radius:2px; }
.workspace { grid-template-columns:220px minmax(0,1fr); min-height:calc(100vh - 144px); }
.sidebar { padding:18px 10px; background:#0e151b; }
.sidebar-title { padding:0 10px 12px; }
.sidebar-title h2 { font:600 11px var(--mono); text-transform:uppercase; letter-spacing:.06em; }
.workspace-nav { gap:2px; margin-bottom:22px; }
.workspace-nav button { padding:10px; border-radius:2px; font-size:12px; }
.workspace-nav button[aria-current="page"], .mission-link[aria-current="true"] { background:#25303a; border-color:var(--line2); box-shadow:inset 2px 0 var(--accent); }
.mission-list { gap:3px; }
.mission-link { border-radius:2px; padding:11px 10px; border-bottom:1px solid var(--line); }
.mission-link strong { font-size:12px; }
.connections { padding:22px 10px 0; }
main { padding:24px 26px 44px; }
.welcome { max-width:none; margin:4px 0; }
.welcome h1 { font-size:28px; letter-spacing:-.025em; margin:0 0 10px; line-height:1.2; }
.intro { font-size:13px; max-width:760px; margin-bottom:18px; }
.eyebrow { font-size:10px; letter-spacing:.11em; margin-bottom:9px; }
.phase-preview { margin:0; padding:18px; background:var(--panel); border:1px solid var(--line); gap:14px; align-content:start; }
.phase-preview h2 { font-size:14px; }
.phase-preview p { font-size:12px; }
.target-start-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.8fr); gap:22px; margin-top:24px; align-items:start; }
.create-form { background:var(--panel); border:1px solid var(--line); padding:20px; gap:9px; }
.create-form label:first-child { margin-top:0; }
.target-guide { display:grid; gap:16px; }
.target-guide section { border:1px solid var(--line); padding:18px; background:var(--panel); }
.target-guide h2 { font:600 11px var(--mono); color:var(--cyan); letter-spacing:.05em; }
.target-guide p { color:var(--muted); font-size:12px; margin:8px 0 0; }
.mission-heading { border-bottom:1px solid var(--line); padding-bottom:12px; }
.mission-heading h1, .knowledge-heading h1 { font-size:23px; margin-bottom:8px; }
.metrics { gap:0; margin:0 0 18px; border-bottom:1px solid var(--line); }
.metric { padding:14px 24px 14px 0; margin-right:24px; min-width:100px; }
.metric b { font-size:24px; color:var(--ink); font-variant-numeric:tabular-nums; }
.metric span { font-size:10px; text-transform:uppercase; letter-spacing:.04em; }
.workflow-tabs { margin-bottom:20px; gap:4px; }
.workflow-tabs button { font-size:12px; padding:10px 14px; }
h2 { font-size:15px; }
.section-heading { margin-bottom:14px; }
.section-heading p { font-size:12px; }
.lead-grid { grid-template-columns:1fr; gap:0; border-top:1px solid var(--line); }
.lead-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(210px,.8fr); gap:8px 22px; border-width:0 0 1px; }
.lead-card .card-meta, .lead-card h3 { grid-column:1; }
.lead-card .card-actions { grid-column:2; grid-row:1 / span 2; justify-content:flex-end; align-self:center; margin:0; }
.lead-card, .evidence-card, .iteration, .library-card, .hermes-workspace, .proposal, .empty { border-radius:3px; padding:17px; background:var(--panel); }
.lead-card h3, .library-card h3 { font-size:14px; }
.tag, .source-bindings span { border-radius:2px; background:var(--raised); }
.lead-card .question { color:var(--cyan); border-color:var(--cyan); }
.hermes-workspace { border-top:2px solid var(--accent); }
.hermes-workspace h2 { color:var(--accent); }
.library-grid { gap:12px; }
.workspace-search input { padding:11px 13px; font:13px var(--mono); }
.knowledge-toolbar { margin-bottom:16px; }
.wiki-layout { gap:16px; }
.nexus-inspector, #nexusInspector { border-color:var(--line); border-radius:3px; }
#status { border-radius:2px; margin-bottom:16px; background:var(--raised); }
[data-workspace-host="cobalt"] body > header.workspace-header { background:var(--bg); }
body > header.workspace-header .workspace-title { color:var(--accent); font-family:var(--mono); letter-spacing:.04em; }
@media(min-width:1600px) { .target-start-grid { grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr); } }
@media(max-width:1000px) { .target-command { grid-template-columns:130px minmax(100px,1fr) auto; } .target-command .evidence-search { grid-column:2 / -1; justify-self:end; } .target-start-grid { grid-template-columns:1fr; } .target-guide { grid-template-columns:1fr 1fr; } .lead-card { display:flex; } .lead-card .card-actions { justify-content:flex-start; } }
@media(max-width:640px) { .topbar { padding:0 14px; } .target-command { padding:12px 14px; grid-template-columns:1fr 1fr; gap:8px; } .target-command label, .target-command input { grid-column:1 / -1; } .target-command .evidence-search { grid-column:auto; justify-self:stretch; } .terminal-strip { padding:7px 14px; gap:6px 12px; } .terminal-key { display:none; } .workspace { display:block; } .sidebar { padding:12px 14px; } .workspace-nav { display:flex; gap:2px; flex-wrap:wrap; margin-bottom:12px; } .workspace-nav button { padding:7px; font-size:11px; } .workspace-nav button span { width:18px; } main { padding:20px 14px 36px; } .welcome h1 { font-size:24px; } .target-start-grid { gap:16px; margin-top:16px; } .target-guide { grid-template-columns:1fr; } .create-form { padding:16px; } .metric { min-width:70px; margin-right:12px; padding-right:8px; } .metric span { font-size:9px; } .brand span:last-child { display:none; } }

.nexus-stage, .wiki-article { border-radius:3px; background:var(--panel); }
.nexus-relationships button, .source-bindings span { background:var(--raised); border-radius:2px; }