/* Evulgare Simulation Workbench RC50 — semantic surface contract.
   Every workbench surface owns foreground, background, border, focus, and
   status colors. No dark control may inherit the light-site --ink token. */
:root {
  --sim-bg: #061018;
  --sim-panel: #0a1821;
  --sim-panel-2: #0d202a;
  --sim-control-bg: #102630;
  --sim-control-hover: #173642;
  --sim-control-active: #6fdfea;
  --sim-text: #f2fbfc;
  --sim-body: #c7d9de;
  --sim-muted: #9eb4bd;
  --sim-line: #2c4d59;
  --sim-line-strong: #578491;
  --sim-focus: #ffe094;
  --sim-cyan: #78e4ee;
  --sim-green: #96dfb1;
  --sim-amber: #f4c779;
  --sim-red: #ff8c86;
  --sim-shadow: 0 24px 70px rgba(0, 0, 0, .38);
  --sim-rail-input: clamp(15.5rem, 19vw, 19rem);
  --sim-rail-proof: clamp(18rem, 22vw, 22rem);
  --sim-control-height: 2.75rem;
  --sim-radius: .25rem;
}

.simulation-workbench-page,
.sim-workbench-shell,
.sim-workbench-shell * {
  box-sizing: border-box;
}

.sim-workbench-shell {
  color: var(--sim-text);
  background: var(--sim-bg);
  color-scheme: dark;
  isolation: isolate;
}

.sim-workbench-shell :where(p, li, dd, small) { color: var(--sim-body); }
.sim-workbench-shell :where(h1, h2, h3, h4, h5, h6, strong, th, legend) { color: var(--sim-text); }
.sim-workbench-shell :where(.eyebrow, a) { color: var(--sim-cyan); }
.sim-workbench-shell :where(button, input, select, textarea, summary) {
  font: inherit;
}
.sim-workbench-shell :where(button, select, input[type="text"], input[type="number"], textarea) {
  color: var(--sim-text);
  background: var(--sim-control-bg);
  border-color: var(--sim-line-strong);
}
.sim-workbench-shell :where(button, summary, select, input, textarea):disabled {
  color: #82949b;
  border-color: #344a52;
  background: #122027;
  cursor: not-allowed;
  opacity: 1;
}
.sim-workbench-shell [hidden] { display: none !important; }
.sim-workbench-shell [inert] { pointer-events: none; }
.sim-workbench-shell .mono { font-family: var(--font-mono, var(--mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)); }

/* Own all historically exposed dark controls, including advanced views. */
.sim-workbench-shell :where(
  .sim-wb-toolbar-select select,
  .sim-wb-chart-controls select,
  .sim-wb-divergence-controls button,
  .sim-wb-branch-compare-controls select,
  .sim-wb-proof-filter select,
  .sim-wb-selector select,
  .sim-wb-selector button,
  .sim-wb-action,
  .sim-wb-scene-toolbar button,
  .sim-wb-tabs button,
  .sim-wb-timeline button,
  .sim-wb-timeline select,
  .sim-wb-proof-actions button,
  .sim-wb-guided button,
  .sim-wb-preset,
  .sim-wb-form-actions button[type="reset"]
) {
  color: var(--sim-text);
  background: var(--sim-control-bg);
  border: 1px solid var(--sim-line-strong);
  opacity: 1;
}

.sim-workbench-shell :where(button, summary, a, input, select, textarea):focus-visible {
  outline: 3px solid var(--sim-focus);
  outline-offset: 2px;
  box-shadow: none;
}