/* 悬铃木量子视觉系统：浅色量子工作台 */
:root {
  --ink: #f6f9fd;
  --ink-soft: #ffffff;
  --charcoal: #edf3fa;
  --graphite: #dce6f1;
  --line: #d4dfeb;
  --line-soft: rgba(20, 54, 94, 0.1);
  --paper: #101f35;
  --silver: #344e6a;
  --ash: #677d96;
  --dim: #8da0b5;
  --cinnabar: #2169e8;
  --cinnabar-deep: #1553bd;
  --cinnabar-soft: rgba(33, 105, 232, 0.075);
  --bronze: #17bfae;
  --positive: #179c87;
  --negative: #d9585f;
  --warning: #c4842f;
  --nav-width: 276px;
  --topbar-height: 64px;
  --content-max: 1440px;
  --sans: "Source Han Sans SC", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei UI", sans-serif;
  --serif: var(--sans);
  --mono: "IBM Plex Mono", "JetBrains Mono", "SFMono-Regular", "Cascadia Code", Consolas, monospace;
  --brand-gradient: linear-gradient(120deg, #17bfae 0%, #2169e8 82%);
  --surface-shadow: 0 20px 60px rgba(30, 74, 122, 0.07);
}

html { background: #f6f9fd; }
body {
  color: var(--paper);
  background:
    radial-gradient(circle at 12% 8%, rgba(24, 191, 174, 0.055), transparent 26rem),
    radial-gradient(circle at 88% 4%, rgba(33, 105, 232, 0.06), transparent 28rem),
    #f6f9fd;
}
body::before {
  opacity: 0.28;
  background-image:
    linear-gradient(rgba(44, 85, 128, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(44, 85, 128, 0.025) 1px, transparent 1px);
  background-size: 40px 40px;
}
::selection { color: white; background: #2169e8; }
:focus-visible { outline-color: #2169e8; }

.boot-screen { color: var(--ash); }
.boot-mark { border-color: rgba(33, 105, 232, 0.22); border-radius: 10px; transform: rotate(45deg); }
@keyframes boot { 50% { border-color: #2169e8; box-shadow: inset 0 0 0 8px rgba(33, 105, 232, 0.08); } }

.global-header {
  position: sticky;
  top: 0;
  z-index: 45;
  display: grid;
  height: 76px;
  grid-template-columns: 290px minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  padding: 0 clamp(22px, 3vw, 50px);
  background: rgba(255, 255, 255, 0.88);
  border-bottom: 1px solid rgba(31, 78, 126, 0.09);
  box-shadow: 0 8px 30px rgba(40, 87, 137, 0.035);
  backdrop-filter: blur(22px) saturate(150%);
}
.global-header .brand { padding: 0; }
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark { display: grid; width: 43px; height: 43px; flex: 0 0 auto; place-items: center; }
.brand-mark svg { width: 100%; height: 100%; overflow: visible; }
.brand-type { line-height: 1.1; }
.brand-type strong {
  color: #10233e;
  font-family: var(--sans);
  font-size: 17px;
  font-weight: 650;
  letter-spacing: 0.06em;
}
.brand-type small {
  margin-top: 5px;
  color: #71869e;
  font-family: var(--sans);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.global-nav { display: flex; height: 100%; align-items: stretch; justify-content: center; gap: clamp(2px, 0.6vw, 10px); }
.global-nav-item {
  position: relative;
  display: flex;
  min-width: 64px;
  align-items: center;
  justify-content: center;
  padding: 0 clamp(8px, 0.8vw, 14px);
  color: #5c718a;
  font-size: 13px;
  font-weight: 500;
  transition: color 220ms var(--ease);
}
.global-nav-item::after {
  position: absolute;
  right: 12px;
  bottom: 0;
  left: 12px;
  height: 3px;
  content: "";
  background: var(--brand-gradient);
  border-radius: 3px 3px 0 0;
  opacity: 0;
  transform: scaleX(0.35);
  transition: opacity 220ms, transform 220ms var(--ease);
}
.global-nav-item:hover { color: #173a64; }
.global-nav-item.is-active { color: #155ccf; }
.global-nav-item.is-active::after { opacity: 1; transform: scaleX(1); }
.global-actions { display: flex; align-items: center; gap: 10px; }
.system-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  color: #5e738b;
  background: #f5f8fc;
  border: 1px solid #e1e8f0;
  border-radius: 9px;
  font-size: 10px;
}
.system-chip i { width: 6px; height: 6px; background: #18a58e; border-radius: 50%; box-shadow: 0 0 0 4px rgba(24, 165, 142, 0.1); }
.global-header .command-button {
  height: 36px;
  color: #60768f;
  background: white;
  border-color: #dce5ef;
  border-radius: 9px;
}
.global-header .command-button:hover { color: #155ccf; border-color: #a9c8f3; background: #f8fbff; }
kbd { color: #657991; background: #f1f5fa; border-color: #d9e2ec; border-radius: 5px; }
.user-monogram { color: white; background: var(--brand-gradient); border-radius: 11px; box-shadow: 0 8px 20px rgba(33, 105, 232, 0.18); }

.sidebar { display: none; color: var(--paper); background: white; border-right: 1px solid #dce5ef; box-shadow: 20px 0 60px rgba(30, 73, 118, 0.12); }
.workspace { min-height: calc(100vh - 76px); margin-left: 0; }
.topbar {
  top: 76px;
  height: var(--topbar-height);
  padding: 0 clamp(22px, 3.1vw, 50px);
  background: rgba(246, 249, 253, 0.9);
  border-bottom: 1px solid rgba(31, 78, 126, 0.08);
  backdrop-filter: blur(18px);
}
.page-heading span { color: #2e72d9; font-weight: 600; letter-spacing: 0.1em; }
.page-heading h1 { color: #1b334f; font-family: var(--sans); font-size: 15px; font-weight: 600; letter-spacing: 0.02em; }
.main-content { width: min(100%, calc(var(--content-max) + 100px)); padding-top: 44px; }

.button {
  min-height: 44px;
  padding-inline: 20px;
  border-radius: 10px;
  font-weight: 600;
  letter-spacing: 0;
  box-shadow: none;
  transition: transform 220ms var(--ease), box-shadow 220ms, background 220ms, border-color 220ms;
}
.button:active { transform: translateY(1px) scale(0.985); }
.button-primary { color: white; background: #2169e8; border-color: #2169e8; box-shadow: 0 10px 24px rgba(33, 105, 232, 0.19); }
.button-primary:hover { background: #155bd2; border-color: #155bd2; box-shadow: 0 14px 30px rgba(33, 105, 232, 0.25); }
.button-secondary { color: #224464; background: white; border-color: #d7e2ed; }
.button-secondary:hover { color: #155ccf; background: #f8fbff; border-color: #9fc3f1; }
.button-ghost { color: #5f748d; background: #f8fafd; border-color: #dde5ed; }
.button-small { min-height: 36px; border-radius: 8px; }
.text-link { color: #466480; font-weight: 500; }
.text-link span { color: #2169e8; }
.text-link:hover { color: #155ccf; }
.icon-button, .icon-link { color: #526d87; background: white; border-color: #d8e2ec; border-radius: 9px; }
.icon-button:hover, .icon-link:hover { color: #155ccf; background: #f4f8fd; border-color: #8fbae9; }

.panel { background: white; border: 1px solid rgba(44, 89, 137, 0.1); border-radius: 18px; box-shadow: var(--surface-shadow); }
.panel-head h3 { color: #172f4c; font-family: var(--sans); font-size: 19px; font-weight: 600; }
.panel-head span, .freeze-card > div > span, .cost-card > span, .reproduction-card > span, .hero-kicker, .detail-id > span {
  color: #7b90a7;
  font-family: var(--sans);
  font-weight: 600;
  letter-spacing: 0.1em;
}
.tag { color: #55708a; background: #f4f7fb; border-color: #dce5ef; border-radius: 6px; }
.tag-accent { color: #155ccf; background: #eef5ff; border-color: #c5daf6; }

.page-intro { grid-template-columns: 46px minmax(0, 810px); gap: 22px; margin: 8px 0 34px; }
.section-number {
  padding-top: 10px;
  color: #2169e8;
  border-top: 2px solid transparent;
  border-image: var(--brand-gradient) 1;
  font-size: 10px;
  font-weight: 600;
}
.intro-copy .eyebrow { color: #7890a9; font-family: var(--sans); font-weight: 600; letter-spacing: 0.1em; }
.intro-copy h2 { margin: 10px 0 10px; color: #112a47; font-family: var(--sans); font-size: clamp(30px, 3vw, 44px); font-weight: 600; letter-spacing: -0.04em; text-wrap: balance; }
.intro-copy p { color: #687f98; font-size: 14px; line-height: 1.9; text-wrap: pretty; }

.overview-hero {
  min-height: 520px;
  grid-template-columns: minmax(430px, 0.88fr) minmax(470px, 1.12fr);
  margin-top: -44px;
  margin-bottom: 0;
  padding-top: 54px;
  background:
    radial-gradient(circle at 78% 38%, rgba(33, 105, 232, 0.1), transparent 23rem),
    radial-gradient(circle at 62% 68%, rgba(23, 191, 174, 0.08), transparent 20rem),
    linear-gradient(135deg, #ffffff 0%, #f7fbff 64%, #f3f9fe 100%);
  border-bottom: 0;
}
.overview-hero::before {
  background-image:
    radial-gradient(circle, rgba(38, 95, 150, 0.13) 1px, transparent 1px),
    linear-gradient(rgba(39, 92, 145, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(39, 92, 145, 0.035) 1px, transparent 1px);
  background-size: 22px 22px, 88px 88px, 88px 88px;
  mask-image: linear-gradient(to right, transparent 22%, black 100%);
  opacity: 0.5;
}
.hero-kicker { color: #5681ab; }
.hero-kicker i { background: var(--brand-gradient); }
.hero-copy h2 { color: #102845; font-family: var(--sans); font-size: clamp(48px, 4.4vw, 64px); font-weight: 600; line-height: 1.13; letter-spacing: -0.065em; text-wrap: balance; }
.hero-copy h2 em { display: inline-block; color: #2169e8; font-style: normal; white-space: nowrap; }
.hero-copy > p { max-width: 590px; color: #617991; line-height: 1.95; }
.hero-field { min-height: 410px; }
.hero-field::before {
  position: absolute;
  inset: 38px 5% 18px 9%;
  content: "";
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(73, 130, 183, 0.12);
  border-radius: 44% 56% 54% 46% / 45% 42% 58% 55%;
  box-shadow: 0 35px 100px rgba(45, 93, 139, 0.11), inset 0 0 0 10px rgba(255, 255, 255, 0.32);
  backdrop-filter: blur(20px);
  transform: rotate(-3deg);
}
.hero-field::after { right: 3%; bottom: 4%; width: 34%; height: 2px; background: var(--brand-gradient); }
.field-orbit { border-color: rgba(33, 105, 232, 0.2); }
.orbit-a { width: 82%; height: 48%; }
.orbit-b { width: 60%; height: 84%; border-color: rgba(23, 191, 174, 0.2); }
.molecule-crop { background-color: #f9fbfd; background-blend-mode: multiply; filter: saturate(0.82) contrast(1.03); }
.hero-molecule { width: min(74%, 430px); aspect-ratio: 1.48; background-color: #f5f8fc; background-position: 0 7%; background-size: 500% 650%; border-radius: 32px; clip-path: none; box-shadow: 0 24px 70px rgba(36, 81, 128, 0.16); }
.candidate-sigil { right: 0; bottom: 8%; min-width: 210px; padding: 14px 17px; color: #173653; background: rgba(255, 255, 255, 0.9); border: 1px solid rgba(60, 109, 157, 0.12); border-left: 3px solid #2169e8; border-radius: 12px; box-shadow: 0 16px 40px rgba(31, 80, 128, 0.13); }
.candidate-sigil span { color: #2169e8; }
.candidate-sigil small { color: #6f849b; }
.field-coordinate { color: #7890aa; }

.metric-band { overflow: hidden; margin: -10px 0 64px; background: white; border: 1px solid rgba(44, 89, 137, 0.09); border-radius: 18px; box-shadow: 0 24px 70px rgba(30, 74, 122, 0.08); }
.metric-cell { min-height: 138px; background: white; border-color: rgba(44, 89, 137, 0.08); }
.metric-cell > span { color: #70869e; }
.metric-cell strong { color: #173552; font-weight: 500; font-variant-numeric: tabular-nums; }
.metric-cell.accent strong { color: #2169e8; }
.metric-cell p { color: #91a1b2; }

.run-panel { overflow: hidden; }
.run-panel > .panel-head, .evidence-ledger > .panel-head, .original-figure > .panel-head { border-color: #e8eef4; }
.run-row { border-color: #e8eef4; }
.run-row:hover { background: #f8fbff; }
.run-identity > span { color: #2169e8; }
.run-identity strong { color: #203a56; }
.run-identity small, .run-meta small { color: #8ba0b4; }
.run-meta span { color: #49647f; }
.progress-cluster > div { color: #71869d; }
.progress-cluster b { color: #31516f; }
progress, progress::-webkit-progress-bar { background: #e8eef5; border-radius: 4px; }
progress::-webkit-progress-value, progress::-moz-progress-bar { background: var(--brand-gradient); border-radius: 4px; }
.row-link { color: #65809a; }
.row-link:hover { color: #2169e8; }
.candidate-strip { gap: 12px; background: transparent; border: 0; }
.candidate-tile { overflow: hidden; padding: 9px 9px 16px; background: white; border: 1px solid rgba(44, 89, 137, 0.1) !important; border-radius: 14px; box-shadow: 0 12px 35px rgba(31, 75, 119, 0.05); }
.candidate-tile:hover { background: white; border-color: #9fc3f1 !important; transform: translateY(-3px); }
.candidate-tile .molecule-crop { border-radius: 10px; }
.candidate-tile > span { color: white; background: rgba(19, 52, 84, 0.88); border-radius: 5px; }
.candidate-tile strong { color: #24425f; }
.candidate-tile small { color: #7890a7; }
.evidence-radar { background: white; border: 1px solid rgba(44, 89, 137, 0.1); border-top: 3px solid #2169e8; border-radius: 18px; box-shadow: var(--surface-shadow); }
.gate-list a { border-color: #e8eef4; }
.gate-list a > span { color: #2169e8; }
.gate-list strong { color: #294762; }
.gate-list small { color: #8b9eb1; }
.data-disclaimer { color: #71869d; border-color: #dfe8f1; }
.data-disclaimer span { color: #2169e8; }
.data-disclaimer b { color: #35546f; }

.status-pill { color: #60758b; background: #f5f8fb; border-color: #dde5ed; border-radius: 7px; }
.status-positive { color: #148a77; background: #eef9f7; border-color: #c5e7e1; }
.status-active { color: #155ccf; background: #eef5ff; border-color: #c9dcf5; }
.status-active i { background: #2169e8; box-shadow: 0 0 0 3px rgba(33, 105, 232, 0.1); }
.status-warning { color: #a36a21; background: #fff8ec; border-color: #ecd8b6; }
.status-negative { color: #bd4650; background: #fff2f3; border-color: #efcbd0; }

.model-form { gap: 16px; background: transparent; border: 0; }
.form-section { background: white; border: 1px solid rgba(44, 89, 137, 0.1); border-radius: 18px; box-shadow: var(--surface-shadow); }
.form-section > header > span, .step-token { color: #2169e8; background: #f2f7ff; border-color: #c8dcf5; border-radius: 9px; }
.form-section h3 { color: #1d3956; font-family: var(--sans); font-weight: 600; }
.form-section header p { color: #8296aa; }
.field > span, fieldset legend, .range-field > span, .inline-select > span { color: #435f7a; }
.field > span i { color: #2169e8; }
.field small { color: #8da0b3; }
input, select, textarea { color: #1f3a55; background: #f8fbfe; border-color: #d7e2ed; border-radius: 9px; }
input:hover, select:hover, textarea:hover { border-color: #a8c5e4; }
input:focus, select:focus, textarea:focus { border-color: #4c8fe7; box-shadow: 0 0 0 3px rgba(33, 105, 232, 0.09); }
input:disabled { color: #98a7b7; background: #f0f4f8; }
.unit-input em { color: #8a9daf; }
.choice-stack label > span, .backend-choice label > span { background: #f8fbfe; border-color: #d9e3ed; border-radius: 12px; }
.choice-stack label > input:checked + span, .backend-choice input:checked + span { background: #eef6ff; border-color: #72a8eb; box-shadow: inset 3px 0 0 #2169e8; }
.choice-stack b { color: #2b4864; }
.choice-stack small { color: #8498ac; }
.constraint-table { overflow: hidden; border-color: #dce5ee; border-radius: 12px; }
.constraint-head { color: #7a8fa4; background: #f5f8fb; }
.constraint-row { border-color: #e6edf4; }
.constraint-row strong { color: #294762; }
.freeze-card { background: #eef6ff; border: 1px solid #cce0f7; border-top: 3px solid #2169e8; border-radius: 18px; }
.freeze-card h3 { color: #1c3c5b; font-family: var(--sans); font-weight: 600; }
.freeze-card p, .check-field { color: #70869d; }

.config-block { box-shadow: var(--surface-shadow); }
.config-block > .panel-head { border-color: #e7edf3; }
.backend-choice label > span { background: #f8fbfe; }
.backend-choice i { color: #2169e8; background: #eef5ff; border-color: #c4daf6; border-radius: 5px; }
.backend-choice strong { color: #1d3b58; font-family: var(--sans); font-weight: 600; }
.backend-choice small { color: #71879d; }
.backend-choice em { color: #8da0b2; }
.lambda-scale { border-color: #dce5ee; }
.lambda-scale::before { background: var(--brand-gradient); }
.lambda-scale span { color: #8ba0b3; }
.lambda-scale span.active { color: #155ccf; }
.lambda-scale span.active::before { background: #2169e8; box-shadow: 0 0 0 4px rgba(33, 105, 232, 0.1); }
.cost-card { background: white; border-color: rgba(44, 89, 137, 0.11); border-top: 3px solid #2169e8; border-radius: 18px; box-shadow: var(--surface-shadow); }
.cost-card h3 { color: #173653; font-family: var(--sans); font-weight: 600; }
.cost-card dl div { border-color: #e7edf3; }
.cost-card dt { color: #8094a8; }
.cost-card dd { color: #3c5b76; }
.cost-note { background: #fff8ec; border-left-color: #c4842f; border-radius: 8px; }
.cost-note p { color: #7e6b4d; }

.queue-toolbar { background: white; }
.queue-filter button { color: #70859c; border-radius: 8px; }
.queue-filter button b { color: #93a4b6; }
.queue-filter button.is-active { color: #155ccf; background: #eef5ff; }
.legend-line { color: #7b90a5; }
.legend-demo { background: #2169e8; }
.legend-history { background: #7890a8; }
.demo-boundary { color: #5d7690; background: #eef6ff; border-color: #cfe1f6; border-radius: 12px; }
.demo-boundary span { color: #2169e8; }
.queue-card { background: white; border-color: rgba(44, 89, 137, 0.1); border-left-color: #2169e8; border-radius: 16px; box-shadow: 0 14px 42px rgba(31, 75, 119, 0.055); }
.queue-index { color: #b2c0cf; }
.queue-core header > div > span { color: #2169e8; }
.queue-core h3 { color: #203e5b; font-family: var(--sans); font-weight: 600; }
.queue-route { color: #91a2b3; }
.queue-route span::before { background: white; border-color: #acbac8; }
.queue-route span.is-done { color: #46637e; }
.queue-route span.is-done::before { background: #2169e8; border-color: #2169e8; }
.queue-route i { background: #dae4ed; }
.queue-metadata dt { color: #91a2b3; }
.queue-metadata dd { color: #48647e; }
.empty-state, .no-results { background: white; border-color: rgba(44, 89, 137, 0.1); border-radius: 18px; }
.empty-state > span, .no-results > span { color: #2169e8; }
.empty-state h3, .no-results h3 { color: #274560; font-family: var(--sans); }
.empty-state p, .no-results p { color: #8497aa; }

.candidate-toolbar { background: white; }
.search-field i { color: #7c91a6; }
.range-field b { color: #2169e8; }
.view-toggle { border-color: #d8e2ec; border-radius: 9px; overflow: hidden; }
.view-toggle button { color: #8195a8; background: white; }
.view-toggle button + button { border-color: #d8e2ec; }
.view-toggle button.is-active { color: #155ccf; background: #eef5ff; }
.candidate-summary { color: #8396aa; }
.candidate-summary i { background: #17a48d; }
.molecule-grid { gap: 14px; background: transparent; border: 0; }
.molecule-card { overflow: hidden; background: white; border: 1px solid rgba(44, 89, 137, 0.1); border-radius: 17px; box-shadow: 0 14px 40px rgba(31, 75, 119, 0.055); }
.molecule-card:hover { background: white; border-color: #a5c5e9; box-shadow: 0 22px 52px rgba(31, 79, 128, 0.11); }
.molecule-visual { background: #f3f7fb; }
.molecule-visual .molecule-crop { border-radius: 12px; }
.rank-mark { color: white; background: rgba(20, 50, 82, 0.88); border-radius: 5px; }
.valid-mark { color: #15917c; background: rgba(241, 252, 249, 0.94); border-radius: 5px; }
.molecule-body > span { color: #2169e8; }
.molecule-body h3 { color: #1d3b58; font-family: var(--sans); font-weight: 600; }
.molecule-body > code { color: #70869d; }
.molecule-body dl { border-color: #e6edf4; }
.molecule-body dl div + div { border-color: #e6edf4; }
.molecule-body dt { color: #8a9daf; }
.molecule-body dd { color: #35536f; }
.molecule-body footer span { color: #8a9eb2; }
.molecule-body footer b { color: #4b6984; }
.molecule-grid.is-list { border: 0; gap: 10px; }

.breadcrumb { color: #8497aa; }
.breadcrumb a:hover { color: #155ccf; }
.breadcrumb strong { color: #3e5d78; }
.molecule-detail-hero { overflow: hidden; background: white; border-color: rgba(44, 89, 137, 0.1); border-radius: 22px; box-shadow: var(--surface-shadow); }
.detail-visual { background: #eef5fb; }
.detail-visual::after { border-color: rgba(39, 89, 139, 0.13); border-radius: 15px; }
.detail-tabs button { color: #6b8197; border-color: #cbd7e2; }
.detail-tabs button.is-active { color: #155ccf; border-bottom-color: #2169e8; }
.detail-molecule { background-color: #eef5fb; }
.detail-watermark { color: rgba(37, 83, 128, 0.08); }
.detail-visual > p { color: rgba(31, 68, 102, 0.5); }
.detail-copy h2 { color: #172f4b; }
.molecular-formula { color: #2169e8; font-family: var(--sans); font-weight: 600; }
.detail-copy > code { color: #4c6881; border-color: #e1e9f1; }
.detail-copy > p { color: #6d8399; }
.score-pair { border-color: #dfe8f1; border-radius: 12px; overflow: hidden; }
.score-pair article + article { border-color: #dfe8f1; }
.score-pair span, .score-pair small { color: #8497aa; }
.score-pair strong { color: #24425e; }
.score-pair article > div { background: #e8eef4; }
.score-pair article > div i { background: var(--brand-gradient); }
.fact-sheet dl { border-color: #e3ebf2; }
.fact-sheet dl div { border-color: #e3ebf2; }
.fact-sheet dt { color: #879aac; }
.fact-sheet dd { color: #49647e; }
.evidence-mini li { border-color: #e5ecf3; }
.evidence-mini strong { color: #31506c; }
.evidence-mini small { color: #8598ab; }
.record-nav { overflow: hidden; border-color: #dce5ee; border-radius: 14px; background: white; }
.record-nav a:last-child { border-color: #dce5ee; }
.record-nav span { color: #879aac; }
.record-nav strong { color: #49647f; }
.record-nav a:hover { background: #f8fbff; }
.record-nav a:hover strong { color: #155ccf; }

.evidence-summary { overflow: hidden; }
.evidence-score { border-color: #e3ebf2; }
.evidence-score > span { color: #71879d; }
.evidence-score strong { color: #2169e8; }
.evidence-score p { color: #8b9daf; }
.evidence-axis > b { background: #d8e3ed; }
.evidence-axis i { background: white; border-color: #9babbc; }
.evidence-axis span { color: #48647e; }
.evidence-axis small { color: #8a9daf; }
.evidence-boundary { background: #f8fbfe; border-color: #e2eaf2; }
.evidence-boundary > span { color: #2169e8; }
.evidence-boundary p { color: #687f96; }
.gate-grid { gap: 12px; background: transparent; border: 0; }
.gate-card { overflow: hidden; background: white; border: 1px solid rgba(44, 89, 137, 0.1); border-top-width: 3px; border-radius: 14px; box-shadow: 0 12px 35px rgba(31, 75, 119, 0.045); }
.gate-card header > span { color: #2169e8; }
.gate-card h3 { color: #25435f; font-family: var(--sans); font-weight: 600; }
.gate-card > p { color: #70869c; }
.gate-card footer { border-color: #e7edf3; }
.gate-card footer code { color: #8498ab; }
.ledger-head { color: #7f93a7; background: #f7fafc; border-color: #e4ebf2; }
.ledger-row { border-color: #e6edf3; }
.ledger-row strong { color: #2169e8; }
.ledger-row code, .ledger-row > span { color: #516c85; }
.table-note span { color: #2169e8; }
.table-note p { color: #7c90a5; }
.source-figure { background: #edf4f9; border-radius: 13px; }
.source-figure button { color: white; background: rgba(24, 55, 87, 0.88); border-radius: 8px; }
.reproduction-card { border-top-color: #d9585f; }
.reproduction-card h3 { color: #23425e; font-family: var(--sans); font-weight: 600; }
.missing-tile { background: #fff3f4; border-color: #f0cfd3; border-radius: 10px; }
.missing-tile > b { color: #c64a53; }
.missing-tile strong { color: #754b50; }
.missing-tile small { color: #9c7478; }
.reproduction-card li { color: #71869c; border-color: #e6edf3; }

.snapshot-badge { color: #5c738a; background: white; border-color: #d8e2ec; border-radius: 8px; }
.metrics-top { border-top: 1px solid rgba(44, 89, 137, 0.09); }
.chart-unit { color: #8da0b2 !important; }
.bar-chart a > span, .bar-chart a > b { color: #7e92a6; }
.bar-chart a > i { background: #89a8c5; border-radius: 2px; }
.bar-chart a:first-child > i, .bar-chart a:hover > i { background: var(--brand-gradient); }
.bar-chart a > b { color: #42607b; }
.chart-caption { color: #8498ab; border-color: #e4ebf2; }
.scatter-chart { border-color: #cfdbe6; background-image: linear-gradient(rgba(45, 89, 131, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(45, 89, 131, 0.07) 1px, transparent 1px); }
.scatter-chart a { color: white; background: #2169e8; box-shadow: 0 4px 12px rgba(33, 105, 232, 0.2); }
.scatter-chart > i { color: #8498ab; }
.lambda-chart { border-color: #d6e0e9; }
.lambda-chart b { background: #85a5c2; border-radius: 4px 4px 0 0; }
.lambda-chart div:nth-last-child(-n+2) b { background: var(--brand-gradient); }
.lambda-chart span { color: #5e7690; }
.lambda-chart small { color: #8ca0b3; }
.source-donut::before { border-color: #e2eaf2; border-top-color: #2169e8; border-right-color: #17bfae; border-bottom-color: #84a6c5; }
.source-panel li { border-color: #e5ecf3; }
.source-panel li span { color: #6d8399; }
.source-panel li b { color: #3c5a75; }
.integrity-score > strong { color: #2169e8; }
.integrity-score span { color: #70869c; border-color: #e4ebf2; }
.integrity-score span b { color: #3b5974; }
.integrity-panel > p { color: #687f96; }
.original-figure { overflow: hidden; }
.original-figure img { background: #eef4f8; mix-blend-mode: multiply; }

.command-dialog, .log-dialog, .figure-dialog { color: #183450; background: white; border-color: #d3deea; border-radius: 16px; box-shadow: 0 30px 100px rgba(20, 55, 90, 0.25); }
.command-dialog::backdrop, .log-dialog::backdrop, .figure-dialog::backdrop { background: rgba(20, 42, 65, 0.35); }
.command-head { border-color: #e2eaf2; }
.command-head span { color: #2169e8; }
.command-head h2 { color: #1d3a57; font-family: var(--sans); font-weight: 600; }
.command-list a { color: #637b93; border-radius: 8px; }
.command-list a:hover { color: #155ccf; background: #f1f7ff; }
.command-list b { color: #2169e8; }
.log-dialog pre { color: #1a816e; background: #f4f8fb; }
.figure-dialog img { background: #edf4f9; }
.toast { color: #425f7a; background: white; border-color: #d8e2ec; border-left-color: #2169e8; border-radius: 10px; box-shadow: 0 18px 50px rgba(25, 67, 108, 0.17); }
.toast-success { border-left-color: #179c87; }
.toast-error { border-left-color: #d9585f; }
.not-found > span { color: #2169e8; }
.not-found h2 { color: #203e5a; font-family: var(--sans); font-weight: 600; }
.not-found p { color: #7b8fa3; }

@media (max-width: 1180px) {
  .global-header { grid-template-columns: 250px minmax(0, 1fr) auto; padding-inline: 24px; }
  .global-nav-item { min-width: 56px; padding-inline: 7px; font-size: 12px; }
  .system-chip { display: none; }
  .overview-hero { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 960px) {
  .global-header { height: 68px; grid-template-columns: 1fr auto; }
  .global-nav { display: none; }
  .global-actions .command-button, .global-actions .system-chip { display: none; }
  .topbar { top: 68px; }
  .workspace { min-height: calc(100vh - 68px); }
  .sidebar { display: flex; padding-top: 24px; }
  .sidebar .brand { padding-bottom: 20px; }
  .sidebar .environment-stamp { border-color: #e1e8f0; }
  .sidebar .environment-stamp span { color: #2169e8; }
  .sidebar .environment-stamp i { color: #8497aa; }
  .nav-group h2 { color: #94a5b6; }
  .nav-item { color: #627990; border-radius: 8px; }
  .nav-item:hover { color: #1f4263; background: #f5f8fc; }
  .nav-item.is-active { color: #155ccf; background: #eef5ff; border-left-color: #2169e8; }
  .nav-index { color: #99aabd; }
  .nav-item.is-active .nav-index { color: #2169e8; }
  .nav-caret { color: #2169e8; }
  .sidebar-foot { border-color: #e1e8f0; }
  .system-state strong { color: #31506b; }
  .system-state small, .sidebar-foot > p { color: #8a9daf; }
  body.menu-open .scrim { background: rgba(26, 50, 74, 0.34); backdrop-filter: blur(4px); }
  .mobile-menu { display: flex !important; flex-direction: column; gap: 3px; }
  .mobile-menu span { width: 14px; height: 1.5px; background: #496681; border-radius: 2px; }
  .overview-hero { grid-template-columns: 1fr; }
  .hero-field { min-height: 420px; }
}

@media (max-width: 700px) {
  .global-header { padding-inline: 16px; }
  .global-header .brand-mark { width: 38px; height: 38px; }
  .global-header .brand-type strong { font-size: 15px; }
  .global-header .brand-type small { font-size: 8px; }
  .global-actions .user-monogram { width: 34px; height: 34px; }
  .topbar { padding-inline: 16px; }
  .main-content { padding-top: 32px; }
  .overview-hero { margin-top: -32px; padding-top: 52px; }
  .hero-copy h2 { font-size: clamp(42px, 12vw, 60px); }
  .hero-field::before { inset: 34px 1% 20px 4%; }
  .metric-band { margin-top: 0; }
  .form-section { padding: 26px 18px; }
  .queue-card, .molecule-card, .panel, .form-section, .cost-card, .freeze-card { border-radius: 14px; }
  .candidate-toolbar { gap: 13px; }
  .molecule-grid { gap: 10px; }
  .detail-visual { background: #eef5fb; }
  .gate-grid { gap: 10px; }
}

@media (max-width: 430px) {
  .global-header { grid-template-columns: minmax(0, 1fr) auto; }
  .global-header .brand-type small { display: block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .hero-copy h2 { font-size: 43px; }
}

/* ========================================================================== */
/* Enterprise research workspace — Linear density × Stripe data × IBM rigor   */
/* ========================================================================== */

:root {
  --nav-width: 232px;
  --topbar-height: 58px;
  --content-max: 1320px;
  --app-canvas: #f5f7fa;
  --app-surface: #ffffff;
  --app-subtle: #f8fafc;
  --app-ink: #101828;
  --app-copy: #344054;
  --app-muted: #667085;
  --app-line: #e4e7ec;
  --app-line-strong: #d0d5dd;
  --app-blue: #175cd3;
  --app-blue-bright: #2970ff;
  --app-blue-soft: #eff4ff;
  --app-success: #079455;
  --app-success-soft: #ecfdf3;
  --app-warning: #b54708;
  --app-danger: #d92d20;
  --app-navy: #0c1424;
  --surface-shadow: none;
}

html { background: var(--app-canvas); }
body {
  color: var(--app-ink);
  background: var(--app-canvas);
  font-feature-settings: "ss01", "cv01", "cv02", "tnum";
}
body::before { display: none; }
button, input, select, textarea { font: inherit; }
strong, b, .metric-cell strong, .run-meta span, .score-row strong, .data-table td { font-variant-numeric: tabular-nums; }

.global-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 80;
  display: grid;
  width: 100%;
  height: 64px;
  grid-template-columns: var(--nav-width) minmax(320px, 1fr) auto;
  align-items: center;
  gap: 24px;
  padding: 0 20px 0 16px;
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid var(--app-line);
  box-shadow: none;
  backdrop-filter: blur(16px);
}
.global-header .brand { display: inline-flex; align-items: center; gap: 10px; min-width: 0; color: var(--app-ink); }
.global-header .brand-mark { width: 32px; height: 32px; flex: 0 0 32px; }
.global-header .brand-type { gap: 1px; min-width: 0; }
.global-header .brand-type strong { color: var(--app-ink); font-size: 14px; font-weight: 650; letter-spacing: -.02em; }
.global-header .brand-type small { color: var(--app-muted); font-size: 9px; letter-spacing: .08em; }

.header-command { display: flex; justify-content: center; min-width: 0; }
.header-command button {
  display: grid;
  width: min(480px, 100%);
  height: 36px;
  grid-template-columns: 18px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  color: var(--app-muted);
  text-align: left;
  background: #f9fafb;
  border: 1px solid var(--app-line);
  border-radius: 7px;
  cursor: pointer;
  transition: border-color 150ms, background 150ms, box-shadow 150ms;
}
.header-command button:hover { color: var(--app-copy); background: #fff; border-color: #b9c2cf; box-shadow: 0 0 0 3px rgba(41, 112, 255, .06); }
.header-command .command-search { color: #98a2b3; font-size: 19px; line-height: 1; transform: rotate(-18deg); }
.header-command kbd { padding: 2px 5px; color: #667085; font: 10px/1.2 var(--mono); background: #fff; border: 1px solid #d0d5dd; border-radius: 4px; box-shadow: 0 1px 0 #d0d5dd; }
.global-actions { gap: 8px; }
.system-chip { height: 28px; padding: 0 9px; color: #027a48; font-size: 11px; background: var(--app-success-soft); border: 1px solid #abefc6; border-radius: 99px; }
.system-chip i { background: #17b26a; box-shadow: 0 0 0 3px rgba(23,178,106,.12); }
.header-icon-button, .user-monogram {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  color: var(--app-copy);
  background: #fff;
  border: 1px solid var(--app-line);
  border-radius: 7px;
}
.header-icon-button { cursor: pointer; }
.header-icon-button:hover { color: var(--app-blue); background: var(--app-blue-soft); border-color: #b2ccff; }
.user-monogram { color: #fff; font-size: 12px; font-weight: 650; background: #101828; border-color: #101828; }

.sidebar {
  position: fixed;
  inset: 64px auto 0 0;
  z-index: 60;
  display: flex;
  width: var(--nav-width);
  padding: 14px 12px 16px;
  color: var(--app-copy);
  background: #f8f9fb;
  border-right: 1px solid var(--app-line);
  box-shadow: none;
}
.workspace-switcher {
  display: grid;
  min-height: 52px;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 7px 8px;
  background: #fff;
  border: 1px solid var(--app-line);
  border-radius: 8px;
}
.workspace-avatar { display: grid; width: 30px; height: 30px; place-items: center; color: #fff; font: 9px/1 var(--mono); background: #175cd3; border-radius: 6px; }
.workspace-switcher > span:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
.workspace-switcher small { color: #98a2b3; font-size: 9px; }
.workspace-switcher strong { overflow: hidden; color: var(--app-ink); font-size: 11px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.workspace-switcher b { color: #98a2b3; font-size: 13px; font-weight: 400; }
.primary-nav { gap: 18px; }
.nav-group { display: grid; gap: 3px; }
.nav-group h2 { margin: 0 8px 5px; color: #98a2b3; font: 9px/1.2 var(--mono); letter-spacing: .08em; }
.nav-item {
  min-height: 38px;
  grid-template-columns: 24px 1fr auto;
  margin: 0;
  padding: 0 8px;
  color: #475467;
  font-size: 12px;
  font-weight: 500;
  border: 0;
  border-radius: 7px;
}
.nav-item:hover { color: var(--app-ink); background: #eef1f5; }
.nav-item.is-active { color: #1849a9; background: #eaf2ff; border: 0; }
.nav-index { display: grid; width: 22px; height: 22px; place-items: center; color: #98a2b3; font: 8px/1 var(--mono); background: rgba(255,255,255,.72); border: 1px solid #e4e7ec; border-radius: 5px; }
.nav-item.is-active .nav-index { color: #175cd3; background: #fff; border-color: #b2ccff; }
.nav-caret { color: #528bdf; font-size: 11px; }
.sidebar-foot { padding: 14px 6px 0; border-color: var(--app-line); }
.system-state { gap: 8px; }
.system-state strong { color: #344054; font-size: 10px; }
.system-state small { color: #98a2b3; font-size: 9px; }
.sidebar-foot > p { display: flex; align-items: center; gap: 4px; margin-top: 12px; color: #98a2b3; font-size: 8px; }
.sidebar-foot > p b { color: #475467; }
.sidebar-foot > p span { margin-left: auto; letter-spacing: .08em; }

.workspace { min-height: 100vh; margin-left: var(--nav-width); padding-top: 64px; }
.topbar {
  top: 64px;
  z-index: 40;
  height: var(--topbar-height);
  padding: 0 32px;
  background: rgba(255, 255, 255, .94);
  border-bottom: 1px solid var(--app-line);
  box-shadow: none;
  backdrop-filter: blur(16px);
}
.page-heading { display: flex; flex-direction: row; align-items: baseline; gap: 12px; }
.page-heading span { color: #98a2b3; font: 9px/1 var(--mono); letter-spacing: .08em; }
.page-heading h1 { color: var(--app-ink); font-size: 14px; font-weight: 600; letter-spacing: -.015em; }
.topbar-actions { gap: 8px; }
.main-content { width: min(100%, calc(var(--content-max) + 64px)); padding: 32px 32px 88px; }

.button { min-height: 38px; padding: 0 15px; font-size: 12px; font-weight: 600; border-radius: 7px; box-shadow: none; }
.button-small { min-height: 32px; padding-inline: 11px; font-size: 11px; }
.button-primary { color: #fff; background: var(--app-blue); border-color: var(--app-blue); }
.button-primary:hover { background: #1849a9; border-color: #1849a9; transform: none; box-shadow: none; }
.button-ghost, .button-secondary { color: #344054; background: #fff; border-color: var(--app-line-strong); }
.button-ghost:hover, .button-secondary:hover { color: var(--app-blue); background: var(--app-blue-soft); border-color: #b2ccff; }
.text-link { color: var(--app-blue); font-size: 12px; font-weight: 600; }
.text-link:hover { color: #1849a9; }
.icon-button, .icon-link { color: #475467; background: #fff; border: 1px solid var(--app-line); border-radius: 7px; }

.page-intro { grid-template-columns: 36px minmax(0, 760px); gap: 16px; margin: 8px 0 24px; }
.section-number { display: grid; width: 32px; height: 32px; place-items: center; color: var(--app-blue); font-size: 10px; background: var(--app-blue-soft); border: 1px solid #c7d7fe; border-radius: 7px; }
.intro-copy { gap: 7px; }
.intro-copy .eyebrow, .panel-head span, .freeze-card > div > span, .cost-card > span, .reproduction-card > span, .detail-id > span { color: #667085; font-size: 9px; letter-spacing: .09em; }
.page-intro h2 { color: var(--app-ink); font-family: var(--sans); font-size: clamp(28px, 2.7vw, 38px); font-weight: 520; line-height: 1.12; letter-spacing: -.045em; }
.page-intro p { max-width: 660px; color: var(--app-muted); font-size: 13px; line-height: 1.75; }

.panel, .form-section, .queue-card, .molecule-card, .cost-card, .freeze-card, .reproduction-card, .evidence-card, .chart-panel, .detail-visual, .detail-summary {
  background: var(--app-surface);
  border-color: var(--app-line);
  border-radius: 10px;
  box-shadow: none;
}
.panel-head { min-height: 64px; padding: 16px 18px; border-color: var(--app-line); }
.panel-head h3 { color: var(--app-ink); font-family: var(--sans); font-size: 15px; font-weight: 600; letter-spacing: -.015em; }

/* Overview: the product itself is the visual hero. */
.overview-hero {
  grid-template-columns: minmax(360px, .82fr) minmax(500px, 1.18fr);
  min-height: 438px;
  gap: clamp(36px, 5vw, 76px);
  align-items: center;
  margin: 0 0 16px;
  padding: clamp(34px, 4.8vw, 64px);
  background: #fff;
  border: 1px solid var(--app-line);
  border-radius: 14px;
  box-shadow: none;
}
.overview-hero::before { display: none; }
.hero-copy { min-width: 0; }
.hero-kicker { color: #475467; font-size: 10px; letter-spacing: .08em; }
.hero-kicker i { width: 7px; height: 7px; background: var(--app-blue-bright); box-shadow: 0 0 0 4px rgba(41,112,255,.11); }
.hero-copy h2 { margin: 20px 0 18px; color: var(--app-ink); font-size: clamp(42px, 4vw, 58px); font-weight: 520; line-height: 1.06; letter-spacing: -.065em; }
.hero-copy h2 em { color: var(--app-blue); white-space: normal; }
.hero-copy > p { max-width: 510px; color: var(--app-muted); font-size: 13px; line-height: 1.75; }
.hero-actions { margin-top: 24px; gap: 18px; }
.hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 28px; padding-top: 17px; border-top: 1px solid var(--app-line); }
.hero-proof span { display: grid; gap: 4px; padding: 0 11px; color: #98a2b3; font-size: 9px; line-height: 1.35; border-left: 1px solid var(--app-line); }
.hero-proof span:first-child { padding-left: 0; border-left: 0; }
.hero-proof b { color: #344054; font-size: 11px; font-weight: 650; }

.quantum-console { overflow: hidden; min-width: 0; color: #d0d5dd; background: var(--app-navy); border: 1px solid #1d2939; border-radius: 12px; box-shadow: 0 24px 60px rgba(16,24,40,.18); }
.console-head { display: flex; height: 46px; align-items: center; justify-content: space-between; padding: 0 14px; border-bottom: 1px solid rgba(255,255,255,.09); }
.console-head > div { display: flex; align-items: center; gap: 10px; }
.console-head strong { color: #e4e7ec; font: 10px/1 var(--mono); font-weight: 500; letter-spacing: .02em; }
.console-lights { display: flex; gap: 4px; }
.console-lights i { width: 6px; height: 6px; background: #344054; border-radius: 50%; }
.console-lights i:nth-child(2) { background: #475467; }
.console-lights i:nth-child(3) { background: #2970ff; }
.console-state { display: flex; align-items: center; gap: 6px; color: #98a2b3; font-size: 9px; }
.console-state i { width: 6px; height: 6px; background: #17b26a; border-radius: 50%; box-shadow: 0 0 0 3px rgba(23,178,106,.12); }
.console-body { display: grid; min-height: 280px; grid-template-columns: minmax(200px, 1.04fr) minmax(220px, .96fr); }
.console-molecule { position: relative; min-height: 280px; background: #f8fafc; border-right: 1px solid rgba(255,255,255,.09); }
.console-molecule .molecule-crop { position: absolute; inset: 13px; min-height: 0; background-color: #f8fafc; border-radius: 5px; }
.molecule-rank { position: absolute; left: 13px; bottom: 13px; padding: 5px 7px; color: #175cd3; font: 8px/1 var(--mono); background: rgba(255,255,255,.92); border: 1px solid #d0d5dd; border-radius: 4px; }
.console-analysis { display: flex; min-width: 0; flex-direction: column; padding: 22px 20px 18px; }
.analysis-id { display: grid; gap: 5px; }
.analysis-id > span { color: #667085; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.analysis-id strong { color: #fff; font-size: 18px; font-weight: 520; letter-spacing: -.025em; }
.analysis-id code { overflow: hidden; color: #98a2b3; font: 9px/1.45 var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.console-analysis dl { display: grid; grid-template-columns: repeat(3, 1fr); margin: 20px 0; border-block: 1px solid rgba(255,255,255,.09); }
.console-analysis dl > div { display: grid; gap: 5px; padding: 12px 8px; border-left: 1px solid rgba(255,255,255,.09); }
.console-analysis dl > div:first-child { padding-left: 0; border-left: 0; }
.console-analysis dt { color: #667085; font-size: 8px; letter-spacing: .08em; }
.console-analysis dd { margin: 0; color: #f2f4f7; font: 11px/1 var(--mono); }
.energy-profile { display: grid; gap: 10px; margin-top: auto; }
.energy-profile > span { color: #667085; font-size: 8px; letter-spacing: .08em; }
.energy-profile > div { display: flex; height: 50px; align-items: end; gap: 4px; }
.energy-profile i { width: 100%; height: var(--h); min-height: 4px; background: linear-gradient(to top, #175cd3, #53b1fd); border-radius: 2px 2px 0 0; opacity: .88; }
.console-flow { display: grid; height: 42px; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; align-items: center; gap: 8px; padding: 0 14px; border-top: 1px solid rgba(255,255,255,.09); }
.console-flow span { color: #667085; font-size: 8px; white-space: nowrap; }
.console-flow span::before { display: inline-block; width: 5px; height: 5px; margin-right: 5px; content: ""; background: #475467; border-radius: 50%; vertical-align: 1px; }
.console-flow span.is-done { color: #98a2b3; }
.console-flow span.is-done::before { background: #17b26a; }
.console-flow span.is-active { color: #84adff; }
.console-flow span.is-active::before { background: #2970ff; box-shadow: 0 0 0 3px rgba(41,112,255,.13); }
.console-flow > i { height: 1px; background: #344054; }

.metric-band { margin: 0 0 48px; background: #fff; border: 1px solid var(--app-line); border-radius: 10px; box-shadow: none; }
.metric-cell { min-height: 132px; padding: 22px; border-color: var(--app-line); }
.metric-cell > span { color: #667085; font-size: 9px; letter-spacing: .08em; }
.metric-cell strong { color: var(--app-ink); font-size: clamp(26px, 2.4vw, 34px); font-weight: 520; letter-spacing: -.045em; }
.metric-cell strong em { color: #98a2b3; font-size: 10px; }
.metric-cell p { color: #98a2b3; font-size: 10px; }
.metric-cell.accent { background: var(--app-blue-soft); }
.metric-cell.accent strong { color: #1849a9; }

.run-panel { margin-bottom: 52px; border-radius: 10px; }
.run-row { min-height: 82px; padding: 14px 18px; border-color: var(--app-line); }
.run-row:hover { background: #f9fafb; }
.run-identity strong { color: var(--app-ink); font-size: 12px; }
.run-identity span, .run-identity small, .run-meta small { color: #98a2b3; }
.progress-cluster progress { height: 5px; }
.run-meta span { color: #344054; }
.split-section { gap: 20px; }
.candidate-strip { gap: 1px; padding: 1px; background: var(--app-line); border: 0; border-radius: 10px; overflow: hidden; }
.candidate-tile { background: #fff; border: 0; border-radius: 0; }
.candidate-tile:hover { background: #f9fafb; transform: none; }
.evidence-radar { background: #fff; border: 1px solid var(--app-line); border-radius: 10px; box-shadow: none; }
.gate-list a { border-color: var(--app-line); }
.gate-list a:hover { background: #f9fafb; }
.data-disclaimer { border-color: var(--app-line); }

/* Dense application surfaces across the remaining routes. */
.form-stack { gap: 14px; }
.form-section { gap: clamp(24px, 4vw, 56px); padding: clamp(26px, 3vw, 40px); }
.form-section > header > span, .step-token { color: var(--app-blue); background: var(--app-blue-soft); border-color: #c7d7fe; border-radius: 7px; }
.form-section h3 { color: var(--app-ink); font-family: var(--sans); font-size: 17px; font-weight: 600; }
.form-section header p { color: #98a2b3; }
.field label, .range-field label, .toggle-row strong { color: #344054; font-weight: 600; }
.field input, .field textarea, .field select, .range-field input, .search-field input {
  color: var(--app-ink);
  background: #fff;
  border-color: var(--app-line-strong);
  border-radius: 7px;
  box-shadow: none;
}
.field input:focus, .field textarea:focus, .field select:focus, .search-field input:focus { border-color: var(--app-blue-bright); box-shadow: 0 0 0 3px rgba(41,112,255,.1); }
.choice-card, .solver-option, .preset-card { border-color: var(--app-line); border-radius: 8px; box-shadow: none; }
.choice-card:hover, .solver-option:hover, .preset-card:hover { border-color: #b2ccff; background: #f9fbff; }
.choice-card:has(input:checked), .solver-option:has(input:checked), .preset-card.is-active { color: #1849a9; background: var(--app-blue-soft); border-color: #84adff; box-shadow: none; }
.freeze-card, .cost-card, .reproduction-card { padding: 22px; }

.queue-board { gap: 12px; }
.queue-card { min-height: 192px; padding: 20px; border-left-color: var(--app-blue); }
.queue-card:hover { border-color: #b2ccff; box-shadow: none; transform: none; }
.queue-card-index { color: #98a2b3; }
.candidate-toolbar { background: #fff; border-color: var(--app-line); border-radius: 10px; box-shadow: none; }
.molecule-grid { gap: 10px; }
.molecule-card { overflow: hidden; }
.molecule-card:hover { background: #fff; border-color: #b2ccff; box-shadow: none; transform: translateY(-1px); }
.molecule-card .card-copy h3 { color: var(--app-ink); }
.score-row { border-color: var(--app-line); }
.detail-grid, .evidence-grid, .metric-grid { gap: 16px; }
.detail-summary, .detail-visual { overflow: hidden; }
.data-table th { color: #667085; background: #f9fafb; border-color: var(--app-line); }
.data-table td { color: #344054; border-color: var(--app-line); }
.data-table tr:hover td { background: #f9fafb; }
.evidence-card:hover { box-shadow: none; border-color: #b2ccff; transform: none; }
.chart-panel { padding: 20px; }
.bar-chart i, .score-bar i { background: var(--app-blue); }
.status-pill { border-radius: 99px; }
.status-positive { color: #027a48; background: #ecfdf3; border-color: #abefc6; }
.status-active { color: #175cd3; background: #eff4ff; border-color: #b2ccff; }
.status-warning { color: #b54708; background: #fffaeb; border-color: #fedf89; }
.status-negative { color: #b42318; background: #fef3f2; border-color: #fecdca; }
.status-muted { color: #475467; background: #f2f4f7; border-color: #e4e7ec; }
.command-dialog, .log-dialog, .figure-dialog { border-color: var(--app-line); border-radius: 12px; box-shadow: 0 28px 80px rgba(16,24,40,.2); }
.command-list a { border-radius: 7px; }
.toast { border-radius: 8px; box-shadow: 0 16px 40px rgba(16,24,40,.14); }

@media (max-width: 1180px) {
  .global-header { grid-template-columns: var(--nav-width) minmax(260px, 1fr) auto; padding-inline: 14px; }
  .overview-hero { grid-template-columns: minmax(320px, .85fr) minmax(420px, 1.15fr); gap: 32px; padding: 38px; }
  .console-analysis { padding-inline: 16px; }
}

@media (max-width: 960px) {
  .global-header { height: 64px; grid-template-columns: 1fr auto; padding-inline: 18px; }
  .header-command { display: none; }
  .global-actions .system-chip { display: none; }
  .workspace { min-height: 100vh; margin-left: 0; padding-top: 64px; }
  .topbar { top: 64px; height: 56px; padding-inline: 20px; }
  .sidebar { display: flex; top: 64px; padding-top: 14px; transform: translateX(-104%); box-shadow: 20px 0 50px rgba(16,24,40,.12); transition: transform 200ms ease; }
  body.menu-open .sidebar { transform: translateX(0); }
  body.menu-open .scrim { display: block; background: rgba(16,24,40,.28); backdrop-filter: blur(2px); }
  .mobile-menu { display: flex !important; }
  .main-content { padding: 24px 20px 72px; }
  .overview-hero { grid-template-columns: 1fr; margin: 0 0 14px; padding: 40px; }
  .hero-copy > p { max-width: 620px; }
  .quantum-console { width: 100%; }
}

@media (max-width: 700px) {
  .global-header { padding-inline: 14px; }
  .global-header .brand-mark { width: 30px; height: 30px; }
  .global-header .brand-type strong { font-size: 13px; }
  .global-header .brand-type small { font-size: 8px; }
  .global-actions { gap: 6px; }
  .header-icon-button, .user-monogram { width: 30px; height: 30px; }
  .topbar { padding-inline: 14px; }
  .page-heading span { display: none; }
  .main-content { padding: 18px 14px 64px; }
  .page-intro { margin-top: 8px; }
  .overview-hero { margin-top: 0; padding: 30px 22px; border-radius: 10px; }
  .hero-copy h2 { font-size: clamp(38px, 10vw, 48px); }
  .hero-proof { grid-template-columns: 1fr; gap: 9px; }
  .hero-proof span { grid-template-columns: 72px 1fr; align-items: center; padding: 0; border: 0; }
  .console-body { grid-template-columns: 1fr; }
  .console-molecule { min-height: 250px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }
  .console-analysis { min-height: 240px; }
  .console-flow { height: auto; grid-template-columns: 1fr 1fr; gap: 10px; padding: 13px 14px; }
  .console-flow > i { display: none; }
  .metric-band { margin-bottom: 40px; }
  .metric-cell { min-height: 116px; padding: 18px; }
  .panel-head { min-height: 58px; padding: 14px; }
  .form-section, .queue-card, .molecule-card, .panel, .cost-card, .freeze-card { border-radius: 9px; }
  .form-section { padding: 22px 16px; }
}

@media (max-width: 430px) {
  .global-header { grid-template-columns: minmax(0, 1fr) auto; }
  .global-header .brand-type small { max-width: 132px; }
  .global-actions .header-icon-button { display: none; }
  .hero-copy h2 { font-size: 39px; }
  .hero-actions { align-items: flex-start; }
  .quantum-console { border-radius: 9px; }
  .console-head { padding-inline: 11px; }
  .console-molecule { min-height: 230px; }
}