:root {
  --paper: #f6f3ec;
  --paper-2: #efebe2;
  --surface: #fcfbf8;
  --white: #fcfbf8;
  --ink: #17192f;
  --ink-2: #25283d;
  --text: #4f5361;
  --body: #6f7380;
  --muted: #9699a4;
  --line: #d8d9e2;
  --line-2: #e6e3dc;
  --quiet: #e6e3dc;
  --purple: #7077ce;
  --purple-pale: #ececf8;
  --lake: #6aa8bb;
  --lake-pale: #e5f0f2;
  --gold: #b58b66;
  --gold-pale: #f1e8de;
  --green: #4f8b7b;
  --green-pale: #e4efeb;
  --red: #a75656;
  --red-pale: #f3e4e3;
  --blue: #7077ce;
  --blue-pale: #ececf8;
  --cyan: #6aa8bb;
  --lime: #4f8b7b;
  --nav: #17192f;
  --sidebar: 248px;
  --topbar: 72px;
  --radius: 8px;
  --ui: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;
  --data: "Avenir Next", "DIN Alternate", "PingFang SC", sans-serif;
}

html { background: var(--paper); color: var(--ink); }
body {
  min-width: 320px;
  background: var(--paper);
  color: var(--ink);
  font: 15px/1.65 var(--ui);
  text-rendering: geometricPrecision;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
[tabindex]:focus-visible { outline: 2px solid var(--purple); outline-offset: 2px; }

.app-shell { height: 100vh; grid-template-columns: var(--sidebar) minmax(0, 1fr); }
.side-rail.sidebar {
  position: relative;
  z-index: 30;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  color: #f8f7f3;
  background: var(--ink);
  border-right: 1px solid #2d3049;
}
.side-rail.sidebar::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .16;
  background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(90deg, #fff 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 58%);
}
.brand-lockup {
  position: relative;
  z-index: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 5px minmax(0, 1fr);
  gap: 19px;
  align-items: center;
  padding: 28px 24px 27px;
  border-bottom: 1px solid rgba(255,255,255,.11);
}
.brand-rule {
  position: relative;
  width: 5px;
  height: 104px;
  display: block;
  border: 0;
  background: rgba(255,255,255,.92);
}
.brand-rule::before,
.brand-rule::after { content: ""; position: absolute; left: 50%; width: 9px; height: 1px; transform: translateX(-50%); background: rgba(255,255,255,.92); }
.brand-rule::before { top: 0; }
.brand-rule::after { bottom: 0; }
.brand-copy { min-width: 0; display: grid; align-content: center; gap: 7px; }
.brand-hospital { display: block; color: #fff; font-size: 18px; font-weight: 600; line-height: 1.25; letter-spacing: -.025em; white-space: nowrap; }
.brand-product { min-width: 0; display: flex; align-items: baseline; gap: 4px; color: #fff; white-space: nowrap; }
.brand-product b { font-size: 19px; font-weight: 600; line-height: 1.25; letter-spacing: -.035em; }
.brand-product em { color: #aeb1c1; font-size: 12px; font-style: normal; font-weight: 500; letter-spacing: 0; }
.brand-investor { display: block; margin-top: 2px; color: #8f93a7; font: 500 10px/1.3 var(--ui); letter-spacing: .04em; white-space: nowrap; }

.side-nav.module-nav {
  position: relative;
  z-index: 1;
  overflow: auto;
  padding: 20px 14px 22px;
}
.side-nav.module-nav > p {
  margin: 0;
  padding: 10px 14px 8px;
  color: #85899e;
  font: 700 10px/1.3 var(--ui);
  letter-spacing: .11em;
}
.side-nav.module-nav > p:first-child { padding-top: 0; }
.side-nav.module-nav > button {
  position: relative;
  width: 100%;
  min-height: 50px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  place-items: initial;
  align-items: center;
  gap: 0;
  border: 0;
  border-radius: 5px;
  padding: 6px 12px;
  color: #c6c8d4;
  background: transparent;
  text-align: left;
}
.side-nav.module-nav > button > span { grid-row: 1 / span 2; align-self: center; color: #6f748d; font: 10px/1 var(--data); }
.side-nav.module-nav > button > b { font-size: 12px; font-weight: 600; line-height: 1.35; }
.side-nav.module-nav > button > small { display: block; color: #73788f; font-size: 9px; line-height: 1.35; }
.side-nav.module-nav > button:hover { color: #fff; background: rgba(255,255,255,.055); }
.side-nav.module-nav > button.active { color: #fff; background: rgba(255,255,255,.1); }
.side-nav.module-nav > button.active::before { left: 0; top: 8px; bottom: 8px; width: 3px; background: var(--purple); }
.side-nav.module-nav > button.active > span { color: #fff; }
.side-nav.module-nav > button.active > small { color: #aeb1c1; }

.source-status.sidebar-status {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 9px;
  margin: 0 14px 16px;
  padding: 17px 16px 15px;
  color: #f8f7f3;
  background: rgba(255,255,255,.045);
  border-top: 1px solid rgba(255,255,255,.14);
}
.source-status.sidebar-status > i { flex: 0 0 auto; width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: #6fb59f; box-shadow: 0 0 0 4px rgba(111,181,159,.12); }
.source-status.sidebar-status strong { display: block; font-size: 12px; }
.source-status.sidebar-status small { display: block; margin-top: 4px; color: #9296aa; font-size: 10px; line-height: 1.5; }

.workspace { min-width: 0; height: 100vh; grid-template-rows: var(--topbar) 46px minmax(0, 1fr); }
.topbar {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 34px;
  background: #f8f6f1;
  border-bottom: 1px solid var(--line);
}
.nav-toggle { display: none; }
.command-context.breadcrumb { min-width: 0; display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.module-home { height: 34px; display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 5px; padding: 0 12px; color: var(--body); background: var(--surface); font-size: 11px; font-weight: 600; text-decoration: none; }
.module-home:hover { color: var(--ink); background: var(--paper-2); }
.command-context.breadcrumb i { width: 22px; height: 1px; background: var(--line); }
.command-context.breadcrumb strong { overflow: hidden; text-overflow: ellipsis; font-size: 14px; font-weight: 600; }
.command-actions.topbar-actions { min-width: 0; height: auto; display: flex; align-items: center; gap: 10px; }
.suite-home-link {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #17192f;
  border-radius: 5px;
  padding: 0 11px;
  color: #fcfbf8;
  background: #17192f;
  text-decoration: none;
  font-size: 11px;
}
.suite-home-link[hidden] { display: none; }
.suite-home-link span { color: #c6c9ff; font: 700 9px/1 var(--data); }
.suite-home-link b,
.suite-doc-link b { font-size: inherit; font-weight: 600; }
.suite-home-link:hover { border-color: #25283d; background: #25283d; }
.suite-home-link:focus-visible { outline: 3px solid rgba(112,119,206,.38); outline-offset: 2px; }
.suite-doc-link {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 0 11px;
  color: var(--text);
  background: var(--surface);
  text-decoration: none;
  font-size: 11px;
}
.suite-doc-link[hidden] { display: none; }
.suite-doc-link span { color: var(--purple); font: 700 9px/1 var(--data); }
.suite-doc-link:hover { background: var(--paper-2); }
.suite-doc-link:focus-visible { outline: 3px solid rgba(112,119,206,.38); outline-offset: 2px; }
.role-switch { height: 36px; display: flex; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; }
.role-switch button { min-width: 70px; border: 0; border-right: 1px solid var(--line); padding: 0 10px; color: var(--body); background: var(--surface); font-size: 10px; }
.role-switch button:last-child { border-right: 0; }
.role-switch button:hover { background: var(--paper-2); }
.role-switch button.active { color: var(--purple); background: var(--purple-pale); box-shadow: inset 0 -2px var(--purple); }
.enter-solution { height: 36px; margin: 0; border: 1px solid var(--ink); border-radius: 5px; padding: 0 12px; color: #fff; background: var(--ink); font-size: 11px; }

.scopebar {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 0 34px;
  background: var(--paper-2);
  border-bottom: 1px solid var(--line);
}
.scope-who { gap: 8px; }
.scope-who i { background: var(--green); }
.scope-who strong { font-size: 11px; }
.scope-who span, .scopebar > p { color: var(--body); font-size: 10px; }
.scopebar > p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scope-zones b { padding: 0 9px; color: var(--muted); font-size: 9px; }
.scope-zones .on { color: var(--green); }
.scope-zones .partial { color: var(--gold); }
.scope-zones .lock { color: var(--muted); }

#viewRoot { min-width: 0; min-height: 0; overflow: auto; padding: 34px 38px 52px; }
#viewRoot > .view { width: min(1540px, 100%); height: auto; min-height: 0; margin: 0 auto; }
.view-head {
  height: auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 28px;
  padding: 0 0 24px;
  border-bottom: 1px solid var(--line);
}
.view-head .eyebrow { color: var(--purple); font-size: 11px; }
.view-head h2 { max-width: 950px; margin-top: 7px; font-size: clamp(28px, 2.55vw, 42px); letter-spacing: -.025em; }
.view-head p { max-width: 880px; margin-top: 9px; color: var(--body); font-size: 15px; line-height: 1.7; }
.view-actions { justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.tag, .plain-button { min-height: 38px; display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 5px; padding: 0 12px; color: var(--text); background: var(--surface); font-size: 11px; }
.tag.on { color: var(--green); border-color: #b7cdc6; background: var(--green-pale); }
.tag.demo { color: var(--gold); border-color: #d6c1ad; background: var(--gold-pale); }
.tag.auth { color: var(--red); border-color: #d9b8b8; background: var(--red-pale); }
.plain-button:hover { color: var(--purple); border-color: var(--purple); background: var(--surface); }
.plain-button.primary { color: #fff; border-color: var(--ink); background: var(--ink); }

.panel-head, .map-head { background: var(--paper-2); }
.overview-board,
.operations-board,
.focus-board,
.analytics-board,
.audio-board,
.conversion-board,
.import-board,
.feature-board { margin-top: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); overflow: auto; }
.overview-board { grid-template-columns: minmax(760px, 1fr) 310px; }
.capability-map { border-right-color: var(--line); }
.wheel-intro { background: var(--paper-2); }
.wheel-intro .eyebrow { color: var(--purple); }
.capability { background: var(--surface); }
.capability:hover { background: var(--paper); }
.phase-tags span { border-left: 2px solid var(--lake); padding: 3px 6px; background: transparent; }
.care-phase:nth-child(2) .phase-tags span { border-color: var(--gold); background: transparent; }
.care-phase:nth-child(3) .phase-tags span { border-color: var(--green); background: transparent; }
.fact-strip, .mode-bar, .conversion-summary { margin-top: 28px; border: 1px solid var(--line); border-radius: var(--radius) var(--radius) 0 0; background: var(--surface); }
.fact-item:first-child { border-top-color: var(--green); background: var(--green-pale); }
.operations-board, .conversion-board { margin-top: 0; border-radius: 0 0 var(--radius) var(--radius); }
.workbench-tabs { margin-top: 28px; border-color: var(--line); background: var(--surface); }
.workbench-tabs button.active { color: var(--purple); background: var(--purple-pale); box-shadow: inset 0 -3px var(--purple); }
.project-row:hover, .project-row.active { background: var(--green-pale); }
.project-row.active { box-shadow: inset 3px 0 var(--green); }
.stage-button.current { background: var(--purple-pale); }
.stage-button.current i { background: var(--purple); }
.analysis-modes button.active { background: var(--purple-pale); box-shadow: inset 0 -3px var(--purple); }
.mode-tab.active, .doctor-row.active, .batch-row.active { border-color: var(--purple); background: var(--purple-pale); }
.boundary-warning { border-top-color: var(--red); background: var(--red-pale); }

.sidebar-backdrop { display: none; }

@media (max-width: 1120px) {
  .role-switch button { min-width: 56px; padding: 0 7px; }
  .scopebar > p { display: none; }
  .scopebar { grid-template-columns: 1fr auto; }
}

@media (max-width: 960px) {
  .app-shell { display: block; }
  .side-rail.sidebar { position: fixed; inset: 0 auto 0 0; width: 280px; transform: translateX(-100%); transition: transform .18s ease; }
  body.nav-open .side-rail.sidebar { transform: translateX(0); }
  .workspace { height: 100vh; grid-template-rows: var(--topbar) 46px minmax(0, 1fr); }
  .topbar { gap: 12px; padding: 0 18px; }
  .nav-toggle { flex: 0 0 auto; width: 38px; height: 38px; display: grid; place-content: center; gap: 4px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); }
  .nav-toggle span { width: 16px; height: 1px; display: block; background: var(--ink); }
  .role-switch { display: none; }
  .command-actions.topbar-actions { margin-left: auto; }
  .scopebar { padding: 0 18px; }
  .scope-zones b { padding: 0 6px; }
  #viewRoot { padding: 24px 18px 46px; }
  .view-head { grid-template-columns: 1fr; align-items: start; }
  .view-actions { justify-content: flex-start; }
  .overview-board, .operations-board, .focus-board, .analytics-board, .audio-board, .conversion-board, .import-board, .feature-board { max-width: 100%; overflow: auto; }
  .overview-board { min-width: 1110px; }
  .sidebar-backdrop { position: fixed; z-index: 25; inset: 0; border: 0; background: rgba(12,14,25,.55); }
  .sidebar-backdrop[hidden] { display: none; }
  .sidebar-backdrop:not([hidden]) { display: block; }
}

@media (max-width: 640px) {
  .suite-home-link b { display: none; }
  .suite-doc-link span { display: none; }
  .suite-home-link,
  .suite-doc-link { min-height: 34px; padding: 0 9px; }
  .scope-who span, .scope-zones { display: none; }
  .scopebar { grid-template-columns: 1fr; }
  .view-head h2 { font-size: 30px; }
  .view-head p { font-size: 14px; }
  .module-home { height: 32px; padding: 0 10px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* 2026-08-15 · patient operations platform normalization
   Shared shell contract: 42px single-line navigation, 14px module labels,
   11px operational detail and 9px utility metadata. */
.side-nav.module-nav > button {
  min-height: 42px;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: 1fr;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
}
.side-nav.module-nav > button > span { grid-row: auto; }
.side-nav.module-nav > button > b {
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.side-nav.module-nav > button > small { display: none; }

.role-switch button { font-size: 11px; font-weight: 500; }
.scope-who strong { font-size: 12px; }
.scope-who span,
.scopebar > p { font-size: 11px; }
.scope-zones b { font-size: 9px; }

.overview-board p,
.operations-board p,
.focus-board p,
.analytics-board p,
.audio-board p,
.conversion-board p,
.import-board p,
.feature-board p,
.solution-board p { font-size: 12px; line-height: 1.65; }
.overview-board button,
.operations-board button,
.focus-board button,
.analytics-board button,
.audio-board button,
.conversion-board button,
.import-board button,
.feature-board button,
.solution-board button,
.overview-board input,
.operations-board input,
.focus-board input,
.analytics-board input,
.audio-board input,
.conversion-board input,
.import-board input,
.feature-board input,
.solution-board input,
.overview-board select,
.operations-board select,
.focus-board select,
.analytics-board select,
.audio-board select,
.conversion-board select,
.import-board select,
.feature-board select,
.solution-board select,
.overview-board textarea,
.operations-board textarea,
.focus-board textarea,
.analytics-board textarea,
.audio-board textarea,
.conversion-board textarea,
.import-board textarea,
.feature-board textarea,
.solution-board textarea { font-size: 11px; }
.overview-board small,
.operations-board small,
.focus-board small,
.analytics-board small,
.audio-board small,
.conversion-board small,
.import-board small,
.feature-board small,
.solution-board small { font-size: 9px; }
.source-box,
.release-box,
.check-line,
.audit-line,
.mapping-note,
.pilot-note,
.wide-action { font-size: 11px; }

@media (max-width: 960px) {
  .side-nav.module-nav > button { min-height: 42px; }
}

@media (max-width: 640px) {
  .overview-board { min-width: 0; }
}

/* Doctor workspace · selected doctor, source-aware analysis mode */
.doctor-workspace-view { --doctor-accent: var(--green); }
.doctor-workspace-view.media-only { --doctor-accent: var(--gold); }
.doctor-workspace-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}
.doctor-workspace-identity { min-width: 0; display: flex; align-items: center; gap: 14px; }
.doctor-back {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: var(--ink);
  background: var(--surface);
  font-size: 18px;
}
.doctor-back:hover { color: var(--purple); border-color: var(--purple); }
.doctor-workspace-avatar {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  display: grid;
  place-items: center;
  border: 1px solid #b7cdc6;
  border-radius: 5px;
  color: var(--doctor-accent);
  background: var(--green-pale);
  font-size: 21px;
  font-weight: 700;
}
.media-only .doctor-workspace-avatar { border-color: #d6c1ad; background: var(--gold-pale); }
.doctor-workspace-identity .eyebrow { color: var(--doctor-accent); font-size: 10px; }
.doctor-workspace-identity h2 { margin-top: 3px; font-size: clamp(26px, 2.3vw, 36px); line-height: 1.08; }
.doctor-workspace-identity p { margin-top: 5px; color: var(--body); font-size: 13px; }
.doctor-workspace-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }
.doctor-mode-badge {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #b7cdc6;
  border-radius: 5px;
  padding: 0 11px;
  color: var(--green);
  background: var(--green-pale);
  font-size: 11px;
  font-weight: 700;
}
.doctor-mode-badge.media { color: var(--gold); border-color: #d6c1ad; background: var(--gold-pale); }
.doctor-mode-badge i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }

.doctor-mode-explainer {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 28px;
  border: 1px solid var(--line);
  border-bottom: 0;
  border-radius: var(--radius) var(--radius) 0 0;
  padding: 10px 16px;
  background: var(--paper-2);
}
.doctor-mode-explainer > div:first-child { min-width: 0; display: flex; align-items: baseline; gap: 12px; }
.doctor-mode-explainer strong { font-size: 12px; }
.doctor-mode-explainer span { color: var(--body); font-size: 11px; }
.doctor-mode-zones { flex: 0 0 auto; display: flex; align-items: center; }
.doctor-mode-zones b { min-width: 66px; padding: 5px 9px; border-left: 1px solid var(--line); color: var(--muted); text-align: center; font: 600 9px var(--data); }
.doctor-mode-zones b.on { color: var(--green); }
.doctor-mode-zones b.missing { color: var(--gold); }
.doctor-mode-zones b.partial { color: var(--gold); }

.doctor-workspace-kpis {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border: 1px solid var(--line);
  background: var(--surface);
}
.doctor-workspace-kpis article { min-width: 0; min-height: 112px; padding: 17px 18px; border-right: 1px solid var(--line); }
.doctor-workspace-kpis article:last-child { border-right: 0; }
.doctor-workspace-kpis article:first-child { border-top: 3px solid var(--doctor-accent); background: var(--green-pale); }
.media-only .doctor-workspace-kpis article:first-child { background: var(--gold-pale); }
.doctor-workspace-kpis small { display: block; color: var(--muted); font-size: 10px; }
.doctor-workspace-kpis strong { display: block; margin-top: 5px; font: 700 25px/1.15 var(--data); font-variant-numeric: tabular-nums; }
.doctor-workspace-kpis p { margin-top: 6px; color: var(--body); font-size: 11px; }

.doctor-workbench-scroll {
  max-width: 100%;
  margin-top: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow-x: auto;
  background: var(--surface);
}
.doctor-workbench-shell { min-width: 1100px; display: grid; grid-template-columns: 238px minmax(540px,1fr) 292px; align-items: stretch; }
.doctor-context-pane, .doctor-analysis-pane { border-right: 1px solid var(--line); }
.doctor-context-pane, .doctor-governance-pane { min-width: 0; background: #fbfaf7; }
.doctor-workbench-shell .panel-head { min-height: 50px; padding: 0 15px; border-bottom: 1px solid var(--line); }
.doctor-workbench-shell .panel-head strong { font-size: 12px; }
.doctor-workbench-shell .panel-head small { color: var(--muted); font: 9px var(--data); }

.doctor-scope-list { border-bottom: 1px solid var(--line); }
.doctor-scope-row { min-height: 72px; display: grid; grid-template-columns: 25px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 11px 12px; border-bottom: 1px solid var(--line-2); }
.doctor-scope-row:last-child { border-bottom: 0; }
.doctor-scope-row > b { width: 24px; height: 24px; display: grid; place-items: center; color: var(--muted); background: var(--paper-2); font: 700 9px var(--data); }
.doctor-scope-row.available > b { color: var(--green); background: var(--green-pale); }
.doctor-scope-row.missing > b, .doctor-scope-row.partial > b { color: var(--gold); background: var(--gold-pale); }
.doctor-scope-row span { min-width: 0; }
.doctor-scope-row strong { display: block; font-size: 11px; }
.doctor-scope-row small { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.doctor-scope-row em { color: var(--muted); font-size: 8px; font-style: normal; white-space: nowrap; }
.doctor-scope-row.available em { color: var(--green); }
.doctor-scope-row.missing em, .doctor-scope-row.partial em { color: var(--gold); }
.doctor-source-note { margin: 16px 14px; padding: 13px; border-top: 2px solid var(--doctor-accent); background: var(--paper-2); }
.doctor-source-note .eyebrow { color: var(--doctor-accent); }
.doctor-source-note strong { display: block; margin-top: 4px; font-size: 11px; }
.doctor-source-note p { margin-top: 5px; color: var(--body); font-size: 10px; line-height: 1.6; }

.doctor-analysis-pane { min-width: 0; background: var(--surface); }
.doctor-media-panel, .doctor-business-panel, .doctor-missing-business { padding: 20px 22px; }
.doctor-business-panel, .doctor-missing-business { border-top: 1px solid var(--line); }
.doctor-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.doctor-section-head .eyebrow { color: var(--doctor-accent); }
.doctor-section-head h3 { margin-top: 4px; font-size: 17px; }
.doctor-section-head p { margin-top: 4px; color: var(--body); font-size: 10px; }
.doctor-section-head > span { flex: 0 0 auto; color: var(--muted); font: 9px var(--data); }
.doctor-section-head > span.source-ready { border: 1px solid #b7cdc6; padding: 5px 7px; color: var(--green); background: var(--green-pale); }
.doctor-platform-pair { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-top: 0; }
.doctor-platform-pair article { min-width: 0; padding: 15px 16px; border-right: 1px solid var(--line); }
.doctor-platform-pair article:last-child { border-right: 0; }
.doctor-platform-pair header { display: flex; align-items: center; gap: 7px; }
.doctor-platform-pair header strong { font-size: 11px; }
.doctor-platform-pair header em { margin-left: auto; color: var(--muted); font-size: 9px; font-style: normal; }
.platform-code { min-width: 27px; height: 22px; display: grid; place-items: center; border: 1px solid var(--line); font: 700 8px var(--data); }
.platform-code.douyin { color: var(--purple); background: var(--purple-pale); }
.platform-code.wechat { color: var(--gold); background: var(--gold-pale); }
.doctor-platform-pair article > b { display: block; margin-top: 15px; font: 700 24px var(--data); font-variant-numeric: tabular-nums; }
.doctor-platform-pair article > p { margin-top: 3px; color: var(--body); font-size: 10px; }
.doctor-share-reading { padding: 12px 0; border-bottom: 1px solid var(--line-2); }
.doctor-share-track { height: 6px; display: flex; background: var(--paper-2); }
.doctor-share-track i:first-child { width: var(--doctor-dy); background: var(--purple); }
.doctor-share-track i:last-child { flex: 1; background: var(--gold); }
.doctor-share-reading > div:last-child { display: flex; justify-content: space-between; margin-top: 5px; color: var(--muted); font-size: 9px; }
.doctor-content-focus { display: grid; grid-template-columns: 64px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 13px 0; border-bottom: 1px solid var(--line-2); }
.doctor-content-focus > span { color: var(--doctor-accent); font: 700 9px var(--data); }
.doctor-content-focus strong { display: block; font-size: 11px; }
.doctor-content-focus p { margin-top: 3px; color: var(--muted); font-size: 9px; }
.doctor-content-focus button { border: 0; padding: 5px 0; color: var(--purple); background: transparent; font-size: 9px; }
.doctor-objective-reading { margin-top: 13px; padding: 13px 14px; border-left: 4px solid var(--doctor-accent); background: var(--green-pale); }
.media-only .doctor-objective-reading { background: var(--gold-pale); }
.doctor-objective-reading .eyebrow { color: var(--doctor-accent); }
.doctor-objective-reading strong { display: block; margin-top: 5px; font-size: 12px; line-height: 1.55; }
.doctor-objective-reading p { margin-top: 4px; color: var(--body); font-size: 10px; }

.doctor-business-layout { display: grid; grid-template-columns: 170px minmax(0,1fr); border: 1px solid var(--line); border-top: 0; }
.doctor-metric-list { border-right: 1px solid var(--line); }
.doctor-metric-button { width: 100%; min-height: 54px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; gap: 2px 8px; border: 0; border-bottom: 1px solid var(--line-2); padding: 9px 11px; text-align: left; background: #fbfaf7; }
.doctor-metric-button:last-child { border-bottom: 0; }
.doctor-metric-button:hover { background: var(--paper-2); }
.doctor-metric-button.active { background: var(--green-pale); box-shadow: inset 3px 0 var(--green); }
.doctor-metric-button span { font-size: 10px; }
.doctor-metric-button strong { grid-row: 1/3; grid-column: 2; align-self: center; color: var(--green); font: 700 11px var(--data); }
.doctor-metric-button small { color: var(--muted); font: 9px var(--data); }
.doctor-metric-detail { min-width: 0; padding: 14px 15px; }
.doctor-metric-detail > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--line-2); }
.doctor-metric-detail > header span { display: block; color: var(--muted); font-size: 9px; }
.doctor-metric-detail > header strong { display: block; margin-top: 3px; font: 700 15px var(--data); }
.doctor-metric-detail > header > b { color: var(--green); font: 700 18px var(--data); }
.doctor-months { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 12px; }
.doctor-month-row header { display: flex; justify-content: space-between; margin-bottom: 8px; }
.doctor-month-row header strong { font-size: 10px; }
.doctor-month-row header em { color: var(--green); font: 700 9px var(--data); font-style: normal; }
.doctor-month-row header em.negative { color: var(--red); }
.doctor-month-row > div { display: grid; grid-template-columns: 30px 1fr 28px; align-items: center; gap: 6px; margin-top: 6px; }
.doctor-month-row span { color: var(--muted); font: 8px var(--data); }
.doctor-month-row i { height: 6px; background: var(--paper-2); }
.doctor-month-row i b { height: 100%; display: block; background: var(--muted); }
.doctor-month-row i b.current { background: var(--green); }
.doctor-month-row > div > strong { text-align: right; font: 700 9px var(--data); }
.doctor-association-reading { margin-top: 13px; padding: 13px 14px; border-left: 4px solid var(--green); background: var(--green-pale); }
.doctor-association-reading .eyebrow { color: var(--green); }
.doctor-association-reading strong { display: block; margin-top: 4px; font-size: 12px; }
.doctor-association-reading p { margin-top: 4px; color: var(--body); font-size: 10px; }
.doctor-mouth-warning { display: grid; grid-template-columns: auto 1fr; gap: 9px; margin-top: 9px; padding: 9px 11px; border-top: 1px solid #d9b8b8; background: var(--red-pale); }
.doctor-mouth-warning b { color: var(--red); font-size: 9px; }
.doctor-mouth-warning span { color: var(--body); font-size: 9px; line-height: 1.55; }

.doctor-missing-business { min-height: 250px; }
.doctor-missing-business .doctor-section-head .eyebrow { color: var(--gold); }
.doctor-boundary-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); border-top: 0; }
.doctor-boundary-grid article { min-height: 126px; padding: 15px; border-right: 1px solid var(--line); background: #fbfaf7; }
.doctor-boundary-grid article:last-child { border-right: 0; }
.doctor-boundary-grid b { display: block; font-size: 11px; }
.doctor-boundary-grid p { margin-top: 8px; color: var(--body); font-size: 10px; line-height: 1.65; }
.doctor-missing-note { display: grid; grid-template-columns: 170px 1fr; gap: 14px; margin-top: 13px; padding: 13px 14px; border-left: 4px solid var(--gold); background: var(--gold-pale); }
.doctor-missing-note strong { font-size: 11px; }
.doctor-missing-note span { color: var(--body); font-size: 10px; line-height: 1.55; }

.doctor-readiness, .doctor-claim-boundary, .doctor-actions { padding: 16px 14px; border-bottom: 1px solid var(--line); }
.doctor-governance-pane .eyebrow { color: var(--doctor-accent); }
.doctor-readiness h3, .doctor-actions h3 { margin: 4px 0 10px; font-size: 13px; }
.doctor-level { min-height: 47px; display: grid; grid-template-columns: 25px 1fr auto; align-items: center; gap: 8px; border-top: 1px solid var(--line-2); color: var(--muted); }
.doctor-level > b { font: 700 9px var(--data); }
.doctor-level span strong { display: block; font-size: 10px; }
.doctor-level span small { display: block; margin-top: 2px; font-size: 8px; }
.doctor-level em { font: 8px var(--data); font-style: normal; }
.doctor-level.on { color: var(--green); }
.media-only .doctor-level.on { color: var(--gold); }
.doctor-claim-boundary article { margin-top: 10px; padding: 11px; border-left: 3px solid var(--green); background: var(--green-pale); }
.doctor-claim-boundary article.forbidden { border-left-color: var(--red); background: var(--red-pale); }
.doctor-claim-boundary b { display: block; color: var(--green); font-size: 10px; }
.doctor-claim-boundary .forbidden b { color: var(--red); }
.doctor-claim-boundary p { margin-top: 4px; color: var(--body); font-size: 9px; line-height: 1.6; }
.doctor-task { width: 100%; min-height: 58px; display: grid; grid-template-columns: 18px minmax(0,1fr) auto; align-items: center; gap: 8px; border: 0; border-top: 1px solid var(--line-2); padding: 9px 0; text-align: left; background: transparent; }
.doctor-task > i { width: 16px; height: 16px; border: 1px solid var(--muted); }
.doctor-task.done > i { display: grid; place-items: center; border-color: var(--green); background: var(--green); }
.doctor-task.done > i::after { content: '✓'; color: #fff; font-size: 9px; }
.doctor-task span strong { display: block; font-size: 10px; }
.doctor-task span small { display: block; margin-top: 3px; color: var(--muted); font-size: 8px; line-height: 1.45; }
.doctor-task em { color: var(--muted); text-align: right; font-size: 8px; font-style: normal; }
.doctor-task em b { display: block; color: var(--doctor-accent); font: 700 8px var(--data); }

@media (max-width: 1120px) {
  .doctor-workspace-head { align-items: flex-start; }
  .doctor-workspace-actions { flex-wrap: wrap; justify-content: flex-end; }
  .doctor-mode-explainer > div:first-child { display: block; }
  .doctor-mode-explainer > div:first-child span { display: block; margin-top: 3px; }
}

@media (max-width: 960px) {
  .doctor-workspace-head { display: grid; grid-template-columns: 1fr; }
  .doctor-workspace-actions { justify-content: flex-start; }
  .doctor-mode-explainer { align-items: flex-start; }
  .doctor-workspace-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .doctor-workspace-kpis article:nth-child(2) { border-right: 0; }
  .doctor-workspace-kpis article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 640px) {
  .doctor-workspace-identity { align-items: flex-start; gap: 10px; }
  .doctor-workspace-avatar { width: 46px; height: 46px; flex-basis: 46px; }
  .doctor-workspace-identity h2 { font-size: 28px; }
  .doctor-workspace-actions .doctor-mode-badge { width: 100%; }
  .doctor-mode-explainer { display: block; }
  .doctor-mode-zones { margin-top: 10px; }
  .doctor-mode-zones b { min-width: 0; flex: 1; padding-left: 5px; padding-right: 5px; }
  .doctor-workspace-kpis article { min-height: 100px; padding: 14px; }
  .doctor-workspace-kpis strong { font-size: 20px; }
}

/* Hospital operations center · full-width B-zone analysis */
.doctor-hospital-scroll { max-width: 100%; margin-top: 18px; overflow-x: auto; }
.hospital-operations-center {
  min-width: 1100px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0;
  overflow: hidden;
  background: var(--surface);
}
.hospital-business-head {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--line);
  background: var(--paper-2);
}
.hospital-business-head .eyebrow { color: var(--green); }
.hospital-business-head h3 { margin-top: 4px; font-size: 22px; }
.hospital-business-head p { margin-top: 5px; color: var(--body); font-size: 11px; }
.hospital-business-head > div:last-child { flex: 0 0 auto; display: grid; justify-items: end; gap: 6px; }
.hospital-business-head .source-ready { border: 1px solid #b7cdc6; padding: 5px 8px; color: var(--green); background: var(--green-pale); font-size: 9px; }
.hospital-business-head small { color: var(--muted); font: 9px var(--data); }
.hospital-business-tabs { height: 48px; display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid var(--line); background: #fbfaf7; }
.hospital-business-tabs button { border: 0; border-right: 1px solid var(--line); color: var(--body); background: transparent; font-size: 11px; }
.hospital-business-tabs button:last-child { border-right: 0; }
.hospital-business-tabs button:hover { background: var(--paper-2); }
.hospital-business-tabs button.active { color: var(--green); background: var(--green-pale); box-shadow: inset 0 -3px var(--green); font-weight: 700; }
.hospital-business-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-bottom: 1px solid var(--line); }
.hospital-business-summary article { min-height: 92px; padding: 15px 18px; border-right: 1px solid var(--line); }
.hospital-business-summary article:last-child { border-right: 0; }
.hospital-business-summary small { display: block; color: var(--muted); font-size: 9px; }
.hospital-business-summary strong { display: block; margin-top: 5px; font: 700 19px var(--data); font-variant-numeric: tabular-nums; }
.hospital-business-summary p { margin-top: 4px; color: var(--body); font-size: 10px; }
.hospital-business-content { padding: 20px 22px; }

.hospital-results-grid { display: grid; grid-template-columns: 180px minmax(390px,1fr) 276px; border: 1px solid var(--line); }
.hospital-results-grid .doctor-metric-list, .hospital-results-grid .doctor-metric-detail { border-right: 1px solid var(--line); }
.hospital-results-grid .doctor-metric-detail { padding: 16px 18px; }
.hospital-management-reading { min-width: 0; padding: 16px; background: #fbfaf7; }
.hospital-management-reading .eyebrow { color: var(--green); }
.hospital-management-reading h4 { margin: 4px 0 10px; font-size: 13px; }
.hospital-management-reading article { padding: 10px 0; border-top: 1px solid var(--line-2); }
.hospital-management-reading article b { display: block; color: var(--green); font-size: 9px; }
.hospital-management-reading article:nth-of-type(2) b { color: var(--gold); }
.hospital-management-reading article:nth-of-type(3) b { color: var(--purple); }
.hospital-management-reading article p { margin-top: 4px; color: var(--body); font-size: 10px; line-height: 1.58; }

.hospital-structure-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--line); }
.hospital-structure-card { min-height: 174px; padding: 15px 16px; border-right: 1px solid var(--line); background: #fbfaf7; }
.hospital-structure-card:last-child { border-right: 0; }
.hospital-structure-card header { display: flex; justify-content: space-between; color: var(--green); font: 700 9px var(--data); }
.hospital-structure-card h4 { margin-top: 14px; font-size: 12px; }
.hospital-structure-card > strong { display: block; margin-top: 7px; font: 700 18px var(--data); font-variant-numeric: tabular-nums; }
.hospital-structure-card p { margin-top: 8px; color: var(--body); font-size: 10px; line-height: 1.6; }
.hospital-ledger { margin-top: 18px; border: 1px solid var(--line); }
.hospital-ledger > header { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 16px; border-bottom: 1px solid var(--line); background: var(--paper-2); }
.hospital-ledger .eyebrow { color: var(--green); }
.hospital-ledger h4 { margin-top: 3px; font-size: 13px; }
.hospital-ledger > header span { color: var(--muted); font-size: 9px; }
.hospital-table-scroll { max-width: 100%; overflow-x: auto; }
.hospital-ledger table { width: 100%; min-width: 920px; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.hospital-ledger th, .hospital-ledger td { height: 36px; border-right: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); padding: 0 9px; text-align: right; font: 9px var(--data); }
.hospital-ledger th:first-child, .hospital-ledger tbody th { text-align: left; }
.hospital-ledger th:last-child, .hospital-ledger td:last-child { border-right: 0; }
.hospital-ledger thead th { color: var(--muted); background: #fbfaf7; font-weight: 600; }
.hospital-ledger tbody th { color: var(--text); font-weight: 600; }
.hospital-ledger tbody tr.combined { background: var(--green-pale); }
.hospital-ledger tbody tr.warning { background: var(--gold-pale); }
.hospital-ledger tbody tr.warning td:last-child b { color: var(--gold); }
.hospital-ledger tbody tr.combined td:last-child b { color: var(--green); }
.hospital-ledger > footer { min-height: 48px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; padding: 9px 14px; background: var(--red-pale); }
.hospital-ledger > footer b { color: var(--red); font-size: 9px; }
.hospital-ledger > footer span { color: var(--body); font-size: 9px; line-height: 1.5; }

.hospital-evidence-levels { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--line); }
.hospital-evidence-levels article { position: relative; min-height: 126px; padding: 15px 16px 30px; border-right: 1px solid var(--line); color: var(--muted); background: #fbfaf7; }
.hospital-evidence-levels article:last-child { border-right: 0; }
.hospital-evidence-levels article.ready { color: var(--green); background: var(--green-pale); }
.hospital-evidence-levels span { font: 700 9px var(--data); }
.hospital-evidence-levels b { display: block; margin-top: 14px; color: var(--text); font-size: 12px; }
.hospital-evidence-levels p { margin-top: 6px; color: var(--body); font-size: 10px; line-height: 1.55; }
.hospital-evidence-levels em { position: absolute; right: 14px; bottom: 12px; font: 8px var(--data); font-style: normal; }
.hospital-evidence-columns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 18px; border: 1px solid var(--line); }
.hospital-evidence-columns > article { min-height: 212px; padding: 16px 18px; border-right: 1px solid var(--line); }
.hospital-evidence-columns > article:last-child { border-right: 0; }
.hospital-evidence-columns .eyebrow { color: var(--green); }
.hospital-evidence-columns > article:nth-child(2) .eyebrow { color: var(--gold); }
.hospital-evidence-columns > article:nth-child(3) .eyebrow { color: var(--purple); }
.hospital-evidence-columns h4 { margin-top: 5px; font-size: 13px; }
.hospital-evidence-columns ul { margin: 12px 0 0; padding-left: 17px; color: var(--body); font-size: 10px; line-height: 1.65; }
.hospital-evidence-columns li { margin: 5px 0; }
.hospital-value-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 18px; border: 1px solid var(--line); }
.hospital-value-grid article { min-height: 116px; padding: 14px 16px; border-right: 1px solid var(--line); }
.hospital-value-grid article:last-child { border-right: 0; }
.hospital-value-grid span { color: var(--muted); font-size: 9px; }
.hospital-value-grid strong { display: block; margin-top: 7px; font-size: 12px; }
.hospital-value-grid p { margin-top: 5px; color: var(--body); font-size: 9px; line-height: 1.55; }
.hospital-evidence-view .doctor-association-reading { margin-top: 18px; }

.hospital-business-footer { min-height: 58px; display: grid; grid-template-columns: auto minmax(0,1fr) minmax(260px,.7fr); align-items: center; gap: 12px; padding: 11px 18px; border-top: 1px solid var(--line); background: var(--paper-2); }
.hospital-business-footer b { color: var(--green); font-size: 9px; }
.hospital-business-footer span, .hospital-business-footer em { color: var(--body); font-size: 9px; line-height: 1.5; }
.hospital-business-footer em { border-left: 1px solid var(--line); padding-left: 12px; color: var(--red); font-style: normal; }

@media (max-width: 960px) {
  .doctor-hospital-scroll { overflow-x: auto; }
}

/* 2026-08-16 · 02融媒服务汇报阅读层：五页叙事与原工作台分层。 */
.service-story-view { padding-bottom: 24px; }
.service-chapter-nav {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  margin-top: 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--surface);
}
.service-chapter-nav button { min-width: 0; min-height: 72px; display: grid; grid-template-columns: 30px minmax(0,1fr); align-content: center; gap: 2px 9px; border: 0; border-right: 1px solid var(--line); padding: 11px 13px; background: transparent; text-align: left; }
.service-chapter-nav button:last-child { border-right: 0; }
.service-chapter-nav button:hover { background: var(--paper); }
.service-chapter-nav button.active { background: var(--purple-pale); box-shadow: inset 0 -4px var(--purple); }
.service-chapter-nav span { grid-row: 1 / 3; align-self: center; color: var(--purple); font: 700 13px/1 var(--data); }
.service-chapter-nav strong { font-size: 13px; line-height: 1.25; }
.service-chapter-nav small { color: var(--muted); font-size: 10px; line-height: 1.35; }

.service-story-board { min-height: 520px; margin-top: 22px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.service-story-board > section, .service-story-board > article, .service-story-board > aside { min-width: 0; }
.service-story-board header { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.service-story-board header small { color: var(--muted); font-size: 11px; }
.service-story-board .eyebrow { color: var(--purple); }
.service-story-board h3 { margin-top: 6px; font-size: 20px; line-height: 1.35; }
.service-story-board p { color: var(--body); font-size: 14px; line-height: 1.7; }

.service-overview-board { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr); }
.service-thesis { min-height: 300px; padding: 34px 36px; border-right: 1px solid var(--line); background: var(--ink); color: #fff; }
.service-thesis .eyebrow { color: #aeb4ff; }
.service-thesis h3 { max-width: 760px; margin-top: 18px; font-size: clamp(27px,2.35vw,38px); font-weight: 600; line-height: 1.32; }
.service-thesis > p { max-width: 780px; margin-top: 18px; color: #c9cbd5; font-size: 15px; }
.service-proof-strip { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 28px; border-top: 1px solid rgba(255,255,255,.22); }
.service-proof-strip span { min-height: 66px; display: flex; align-items: center; gap: 9px; border-right: 1px solid rgba(255,255,255,.18); color: #f7f6f2; font-size: 13px; }
.service-proof-strip span:last-child { border-right: 0; }
.service-proof-strip b { color: #aeb4ff; font: 700 11px var(--data); }
.service-role-panel { grid-column: 1; padding: 28px 32px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.service-role-grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 20px; border: 1px solid var(--line); }
.service-role-grid article { min-height: 142px; padding: 17px; border-right: 1px solid var(--line); }
.service-role-grid article:last-child { border-right: 0; }
.service-role-grid b { width: 32px; height: 32px; display: grid; place-items: center; background: var(--purple-pale); color: var(--purple); font: 700 11px var(--data); }
.service-role-grid strong { display: block; margin-top: 12px; font-size: 14px; }
.service-role-grid p { margin-top: 5px; font-size: 12px; }
.service-loop-panel { grid-column: 1; padding: 27px 32px 31px; border-right: 1px solid var(--line); }
.service-delivery-panel { grid-column: 2; grid-row: 1 / 4; display: flex; flex-direction: column; padding: 33px 28px; background: var(--paper-2); }
.service-delivery-panel ul { margin: 24px 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.service-delivery-panel li { padding: 16px 0; border-bottom: 1px solid var(--line); }
.service-delivery-panel li b, .service-delivery-panel li span { display: block; }
.service-delivery-panel li b { font-size: 14px; }
.service-delivery-panel li span { margin-top: 3px; color: var(--body); font-size: 12px; }
.service-delivery-panel button, .service-page-footer button { min-height: 46px; border: 1px solid var(--ink); padding: 0 16px; background: var(--ink); color: #fff; font-weight: 600; }
.service-delivery-panel > button { width: 100%; margin-top: auto; }

.service-step-flow { display: grid; grid-template-columns: repeat(7,auto); align-items: stretch; margin-top: 20px; }
.service-step-flow article { min-width: 0; padding: 15px 16px; border: 1px solid var(--line); background: var(--surface); }
.service-step-flow article span { color: var(--purple); font: 700 10px var(--data); }
.service-step-flow article strong { display: block; margin-top: 6px; font-size: 14px; }
.service-step-flow article p { margin-top: 2px; font-size: 11px; }
.service-step-flow > i { display: grid; place-items: center; width: 24px; color: var(--gold); font-style: normal; }
.service-step-flow.six { grid-template-columns: repeat(11,auto); }

.service-matrix, .service-production-flow, .governance-gates, .service-cadence { padding: 30px 32px; border-bottom: 1px solid var(--line); }
.service-tier-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 22px; border: 1px solid var(--line); }
.service-tier-grid article { min-height: 184px; padding: 23px; border-right: 1px solid var(--line); }
.service-tier-grid article:last-child { border-right: 0; }
.service-tier-grid article.active { border-top: 4px solid var(--purple); background: var(--purple-pale); }
.service-tier-grid span { color: var(--muted); font: 700 10px var(--data); }
.service-tier-grid h3 { font-size: 21px; }
.service-tier-grid strong { display: block; margin-top: 9px; font-size: 14px; }
.service-tier-grid p { margin-top: 7px; font-size: 12px; }
.service-planning-chain { padding: 28px 32px; border-bottom: 1px solid var(--line); }
.service-two-column { display: grid; grid-template-columns: repeat(2,1fr); border-bottom: 1px solid var(--line); }
.service-two-column > article { padding: 27px 32px; border-right: 1px solid var(--line); }
.service-two-column > article:last-child { border-right: 0; }
.service-two-column ul, .service-feedback-loop ul { margin: 15px 0 0; padding-left: 19px; color: var(--body); font-size: 13px; line-height: 1.75; }
.service-page-footer { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 24px; background: var(--paper-2); }
.service-page-footer p { max-width: 820px; font-size: 12px; }
.service-page-footer > span { display: flex; gap: 8px; }
.service-page-footer button { white-space: nowrap; }
.service-page-footer button.secondary { border-color: var(--line); background: var(--surface); color: var(--text); }

.service-reuse-map { display: grid; grid-template-columns: minmax(280px,.8fr) 64px minmax(0,1.2fr); align-items: center; padding: 30px 32px; border-bottom: 1px solid var(--line); }
.service-reuse-map .source { padding: 25px; border-left: 4px solid var(--purple); background: var(--purple-pale); }
.service-reuse-map .source span { display: inline-block; margin-top: 16px; color: var(--purple); font-size: 11px; }
.reuse-arrow { text-align: center; color: var(--gold); font-size: 24px; }
.reuse-grid { display: grid; grid-template-columns: repeat(2,1fr); border: 1px solid var(--line); }
.reuse-grid article { min-height: 106px; padding: 15px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.reuse-grid article:nth-child(2n) { border-right: 0; }
.reuse-grid article:nth-last-child(-n+2) { border-bottom: 0; }
.reuse-grid b { color: var(--purple); font: 700 10px var(--data); }
.reuse-grid strong { display: block; margin-top: 5px; font-size: 14px; }
.reuse-grid p { margin-top: 3px; font-size: 11px; }

.gate-grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 22px; border: 1px solid var(--line); }
.gate-grid article { position: relative; min-height: 190px; padding: 21px; border-right: 1px solid var(--line); }
.gate-grid article:last-child { border-right: 0; }
.gate-grid article.done { background: var(--green-pale); }
.gate-grid span { position: absolute; top: 16px; right: 16px; color: var(--muted); font: 700 10px var(--data); }
.gate-grid b { width: 36px; height: 36px; display: grid; place-items: center; background: var(--ink); color: #fff; font: 700 11px var(--data); }
.gate-grid article.done b { background: var(--green); }
.gate-grid p { margin-top: 8px; font-size: 12px; }
.gate-grid small { display: block; margin-top: 13px; color: var(--muted); font-size: 10px; }
.service-publish-ledger { display: grid; grid-template-columns: minmax(0,1fr) minmax(500px,1.1fr); gap: 34px; align-items: center; padding: 30px 32px; border-bottom: 1px solid var(--line); }
.service-publish-ledger dl { display: grid; grid-template-columns: repeat(2,1fr); margin: 0; border: 1px solid var(--line); }
.service-publish-ledger dl div { padding: 13px 15px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.service-publish-ledger dl div:nth-child(2n) { border-right: 0; }
.service-publish-ledger dl div:nth-last-child(-n+2) { border-bottom: 0; }
.service-publish-ledger dt { color: var(--muted); font-size: 10px; }
.service-publish-ledger dd { margin: 3px 0 0; font-size: 13px; font-weight: 600; }
.service-boundary-grid { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--line); }
.service-boundary-grid article { padding: 22px; border-right: 1px solid var(--line); }
.service-boundary-grid article:last-child { border-right: 0; }
.service-boundary-grid strong { font-size: 14px; }
.service-boundary-grid p { margin-top: 7px; font-size: 12px; }

.cadence-grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 22px; border: 1px solid var(--line); }
.cadence-grid article { min-height: 164px; padding: 20px; border-right: 1px solid var(--line); }
.cadence-grid article:last-child { border-right: 0; }
.cadence-grid article.active { border-top: 4px solid var(--purple); background: var(--purple-pale); }
.cadence-grid span { color: var(--purple); font: 700 12px var(--data); }
.cadence-grid p { margin-top: 8px; font-size: 12px; }
.service-feedback-loop { display: grid; grid-template-columns: minmax(0,1fr) 190px minmax(0,1fr); align-items: stretch; border-bottom: 1px solid var(--line); }
.service-feedback-loop > article { padding: 28px 32px; }
.loop-core { display: grid; place-content: center; text-align: center; background: var(--ink); color: #fff; }
.loop-core span { color: #aeb4ff; font: 700 11px var(--data); }
.loop-core strong { margin-top: 4px; font-size: 20px; }
.loop-core p { margin-top: 9px; color: #c9cbd5; font-size: 12px; }

@media (max-width: 1180px) {
  .service-chapter-nav { grid-template-columns: repeat(5,minmax(145px,1fr)); overflow-x: auto; }
  .service-step-flow, .service-step-flow.six { grid-template-columns: repeat(2,1fr); gap: 8px; }
  .service-step-flow > i { display: none; }
  .service-overview-board { grid-template-columns: 1fr; }
  .service-thesis, .service-role-panel, .service-loop-panel { border-right: 0; }
  .service-delivery-panel { grid-column: 1; grid-row: auto; }
}

@media (max-width: 640px) {
  .service-chapter-nav { grid-template-columns: 1fr; overflow: visible; }
  .service-chapter-nav button { min-height: 58px; border-right: 0; border-bottom: 1px solid var(--line); }
  .service-chapter-nav button:last-child { border-bottom: 0; }
  .service-chapter-nav button:not(.active) small { display: none; }
  .service-story-board { margin-top: 16px; }
  .service-story-board h3 { font-size: 19px; }
  .service-thesis, .service-role-panel, .service-loop-panel, .service-delivery-panel, .service-matrix, .service-production-flow, .governance-gates, .service-cadence, .service-planning-chain, .service-reuse-map, .service-feedback-loop > article { padding: 23px 20px; }
  .service-thesis h3 { font-size: 27px; }
  .service-proof-strip, .service-role-grid, .service-tier-grid, .gate-grid, .cadence-grid, .service-boundary-grid, .service-two-column { grid-template-columns: 1fr; }
  .service-proof-strip span { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.18); }
  .service-role-grid article, .service-tier-grid article, .gate-grid article, .cadence-grid article, .service-boundary-grid article, .service-two-column > article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .service-role-grid article:last-child, .service-tier-grid article:last-child, .gate-grid article:last-child, .cadence-grid article:last-child, .service-boundary-grid article:last-child, .service-two-column > article:last-child { border-bottom: 0; }
  .service-step-flow, .service-step-flow.six { grid-template-columns: 1fr; }
  .service-reuse-map { grid-template-columns: 1fr; gap: 14px; }
  .reuse-arrow { transform: rotate(90deg); }
  .reuse-grid { grid-template-columns: 1fr; }
  .reuse-grid article { border-right: 0; border-bottom: 1px solid var(--line) !important; }
  .reuse-grid article:last-child { border-bottom: 0 !important; }
  .service-publish-ledger, .service-feedback-loop { grid-template-columns: 1fr; }
  .service-publish-ledger { gap: 20px; padding: 23px 20px; }
  .service-publish-ledger dl { grid-template-columns: 1fr; }
  .service-publish-ledger dl div { border-right: 0; border-bottom: 1px solid var(--line) !important; }
  .service-publish-ledger dl div:last-child { border-bottom: 0 !important; }
  .loop-core { min-height: 170px; }
  .service-page-footer { align-items: stretch; flex-direction: column; }
  .service-page-footer > span { display: grid; }
  .service-page-footer button { width: 100%; white-space: normal; }
}

/* 2026-08-16 · 01/04/05 executive proposal entry pages. */
.proposal-story-view { padding-bottom: 24px; }
.proposal-chapter-nav { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(190px,1fr); margin-top: 24px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.proposal-chapter-nav button { min-width: 0; min-height: 70px; display: grid; grid-template-columns: 31px minmax(0,1fr); align-content: center; gap: 2px 9px; border: 0; border-right: 1px solid var(--line); padding: 11px 14px; background: transparent; text-align: left; }
.proposal-chapter-nav button:last-child { border-right: 0; }
.proposal-chapter-nav button:hover { background: var(--paper); }
.proposal-chapter-nav button.active { background: var(--purple-pale); box-shadow: inset 0 -4px var(--purple); }
.proposal-chapter-nav span { grid-row: 1 / 3; align-self: center; color: var(--purple); font: 700 13px/1 var(--data); }
.proposal-chapter-nav strong { font-size: 13px; line-height: 1.25; }
.proposal-chapter-nav small { color: var(--muted); font-size: 10px; line-height: 1.35; }
.proposal-story-board { min-height: 520px; margin-top: 22px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.proposal-story-board > section, .proposal-story-board > article, .proposal-story-board > aside { min-width: 0; }
.proposal-story-board header { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.proposal-story-board header small { color: var(--muted); font-size: 11px; }
.proposal-story-board header button { border: 0; background: transparent; color: var(--purple); font-size: 11px; }
.proposal-story-board .eyebrow { color: var(--purple); }
.proposal-story-board h3 { margin-top: 6px; font-size: 20px; line-height: 1.35; }
.proposal-story-board p { color: var(--body); font-size: 14px; line-height: 1.7; }

.overview-proposal-board { display: grid; grid-template-columns: minmax(390px,.8fr) minmax(0,1.2fr); }
.proposal-thesis { padding: 34px 36px; border-right: 1px solid var(--line); }
.proposal-thesis.dark { background: var(--ink); color: #fff; }
.proposal-thesis.dark .eyebrow { color: #aeb4ff; }
.proposal-thesis h3 { margin-top: 18px; font-size: clamp(30px,2.55vw,42px); font-weight: 600; line-height: 1.25; }
.proposal-thesis > p { margin-top: 18px; }
.proposal-thesis.dark > p { color: #c9cbd5; }
.proposal-thesis-tags { display: grid; margin-top: 26px; border-top: 1px solid rgba(255,255,255,.22); }
.proposal-thesis-tags span { padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.16); color: #f7f6f2; font-size: 12px; }
.proposal-focus { padding: 31px 32px; border-bottom: 1px solid var(--line); }
.proposal-focus-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 21px; border: 1px solid var(--line); }
.proposal-focus-grid article { min-height: 152px; padding: 18px; border-right: 1px solid var(--line); }
.proposal-focus-grid article:last-child { border-right: 0; }
.proposal-focus-grid span { color: var(--purple); font: 700 10px var(--data); }
.proposal-focus-grid strong { display: block; margin-top: 9px; font-size: 14px; }
.proposal-focus-grid p { margin-top: 5px; font-size: 12px; }
.proposal-path { grid-column: 1 / -1; padding: 29px 32px; border-bottom: 1px solid var(--line); }
.proposal-path-grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 20px; border: 1px solid var(--line); }
.overview-story-view .proposal-path-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
.proposal-path-grid button { position: relative; min-height: 152px; border: 0; border-right: 1px solid var(--line); padding: 18px; background: var(--surface); text-align: left; }
.proposal-path-grid button:last-child { border-right: 0; }
.proposal-path-grid button:hover { background: var(--purple-pale); }
.proposal-path-grid span { color: var(--purple); font: 700 10px var(--data); }
.proposal-path-grid strong { display: block; margin-top: 9px; font-size: 16px; }
.proposal-path-grid p { margin-top: 5px; font-size: 12px; }
.proposal-path-grid b { position: absolute; left: 18px; bottom: 14px; color: var(--green); font-size: 10px; }
.proposal-conclusion { grid-column: 1 / -1; min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 18px 24px; background: var(--paper-2); }
.proposal-conclusion h3 { font-size: 17px; }
.proposal-conclusion p { margin-top: 3px; font-size: 12px; }
.proposal-conclusion > div { max-width: 880px; }
.proposal-conclusion > span { display: flex; gap: 8px; }
.proposal-conclusion button { min-height: 44px; border: 1px solid var(--ink); padding: 0 15px; background: var(--ink); color: #fff; font-weight: 600; white-space: nowrap; }
.proposal-conclusion button.secondary { border-color: var(--line); background: var(--surface); color: var(--text); }

.package-architecture, .construction-phases, .governance-zones, .analysis-levels, .evidence-ladder { padding: 30px 32px; border-bottom: 1px solid var(--line); }
.package-architecture-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(360px,.8fr); margin-top: 22px; border: 1px solid var(--line); }
.package-architecture-grid .core { min-height: 246px; padding: 24px; border-top: 4px solid var(--purple); border-right: 1px solid var(--line); background: var(--purple-pale); }
.package-architecture-grid .core > span { color: var(--purple); font: 700 10px var(--data); }
.package-architecture-grid .core p { margin-top: 8px; }
.package-architecture-grid ul, .construction-phase-grid ul { margin: 14px 0 0; padding-left: 19px; color: var(--body); font-size: 12px; line-height: 1.75; }
.package-options article { min-height: 82px; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 13px 16px; border-bottom: 1px solid var(--line); }
.package-options article:last-child { border-bottom: 0; }
.package-options b { width: 32px; height: 32px; display: grid; place-items: center; background: var(--paper-2); color: var(--purple); font: 700 10px var(--data); }
.package-options strong { display: block; font-size: 13px; }
.package-options p { font-size: 11px; }
.package-options em { color: var(--gold); font-size: 10px; font-style: normal; }
.construction-phase-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 22px; border: 1px solid var(--line); }
.construction-phase-grid article { min-height: 236px; padding: 22px; border-right: 1px solid var(--line); }
.construction-phase-grid article:last-child { border-right: 0; }
.construction-phase-grid span { color: var(--purple); font: 700 10px var(--data); }
.construction-phase-grid p { margin-top: 8px; font-size: 12px; }
.governance-zone-grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 20px; border: 1px solid var(--line); }
.governance-zone-grid article { position: relative; min-height: 134px; padding: 17px; border-right: 1px solid var(--line); }
.governance-zone-grid article:last-child { border-right: 0; }
.governance-zone-grid b { color: var(--purple); font: 700 12px var(--data); }
.governance-zone-grid strong { display: block; margin-top: 8px; font-size: 14px; }
.governance-zone-grid p { margin-top: 4px; font-size: 11px; }
.governance-zone-grid em { position: absolute; left: 17px; bottom: 13px; color: var(--green); font-size: 10px; font-style: normal; }

.analysis-level-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 22px; border: 1px solid var(--line); }
.analysis-level-grid article { min-height: 225px; padding: 22px; border-right: 1px solid var(--line); }
.analysis-level-grid article:last-child { border-right: 0; }
.analysis-level-grid article.active { border-top: 4px solid var(--purple); background: var(--purple-pale); }
.analysis-level-grid span { color: var(--purple); font: 700 10px var(--data); }
.analysis-level-grid strong { display: block; margin-top: 9px; font-size: 13px; }
.analysis-level-grid p { margin-top: 7px; font-size: 12px; }
.analysis-level-grid b { display: block; margin-top: 15px; color: var(--green); font-size: 10px; }
.evidence-ladder-grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 20px; border: 1px solid var(--line); }
.evidence-ladder-grid article { min-height: 145px; padding: 17px; border-right: 1px solid var(--line); }
.evidence-ladder-grid article:last-child { border-right: 0; }
.evidence-ladder-grid article.ready { background: var(--green-pale); }
.evidence-ladder-grid article.partial { background: var(--gold-pale); }
.evidence-ladder-grid span { color: var(--purple); font: 700 11px var(--data); }
.evidence-ladder-grid strong { display: block; margin-top: 9px; font-size: 14px; }
.evidence-ladder-grid p { margin-top: 4px; font-size: 11px; }
.evidence-ladder-grid em { display: block; margin-top: 12px; color: var(--muted); font-size: 10px; font-style: normal; }
.analysis-question-grid { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--line); }
.analysis-question-grid article { min-height: 140px; padding: 21px; border-right: 1px solid var(--line); }
.analysis-question-grid article:last-child { border-right: 0; }
.analysis-question-grid h3 { font-size: 16px; }
.analysis-question-grid p { margin-top: 7px; font-size: 12px; }

@media (max-width: 1180px) {
  .proposal-chapter-nav { overflow-x: auto; }
  .overview-proposal-board { grid-template-columns: 1fr; }
  .proposal-thesis { border-right: 0; }
  .package-architecture-grid { grid-template-columns: 1fr; }
  .package-architecture-grid .core { border-right: 0; border-bottom: 1px solid var(--line); }
}

@media (max-width: 640px) {
  .proposal-chapter-nav { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: 1fr; overflow: visible; }
  .proposal-chapter-nav button { min-height: 58px; border-right: 0; border-bottom: 1px solid var(--line); }
  .proposal-chapter-nav button:last-child { border-bottom: 0; }
  .proposal-chapter-nav button:not(.active) small { display: none; }
  .proposal-story-board { margin-top: 16px; }
  .proposal-story-board h3 { font-size: 19px; }
  .proposal-thesis, .proposal-focus, .proposal-path, .package-architecture, .construction-phases, .governance-zones, .analysis-levels, .evidence-ladder { padding: 23px 20px; }
  .proposal-thesis h3 { font-size: 28px; }
  .proposal-focus-grid, .proposal-path-grid, .construction-phase-grid, .governance-zone-grid, .analysis-level-grid, .evidence-ladder-grid, .analysis-question-grid { grid-template-columns: 1fr; }
  .proposal-focus-grid article, .proposal-path-grid button, .construction-phase-grid article, .governance-zone-grid article, .analysis-level-grid article, .evidence-ladder-grid article, .analysis-question-grid article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .proposal-focus-grid article:last-child, .proposal-path-grid button:last-child, .construction-phase-grid article:last-child, .governance-zone-grid article:last-child, .analysis-level-grid article:last-child, .evidence-ladder-grid article:last-child, .analysis-question-grid article:last-child { border-bottom: 0; }
  .proposal-path-grid button { padding-bottom: 45px; }
  .package-architecture-grid { grid-template-columns: 1fr; }
  .proposal-conclusion { align-items: stretch; flex-direction: column; }
  .proposal-conclusion > span { display: grid; }
  .proposal-conclusion button { width: 100%; white-space: normal; }
}

/* 2026-08-16 · 04融媒助手：医生与团队的Agent智能工具链。 */
.agent-assistant-board { min-height: 680px; margin-top: 24px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.agent-system-summary { min-height: 172px; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(460px,.85fr); align-items: stretch; color: #fff; background: var(--ink); }
.agent-system-summary > div:first-child { display: flex; flex-direction: column; justify-content: center; padding: 27px 32px; }
.agent-system-summary .eyebrow { color: #aeb4ff; }
.agent-system-summary h3 { margin-top: 9px; font-size: clamp(24px,2vw,34px); line-height: 1.3; }
.agent-system-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-left: 1px solid rgba(255,255,255,.18); }
.agent-system-metrics article { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 22px 18px; border-right: 1px solid rgba(255,255,255,.16); }
.agent-system-metrics article:last-child { border-right: 0; }
.agent-system-metrics strong { color: #aeb4ff; font: 600 34px/1 var(--data); }
.agent-system-metrics span { margin-top: 12px; font-size: 13px; font-weight: 700; }
.agent-system-metrics small { margin-top: 6px; color: #b8bac7; font-size: 10px; line-height: 1.55; }
.agent-scenario-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-bottom: 1px solid var(--line); background: var(--paper-2); }
.agent-scenario-tabs button { min-width: 0; min-height: 72px; display: grid; grid-template-columns: 42px minmax(0,1fr); grid-template-rows: auto auto; align-content: center; border: 0; border-right: 1px solid var(--line); padding: 10px 18px; background: transparent; text-align: left; }
.agent-scenario-tabs button:last-child { border-right: 0; }
.agent-scenario-tabs button:hover { background: var(--surface); }
.agent-scenario-tabs button.active { background: var(--purple-pale); box-shadow: inset 0 -4px var(--purple); }
.agent-scenario-tabs span { grid-row: 1 / 3; align-self: center; color: var(--purple); font: 700 10px var(--data); }
.agent-scenario-tabs strong { font-size: 14px; }
.agent-scenario-tabs small { color: var(--muted); font-size: 10px; }
.agent-workbench { display: grid; grid-template-columns: 270px minmax(0,1fr) 260px; min-height: 348px; border-bottom: 1px solid var(--line); }
.agent-request-pane, .agent-control-pane { min-width: 0; padding: 20px; background: #fbfaf7; }
.agent-request-pane { border-right: 1px solid var(--line); }
.agent-control-pane { border-left: 1px solid var(--line); background: var(--paper-2); }
.agent-request-pane > header, .agent-control-pane > header { display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; gap: 9px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.agent-request-pane > header > span, .agent-control-pane > header > span { color: var(--purple); font: 700 10px var(--data); }
.agent-request-pane header small, .agent-control-pane header small { display: block; color: var(--muted); font: 8px var(--data); letter-spacing: .06em; }
.agent-request-pane header strong, .agent-control-pane header strong { display: block; margin-top: 3px; font-size: 12px; }
.agent-request-copy { min-height: 110px; margin-top: 16px; border-left: 3px solid var(--purple); padding: 13px 14px; color: var(--text); background: var(--surface); font-size: 13px; line-height: 1.7; }
.agent-request-pane > section { margin-top: 14px; }
.agent-request-pane > section small, .agent-control-pane section small { color: var(--muted); font-size: 9px; }
.agent-request-pane > section p { margin-top: 5px; color: var(--body); font-size: 10px; line-height: 1.55; }
.agent-request-pane footer { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 3px 8px; margin-top: 15px; }
.agent-request-pane footer span { color: var(--muted); font-size: 9px; }
.agent-request-pane footer strong { font-size: 11px; }
.agent-request-pane footer button { grid-column: 1 / -1; min-height: 36px; margin-top: 8px; border: 0; color: #fff; background: var(--ink); font-size: 11px; }
.agent-orchestration-pane { min-width: 0; padding: 20px 22px; }
.agent-orchestration-pane > header { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.agent-orchestration-pane h3 { margin-top: 4px; font-size: 17px; }
.agent-orchestration-pane > header > span { max-width: 230px; color: var(--muted); font-size: 9px; text-align: right; }
.agent-route { position: relative; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin-top: 25px; border: 1px solid var(--line); }
.agent-route::before { content: ""; position: absolute; left: 9%; right: 9%; top: 33px; height: 1px; background: var(--line); }
.agent-route-step { position: relative; z-index: 1; min-width: 0; min-height: 128px; padding: 17px 11px 14px; border-right: 1px solid var(--line); background: var(--surface); text-align: center; }
.agent-route-step:last-child { border-right: 0; }
.agent-route-step > span { width: 30px; height: 30px; display: grid; place-items: center; margin: 0 auto; border: 1px solid var(--purple); border-radius: 50%; color: var(--purple); background: var(--surface); font: 700 9px var(--data); }
.agent-route-step.active > span { color: #fff; background: var(--purple); }
.agent-route-step strong { display: block; margin-top: 13px; font-size: 11px; line-height: 1.35; }
.agent-route-step small { display: block; margin-top: 5px; color: var(--muted); font-size: 8px; line-height: 1.45; }
.agent-route-step i { display: none; }
.agent-output-strip { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 16px; border: 1px solid var(--line); background: var(--green-pale); }
.agent-output-strip > div { min-height: 64px; display: flex; flex-direction: column; justify-content: center; padding: 10px 12px; border-right: 1px solid #cdded8; }
.agent-output-strip > div:last-child { border-right: 0; }
.agent-output-strip small { color: var(--green); font: 8px var(--data); }
.agent-output-strip strong { margin-top: 4px; font-size: 10px; line-height: 1.45; }
.agent-control-pane > section { padding: 15px 0; border-bottom: 1px solid var(--line); }
.agent-control-pane section strong, .agent-control-pane section p { display: block; margin-top: 5px; font-size: 11px; line-height: 1.55; }
.agent-control-pane section p { color: var(--body); }
.agent-control-list { display: grid; gap: 9px; margin-top: 15px; }
.agent-control-list span { display: flex; align-items: center; gap: 8px; color: var(--text); font-size: 10px; }
.agent-control-list i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
.agent-capability-section { padding: 27px 28px 30px; border-bottom: 1px solid var(--line); }
.agent-capability-section > header, .agent-ledger > header { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.agent-capability-section h3, .agent-ledger h3 { margin-top: 5px; font-size: 20px; }
.agent-capability-section > header > p, .agent-ledger > header > span { max-width: 500px; color: var(--muted); font-size: 10px; text-align: right; }
.agent-capability-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 18px; border: 1px solid var(--line); }
.agent-capability-card { min-height: 172px; padding: 16px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.agent-capability-card:nth-child(4n) { border-right: 0; }
.agent-capability-card:nth-last-child(-n+3) { border-bottom: 0; }
.agent-capability-card:last-child { border-right: 1px solid var(--line); background: var(--purple-pale); }
.agent-capability-card header { display: flex; justify-content: space-between; gap: 10px; }
.agent-capability-card header span { color: var(--purple); font: 700 9px var(--data); }
.agent-capability-card header b { color: var(--green); font: 700 9px var(--data); }
.agent-capability-card > strong { display: block; margin-top: 13px; font-size: 14px; }
.agent-capability-card > small { display: block; margin-top: 5px; color: var(--purple); font-size: 9px; line-height: 1.45; }
.agent-capability-card > p { margin-top: 9px; color: var(--body); font-size: 10px; line-height: 1.6; }
.agent-ledger { padding: 27px 28px 30px; background: var(--paper-2); }
.agent-ledger-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 18px; border: 1px solid var(--line); background: var(--surface); }
.agent-ledger-group { min-width: 0; border-right: 1px solid var(--line); }
.agent-ledger-group:last-child { border-right: 0; }
.agent-ledger-group > header { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 16px; color: #fff; background: var(--ink); }
.agent-ledger-group > header span { color: #aeb4ff; font: 700 9px var(--data); }
.agent-ledger-group > header strong { display: block; margin-top: 5px; font-size: 13px; }
.agent-ledger-group > header > b { display: grid; justify-items: end; color: #aeb4ff; font: 600 25px/1 var(--data); }
.agent-ledger-group > header small { margin-top: 5px; color: #b8bac7; font-size: 8px; }
.agent-ledger-group > div p { min-height: 43px; display: grid; grid-template-columns: 30px minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 7px 12px; border-bottom: 1px solid var(--line-2); }
.agent-ledger-group > div p:last-child { border-bottom: 0; }
.agent-ledger-group p span { color: var(--purple); font: 700 9px var(--data); }
.agent-ledger-group p strong { font-size: 10px; }
.agent-ledger-group p em { color: var(--muted); font: 9px var(--data); font-style: normal; white-space: nowrap; }
.agent-assistant-boundary { min-height: 62px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 12px 20px; border-top: 1px solid var(--line); background: var(--purple-pale); }
.agent-assistant-boundary strong { color: var(--purple); font-size: 11px; }
.agent-assistant-boundary p { color: var(--body); font-size: 10px; line-height: 1.5; }
.agent-assistant-boundary button { min-height: 34px; border: 0; padding: 0 13px; color: #fff; background: var(--ink); font-size: 10px; }

@media (max-width: 1180px) {
  .agent-system-summary { grid-template-columns: 1fr; }
  .agent-system-metrics { border-top: 1px solid rgba(255,255,255,.18); border-left: 0; }
  .agent-workbench { grid-template-columns: 240px minmax(0,1fr); }
  .agent-control-pane { grid-column: 1 / -1; border-top: 1px solid var(--line); border-left: 0; }
  .agent-control-list { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .agent-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .agent-capability-card:nth-child(4n), .agent-capability-card { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .agent-capability-card:nth-child(2n) { border-right: 0; }
  .agent-capability-card:nth-last-child(-n+1) { border-bottom: 0; }
}

@media (max-width: 960px) {
  .agent-system-summary > div:first-child { padding: 24px 20px; }
  .agent-system-metrics { grid-template-columns: 1fr; }
  .agent-system-metrics article { min-height: 92px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); }
  .agent-system-metrics article:last-child { border-bottom: 0; }
  .agent-scenario-tabs { grid-template-columns: 1fr; }
  .agent-scenario-tabs button { border-right: 0; border-bottom: 1px solid var(--line); }
  .agent-workbench { grid-template-columns: 1fr; }
  .agent-request-pane { border-right: 0; border-bottom: 1px solid var(--line); }
  .agent-control-pane { grid-column: auto; }
  .agent-route { overflow-x: auto; grid-template-columns: repeat(5,minmax(128px,1fr)); }
  .agent-output-strip { grid-template-columns: 1fr; }
  .agent-output-strip > div { border-right: 0; border-bottom: 1px solid #cdded8; }
  .agent-output-strip > div:last-child { border-bottom: 0; }
  .agent-control-list { grid-template-columns: 1fr; }
  .agent-capability-section, .agent-ledger { padding: 23px 20px; }
  .agent-capability-section > header, .agent-ledger > header { align-items: start; flex-direction: column; }
  .agent-capability-section > header > p, .agent-ledger > header > span { text-align: left; }
  .agent-capability-grid, .agent-ledger-grid { grid-template-columns: 1fr; }
  .agent-capability-card, .agent-capability-card:nth-child(2n), .agent-capability-card:nth-last-child(-n+1) { border-right: 0; border-bottom: 1px solid var(--line); }
  .agent-capability-card:last-child { border-bottom: 0; border-right: 0; }
  .agent-ledger-group { border-right: 0; border-bottom: 1px solid var(--line); }
  .agent-ledger-group:last-child { border-bottom: 0; }
  .agent-assistant-boundary { grid-template-columns: 1fr; gap: 6px; padding: 15px 20px; }
  .agent-assistant-boundary button { width: 100%; }
}

@media (max-width: 640px) {
  .brand-hospital { font-size: 18px; }
  .brand-product b { font-size: 19px; }
  .overview-story-view .proposal-path-grid { grid-template-columns: 1fr; }
}
