/* Observed Control tokens; source hashes: reports/control-design-reference.json. */
:root{--bg:#f5f6f7;--surface:#fff;--text:#24282d;--muted:#7b8088;--border:#e6e8eb;--accent:#b69a6d;--accent-soft:#f2ede5;--sidebar:#191d24;--radius:12px;--space:24px;--zc-color-input:#fafafa;--zc-color-surface-muted:#f6f5f3;--zc-color-accent-hover:#a78b5f;--zc-color-accent-contrast:#191d24;--zc-color-focus:#927347;--zc-color-focus-soft:rgba(182, 154, 109, .22);--zc-color-backdrop:rgba(15, 18, 23, .50);--zc-color-success:#267147;--zc-color-success-bg:#e8f3ec;--zc-color-warning:#886126;--zc-color-warning-bg:#f6eddf;--zc-color-danger:#a53636;--zc-color-danger-bg:#fff0ef;--zc-color-shadow:rgba(0, 0, 0, .16);--zc-radius-control:9px;--zc-radius-dialog:14px;}
:root[data-theme=dark]{--bg:#1c2026;--surface:#242930;--text:#eceef1;--muted:#a1a7b1;--border:#383e47;--accent:#c5ad86;--accent-soft:#39342b;--zc-color-input:#1b2027;--zc-color-surface-muted:#2c3037;--zc-color-accent-hover:#d9c39d;--zc-color-accent-contrast:#171a1f;--zc-color-focus:#d9bc89;--zc-color-focus-soft:rgba(197, 173, 134, .26);--zc-color-backdrop:rgba(9, 12, 16, .74);--zc-color-success:#97d5ad;--zc-color-success-bg:#233a2e;--zc-color-warning:#e1bc80;--zc-color-warning-bg:#433827;--zc-color-danger:#ffb1ad;--zc-color-danger-bg:#482c2d;--zc-color-shadow:rgba(0, 0, 0, .38);}
/* Independent layout. Font fallback is provisional: the S0 sanitizer did not retain the original font shorthand. */
*{box-sizing:border-box}body{margin:0;font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:9px;padding:9px 14px;color:var(--text);background:var(--surface)}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--zc-color-focus);outline-offset:3px}.primary{background:var(--accent);color:var(--zc-color-accent-contrast);border-color:var(--accent);font-weight:650}.danger{color:var(--zc-color-danger)}.link{border:0;background:transparent;padding:0;text-align:left;font-weight:650}.subtle{color:var(--readable-muted)}.fine{font-size:12px;color:var(--readable-muted)}.block{display:block}.app{display:flex;min-height:100vh}.sidebar{width:236px;background:var(--sidebar);color:#c1c5cb;position:fixed;inset:0 auto 0 0;padding:35px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--accent);border-radius:9px;color:var(--accent);font-size:24px;font-weight:750}.brand-name{color:#eceef1;letter-spacing:3px;font-size:18px;font-weight:700}.product-label{font-size:10px;letter-spacing:4px;margin:8px 0 36px 58px;color:var(--accent)}.nav-heading{font-size:10px;letter-spacing:1.7px;padding:0 13px;color:#a1a7b1}.nav-item{display:block;width:100%;text-align:left;border:0;background:transparent;color:#c1c5cb;padding:11px 13px;margin:3px 0;border-radius:9px}.nav-item.selected{background:#39342b;color:#e1cba7}.nav-item:hover{background:#2c3037}.sidebar-foot{margin-top:auto;padding:24px 12px 0;display:grid;gap:4px;font-size:12px}.sidebar-foot small{color:#a1a7b1}.main{margin-left:236px;width:calc(100% - 236px);min-width:0}.topbar{height:75px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 37px}.top-tools{display:flex;align-items:center;gap:12px}.top-tools button{padding:6px 10px;font-size:12px}.content{max-width:1500px;margin:auto;padding:24px 36px 56px}.intro{margin:12px 0 25px}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}h1{font-size:27px;line-height:1.3;font-weight:650;letter-spacing:-.6px;margin:10px 0}h2{font-size:17px;line-height:1.4;margin:0}h3{font-size:15px;margin:8px 0}p{margin:8px 0}.page-tools{display:flex;justify-content:flex-end;gap:8px;margin:16px 0}.page-tools button{font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric{padding:20px 22px}.metric p{font-size:12px;margin:0}.metric strong{display:block;font-size:31px;font-weight:650;line-height:1.5}.metric small{font-size:11px}.panel-head{padding:21px 24px 17px}.panel-head p{font-size:12px;margin:5px 0 0}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0 12px 20px}.workflow{padding:14px 18px;border-right:1px solid var(--border)}.workflow:last-child{border:0}.workflow p{font-size:12px;min-height:40px}.workflow .link{font-size:12px;margin-top:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;color:var(--readable-muted);font-weight:500;font-size:11px;background:var(--bg);padding:11px 24px}td{padding:16px 24px;border-top:1px solid var(--border)}td:first-child{white-space:normal;min-width:230px}td small{font-size:11px;margin-top:3px}.chip{display:inline-block;border:1px solid var(--border);border-radius:30px;padding:4px 9px;font-size:11px;white-space:nowrap;color:var(--readable-muted)}.chip.awaiting_approval,.chip.queued{color:var(--zc-color-warning);background:var(--zc-color-warning-bg);border-color:transparent}.chip.succeeded,.chip.running{color:var(--zc-color-success);background:var(--zc-color-success-bg);border-color:transparent}.chip.failed,.chip.dead_letter{color:var(--zc-color-danger);background:var(--zc-color-danger-bg);border-color:transparent}.banner{background:var(--accent-soft);border:1px solid var(--border);border-radius:9px;padding:12px 17px;display:flex;gap:15px;font-size:12px}.banner strong{font-weight:650}.notice{border-radius:9px;padding:12px 16px;background:var(--accent-soft);margin-bottom:16px}.notice.error{background:var(--zc-color-danger-bg);color:var(--zc-color-danger)}.empty{text-align:center;padding:40px 24px 50px}.empty h3{font-size:16px}.job-form{padding:8px 24px 26px;display:grid;gap:10px;max-width:1000px}label{font-size:12px;font-weight:600}input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--zc-color-input);color:var(--text)}textarea{resize:vertical;line-height:1.6}.form-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:10px 0}.form-limits label{display:block;margin-bottom:6px}.job-form>.primary{justify-self:start;margin-top:10px}.detail-meta,.actions{padding:0 24px 20px;display:flex;gap:15px;align-items:center;font-size:12px}details{padding:0 24px 20px}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,monospace;padding:18px;background:var(--bg);border-radius:9px}.result{margin:12px 24px 26px;font-family:inherit}.card>h3{margin:0 24px}.card>.notice{margin:0 24px 20px}.timeline{list-style:none;margin:0;padding:0 24px 24px}.timeline li{border-left:2px solid var(--border);padding:0 0 18px 18px;font-size:12px}.timeline small{margin-top:3px}.agent-grid{padding:0 24px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.agent-card{border:1px solid var(--border);border-radius:9px;padding:16px}.agent-card p{font-size:12px;min-height:38px}.agent-card small{font-size:11px;color:var(--readable-muted)}.prose{padding:0 24px 26px;max-width:950px}.prose p{margin:14px 0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-card{width:100%;max-width:440px;background:var(--surface);padding:36px;border:1px solid var(--border);border-radius:14px;display:grid;gap:12px}.login-card h1{font-size:28px}.login-card .eyebrow{margin-top:14px}.login-card .primary{margin-top:8px}.login-card .fine{text-align:center}[hidden]{display:none!important}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.agent-grid{grid-template-columns:repeat(2,1fr)}.content{padding:20px 24px}.sidebar{width:210px}.main{margin-left:210px;width:calc(100% - 210px)}.brand-name{font-size:15px}.topbar{padding:0 24px}.workflow{padding:12px}}
@media(max-width:760px){.app{display:block}.sidebar{position:static;width:100%;padding:16px}.brand{padding:0}.product-label,.nav-heading,.sidebar-foot{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:14px;gap:5px}.nav-item{width:auto;white-space:nowrap;padding:9px 12px;font-size:12px}.main{margin:0;width:100%}.topbar{height:60px;padding:0 16px}.top-tools{gap:6px}.content{padding:16px}.intro h1{font-size:24px}.workflow-grid{grid-template-columns:1fr}.workflow{border-right:0;border-bottom:1px solid var(--border);padding:16px}.workflow p{min-height:0}.metrics{gap:10px}.metric{padding:16px}.metric strong{font-size:27px}.form-limits{grid-template-columns:1fr}.banner{display:grid;gap:4px}.agent-grid{grid-template-columns:1fr 1fr;padding:0 16px 16px}.top-tools>.subtle{display:none}.panel-head{padding:18px 16px}.detail-meta,.actions{flex-wrap:wrap}.page-tools{margin:12px 0}.job-form{padding:8px 16px 22px}}

/* Accessibility mapping: preserve observed --muted, use darker light-mode text. */
:root{--readable-muted:#646b75;--readable-accent:#826739}
:root[data-theme=dark]{--readable-muted:#a1a7b1;--readable-accent:#c5ad86}
.eyebrow{color:var(--readable-accent)}
.product-label{color:#c5ad86}
