/* The workbench shares the gallery's dark surfaces without hiding its tools. */
:root { color-scheme: dark; --bg: #101411; --panel: #172019; --line: #3b4a3f; --muted: #b1bfb4; --mint: #a9efc4; --amber: #ffca88; --red: #ffa5b3; --white: #f0f4ef; }
body { background: var(--bg); }
a { text-underline-offset: .22em; }
.app-header { background: #141815; padding: 1rem 3vw; min-height: 88px; }
.brand { letter-spacing: -.035em; }
.brand img { width: 44px; height: 44px; }
.brand small { font-size: .875rem; }
.app-header nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; }
.app-header nav a:hover { color: #a9efc4; text-decoration: underline; }
.local-badge { color: #b5edc6; background: #223c2b; border: 0; border-radius: 99px; font-size: .8125rem; }
main { max-width: 1600px; }
.workbench-intro h1 { font-size: clamp(2rem,3.5vw,3.3rem); letter-spacing: -.055em; }
.workbench-intro > div > p:not(.eyebrow) { font-size: 1rem; }
.eyebrow { font-size: .75rem; letter-spacing: .08em; color: #aeb9af!important; }
.panel { border-radius: 10px; border-color: #3b4a3f; padding: 1.5rem; }
.panel-heading { padding-bottom: .9rem; border-bottom: 1px solid #39463c; }
.panel h2 { font-size: 1.125rem; letter-spacing: -.02em; }
.control-panel { background: #1c271f; }
.control-panel label { color: #d4e1d7; font-size: .875rem; }
.scope-note { font-size: .875rem; color: #b1bfb4; }
.field-id { font-size: .8125rem; }
select, input { background: #141815; color: #f0f4ef; border-color: #607564; border-radius: 6px; }
input[type=checkbox] { accent-color: #17684b; }
button { border-radius: 99px; }
.primary { background: #b5f7ce; color: #102017; border-color: #b5f7ce; }
.primary:hover:not(:disabled) { background: #90dab0; }
.secondary, .small-button { background: #141815; color: #d5ecdc; border-color: #5c735f; }
.secondary:hover:not(:disabled), .small-button:hover:not(:disabled) { background: #2b4031; }
.decision-panel { background: #141815; border-top: 4px solid #a9efc4; }
.decision-line h3 { font-size: clamp(2.2rem,3.6vw,3.25rem); }
.decision-line p { color: #c4d2c7; font-size: 1rem; }
.decision-panel[data-decision=resume] { background: #1a3426; }
.decision-panel[data-decision=recheck] { background: #34291b; }
.decision-panel[data-decision=escalate], .decision-panel[data-decision=error] { background: #341f25; }
.decision-panel[data-stale=true] { background: #34291b; }
.reason { background: #141c16; border-radius: 6px; }
.reason code { color: #a7bcae; font-size: .8125rem; }
.evidence-row small, .evidence-row .status { font-size: .8125rem; }
.evidence-row code { font-size: .875rem; }
summary { min-height: 44px; }
pre { background: #17251c; color: #e4f1e7; font-size: .875rem; }
.run-card, .suite-case { background: #1e2b21; border-radius: 8px; }
.run-card small, .suite-case small { font-size: .875rem; }
.diff-row del { color: #ffa5b3; }
.regression-studio { background: #1c271f; }
.import-panel { border-style: dashed; }
footer { background: #111815; color: #f6f8f5; border: 0; }
footer p, footer .maker-credit { color: #b7c2b9; font-size: .875rem; }
footer > a { color: #b5f7ce; font-weight: 700; text-decoration: none; }
.maker-credit a { display: inline-flex; align-items: center; min-height: 44px; }
footer :focus-visible { outline-color: #b5f7ce; }
@media(max-width:760px) {
  .panel { padding: 1.1rem; }
  .app-header { padding: 1rem; gap: .5rem; }
  .app-header nav { gap: 1.25rem; }
  .workbench-intro h1 { font-size: 2.2rem; }
  .scope-note { font-size: .875rem; }
  .decision-line h3 { font-size: 2.25rem; }
  .evidence-row { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .evidence-row > div:first-child { grid-column: 1 / -1; }
}