:root {
      --bg: #edf1f4;
      --panel: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(240, 244, 247, 0.95));
      --panel-strong: linear-gradient(180deg, rgba(251, 252, 253, 0.995), rgba(244, 247, 250, 0.982));
      --panel-subtle: linear-gradient(180deg, rgba(249, 251, 252, 0.92), rgba(237, 242, 246, 0.86));
      --panel-muted: rgba(238, 243, 247, 0.82);
      --ink: #202632;
      --muted: #6b788a;
      --line: rgba(31, 36, 48, 0.09);
      --line-strong: rgba(31, 36, 48, 0.14);
      --bull: #9e4123;
      --bear: #0e6d66;
      --cover: #a66b00;
      --wait: #4b5565;
      --accent: #111827;
      --shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
      --shadow-soft: 0 10px 22px rgba(15, 23, 42, 0.04);
      --radius: 20px;
      --font-tag: 11px;
      --font-xs: 12px;
      --font-sm: 13px;
      --font-md: 14px;
      --font-title-sm: 18px;
      --font-title-md: 20px;
      --font-metric: 16px;
      --font-metric-strong: 18px;
      --font-decision-title: clamp(22px, 2.5vw, 26px);
      --tracking-label: 0.04em;
      --tracking-tight: -0.03em;
    }

    * { box-sizing: border-box; }

    body {
      margin: 0;
      font-family: "IBM Plex Sans", "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      font-size: var(--font-md);
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      font-variant-numeric: tabular-nums;
      color: var(--ink);
      background:
        radial-gradient(circle at 8% 0%, rgba(158, 65, 35, 0.06), transparent 24%),
        radial-gradient(circle at 100% 10%, rgba(14, 109, 102, 0.05), transparent 28%),
        linear-gradient(180deg, #f7f9fb 0%, #edf2f5 54%, #e4ebf0 100%);
      min-height: 100vh;
    }

    body.workbench-open {
      overflow-x: hidden;
    }

    body.auth-locked {
      overflow: hidden;
    }

    body[data-dashboard-view="live"] .overview-only,
    body[data-dashboard-view="watch"] .overview-only,
    body[data-dashboard-view="positions"] .overview-only,
    body[data-dashboard-view="ledger"] .overview-only,
    body[data-dashboard-view="research"] .overview-only {
      display: none !important;
    }

    body[data-dashboard-view="overview"] .live-only,
    body[data-dashboard-view="watch"] .live-only,
    body[data-dashboard-view="positions"] .live-only,
    body[data-dashboard-view="ledger"] .live-only,
    body[data-dashboard-view="research"] .live-only {
      display: none !important;
    }

    body[data-dashboard-view="overview"] .positions-only,
    body[data-dashboard-view="watch"] .positions-only,
    body[data-dashboard-view="live"] .positions-only,
    body[data-dashboard-view="ledger"] .positions-only,
    body[data-dashboard-view="research"] .positions-only {
      display: none !important;
    }

    body[data-dashboard-view="overview"] .ledger-only,
    body[data-dashboard-view="watch"] .ledger-only,
    body[data-dashboard-view="live"] .ledger-only,
    body[data-dashboard-view="positions"] .ledger-only,
    body[data-dashboard-view="research"] .ledger-only {
      display: none !important;
    }

    body[data-dashboard-view="overview"] .research-only,
    body[data-dashboard-view="watch"] .research-only,
    body[data-dashboard-view="live"] .research-only,
    body[data-dashboard-view="positions"] .research-only,
    body[data-dashboard-view="ledger"] .research-only,
    body[data-dashboard-view="backtests"] .research-only {
      display: none !important;
    }

    body[data-dashboard-view="overview"] .watch-only,
    body[data-dashboard-view="live"] .watch-only,
    body[data-dashboard-view="positions"] .watch-only,
    body[data-dashboard-view="ledger"] .watch-only,
    body[data-dashboard-view="research"] .watch-only,
    body[data-dashboard-view="backtests"] .watch-only {
      display: none !important;
    }

    .shell {
      width: min(1580px, calc(100vw - 28px));
      margin: 0 auto;
      padding: 16px 0 34px;
    }

    .desk-shell-header {
      display: grid;
      gap: 10px;
      margin-bottom: 0;
      padding-top: 0;
    }

    .command-strip {
      padding: 10px 14px 10px;
      border-color: rgba(17, 24, 39, 0.09);
      background:
        linear-gradient(180deg, rgba(249, 251, 252, 0.985), rgba(240, 244, 247, 0.962));
      box-shadow:
        0 18px 34px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.74);
      backdrop-filter: blur(16px);
    }

    .command-strip-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
    }

    .command-strip-brand {
      display: grid;
      gap: 3px;
    }

    .command-strip-brand .eyebrow {
      margin-bottom: 0;
    }

    .desk-title {
      margin: 0;
      font-family: "IBM Plex Sans", "Avenir Next", "PingFang SC", sans-serif;
      font-size: clamp(18px, 1.7vw, 24px);
      font-weight: 700;
      line-height: 1.04;
      letter-spacing: -0.04em;
      color: #161e29;
    }

    .desk-sub {
      margin: 0;
      max-width: 56ch;
      color: #516071;
      line-height: 1.42;
      font-size: 11px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .command-strip-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: center;
      gap: 6px;
    }

    .command-strip-actions .detail-action {
      min-height: 30px;
      padding-inline: 10px;
      font-size: 11px;
      background: rgba(255, 255, 255, 0.42);
      color: #607084;
      border-color: rgba(100, 116, 139, 0.1);
      box-shadow: none;
      opacity: 0.88;
    }

    .command-strip-actions .detail-action:hover,
    .command-strip-actions .detail-action:focus-visible {
      background: rgba(255, 255, 255, 0.62);
      color: #445266;
      border-color: rgba(100, 116, 139, 0.14);
      opacity: 1;
    }

    .command-strip-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(320px, 1.18fr);
      align-items: stretch;
      gap: 8px;
      margin-top: 10px;
    }

    .command-cluster {
      display: grid;
      align-content: start;
      gap: 6px;
      min-height: 94px;
      padding: 10px 12px;
      border-radius: 14px;
      border: 1px solid rgba(100, 116, 139, 0.12);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(246, 249, 251, 0.7));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64);
    }

    .command-cluster-label {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #677284;
    }

    .command-cluster-items {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px;
      align-items: stretch;
      align-content: start;
      min-height: 68px;
      margin-top: 6px;
    }

    .command-cluster-items .pill {
      width: 100%;
      min-height: 30px;
      justify-content: flex-start;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .command-cluster-collapsible {
      padding: 0;
      overflow: hidden;
    }

    .command-cluster-summary {
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 10px;
      cursor: pointer;
      user-select: none;
      padding: 10px 12px;
    }

    .command-cluster-summary::-webkit-details-marker {
      display: none;
    }

    .command-cluster-summary-copy {
      min-width: 0;
      display: grid;
      gap: 6px;
    }

    .command-cluster-summary-note {
      color: #667487;
      font-size: 11px;
      line-height: 1.4;
    }

    .command-cluster-body {
      display: grid;
      gap: 10px;
      padding: 12px 12px 10px;
      border-top: 1px solid rgba(148, 163, 184, 0.14);
    }

    .command-cluster-subgroup {
      display: grid;
      gap: 6px;
    }

    .command-cluster-collapsible .command-cluster-items {
      margin-top: 0;
    }

    .command-cluster-collapsible[open] .side-cluster-toggle::before {
      content: "收起";
    }

    .command-cluster-collapsible[open] .side-cluster-toggle {
      background: rgba(17, 24, 39, 0.92);
      border-color: rgba(17, 24, 39, 0.92);
      color: #f8fafc;
    }

    .command-cluster-items .pill,
    .command-cluster-items .chip {
      min-height: 30px;
    }

    .page-nav-shell {
      position: sticky;
      top: 8px;
      z-index: 14;
      margin: 10px 0 18px;
    }

    .page-nav {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      padding: 12px 14px;
      border-color: rgba(100, 116, 139, 0.12);
      background:
        linear-gradient(180deg, rgba(245, 248, 250, 0.96), rgba(238, 242, 246, 0.93));
      box-shadow:
        0 12px 24px rgba(15, 23, 42, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.78);
      overflow-x: auto;
    }

    .page-nav .hero-nav-link {
      white-space: nowrap;
    }

    .desk-shell-main {
      display: grid;
      gap: 18px;
      align-items: start;
    }

    body.auth-locked .shell {
      filter: blur(14px) saturate(0.82);
      opacity: 0.08;
      pointer-events: none;
      user-select: none;
    }

    .auth-overlay {
      position: fixed;
      inset: 0;
      z-index: 40;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: rgba(236, 241, 245, 0.92);
      backdrop-filter: blur(18px);
    }

    .auth-overlay.visible {
      display: flex;
    }

    .auth-panel {
      width: min(460px, calc(100vw - 32px));
      padding: 28px;
      background: var(--panel-strong);
    }

    .auth-title {
      margin: 0 0 10px;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 30px;
      line-height: 1;
    }

    .auth-copy {
      margin: 0 0 18px;
      color: #334155;
      line-height: 1.6;
      font-size: var(--font-md);
    }

    .auth-form {
      display: grid;
      gap: 14px;
    }

    .auth-form[hidden] {
      display: none;
    }

    .auth-field {
      display: grid;
      gap: 8px;
    }

    .auth-input {
      width: 100%;
      border: 1px solid rgba(148, 163, 184, 0.22);
      background: rgba(255, 255, 255, 0.92);
      border-radius: 16px;
      padding: 12px 14px;
      font-size: var(--font-md);
      color: var(--ink);
      outline: none;
    }

    .auth-input:focus {
      border-color: rgba(15, 23, 42, 0.24);
      box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.05);
    }

    .auth-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }

    .auth-note {
      margin-top: 14px;
      min-height: 20px;
      font-size: var(--font-xs);
      color: #64748b;
      line-height: 1.6;
    }

    .hero {
      display: grid;
      grid-template-columns: 1fr;
      gap: 18px;
      margin-bottom: 18px;
    }

    .panel {
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.54);
      backdrop-filter: blur(8px);
    }

    .toolbar,
    .sector-strip,
    .board,
    .detail,
    .ops-queue-strip,
    .live-desk,
    .side-cluster,
    .workbench-dialog {
      position: relative;
      overflow: hidden;
    }

    .toolbar::before,
    .sector-strip::before,
    .board::before,
    .detail::before,
    .ops-queue-strip::before,
    .live-desk::before,
    .side-cluster::before,
    .workbench-dialog::before {
      content: "";
      position: absolute;
      inset: 0 0 auto 0;
      height: 56px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0));
      pointer-events: none;
    }

    .toolbar > *,
    .sector-strip > *,
    .board > *,
    .detail > *,
    .ops-queue-strip > *,
    .live-desk > *,
    .side-cluster > *,
    .workbench-dialog > * {
      position: relative;
      z-index: 1;
    }

    .hero-card {
      padding: 30px;
      position: relative;
      overflow: hidden;
      border-color: rgba(17, 24, 39, 0.08);
      box-shadow:
        0 22px 46px rgba(15, 23, 42, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.68);
      background:
        radial-gradient(circle at top left, rgba(182, 66, 26, 0.08), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.992), rgba(249, 245, 239, 0.965));
    }

    .hero-view-nav {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 22px;
      align-items: center;
    }

    .hero-nav-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 10px 15px;
      border-radius: 14px;
      border: 1px solid rgba(100, 116, 139, 0.14);
      background: rgba(255, 255, 255, 0.72);
      color: #334155;
      text-decoration: none;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.15;
      letter-spacing: 0.01em;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
      transition:
        transform 140ms ease,
        border-color 140ms ease,
        background 140ms ease,
        color 140ms ease,
        box-shadow 140ms ease;
    }

    .hero-nav-link:hover {
      transform: translateY(-1px);
      border-color: rgba(17, 24, 39, 0.18);
      background: rgba(255, 255, 255, 0.88);
      color: #111827;
      box-shadow:
        0 10px 18px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
    }

    .hero-nav-link:focus-visible {
      outline: none;
      border-color: rgba(17, 24, 39, 0.24);
      box-shadow:
        0 0 0 3px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
    }

    .hero-nav-link.is-active,
    .hero-nav-link[aria-current="page"] {
      background: linear-gradient(180deg, rgba(31, 41, 55, 0.98), rgba(15, 23, 42, 0.96));
      color: #f8fafc;
      border-color: #111827;
      box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18);
    }

    .hero-card::after {
      content: "";
      position: absolute;
      right: -32px;
      bottom: -58px;
      width: 210px;
      height: 210px;
      background: radial-gradient(circle, rgba(182, 66, 26, 0.12), transparent 64%);
      pointer-events: none;
    }

    .eyebrow {
      letter-spacing: 0.12em;
      font-size: var(--font-xs);
      color: var(--muted);
      margin-bottom: 12px;
    }

    h1 {
      margin: 0 0 10px;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(36px, 4.2vw, 58px);
      line-height: 0.94;
      letter-spacing: -0.035em;
      color: #171d28;
    }

    .sub {
      margin: 0;
      max-width: 56ch;
      color: #465366;
      line-height: 1.72;
      font-size: var(--font-md);
      text-wrap: pretty;
    }

    .hero-meta {
      margin-top: 14px;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .hero-meta-primary {
      margin-top: 20px;
      gap: 12px;
    }

    .hero-meta-primary .pill,
    .hero-meta-primary .chip {
      padding: 10px 14px;
      font-size: var(--font-sm);
      border-radius: 14px;
    }

    .hero-meta-primary .pill {
      background: rgba(255, 255, 255, 0.78);
      border-color: rgba(17, 24, 39, 0.08);
      box-shadow:
        0 8px 18px rgba(15, 23, 42, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.62);
    }

    .hero-meta .pill,
    .hero-meta .chip {
      padding: 6px 10px;
      font-size: var(--font-xs);
    }

    .hero-diagnostics {
      margin-top: 12px;
      padding: 14px 16px;
      border: 1px solid rgba(100, 116, 139, 0.12);
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.5);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    }

    .hero-diagnostics[open] {
      background: rgba(255, 255, 255, 0.66);
      border-color: rgba(100, 116, 139, 0.16);
    }

    .hero-diagnostics-summary {
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
      cursor: pointer;
      user-select: none;
    }

    .hero-diagnostics-summary::-webkit-details-marker {
      display: none;
    }

    .hero-diagnostics-summary-copy {
      min-width: 0;
      display: grid;
      gap: 5px;
    }

    .hero-diagnostics-label {
      font-size: var(--font-xs);
      font-weight: 700;
      letter-spacing: var(--tracking-label);
      color: #2f3d4f;
    }

    .hero-diagnostics-copy {
      font-size: var(--font-xs);
      color: #69788b;
      line-height: 1.62;
      text-wrap: pretty;
    }

    .hero-diagnostics-toggle {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 8px 11px;
      border: 1px solid rgba(100, 116, 139, 0.14);
      background: rgba(255, 255, 255, 0.74);
      color: #334155;
      font-size: var(--font-xs);
      font-weight: 700;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .hero-diagnostics-toggle::before {
      content: "查看";
    }

    .hero-diagnostics[open] .hero-diagnostics-toggle::before {
      content: "收起";
    }

    .hero-diagnostics[open] .hero-diagnostics-toggle {
      background: rgba(17, 24, 39, 0.92);
      border-color: rgba(17, 24, 39, 0.92);
      color: #f8fafc;
    }

    .hero-meta-secondary {
      margin-top: 12px;
      gap: 8px;
    }

    .hero-meta-secondary .pill,
    .hero-meta-secondary .chip {
      background: rgba(255, 255, 255, 0.8);
      border-color: rgba(100, 116, 139, 0.12);
    }

    .live-desk {
      margin-bottom: 18px;
      padding: 24px;
    }

    .live-desk-head {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      align-items: flex-start;
      margin-bottom: 18px;
    }

    .live-desk-head .section-head {
      margin-bottom: 0;
    }

    .live-desk-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: flex-end;
      align-items: center;
    }

    .workbench-stage {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      margin-bottom: 16px;
      align-items: start;
    }

    .workbench-stage-main,
    .workbench-stage-rail,
    .workbench-focus-stack {
      display: grid;
      gap: 14px;
      align-content: start;
    }

    .positions-book-shell {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      align-items: start;
    }

    .positions-book-column {
      display: grid;
      gap: 14px;
      align-content: start;
    }

    .desk-flow-shell {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      align-items: start;
    }

    .desk-flow-shell.is-balanced {
      grid-template-columns: 1fr;
    }

    .desk-flow-column {
      display: grid;
      gap: 14px;
      align-content: start;
      min-height: 0;
      min-width: 0;
    }

    .desk-flow-column.is-scroll-balanced {
      overflow: visible;
    }

    .overview-flow-shell {
      display: grid;
      gap: 18px;
      align-items: start;
    }

    .overview-top-columns {
      margin-bottom: 0;
    }

    .overview-primary-column,
    .overview-rail-column {
      min-width: 0;
      min-height: 0;
    }

    .overview-primary-column {
      gap: 16px;
    }

    .overview-rail-column {
      gap: 16px;
    }

    .overview-main-stage {
      margin-bottom: 18px;
    }

    .ledger-dual-panel {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      align-items: start;
    }

    .ledger-dual-column {
      display: grid;
      gap: 14px;
      align-content: start;
    }

    .live-facts-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 14px;
      align-items: start;
    }

    .live-rail-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      align-items: start;
    }

    .desk-focus-card {
      display: grid;
      gap: 12px;
      padding: 18px;
      border-radius: 20px;
      background:
        radial-gradient(circle at top right, rgba(185, 56, 17, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 244, 238, 0.9));
      border: 1px solid rgba(148, 163, 184, 0.16);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.58),
        0 14px 30px rgba(15, 23, 42, 0.05);
    }

    .desk-focus-card.is-alert {
      background:
        radial-gradient(circle at top right, rgba(239, 68, 68, 0.1), transparent 34%),
        linear-gradient(180deg, rgba(254, 242, 242, 0.96), rgba(255, 247, 237, 0.9));
      border-color: rgba(239, 68, 68, 0.18);
    }

    .desk-focus-card .summary-grid,
    .desk-focus-card .timeline-note {
      margin-bottom: 0;
    }

    .desk-focus-kicker {
      font-size: var(--font-xs);
      font-weight: 700;
      letter-spacing: var(--tracking-label);
      color: #9a3412;
      text-transform: uppercase;
    }

    .desk-focus-title {
      margin: 0;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(20px, 2vw, 26px);
      line-height: 1.05;
      color: var(--ink);
    }

    .desk-focus-copy {
      margin: 0;
      color: #475569;
      font-size: var(--font-sm);
      line-height: 1.62;
      text-wrap: pretty;
    }

    .desk-focus-list {
      margin: 0;
      padding-left: 18px;
      display: grid;
      gap: 6px;
      color: #475569;
      font-size: var(--font-xs);
      line-height: 1.58;
    }

    .desk-focus-list li {
      margin: 0;
    }

    .pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.78);
      border: 1px solid var(--line);
      font-size: var(--font-xs);
      font-weight: 650;
      line-height: 1.2;
      color: #334155;
      transition:
        background 140ms ease,
        border-color 140ms ease,
        color 140ms ease,
        box-shadow 140ms ease;
    }

    .pill-live {
      color: #9a3412;
      background: rgba(182, 66, 26, 0.1);
      border-color: rgba(182, 66, 26, 0.15);
    }

    .pill-idle {
      color: #344256;
      background: rgba(250, 251, 252, 0.92);
      border-color: rgba(100, 116, 139, 0.14);
    }

    .pill-ok {
      color: #0f766e;
      background: rgba(14, 118, 110, 0.1);
      border-color: rgba(14, 118, 110, 0.15);
    }

    .pill-alert {
      color: #991b1b;
      background: rgba(239, 68, 68, 0.095);
      border-color: rgba(239, 68, 68, 0.14);
    }

    .pill-wait {
      color: #475569;
      background: rgba(255, 255, 255, 0.76);
      border-color: rgba(100, 116, 139, 0.12);
    }

    .stats {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .stat {
      padding: 18px;
      min-height: 118px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .stat-label {
      font-size: var(--font-xs);
      letter-spacing: var(--tracking-label);
      font-weight: 600;
      color: var(--muted);
    }

    .stat-value {
      font-size: clamp(26px, 3vw, 38px);
      font-weight: 800;
      letter-spacing: -0.04em;
    }

    .stat-note {
      font-size: var(--font-sm);
      color: #475569;
    }

    .toolbar {
      padding: 16px 18px;
      margin-bottom: 16px;
    }

    .quick-nav {
      position: sticky;
      top: 12px;
      z-index: 6;
      margin-bottom: 16px;
      padding: 10px 12px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(247, 242, 235, 0.93));
      box-shadow: 0 16px 28px rgba(15, 23, 42, 0.08);
    }

    .quick-nav-scroll {
      display: flex;
      gap: 10px;
      overflow-x: auto;
      scrollbar-width: thin;
      padding-bottom: 2px;
    }

    .quick-nav-chip {
      min-width: 88px;
      display: grid;
      gap: 5px;
      padding: 9px 11px;
      border-radius: 16px;
      border: 1px solid rgba(148, 163, 184, 0.16);
      background: rgba(255, 255, 255, 0.74);
      color: #243142;
      text-align: left;
      font: inherit;
      line-height: 1.15;
      cursor: pointer;
      transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, box-shadow 140ms ease, opacity 140ms ease;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
    }

    .quick-nav-chip:hover {
      transform: translateY(-1px);
      border-color: rgba(15, 23, 42, 0.18);
      box-shadow: 0 8px 14px rgba(15, 23, 42, 0.04);
    }

    .quick-nav-chip[data-prominence="high"] {
      background: linear-gradient(180deg, rgba(255, 252, 247, 0.96), rgba(247, 241, 234, 0.9));
      border-color: rgba(185, 56, 17, 0.12);
    }

    .quick-nav-chip[data-tone="live"] {
      color: #9a3412;
      background: rgba(185, 56, 17, 0.09);
      border-color: rgba(185, 56, 17, 0.2);
    }

    .quick-nav-chip[data-tone="ok"] {
      color: #0f766e;
      background: rgba(15, 118, 110, 0.08);
      border-color: rgba(15, 118, 110, 0.18);
    }

    .quick-nav-chip[data-tone="alert"] {
      color: #991b1b;
      background: rgba(239, 68, 68, 0.1);
      border-color: rgba(239, 68, 68, 0.2);
    }

    .quick-nav-chip[data-prominence="low"] {
      opacity: 0.72;
    }

    .quick-nav-chip[data-quick-nav-key="battle"] {
      background: linear-gradient(180deg, rgba(255, 248, 240, 0.98), rgba(248, 237, 225, 0.94));
      border-color: rgba(185, 56, 17, 0.2);
      color: #9a3412;
    }

    .quick-nav-chip[data-quick-nav-key="priority"] {
      background: linear-gradient(180deg, rgba(255, 246, 246, 0.98), rgba(249, 236, 236, 0.94));
      border-color: rgba(153, 27, 27, 0.18);
      color: #991b1b;
    }

    .quick-nav-chip[data-quick-nav-key="shortlist"] {
      background: linear-gradient(180deg, rgba(244, 248, 255, 0.98), rgba(235, 242, 251, 0.94));
      border-color: rgba(29, 78, 216, 0.18);
      color: #1d4ed8;
    }

    .quick-nav-chip[data-quick-nav-key="detail"] {
      background: linear-gradient(180deg, rgba(249, 250, 252, 0.98), rgba(241, 244, 248, 0.94));
      border-color: rgba(15, 23, 42, 0.14);
      color: #0f172a;
    }

    .quick-nav-chip[data-quick-nav-key="board"] {
      background: linear-gradient(180deg, rgba(248, 247, 244, 0.98), rgba(240, 237, 231, 0.94));
      border-color: rgba(100, 116, 139, 0.18);
      color: #475569;
    }

    .quick-nav-chip[data-active="1"] {
      background: linear-gradient(180deg, rgba(31, 41, 55, 0.98), rgba(15, 23, 42, 0.95));
      border-color: #111827;
      color: #f8fafc;
      box-shadow: 0 10px 20px rgba(15, 23, 42, 0.14);
    }

    .quick-nav-chip[data-available="0"] {
      cursor: default;
      opacity: 0.58;
    }

    .quick-nav-chip:disabled {
      pointer-events: none;
    }

    .quick-nav-label {
      font-size: var(--font-xs);
      font-weight: 700;
      letter-spacing: var(--tracking-label);
    }

    .quick-nav-meta {
      font-size: var(--font-sm);
      font-weight: 700;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .toolbar-note {
      margin: 10px 0 0;
      max-width: 88ch;
      padding: 11px 13px;
      border-radius: 15px;
      font-size: var(--font-xs);
      color: #617084;
      line-height: 1.58;
      background: rgba(255, 255, 255, 0.58);
      border: 1px solid rgba(148, 163, 184, 0.12);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.54);
      text-wrap: pretty;
    }

    .toolbar-row {
      display: grid;
      grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
      gap: 14px;
      align-items: center;
    }

    .toolbar-stack {
      display: grid;
      gap: 10px;
    }

    .search {
      width: 100%;
      border: 1px solid rgba(148, 163, 184, 0.18);
      background: rgba(255, 255, 255, 0.8);
      border-radius: 15px;
      padding: 11px 13px;
      font-size: var(--font-md);
      color: var(--ink);
      outline: none;
    }

    .search:focus {
      border-color: rgba(15, 23, 42, 0.24);
      box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.05);
    }

    .chips {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
    }

    .chip {
      border: 1px solid rgba(100, 116, 139, 0.18);
      background: rgba(255, 255, 255, 0.78);
      color: #415063;
      border-radius: 999px;
      padding: 7px 11px;
      font-size: var(--font-xs);
      font-weight: 640;
      line-height: 1.2;
      cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
      transition:
        transform 140ms ease,
        background 140ms ease,
        border-color 140ms ease,
        color 140ms ease,
        box-shadow 140ms ease;
    }

    .chip:hover {
      transform: translateY(-1px);
      box-shadow:
        0 8px 16px rgba(15, 23, 42, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.7);
    }

    .chip.active {
      background: #1f2937;
      color: #f8fafc;
      border-color: #1f2937;
    }

    .detail-action {
      border-width: 1px;
      font: inherit;
      line-height: 1.2;
      background: rgba(255, 255, 255, 0.72);
      color: #465366;
      border-color: rgba(100, 116, 139, 0.14);
    }

    .detail-action.active,
    .detail-badges .detail-action.active,
    .detail-badge-row .detail-action.active {
      background: #1f2937 !important;
      color: #f8fafc !important;
      border-color: #1f2937 !important;
      box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
    }

    .detail-action:disabled {
      opacity: 0.55;
      cursor: not-allowed;
      transform: none;
    }

    .workspace {
      display: grid;
      grid-template-columns: 1fr;
      gap: 18px;
      align-items: start;
    }

    .workspace-main-column {
      display: grid;
      gap: 18px;
      align-content: start;
      min-width: 0;
      position: relative;
      z-index: 1;
    }

    .workspace-side-column {
      display: grid;
      gap: 18px;
      align-content: start;
      min-width: 0;
      position: relative;
      z-index: 3;
      isolation: isolate;
    }

    body[data-dashboard-view="watch"] .workspace-main-column {
      overflow: clip;
    }

    .command-stage {
      display: grid;
      grid-template-columns: 1fr;
      gap: 18px;
      margin-bottom: 18px;
      align-items: start;
    }

    .command-stage-primary,
    .command-stage-secondary {
      display: grid;
      grid-template-columns: 1fr;
      gap: 18px;
      align-items: start;
    }

    .command-stage-primary {
      margin-bottom: 2px;
    }

    .command-stage-secondary {
      margin-bottom: 2px;
    }

    .command-main {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 18px;
      align-items: start;
    }

    body[data-workflow-mode="premarket"] .command-main {
      grid-template-columns: minmax(0, 1fr);
    }

    body[data-workflow-mode="postclose"] .command-main {
      grid-template-columns: minmax(0, 1fr);
    }

    .command-battle {
      order: 1;
      padding: 22px;
      background:
        radial-gradient(circle at 0% 0%, rgba(182, 66, 26, 0.06), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.992), rgba(248, 244, 238, 0.958));
    }

    .command-battle .side-cluster-head {
      gap: 10px;
      padding-bottom: 16px;
    }

    .command-battle .side-cluster-title {
      max-width: none;
      font-size: clamp(22px, 2vw, 28px);
      letter-spacing: -0.03em;
    }

    .command-battle .side-cluster-copy {
      max-width: 52ch;
      font-size: var(--font-sm);
      color: #556274;
    }

    .command-battle .feed {
      padding: 18px;
    }

    .overview-hero-panel {
      box-shadow:
        0 20px 40px rgba(126, 58, 17, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.62);
      border-color: rgba(182, 66, 26, 0.14);
      background:
        radial-gradient(circle at top left, rgba(182, 66, 26, 0.1), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.994), rgba(249, 244, 237, 0.968));
    }

    .overview-priority-panel {
      padding: 18px;
      min-height: 0;
      border-color: rgba(148, 23, 23, 0.1);
      display: grid;
      align-content: start;
      gap: 12px;
      background:
        radial-gradient(circle at top right, rgba(185, 28, 28, 0.06), transparent 28%),
        linear-gradient(180deg, rgba(255, 252, 251, 0.985), rgba(249, 244, 240, 0.95));
    }

    .overview-priority-panel .side-cluster-body,
    #workflow-priority-feed {
      min-height: 0;
    }

    .overview-priority-panel .side-cluster-body,
    #workflow-priority-feed {
      display: grid;
      align-content: start;
      gap: 12px;
    }

    .overview-priority-window {
      position: relative;
      min-height: 0;
      max-height: none;
      overflow: visible;
      padding-right: 0;
    }

    .overview-shortlist-list {
      gap: 12px;
    }

    .overview-priority-list {
      gap: 9px;
    }

    .overview-shortlist-list .event-item {
      padding: 14px 15px;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.86);
      border-color: rgba(29, 78, 216, 0.1);
      box-shadow:
        0 10px 20px rgba(15, 23, 42, 0.03),
        inset 0 1px 0 rgba(255, 255, 255, 0.68);
    }

    .overview-priority-list .event-item {
      padding: 11px 13px;
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.74);
      border-color: rgba(148, 23, 23, 0.08);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
    }

    .priority-rail-card {
      gap: 7px;
    }

    .priority-rail-summary {
      display: grid;
      gap: 5px;
    }

    .priority-rail-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      align-items: center;
    }

    .priority-rail-headline {
      font-size: 12px;
      line-height: 1.45;
      color: #334155;
    }

    .priority-rail-note {
      font-size: 12px;
      line-height: 1.48;
      color: #4b5a6d;
    }

    .priority-rail-context {
      font-size: 11px;
      line-height: 1.46;
      color: #6b788a;
    }

    .priority-rail-overflow-note {
      padding: 10px 12px;
      border-radius: 14px;
      border: 1px dashed rgba(148, 23, 23, 0.14);
      background: rgba(255, 250, 249, 0.72);
      color: #7c2d12;
    }

    .overview-shortlist-panel {
      padding: 18px;
      background:
        radial-gradient(circle at top left, rgba(29, 78, 216, 0.05), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(244, 247, 252, 0.95));
    }

    .overview-portfolio-panel {
      padding: 18px;
      background:
        linear-gradient(180deg, rgba(252, 250, 246, 0.98), rgba(244, 241, 235, 0.93));
      border-color: rgba(71, 85, 105, 0.12);
    }

    .overview-workbench-panel {
      border-radius: 28px;
      border-color: rgba(15, 23, 42, 0.12);
      box-shadow:
        0 18px 42px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.68);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(249, 246, 240, 0.96));
      position: relative;
      z-index: 4;
      pointer-events: auto;
    }

    .overview-workbench-panel .detail-summary {
      padding: 22px 24px 18px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0));
    }

    .overview-scanner-panel {
      border-color: rgba(148, 163, 184, 0.16);
      background:
        linear-gradient(180deg, rgba(249, 247, 243, 0.98), rgba(242, 238, 232, 0.94));
      overflow: clip;
    }

    .overview-scanner-panel .board-summary {
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0));
    }

    .overview-support .side-cluster {
      background:
        linear-gradient(180deg, rgba(251, 249, 245, 0.94), rgba(245, 241, 235, 0.9));
      border-color: rgba(148, 163, 184, 0.1);
    }

    .command-shortlist {
      order: 2;
      grid-column: auto;
    }

    .command-detail {
      order: 3;
    }

    .command-detail {
      min-height: 0;
    }

    .overview-support {
      display: grid;
      gap: 16px;
      margin-bottom: 18px;
    }

    .overview-rail {
      display: grid;
      gap: 16px;
      align-content: start;
    }

    .sector-strip {
      padding: 18px;
      margin-bottom: 18px;
    }

    .ops-queue-strip {
      padding: 18px;
      margin-bottom: 18px;
    }

    .ops-queue-head {
      align-items: flex-start;
    }

    .ops-queue-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 10px;
      flex-shrink: 0;
    }

    .ops-queue-summary {
      margin-bottom: 12px;
    }

    .ops-queue-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 12px;
    }

    .live-exception-summary {
      margin-bottom: 12px;
    }

    .live-exception-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 12px;
    }

    .queue-card {
      border-radius: 18px;
      padding: 14px;
      background: var(--panel-subtle);
      border: 1px solid rgba(148, 163, 184, 0.14);
      box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.56);
      display: grid;
      gap: 12px;
      min-height: 220px;
    }

    .queue-card-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
    }

    .queue-card-title {
      margin: 0;
      font-size: 16px;
      letter-spacing: -0.03em;
    }

    .queue-card-sub {
      margin: 4px 0 0;
      font-size: 12px;
      color: var(--muted);
      line-height: 1.5;
    }

    .queue-count {
      font-size: 28px;
      font-weight: 800;
      letter-spacing: -0.05em;
      color: var(--accent);
      white-space: nowrap;
    }

    .queue-list {
      display: grid;
      gap: 10px;
      align-content: start;
    }

    .queue-item {
      cursor: pointer;
    }

    .queue-item-lines {
      display: grid;
      gap: 4px;
      font-size: 12px;
      color: #334155;
      line-height: 1.5;
    }

    .queue-item-note {
      font-size: 12px;
      color: var(--muted);
      line-height: 1.5;
    }

    .queue-preview {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .live-reconcile-table {
      min-width: 1180px;
    }

    .live-reconcile-table td {
      vertical-align: top;
    }

    .live-reconcile-row.section-flash td {
      background: rgba(245, 158, 11, 0.12);
    }

    .live-reconcile-status {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
    }

    .live-reconcile-value {
      font-weight: 700;
      color: var(--accent);
    }

    .live-reconcile-note {
      min-width: 280px;
    }

    .live-reconcile-note .cell-sub {
      margin-top: 0;
    }

    .live-reconcile-note .inline-actions {
      margin-top: 8px;
    }

    .blotter-block {
      display: grid;
      gap: 10px;
    }

    .blotter-block-head {
      display: grid;
      gap: 4px;
    }

    .blotter-table {
      min-width: 1280px;
    }

    .blotter-table tbody tr {
      cursor: default;
    }

    .blotter-table td {
      vertical-align: top;
    }

    .paper-blotter-row {
      --paper-blotter-row-bg: rgba(255, 255, 255, 0.84);
    }

    .paper-blotter-row td {
      background: var(--paper-blotter-row-bg);
    }

    .positions-open-risk-table th:nth-child(1),
    .positions-open-risk-table td:nth-child(1) {
      position: sticky;
      left: 0;
      z-index: 3;
      min-width: 188px;
      background: var(--paper-blotter-row-bg, rgba(248, 250, 252, 0.96));
      box-shadow: 1px 0 0 rgba(148, 163, 184, 0.18);
    }

    .positions-open-risk-table th:nth-child(2),
    .positions-open-risk-table td:nth-child(2) {
      position: sticky;
      left: 188px;
      z-index: 2;
      min-width: 118px;
      background: var(--paper-blotter-row-bg, rgba(248, 250, 252, 0.96));
      box-shadow: 1px 0 0 rgba(148, 163, 184, 0.18);
    }

    .positions-open-risk-table thead th:nth-child(1),
    .positions-open-risk-table thead th:nth-child(2) {
      z-index: 4;
      background: rgba(248, 250, 252, 0.98);
    }

    .positions-open-risk-table .blotter-badges {
      gap: 4px;
    }

    .positions-open-risk-table .badge,
    .positions-open-risk-table .favorite-mark {
      padding: 3px 7px;
      font-size: 10px;
    }

    .positions-open-risk-table {
      min-width: 1088px;
    }

    .positions-open-risk-table th:nth-child(3),
    .positions-open-risk-table td:nth-child(3) {
      min-width: 124px;
    }

    .positions-open-risk-table th:nth-child(4),
    .positions-open-risk-table td:nth-child(4) {
      min-width: 126px;
    }

    .positions-open-risk-table th:nth-child(5),
    .positions-open-risk-table td:nth-child(5) {
      min-width: 152px;
    }

    .positions-open-risk-table th:nth-child(6),
    .positions-open-risk-table td:nth-child(6) {
      min-width: 104px;
    }

    .positions-open-risk-table th:nth-child(7),
    .positions-open-risk-table td:nth-child(7) {
      min-width: 134px;
    }

    .positions-open-risk-table th:nth-child(8),
    .positions-open-risk-table td:nth-child(8) {
      min-width: 120px;
    }

    .positions-open-risk-table th:nth-child(9),
    .positions-open-risk-table td:nth-child(9) {
      min-width: 98px;
    }

    .positions-open-risk-table th:nth-child(10),
    .positions-open-risk-table td:nth-child(10) {
      min-width: 66px;
      width: 66px;
    }

    .positions-open-risk-table th,
    .positions-open-risk-table td {
      padding: 9px 10px;
    }

    .positions-open-risk-table thead th {
      white-space: pre-line;
      line-height: 1.2;
    }

    .positions-open-risk-table td {
      font-size: 12px;
      line-height: 1.38;
    }

    .positions-open-risk-table .symbol-cell {
      gap: 2px;
    }

    .positions-open-risk-table .symbol-main {
      gap: 6px;
      line-height: 1.2;
    }

    .positions-open-risk-table .symbol-name,
    .positions-open-risk-table .cell-sub,
    .positions-open-risk-table .position-force-hint,
    .positions-open-risk-table .position-force-metrics {
      font-size: 11px;
      line-height: 1.32;
    }

    .positions-open-risk-table .cell-sub {
      margin-top: 2px;
    }

    .positions-open-risk-table .blotter-value {
      font-size: 12px;
      line-height: 1.22;
    }

    .positions-open-risk-table .blotter-stack-value {
      gap: 1px;
    }

    .positions-open-risk-table .blotter-stack-line {
      gap: 4px;
      line-height: 1.18;
    }

    .positions-open-risk-table .blotter-status-note {
      max-width: 132px;
    }

    .positions-open-risk-table .blotter-contract-note {
      max-width: 156px;
    }

    .positions-open-risk-table .blotter-position-note,
    .positions-open-risk-table .blotter-price-note,
    .positions-open-risk-table .blotter-risk-note,
    .positions-open-risk-table .blotter-pnl-note,
    .positions-open-risk-table .blotter-time-note {
      max-width: 118px;
    }

    .positions-open-risk-table .position-force-stack,
    .positions-open-risk-table .blotter-note {
      min-width: 0;
    }

    .positions-open-risk-table .blotter-actions {
      gap: 5px;
      flex-wrap: nowrap;
    }

    .positions-open-risk-table .chip.detail-action {
      min-height: 26px;
      min-width: 26px;
      padding: 4px 0;
      font-size: 11px;
      justify-content: center;
    }

    .positions-open-risk-table td:nth-child(2) .blotter-value {
      min-width: 0;
    }

    .blotter-badges {
      display: inline-flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
    }

    .blotter-value {
      font-weight: 700;
      color: var(--accent);
      white-space: nowrap;
    }

    .blotter-value.is-plain {
      color: #334155;
    }

    .blotter-value.is-wrap {
      white-space: normal;
    }

    .blotter-note {
      min-width: 180px;
    }

    .blotter-note .cell-sub {
      margin-top: 0;
    }

    .blotter-status-note {
      max-width: 280px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .blotter-scan-note {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .blotter-stack-value {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .blotter-stack-line {
      display: flex;
      align-items: baseline;
      gap: 6px;
      min-width: 0;
      white-space: nowrap;
    }

    .blotter-stack-label {
      flex: 0 0 auto;
      color: rgba(71, 85, 105, 0.88);
      font-size: 11px;
      letter-spacing: 0.01em;
    }

    .blotter-stack-data {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .blotter-contract-note {
      max-width: 320px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .blotter-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }

    .blotter-actions .chip {
      margin: 0;
    }

    .blotter-followup {
      margin-top: 12px;
      color: var(--muted);
      font-size: var(--font-xs);
      line-height: 1.6;
    }

    .paper-blotter-row.is-recent-open,
    .paper-blotter-row.is-recent-open td,
    .live-position-blotter-row.is-recent-open td,
    .live-position-journal-row.is-recent-open td {
      --paper-blotter-row-bg: rgba(185, 56, 17, 0.06);
      background: rgba(185, 56, 17, 0.06);
    }

    .position-badge-new {
      background: rgba(185, 56, 17, 0.12);
      border: 1px solid rgba(185, 56, 17, 0.18);
      color: #9a3412;
    }

    .position-force-stack {
      display: grid;
      gap: 4px;
      min-width: 160px;
    }

    .position-force-metrics {
      font-size: var(--font-xs);
      line-height: 1.5;
      color: #475569;
      white-space: normal;
    }

    .position-force-hint {
      font-size: var(--font-xs);
      line-height: 1.45;
      color: var(--muted);
      white-space: normal;
    }

    .sector-grid {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 12px;
    }

    .sector-card {
      display: grid;
      align-content: start;
      width: 100%;
      min-height: 146px;
      text-align: left;
      border: 1px solid rgba(148, 163, 184, 0.16);
      background: var(--panel-subtle);
      border-radius: 18px;
      padding: 12px;
      cursor: pointer;
      transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
      color: inherit;
    }

    .sector-card:hover {
      transform: translateY(-1px);
    }

    .sector-card.active {
      border-color: rgba(15, 23, 42, 0.24);
      box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
    }

    .sector-card-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: flex-start;
      column-gap: 10px;
      row-gap: 8px;
      margin-bottom: 10px;
    }

    .sector-card-head .badge {
      width: auto;
      min-width: 72px;
      min-height: 28px;
      justify-self: end;
      flex-shrink: 0;
    }

    .sector-name {
      margin: 0;
      font-size: 15px;
      line-height: 1.25;
      letter-spacing: -0.03em;
      text-wrap: balance;
    }

    .sector-copy {
      display: grid;
      align-content: space-between;
      gap: 6px;
      min-height: 60px;
    }

    .sector-line {
      min-height: 16px;
      font-size: 11px;
      color: var(--muted);
      line-height: 1.5;
    }

    .sector-mini {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      font-size: 11px;
      color: #334155;
    }

    .board {
      padding: 18px 18px 10px;
    }

    .board-followup {
      padding: 18px;
    }

    .board-followup-stack {
      display: grid;
      gap: 18px;
    }

    .board-collapsible {
      padding: 18px;
      min-width: 0;
    }

    .board-summary {
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 14px;
      cursor: pointer;
      user-select: none;
    }

    .board-summary::-webkit-details-marker {
      display: none;
    }

    .board-summary-copy {
      flex: 1;
      min-width: 0;
    }

    .board-summary .section-head {
      margin-bottom: 0;
    }

    .board-body {
      display: grid;
      gap: 14px;
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid rgba(148, 163, 184, 0.14);
      min-width: 0;
      overflow: clip;
    }

    .board-head {
      align-items: stretch;
      gap: 14px;
    }

    .board-toggle {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 8px 12px;
      border: 1px solid rgba(100, 116, 139, 0.18);
      background: rgba(15, 23, 42, 0.04);
      color: #334155;
      font-size: var(--font-xs);
      font-weight: 700;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .board-toggle::before {
      content: "收起主板";
    }

    .board-collapsible:not([open]) .board-toggle::before {
      content: "展开主板";
    }

    .board-collapsible[open] .board-toggle {
      background: #1f2937;
      border-color: #1f2937;
      color: #f8fafc;
    }

    .board-note {
      width: min(100%, 430px);
      min-height: 68px;
      margin-left: auto;
      padding: 12px 14px;
      border-radius: 16px;
      border: 1px solid rgba(148, 163, 184, 0.14);
      background: var(--panel-subtle);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58);
      display: grid;
      align-content: space-between;
      gap: 8px;
      text-align: left;
    }

    .board-note-primary {
      font-size: var(--font-sm);
      line-height: 1.58;
      color: #445063;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .board-note-secondary {
      min-height: 18px;
      font-size: var(--font-xs);
      line-height: 1.4;
      color: #6b7a8f;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .section-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
      gap: 12px;
      row-gap: 6px;
      margin-bottom: 14px;
    }

    .section-head h2 {
      margin: 0;
      font-size: var(--font-title-md);
      font-weight: 700;
      line-height: 1.24;
      letter-spacing: -0.02em;
      text-wrap: balance;
    }

    .section-head p {
      margin: 0;
      max-width: 32ch;
      color: #6b7a8f;
      font-size: var(--font-sm);
      line-height: 1.55;
      text-align: right;
      text-wrap: pretty;
    }

    .section-head-spaced {
      margin-top: 16px;
    }

    .section-head-spaced:first-child {
      margin-top: 0;
    }

    .table-wrap {
      overflow: auto;
      max-width: 100%;
      min-width: 0;
      border: 1px solid rgba(148, 163, 184, 0.14);
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.82);
    }

    table {
      width: 100%;
      border-collapse: collapse;
      min-width: 920px;
    }

    thead th {
      position: sticky;
      top: 0;
      z-index: 1;
      background: rgba(248, 250, 252, 0.96);
      color: var(--muted);
      font-size: var(--font-xs);
      letter-spacing: var(--tracking-label);
      padding: 12px 14px;
      text-align: left;
      border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    }

    tbody tr {
      cursor: pointer;
      transition: background 120ms ease;
    }

    tbody tr:hover {
      background: rgba(248, 250, 252, 0.9);
    }

    tbody tr.active {
      background: rgba(15, 23, 42, 0.06);
    }

    tbody tr + tr td {
      border-top: 1px solid rgba(148, 163, 184, 0.12);
    }

    td {
      padding: 12px 14px;
      font-size: var(--font-sm);
      line-height: 1.48;
      vertical-align: middle;
      color: #334155;
    }

    .symbol-cell {
      display: grid;
      gap: 4px;
    }

    .symbol-main {
      display: flex;
      align-items: center;
      gap: 8px;
      font-weight: 700;
      color: var(--accent);
    }

    .symbol-name {
      font-size: var(--font-sm);
      color: var(--muted);
      line-height: 1.45;
    }

    .favorite-mark,
    .priority-mark {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 4px 8px;
      font-size: var(--font-tag);
      font-weight: 700;
      letter-spacing: 0;
      border: 1px solid transparent;
      white-space: nowrap;
    }

    .favorite-mark {
      color: #92400e;
      background: rgba(251, 191, 36, 0.16);
      border-color: rgba(180, 83, 9, 0.15);
    }

    .priority-mark {
      color: #991b1b;
      background: rgba(239, 68, 68, 0.1);
      border-color: rgba(239, 68, 68, 0.15);
    }

    .cell-sub {
      margin-top: 4px;
      font-size: var(--font-xs);
      color: var(--muted);
      line-height: 1.5;
    }

    .board-status {
      display: grid;
      align-content: start;
      gap: 5px;
      min-width: 0;
    }

    .board-status-top {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 6px;
      min-width: 0;
    }

    .board-behavior-badge {
      width: fit-content;
      max-width: 100%;
      min-height: 24px;
      padding: 4px 8px;
      font-size: 11px;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .board-chip-row {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      align-items: flex-start;
      align-content: flex-start;
      min-width: 0;
    }

    .board-chip-row-primary,
    .board-chip-row-secondary {
      min-height: 24px;
    }

    .board-chip-row-secondary {
      opacity: 0.96;
    }

    .board-signal-strip {
      display: flex;
      flex-wrap: wrap;
      gap: 4px 12px;
      align-items: center;
      min-width: 0;
    }

    .board-signal-item {
      display: inline-flex;
      align-items: baseline;
      gap: 4px;
      min-width: 0;
      font-size: var(--font-xs);
      line-height: 1.35;
      color: #475569;
    }

    .board-signal-label {
      flex-shrink: 0;
      color: var(--muted);
      white-space: nowrap;
    }

    .board-signal-value {
      min-width: 0;
      font-weight: 600;
      color: #1f2937;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .board-signal-item.is-positive .board-signal-value {
      color: #0f766e;
    }

    .board-signal-item.is-long .board-signal-value {
      color: #b93811;
    }

    .board-signal-item.is-short .board-signal-value {
      color: #0f766e;
    }

    .board-signal-item.is-alert .board-signal-value {
      color: #991b1b;
    }

    .board-signal-item.is-warn .board-signal-value {
      color: #9a6700;
    }

    .board-signal-item.is-muted .board-signal-value {
      color: #64748b;
    }

    .board-signal-item.is-neutral .board-signal-value {
      color: #334155;
    }

    .board-chip {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 4px 7px;
      font-size: var(--font-tag);
      font-weight: 600;
      line-height: 1.15;
      white-space: nowrap;
      border: 1px solid rgba(148, 163, 184, 0.14);
      background: rgba(255, 255, 255, 0.88);
      color: #334155;
    }

    .board-chip-ok {
      color: #0f766e;
      background: rgba(15, 118, 110, 0.1);
      border-color: rgba(15, 118, 110, 0.16);
    }

    .board-chip-warn {
      color: #9a6700;
      background: rgba(154, 103, 0, 0.12);
      border-color: rgba(154, 103, 0, 0.18);
    }

    .board-chip-alert {
      color: #991b1b;
      background: rgba(239, 68, 68, 0.1);
      border-color: rgba(239, 68, 68, 0.16);
    }

    .board-chip-plain {
      color: #334155;
      background: rgba(248, 250, 252, 0.9);
      border-color: rgba(148, 163, 184, 0.14);
    }

    .board-meta-line {
      margin-top: 0;
      min-height: 0;
      max-width: none;
      line-height: 1.42;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .board-latest {
      display: grid;
      gap: 2px;
    }

    .board-latest-price {
      font-weight: 800;
      color: var(--accent);
      letter-spacing: -0.02em;
      white-space: nowrap;
    }

    .board-table {
      min-width: 820px;
      table-layout: auto;
    }

    .board-table th,
    .board-table td {
      padding-left: 12px;
      padding-right: 12px;
    }

    .board-table td {
      padding-top: 9px;
      padding-bottom: 9px;
    }

    .board-table .symbol-cell {
      gap: 3px;
    }

    .board-table .symbol-main {
      flex-wrap: wrap;
      gap: 6px;
      row-gap: 4px;
    }

    .board-table .symbol-main .badge {
      padding: 3px 7px;
      font-size: var(--font-tag);
    }

    .board-table tbody tr.board-row {
      position: relative;
    }

    .board-table tbody tr.board-row.is-long:not(.active) {
      background: rgba(185, 56, 17, 0.035);
    }

    .board-table tbody tr.board-row.is-short:not(.active) {
      background: rgba(15, 118, 110, 0.04);
    }

    .board-table tbody tr.board-row.is-mixed:not(.active) {
      background: rgba(51, 65, 85, 0.03);
    }

    .board-table tbody tr.board-row.is-long td:first-child {
      box-shadow: inset 3px 0 0 rgba(185, 56, 17, 0.34);
    }

    .board-table tbody tr.board-row.is-short td:first-child {
      box-shadow: inset 3px 0 0 rgba(15, 118, 110, 0.36);
    }

    .board-table tbody tr.board-row.is-mixed td:first-child {
      box-shadow: inset 3px 0 0 rgba(71, 85, 105, 0.26);
    }

    .board-table tbody tr.board-row.is-long:hover:not(.active) {
      background: rgba(185, 56, 17, 0.055);
    }

    .board-table tbody tr.board-row.is-short:hover:not(.active) {
      background: rgba(15, 118, 110, 0.06);
    }

    .board-table tbody tr.board-row.is-mixed:hover:not(.active) {
      background: rgba(51, 65, 85, 0.045);
    }

    .board-table tbody tr.board-row.is-trigger-near:not(.active) td {
      background-image: linear-gradient(180deg, rgba(245, 158, 11, 0.08), rgba(245, 158, 11, 0.02));
    }

    .board-table tbody tr.board-row.is-triggered:not(.active) td {
      background-image: linear-gradient(180deg, rgba(217, 119, 6, 0.12), rgba(217, 119, 6, 0.04));
    }

    .board-table tbody tr.board-row.is-trigger-near:not(.active) td:last-child {
      box-shadow: inset -3px 0 0 rgba(245, 158, 11, 0.28);
    }

    .board-table tbody tr.board-row.is-triggered:not(.active) td:last-child {
      box-shadow: inset -4px 0 0 rgba(217, 119, 6, 0.4);
    }

    .board-table tbody tr.board-row.is-trigger-near:hover:not(.active) td {
      background-image: linear-gradient(180deg, rgba(245, 158, 11, 0.1), rgba(245, 158, 11, 0.03));
    }

    .board-table tbody tr.board-row.is-triggered:hover:not(.active) td {
      background-image: linear-gradient(180deg, rgba(217, 119, 6, 0.14), rgba(217, 119, 6, 0.05));
    }

    .board-table .symbol-name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.28;
    }

    .board-status .board-chip {
      padding: 3px 7px;
    }

    .board-state-chip {
      font-weight: 700;
      letter-spacing: 0.01em;
    }

    .board-state-chip.is-managed {
      color: #065f46;
      background: rgba(16, 185, 129, 0.12);
      border-color: rgba(5, 150, 105, 0.2);
    }

    .board-state-chip.is-pending {
      color: #9a6700;
      background: rgba(245, 158, 11, 0.14);
      border-color: rgba(217, 119, 6, 0.22);
    }

    .board-state-chip.is-open-ready {
      color: #0f766e;
      background: rgba(45, 212, 191, 0.14);
      border-color: rgba(13, 148, 136, 0.2);
    }

    .board-state-chip.is-blocked {
      color: #991b1b;
      background: rgba(239, 68, 68, 0.12);
      border-color: rgba(220, 38, 38, 0.2);
    }

    .board-table tbody tr.board-row.state-managed .board-status,
    .board-table tbody tr.board-row.state-pending .board-status,
    .board-table tbody tr.board-row.state-open-ready .board-status,
    .board-table tbody tr.board-row.state-blocked .board-status {
      padding: 8px 10px;
      border-radius: 14px;
      border: 1px solid rgba(148, 163, 184, 0.14);
    }

    .board-table tbody tr.board-row.state-managed .board-status {
      background: rgba(16, 185, 129, 0.05);
      border-color: rgba(5, 150, 105, 0.14);
    }

    .board-table tbody tr.board-row.state-pending .board-status {
      background: rgba(245, 158, 11, 0.06);
      border-color: rgba(217, 119, 6, 0.16);
    }

    .board-table tbody tr.board-row.state-open-ready .board-status {
      background: rgba(45, 212, 191, 0.06);
      border-color: rgba(13, 148, 136, 0.16);
    }

    .board-table tbody tr.board-row.state-blocked .board-status {
      background: rgba(239, 68, 68, 0.05);
      border-color: rgba(220, 38, 38, 0.14);
    }

    .board-status .cell-sub,
    .board-latest .cell-sub {
      margin-top: 2px;
      line-height: 1.42;
    }

    .board-execution-inline {
      display: flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }

    .board-execution-inline-label {
      flex-shrink: 0;
      font-size: var(--font-xs);
      color: var(--muted);
      letter-spacing: 0.01em;
      white-space: nowrap;
    }

    .board-execution-inline-form {
      display: flex;
      align-items: center;
      gap: 6px;
      min-width: 0;
      flex: 1;
    }

    .board-execution-inline-input {
      width: 78px;
      min-width: 78px;
      border: 1px solid rgba(148, 163, 184, 0.22);
      background: rgba(255, 255, 255, 0.92);
      border-radius: 10px;
      padding: 6px 8px;
      font-size: var(--font-xs);
      color: var(--ink);
      outline: none;
    }

    .board-execution-inline-input:focus {
      border-color: rgba(15, 23, 42, 0.24);
      box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.05);
    }

    .board-execution-inline-save {
      flex-shrink: 0;
      padding: 6px 9px;
      white-space: nowrap;
    }

    .board-execution-preview {
      font-size: var(--font-xs);
      color: var(--muted);
      line-height: 1.36;
    }

    .board-execution-preview.is-error {
      color: var(--danger);
    }

    .board-col-symbol {
      width: 120px;
    }

    .board-col-sector {
      width: 76px;
    }

    .board-col-behavior {
      width: 274px;
    }

    .board-col-score {
      width: 60px;
    }

    .board-col-metric {
      width: 74px;
    }

    .board-col-latest {
      width: 116px;
    }

    .dot {
      width: 10px;
      height: 10px;
      border-radius: 999px;
      background: #cbd5e1;
      display: inline-block;
      box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
    }

    .dot.ready {
      background: linear-gradient(135deg, #0f766e, #14b8a6);
    }

    .badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 5px 9px;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.15;
      white-space: nowrap;
      border: 1px solid transparent;
    }

    .behavior-bull {
      color: var(--bull);
      background: rgba(185, 56, 17, 0.1);
      border-color: rgba(185, 56, 17, 0.15);
    }

    .behavior-bear {
      color: var(--bear);
      background: rgba(15, 118, 110, 0.1);
      border-color: rgba(15, 118, 110, 0.15);
    }

    .behavior-cover {
      color: var(--cover);
      background: rgba(154, 103, 0, 0.12);
      border-color: rgba(154, 103, 0, 0.16);
    }

    .behavior-wait,
    .behavior-exit {
      color: var(--wait);
      background: rgba(71, 85, 105, 0.1);
      border-color: rgba(71, 85, 105, 0.15);
    }

    .action-follow {
      color: #9a3412;
      background: rgba(185, 56, 17, 0.1);
      border-color: rgba(185, 56, 17, 0.15);
    }

    .action-probe {
      color: #1d4ed8;
      background: rgba(29, 78, 216, 0.1);
      border-color: rgba(29, 78, 216, 0.15);
    }

    .action-watch {
      color: #475569;
      background: rgba(71, 85, 105, 0.1);
      border-color: rgba(71, 85, 105, 0.15);
    }

    .action-avoid {
      color: #991b1b;
      background: rgba(239, 68, 68, 0.1);
      border-color: rgba(239, 68, 68, 0.15);
    }

    .opportunity-a {
      color: #854d0e;
      background: rgba(245, 158, 11, 0.14);
      border-color: rgba(245, 158, 11, 0.2);
    }

    .opportunity-b {
      color: #1d4ed8;
      background: rgba(29, 78, 216, 0.1);
      border-color: rgba(29, 78, 216, 0.16);
    }

    .opportunity-c {
      color: #475569;
      background: rgba(100, 116, 139, 0.1);
      border-color: rgba(100, 116, 139, 0.16);
    }

    .score-strong { color: #9a3412; font-weight: 800; }
    .score-mid { color: #1d4ed8; font-weight: 700; }
    .score-soft { color: #475569; font-weight: 700; }
    .pnl-pos { color: #b93811; font-weight: 800; }
    .pnl-neg { color: #0f766e; font-weight: 800; }

    .side,
    .overview-rail {
      display: grid;
      gap: 20px;
    }

    .side-cluster {
      display: grid;
      gap: 14px;
      padding: 18px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.982), rgba(248, 244, 238, 0.944));
    }

    .side-cluster-head {
      display: grid;
      gap: 8px;
      padding: 2px 0 14px;
      border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    }

    .side-cluster-kicker {
      margin: 0;
      font-size: var(--font-tag);
      letter-spacing: 0.14em;
      color: #7b8797;
    }

    .side-cluster-title {
      margin: 0;
      max-width: 18ch;
      font-size: clamp(18px, 1.7vw, 21px);
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -0.02em;
      color: var(--accent);
      text-wrap: balance;
    }

    .side-cluster-copy {
      margin: 0;
      max-width: 38ch;
      font-size: var(--font-xs);
      line-height: 1.68;
      color: #617084;
      text-wrap: pretty;
    }

    .side-cluster-body {
      display: grid;
      gap: 12px;
    }

    .side-cluster-collapsible {
      padding: 18px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.975), rgba(246, 242, 236, 0.93));
    }

    .side-cluster-summary {
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
      cursor: pointer;
      user-select: none;
      padding: 0;
    }

    .side-cluster-summary::-webkit-details-marker {
      display: none;
    }

    .side-cluster-summary-copy {
      min-width: 0;
      display: grid;
      gap: 8px;
    }

    .side-cluster-toggle {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 8px 11px;
      border: 1px solid rgba(100, 116, 139, 0.14);
      background: rgba(255, 255, 255, 0.76);
      color: #334155;
      font-size: var(--font-xs);
      font-weight: 700;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .side-cluster-toggle::before {
      content: "展开";
    }

    .side-cluster-collapsible[open] .side-cluster-toggle::before {
      content: "收起";
    }

    .side-cluster-collapsible[open] .side-cluster-toggle {
      background: rgba(17, 24, 39, 0.92);
      border-color: rgba(17, 24, 39, 0.92);
      color: #f8fafc;
    }

    .side-cluster-collapsible .side-cluster-body {
      margin-top: 0;
      padding-top: 14px;
      border-top: 1px solid rgba(148, 163, 184, 0.14);
    }

    .detail {
      padding: 20px;
      background: var(--panel-strong);
    }

    .detail-collapsible {
      padding: 20px;
    }

    .detail-summary {
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
      cursor: pointer;
      user-select: none;
    }

    .detail-summary::-webkit-details-marker {
      display: none;
    }

    .detail-summary > .section-head {
      flex: 1;
      min-width: 0;
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 0;
    }

    .detail-summary > .section-head p {
      max-width: 42ch;
    }

    .detail-toggle {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 8px 12px;
      border: 1px solid rgba(100, 116, 139, 0.18);
      background: rgba(15, 23, 42, 0.04);
      color: #334155;
      font-size: var(--font-xs);
      font-weight: 700;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .detail-toggle::before {
      content: "收起详情";
    }

    .detail-collapsible:not([open]) .detail-toggle::before {
      content: "展开详情";
    }

    .detail-collapsible[open] .detail-toggle {
      background: #1f2937;
      border-color: #1f2937;
      color: #f8fafc;
    }

    #detail-body {
      display: grid;
      gap: 18px;
      margin-top: 18px;
      padding-top: 16px;
      border-top: 1px solid rgba(148, 163, 184, 0.14);
    }

    .feed {
      padding: 16px;
      border-radius: 18px;
      background: var(--panel-subtle);
      border: 1px solid rgba(148, 163, 184, 0.14);
      box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.56);
    }

    .feed .section-head,
    .detail-section-card .section-head {
      display: grid;
      gap: 6px;
    }

    .feed .section-head h2,
    .detail-section-card .section-head h2 {
      font-size: 16px;
      line-height: 1.28;
    }

    .feed .section-head p,
    .detail-section-card .section-head p {
      max-width: none;
      font-size: var(--font-xs);
      text-align: left;
    }

    .detail-title {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 16px;
    }

    .detail-title > div:first-child,
    .plan-head > div:first-child,
    .detail-decision-head > div:first-child {
      min-width: 0;
      flex: 1;
    }

    .detail-badges {
      display: grid;
      gap: 6px;
      justify-items: end;
      width: min(100%, 300px);
      max-width: 300px;
      align-content: flex-start;
    }

    .detail-badge-row {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 6px;
    }

    .detail-mode-bar {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 14px;
    }

    .detail-mode-copy {
      min-width: 0;
      display: grid;
      gap: 6px;
    }

    .detail-mode-copy .detail-brief {
      max-width: 50ch;
    }

    .detail-mode-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 8px;
    }

    .detail-list-actions {
      width: auto;
      max-width: 300px;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 6px;
      align-items: center;
    }

    .detail-list-actions .chip {
      width: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
      text-align: center;
      line-height: 1.1;
      min-height: 30px;
      padding: 5px 9px;
      font-size: 11px;
    }

    .detail-code {
      margin: 0;
      font-size: 28px;
      letter-spacing: -0.05em;
    }

    .detail-sub {
      margin: 6px 0 0;
      max-width: 44ch;
      font-size: var(--font-sm);
      line-height: 1.58;
      color: #5d6b7f;
      text-wrap: pretty;
    }

    .detail-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 14px;
    }

    .detail-metric {
      padding: 12px 14px;
      border-radius: 16px;
      background: var(--panel-subtle);
      border: 1px solid rgba(148, 163, 184, 0.14);
      display: grid;
      gap: 7px;
      align-content: start;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
    }

    .detail-label {
      font-size: var(--font-xs);
      letter-spacing: var(--tracking-label);
      font-weight: 600;
      line-height: 1.35;
      color: #738195;
      margin-bottom: 0;
    }

    .detail-value {
      font-size: var(--font-metric);
      font-weight: 760;
      line-height: 1.35;
      letter-spacing: var(--tracking-tight);
    }

    .plan-card {
      border-radius: 18px;
      padding: 14px;
      background: var(--panel-subtle);
      border: 1px solid rgba(148, 163, 184, 0.14);
      box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.56);
      margin-bottom: 14px;
    }

    .plan-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
      margin-bottom: 12px;
    }

    .plan-badges {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 6px;
      max-width: 280px;
      align-content: flex-start;
    }

    .plan-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 12px;
    }

    .leg-stack {
      display: grid;
      gap: 14px;
      margin-top: 14px;
    }

    .leg-card {
      margin-bottom: 0;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 242, 235, 0.9));
    }

    .leg-card-active {
      border-color: rgba(29, 78, 216, 0.24);
      box-shadow: 0 14px 34px rgba(29, 78, 216, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.62);
    }

    .contract-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 12px;
    }

    .contract-field {
      display: grid;
      gap: 6px;
    }

    .contract-toggle-field {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-height: 44px;
      padding: 10px 12px;
      border: 1px solid rgba(148, 163, 184, 0.16);
      background: rgba(255, 255, 255, 0.88);
      border-radius: 12px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
    }

    .contract-toggle-field .detail-label {
      margin-bottom: 0;
      line-height: 1.3;
    }

    .contract-toggle-input {
      appearance: none;
      -webkit-appearance: none;
      width: 18px;
      height: 18px;
      border-radius: 6px;
      border: 1px solid rgba(100, 116, 139, 0.38);
      background: rgba(255, 255, 255, 0.98);
      display: inline-grid;
      place-items: center;
      margin: 0;
      flex-shrink: 0;
      cursor: pointer;
      transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
    }

    .contract-toggle-input::after {
      content: "";
      width: 9px;
      height: 5px;
      border-left: 2px solid transparent;
      border-bottom: 2px solid transparent;
      transform: rotate(-45deg) translate(1px, -1px);
      transition: border-color 140ms ease;
    }

    .contract-toggle-input:checked {
      background: #1f2937;
      border-color: #1f2937;
    }

    .contract-toggle-input:checked::after {
      border-left-color: #f8fafc;
      border-bottom-color: #f8fafc;
    }

    .contract-toggle-input:focus-visible {
      outline: none;
      box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08);
    }

    .contract-toggle-input:disabled {
      cursor: not-allowed;
      opacity: 0.5;
      background: rgba(241, 245, 249, 0.98);
    }

    .contract-input {
      width: 100%;
      border: 1px solid rgba(148, 163, 184, 0.22);
      background: rgba(255, 255, 255, 0.92);
      border-radius: 12px;
      padding: 10px 12px;
      font-size: var(--font-sm);
      color: var(--ink);
      outline: none;
    }

    .contract-input:focus {
      border-color: rgba(15, 23, 42, 0.24);
      box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.05);
    }

    .contract-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      margin-top: 8px;
    }

    .contract-actions-spaced {
      margin-top: 12px;
    }

    .ops-stack {
      display: grid;
      gap: 14px;
    }

    .ops-card {
      margin-bottom: 0;
    }

    .ops-card .section-head {
      margin-bottom: 12px;
    }

    .scope-chips {
      margin-bottom: 12px;
    }

    .scope-chip.active {
      background: #1f2937;
      border-color: #1f2937;
      color: #f8fafc;
    }

    .batch-preview {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }

    .batch-preview-note {
      margin-top: 10px;
      font-size: var(--font-sm);
      color: var(--muted);
      line-height: 1.5;
    }

    .mini-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border-radius: 999px;
      padding: 7px 10px;
      font-size: var(--font-xs);
      font-weight: 600;
      line-height: 1.15;
      color: #334155;
      background: rgba(255, 255, 255, 0.82);
      border: 1px solid rgba(148, 163, 184, 0.14);
    }

    .logic {
      margin: 0 0 12px;
      font-size: var(--font-md);
      line-height: 1.68;
      color: #3f4b5c;
      text-wrap: pretty;
    }

    .detail-brief {
      margin: 0;
      font-size: var(--font-sm);
      line-height: 1.65;
      color: #5d6b7f;
      text-wrap: pretty;
    }

    .detail-decision-card {
      border-radius: 22px;
      padding: 18px;
      background:
        radial-gradient(circle at 0% 0%, rgba(185, 56, 17, 0.05), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92));
      border: 1px solid rgba(148, 163, 184, 0.16);
    }

    .detail-decision-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 14px;
      margin-bottom: 16px;
    }

    .detail-decision-title {
      margin: 6px 0 0;
      max-width: 16ch;
      font-size: var(--font-decision-title);
      font-weight: 700;
      line-height: 1.14;
      letter-spacing: -0.03em;
      color: var(--accent);
      text-wrap: balance;
    }

    .detail-decision-copy {
      margin: 10px 0 0;
      max-width: 56ch;
      font-size: var(--font-md);
      line-height: 1.68;
      color: #4b5563;
      text-wrap: pretty;
    }

    .detail-decision-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .detail-decision-metric {
      border-radius: 16px;
      padding: 12px 14px;
      background: rgba(255, 255, 255, 0.84);
      border: 1px solid rgba(148, 163, 184, 0.14);
      display: grid;
      gap: 7px;
      align-content: start;
    }

    .detail-decision-metric .detail-label {
      margin-bottom: 0;
    }

    .detail-decision-metric .detail-value {
      font-size: var(--font-metric-strong);
      font-weight: 760;
      line-height: 1.32;
      letter-spacing: var(--tracking-tight);
    }

    .detail-grid-compact {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      font-size: var(--font-xs);
      color: var(--muted);
      margin-bottom: 14px;
    }

    .detail-workbench {
      display: grid;
      gap: 16px;
      --detail-surface-bg:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92));
      --detail-surface-line: rgba(148, 163, 184, 0.16);
      --detail-surface-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
      --detail-metric-bg: rgba(249, 250, 252, 0.96);
    }

    .detail-overview {
      display: grid;
      gap: 12px;
    }

    .detail-overview-card,
    .detail-section-card {
      border-radius: 20px;
      padding: 16px;
      background: var(--panel-subtle);
      border: 1px solid rgba(148, 163, 184, 0.14);
      box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.56);
    }

    .detail-workbench .chart-shell,
    .detail-workbench .detail-overview-card,
    .detail-workbench .detail-section-card,
    .detail-workbench .plan-card {
      border-radius: 18px;
      padding: 16px;
      background: var(--detail-surface-bg);
      border: 1px solid var(--detail-surface-line);
      box-shadow: var(--detail-surface-shadow);
    }

    .option-probe-state-card {
      display: grid;
      align-content: start;
      min-height: 132px;
    }

    .option-probe-state-card .detail-brief {
      min-height: 3.3em;
    }

    .detail-workbench .detail-decision-card {
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 252, 0.95));
      border-top: 3px solid rgba(15, 23, 42, 0.1);
    }

    .detail-workbench .detail-grid,
    .detail-workbench .plan-grid,
    .detail-workbench .summary-grid,
    .detail-workbench .detail-decision-grid {
      gap: 12px;
    }

    .detail-workbench .detail-decision-head,
    .detail-workbench .plan-head,
    .detail-workbench .detail-section-card .section-head {
      margin-bottom: 14px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    }

    .detail-workbench .detail-metric,
    .detail-workbench .detail-decision-metric,
    .detail-workbench .summary-chip {
      min-height: 78px;
      border-radius: 14px;
      padding: 13px 14px;
      background: var(--detail-metric-bg);
      border: 1px solid rgba(148, 163, 184, 0.13);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58);
    }

    .detail-workbench .summary-chip {
      display: grid;
      gap: 7px;
      align-content: start;
    }

    .detail-overview-card .detail-grid {
      margin-bottom: 0;
    }

    .detail-card-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    }

    .detail-logic-card .logic {
      margin-bottom: 8px;
    }

    .detail-workbench .detail-logic-card {
      gap: 10px;
    }

    .detail-meta-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }

    .detail-meta-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border-radius: 999px;
      padding: 7px 10px;
      font-size: var(--font-xs);
      font-weight: 600;
      line-height: 1.15;
      color: #334155;
      background: rgba(255, 255, 255, 0.82);
      border: 1px solid rgba(148, 163, 184, 0.14);
    }

    .detail-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 0;
    }

    .detail-tab {
      border: 1px solid rgba(100, 116, 139, 0.18);
      background: rgba(255, 255, 255, 0.82);
      color: #334155;
      border-radius: 999px;
      padding: 8px 12px;
      font-size: var(--font-xs);
      font-weight: 600;
      line-height: 1.15;
      cursor: pointer;
      transition: all 140ms ease;
    }

    .detail-tab.active {
      background: #1f2937;
      border-color: #1f2937;
      color: #f8fafc;
    }

    .detail-tab-body {
      display: grid;
      gap: 14px;
    }

    .detail-section-card .section-head {
      margin-bottom: 12px;
    }

    .detail-tabs-shell {
      display: grid;
      gap: 14px;
    }

    .detail-tabs-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    }

    .detail-tabs-title {
      margin-top: 4px;
      font-size: var(--font-title-sm);
      font-weight: 700;
      line-height: 1.3;
      letter-spacing: -0.02em;
      color: var(--accent);
    }

    .detail-tabs-copy {
      margin: 0;
      max-width: 32ch;
      font-size: var(--font-sm);
      line-height: 1.58;
      color: #617084;
      text-align: right;
      text-wrap: pretty;
    }

    .detail-workbench .detail-tabs {
      gap: 6px;
    }

    .detail-workbench .detail-tab {
      background: rgba(248, 250, 252, 0.92);
      border-color: rgba(148, 163, 184, 0.16);
    }

    .detail-workbench .detail-tab.active {
      background: #1f2937;
      border-color: #1f2937;
      color: #f8fafc;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
    }

    .detail-workbench .detail-tab-body {
      gap: 14px;
    }

    .detail-workbench .detail-meta-pill {
      background: rgba(248, 250, 252, 0.96);
      border-color: rgba(148, 163, 184, 0.14);
    }

    .detail-workbench .timeline-note {
      border-radius: 14px;
      background: rgba(246, 248, 251, 0.92);
      border-color: rgba(148, 163, 184, 0.13);
    }

    .chart-shell {
      border-radius: 20px;
      padding: 14px;
      background: rgba(248, 250, 252, 0.94);
      border: 1px solid rgba(148, 163, 184, 0.14);
      margin-bottom: 14px;
    }

    .chart-shell.expanded {
      padding: 18px;
      border-radius: 24px;
    }

    .chart-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
      margin-bottom: 12px;
    }

    .chart-toolbar-end {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: flex-start;
      gap: 10px;
    }

    .chart-toolbar-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 8px;
    }

    .chart-title {
      margin: 0;
      font-size: 16px;
      font-weight: 800;
      letter-spacing: -0.03em;
    }

    .chart-sub {
      margin: 4px 0 0;
      font-size: 12px;
      color: var(--muted);
      line-height: 1.5;
    }

    .chart-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: flex-end;
    }

    .chart-tab {
      border: 1px solid rgba(100, 116, 139, 0.18);
      background: rgba(255, 255, 255, 0.82);
      color: #334155;
      border-radius: 999px;
      padding: 7px 11px;
      font-size: 12px;
      cursor: pointer;
      transition: all 140ms ease;
    }

    .chart-tab.active {
      background: #1f2937;
      border-color: #1f2937;
      color: #f8fafc;
    }

    .chart-summary {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 12px;
    }

    .chart-focus-bar {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      margin: -2px 0 12px;
      padding: 10px 12px;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.74);
      border: 1px solid rgba(148, 163, 184, 0.14);
    }

    .chart-focus-copy {
      min-width: 0;
      display: grid;
      gap: 4px;
    }

    .chart-focus-copy strong {
      font-size: var(--font-xs);
      font-weight: 700;
      line-height: 1.2;
      color: #1f2937;
      letter-spacing: 0.01em;
    }

    .chart-focus-copy span {
      font-size: var(--font-xs);
      line-height: 1.58;
      color: #617084;
      text-wrap: pretty;
    }

    .chart-chip {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border-radius: 999px;
      padding: 7px 10px;
      font-size: 12px;
      color: #334155;
      background: rgba(255, 255, 255, 0.82);
      border: 1px solid rgba(148, 163, 184, 0.14);
    }

    .chart-chip strong {
      font-weight: 800;
      color: var(--ink);
    }

    .chart-stage {
      position: relative;
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid rgba(148, 163, 184, 0.14);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 244, 246, 0.94));
      cursor: crosshair;
    }

    .chart-shell.expanded .chart-stage {
      border-radius: 20px;
    }

    .chart-svg {
      display: block;
      width: 100%;
      height: auto;
    }

    .chart-crosshair {
      position: absolute;
      pointer-events: none;
      opacity: 0;
      transition: opacity 100ms ease;
      z-index: 1;
    }

    .chart-stage.hover-active .chart-crosshair,
    .chart-stage.hover-active .chart-tooltip {
      opacity: 1;
    }

    .chart-crosshair-v {
      top: 0;
      bottom: 0;
      width: 1px;
      background: rgba(15, 23, 42, 0.16);
      transform: translateX(-0.5px);
    }

    .chart-crosshair-h {
      left: 0;
      right: 0;
      height: 1px;
      background: rgba(15, 23, 42, 0.14);
      transform: translateY(-0.5px);
    }

    .chart-tooltip {
      position: absolute;
      left: 12px;
      top: 12px;
      min-width: 220px;
      max-width: min(320px, calc(100% - 16px));
      padding: 10px 12px;
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.96);
      border: 1px solid rgba(148, 163, 184, 0.18);
      box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);
      color: #334155;
      pointer-events: none;
      opacity: 0;
      transform: translateY(4px);
      transition: opacity 100ms ease, transform 100ms ease;
      z-index: 2;
    }

    .chart-stage.hover-active .chart-tooltip {
      transform: translateY(0);
    }

    .chart-tooltip-head {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 10px;
      font-size: var(--font-xs);
      color: var(--muted);
    }

    .chart-tooltip-head strong {
      font-size: var(--font-sm);
      color: var(--ink);
      letter-spacing: -0.02em;
    }

    .chart-tooltip-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px 10px;
      margin-top: 8px;
      font-size: var(--font-xs);
    }

    .chart-tooltip-row {
      display: flex;
      justify-content: space-between;
      gap: 10px;
    }

    .chart-tooltip-row span:first-child {
      color: var(--muted);
    }

    .chart-tooltip-note {
      margin-top: 8px;
      font-size: var(--font-xs);
      line-height: 1.5;
      color: #334155;
    }

    .chart-empty {
      padding: 20px 14px;
      color: var(--muted);
      font-size: var(--font-sm);
      line-height: 1.6;
    }

    .chart-footer {
      display: grid;
      gap: 10px;
      margin-top: 12px;
    }

    .chart-legend {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .chart-legend-item {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border-radius: 999px;
      padding: 7px 10px;
      font-size: var(--font-xs);
      font-weight: 600;
      line-height: 1.15;
      color: #334155;
      background: rgba(255, 255, 255, 0.82);
      border: 1px solid rgba(148, 163, 184, 0.14);
    }

    .chart-swatch {
      width: 10px;
      height: 10px;
      border-radius: 999px;
      flex: 0 0 auto;
    }

    .chart-note-list {
      display: grid;
      gap: 8px;
    }

    .chart-note {
      border-radius: 14px;
      padding: 10px 12px;
      font-size: var(--font-sm);
      line-height: 1.62;
      color: #445063;
      background: var(--panel-subtle);
      border: 1px solid rgba(148, 163, 184, 0.14);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
      text-wrap: pretty;
    }

    .chart-note strong {
      font-weight: 800;
      color: var(--ink);
    }

    .flag-list,
    .news-list,
    .event-list {
      display: grid;
      gap: 10px;
    }

    .flag,
    .news-item,
    .event-item {
      border-radius: 15px;
      padding: 12px 14px;
      background: var(--panel-subtle);
      border: 1px solid rgba(148, 163, 184, 0.14);
      font-size: var(--font-sm);
      line-height: 1.58;
      color: #334155;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
      text-wrap: pretty;
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .flag {
      color: #92400e;
      background: rgba(146, 64, 14, 0.06);
      border-color: rgba(146, 64, 14, 0.12);
    }

    .event-item {
      display: grid;
      gap: 10px;
    }

    .event-item.is-recent-open {
      background:
        linear-gradient(180deg, rgba(255, 248, 240, 0.98), rgba(255, 252, 248, 0.92)),
        var(--panel-subtle);
      border-color: rgba(185, 56, 17, 0.18);
      box-shadow:
        0 0 0 1px rgba(185, 56, 17, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.56);
    }

    .event-item[data-event-symbol] {
      cursor: pointer;
    }

    .event-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: start;
      font-size: var(--font-xs);
      color: var(--muted);
    }

    .event-head > :first-child {
      min-width: 0;
    }

    .event-head > :last-child {
      max-width: 100%;
      justify-self: end;
      text-align: right;
    }

    .event-badges {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 6px;
      align-items: center;
    }

    .layer-wrap {
      overflow: auto;
      border-radius: 18px;
      border: 1px solid rgba(148, 163, 184, 0.14);
      background: rgba(255, 255, 255, 0.84);
      margin-bottom: 16px;
    }

    .lifecycle-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 14px;
    }

    .timeline-note {
      border-radius: 16px;
      padding: 12px 14px;
      background: var(--panel-subtle);
      border: 1px solid rgba(148, 163, 184, 0.14);
      font-size: var(--font-sm);
      line-height: 1.62;
      color: #445063;
      margin-bottom: 16px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
      text-wrap: pretty;
    }

    .timeline-note-inline {
      margin: 0 0 12px;
    }

    .diagnostic-details {
      margin-bottom: 16px;
      border-radius: 16px;
      border: 1px solid rgba(148, 163, 184, 0.14);
      background: rgba(248, 250, 252, 0.82);
      overflow: hidden;
    }

    .diagnostic-summary {
      cursor: pointer;
      padding: 12px 14px;
      font-size: var(--font-sm);
      font-weight: 700;
      color: #334155;
      list-style: none;
      user-select: none;
    }

    .diagnostic-summary::-webkit-details-marker {
      display: none;
    }

    .diagnostic-summary::before {
      content: "展开";
      display: inline-block;
      margin-right: 8px;
      color: var(--muted);
      font-weight: 600;
    }

    .diagnostic-details[open] .diagnostic-summary::before {
      content: "收起";
    }

    .diagnostic-body {
      padding: 0 14px 14px;
    }

    .summary-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 168px), 1fr));
      gap: 12px;
      margin-bottom: 14px;
    }

    .live-setup-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 14px;
    }

    .live-setup-span-full {
      grid-column: 1 / -1;
    }

    .live-setup-list {
      display: grid;
      gap: 10px;
    }

    .live-setup-item {
      display: grid;
      gap: 4px;
    }

    .live-setup-title {
      font-size: var(--font-sm);
      font-weight: 700;
      color: var(--ink);
    }

    .live-preflight-shell {
      display: grid;
      gap: 12px;
    }

    .live-preflight-hero {
      display: grid;
      gap: 12px;
      padding: 16px 18px;
      border-radius: 18px;
      background:
        radial-gradient(circle at 100% 0%, rgba(185, 56, 17, 0.09), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 244, 238, 0.92));
      border: 1px solid rgba(148, 163, 184, 0.16);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58);
    }

    .live-preflight-hero .summary-grid {
      margin-bottom: 0;
    }

    .live-preflight-titleline {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: flex-start;
    }

    .live-preflight-copy {
      margin: 0;
      color: #334155;
      font-size: var(--font-md);
      line-height: 1.62;
    }

    .live-preflight-checklist {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .live-preflight-check {
      display: grid;
      gap: 8px;
      padding: 12px 13px;
      border-radius: 15px;
      background: rgba(255, 255, 255, 0.84);
      border: 1px solid rgba(148, 163, 184, 0.16);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.52);
    }

    .live-preflight-check.is-positive {
      background: rgba(236, 253, 245, 0.72);
      border-color: rgba(15, 118, 110, 0.18);
    }

    .live-preflight-check.is-negative {
      background: rgba(254, 242, 242, 0.78);
      border-color: rgba(239, 68, 68, 0.2);
    }

    .live-preflight-check.is-neutral {
      background: rgba(255, 251, 235, 0.82);
      border-color: rgba(245, 158, 11, 0.18);
    }

    .live-preflight-check-head {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      align-items: flex-start;
    }

    .live-preflight-check-title {
      font-size: var(--font-sm);
      font-weight: 700;
      color: var(--ink);
    }

    .live-preflight-check-summary {
      color: #334155;
      font-size: var(--font-sm);
      line-height: 1.58;
    }

    .live-preflight-check-note {
      color: #64748b;
      font-size: var(--font-xs);
      line-height: 1.48;
    }

    .live-preflight-actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .live-preflight-action-card {
      display: grid;
      gap: 10px;
      padding: 12px 13px;
      border-radius: 15px;
      background: rgba(255, 255, 255, 0.86);
      border: 1px solid rgba(148, 163, 184, 0.16);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.52);
    }

    .live-preflight-action-head {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      align-items: flex-start;
    }

    .live-preflight-action-title {
      font-size: var(--font-sm);
      font-weight: 700;
      color: var(--ink);
    }

    .live-preflight-action-meta {
      color: #334155;
      font-size: var(--font-sm);
      line-height: 1.58;
    }

    .live-preflight-action-note {
      color: #64748b;
      font-size: var(--font-xs);
      line-height: 1.48;
    }

    .live-persistent-notice {
      margin-bottom: 0;
    }

    .live-persistent-notice.is-neutral {
      background: rgba(255, 251, 235, 0.86);
      border-color: rgba(245, 158, 11, 0.18);
      color: #92400e;
    }

    .live-persistent-notice.is-negative {
      background: rgba(254, 242, 242, 0.82);
      border-color: rgba(239, 68, 68, 0.18);
      color: #7f1d1d;
    }

    .summary-chip {
      border-radius: 16px;
      padding: 12px 14px;
      background: var(--panel-subtle);
      border: 1px solid rgba(148, 163, 184, 0.14);
      display: grid;
      gap: 7px;
      align-content: start;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
      min-width: 0;
    }

    .summary-chip-link {
      width: 100%;
      text-align: left;
      color: inherit;
      font: inherit;
      cursor: pointer;
      transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
    }

    .summary-chip-link:hover {
      transform: translateY(-1px);
      border-color: rgba(15, 23, 42, 0.18);
      box-shadow:
        0 10px 22px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.56);
    }

    .summary-chip-link:focus-visible {
      outline: 2px solid rgba(15, 23, 42, 0.28);
      outline-offset: 2px;
    }

    .summary-chip .detail-label {
      margin-bottom: 0;
    }

    .summary-chip .detail-value {
      font-size: var(--font-metric-strong);
    }

    .summary-chip-hint {
      font-size: var(--font-xs);
      line-height: 1.45;
      color: #64748b;
    }

    .strategy-stack {
      display: grid;
      gap: 12px;
    }

    .strategy-item-card {
      border-radius: 16px;
      padding: 12px 14px;
      background: var(--panel-subtle);
      border: 1px solid rgba(148, 163, 184, 0.14);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
      display: grid;
      gap: 8px;
    }

    .strategy-item-card.is-focus-target {
      border-color: rgba(14, 116, 144, 0.34);
      background:
        linear-gradient(180deg, rgba(240, 249, 255, 0.96), rgba(248, 250, 252, 0.92)),
        var(--panel-subtle);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 0 0 2px rgba(14, 116, 144, 0.12);
    }

    .strategy-item-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 10px;
      flex-wrap: wrap;
    }

    .strategy-item-title {
      font-size: var(--font-sm);
      font-weight: 700;
      line-height: 1.45;
      color: var(--accent);
    }

    .strategy-item-sub {
      font-size: var(--font-xs);
      line-height: 1.45;
      color: var(--muted);
    }

    .strategy-item-copy {
      margin: 0;
      font-size: var(--font-sm);
      line-height: 1.6;
      color: #334155;
    }

    .strategy-facts {
      margin: 0;
      padding-left: 18px;
      display: grid;
      gap: 6px;
      color: #475569;
      font-size: var(--font-xs);
      line-height: 1.55;
    }

    .strategy-facts li {
      margin: 0;
    }

    .paper-equity-card {
      border-radius: 22px;
      padding: 14px;
      background:
        linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.84)),
        radial-gradient(circle at top left, rgba(14, 116, 144, 0.08), transparent 34%);
      border: 1px solid rgba(148, 163, 184, 0.16);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.62),
        0 14px 34px rgba(15, 23, 42, 0.06);
    }

    .paper-equity-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-bottom: 10px;
    }

    .paper-equity-range-note {
      font-size: var(--font-xs);
      color: #64748b;
      line-height: 1.45;
    }

    .paper-equity-axis-top,
    .paper-equity-axis-bottom {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      font-size: var(--font-xs);
      color: #64748b;
      line-height: 1.45;
    }

    .paper-equity-axis-top {
      margin-bottom: 10px;
    }

    .paper-equity-axis-bottom {
      margin-top: 10px;
    }

    .paper-equity-plot {
      position: relative;
      min-height: 320px;
      border-radius: 18px;
      overflow: hidden;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(241, 245, 249, 0.92)),
        linear-gradient(90deg, rgba(226, 232, 240, 0.32), rgba(226, 232, 240, 0));
      border: 1px solid rgba(148, 163, 184, 0.14);
    }

    .paper-equity-svg {
      width: 100%;
      height: 320px;
      display: block;
    }

    .paper-equity-grid-line {
      stroke: rgba(100, 116, 139, 0.18);
      stroke-width: 1;
      stroke-dasharray: 5 5;
    }

    .paper-equity-area {
      fill: url(#paperEquityArea);
    }

    .paper-equity-line {
      fill: none;
      stroke: #0f766e;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      filter: drop-shadow(0 8px 18px rgba(15, 118, 110, 0.18));
    }

    .paper-equity-marker {
      position: absolute;
      width: 14px;
      height: 14px;
      margin-left: -7px;
      margin-top: -7px;
      border-radius: 999px;
      border: 2px solid rgba(255, 255, 255, 0.96);
      background: #0f766e;
      box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.1),
        0 8px 18px rgba(15, 23, 42, 0.18);
      cursor: pointer;
      transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease;
    }

    .paper-equity-marker:hover {
      transform: scale(1.12);
      box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.14),
        0 12px 22px rgba(15, 23, 42, 0.22);
    }

    .paper-equity-marker:focus-visible {
      outline: 2px solid rgba(15, 23, 42, 0.28);
      outline-offset: 2px;
    }

    .paper-equity-marker.is-closed {
      background: #c2410c;
    }

    .paper-equity-marker.is-open {
      background: #0f766e;
    }

    .paper-equity-marker.is-observation {
      border-style: dashed;
    }

    .paper-equity-kline-wrap {
      margin-top: 12px;
      display: grid;
      gap: 8px;
    }

    .paper-equity-kline-head {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      font-size: var(--font-xs);
      color: #64748b;
      line-height: 1.45;
    }

    .paper-equity-kline-plot {
      position: relative;
      min-height: 224px;
      border-radius: 16px;
      overflow: hidden;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(241, 245, 249, 0.9)),
        linear-gradient(90deg, rgba(226, 232, 240, 0.26), rgba(226, 232, 240, 0));
      border: 1px solid rgba(148, 163, 184, 0.14);
    }

    .paper-equity-kline-svg {
      width: 100%;
      height: 224px;
      display: block;
    }

    .paper-equity-kline-grid {
      stroke: rgba(100, 116, 139, 0.18);
      stroke-width: 1;
      stroke-dasharray: 5 5;
    }

    .paper-equity-kline-label {
      fill: #64748b;
      font-size: 11px;
    }

    .paper-equity-candle-wick.is-up {
      stroke: rgba(185, 28, 28, 0.92);
    }

    .paper-equity-candle-wick.is-down {
      stroke: rgba(21, 128, 61, 0.92);
    }

    .paper-equity-candle-wick.is-flat {
      stroke: rgba(100, 116, 139, 0.7);
    }

    .paper-equity-candle-body.is-up {
      fill: rgba(220, 38, 38, 0.72);
    }

    .paper-equity-candle-body.is-down {
      fill: rgba(22, 163, 74, 0.72);
    }

    .paper-equity-candle-body.is-flat {
      fill: rgba(100, 116, 139, 0.46);
    }

    .paper-equity-kline-axis {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      font-size: var(--font-xs);
      color: #64748b;
      line-height: 1.45;
    }

    .paper-equity-kline-empty {
      min-height: 224px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 18px;
      text-align: center;
      font-size: var(--font-xs);
      color: #64748b;
      line-height: 1.6;
    }

    .feed-section-block,
    .feed-scroll-target {
      scroll-margin-top: 132px;
    }

    .feed-section-block {
      display: grid;
      gap: 10px;
      margin-bottom: 16px;
      padding: 4px;
      border-radius: 20px;
      transition: background 180ms ease, box-shadow 180ms ease;
    }

    .feed-section-block:last-child {
      margin-bottom: 0;
    }

    .feed-scroll-target.section-flash,
    .feed-section-block.section-flash {
      background: rgba(15, 23, 42, 0.05);
      box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
    }

    .module-surface {
      --module-accent: 71, 85, 105;
      --module-padding: 18px;
      --module-radius: 20px;
      --module-border-alpha: 0.12;
      --module-radial-alpha: 0.05;
      --module-shadow-alpha: 0.05;
      --module-bar-alpha: 0.72;
      --module-bar-width: 72px;
      position: relative;
      isolation: isolate;
      padding: var(--module-padding);
      border-radius: var(--module-radius);
      border: 1px solid rgba(var(--module-accent), var(--module-border-alpha));
      background:
        radial-gradient(circle at top right, rgba(var(--module-accent), var(--module-radial-alpha)), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.992), rgba(247, 243, 237, 0.958));
      box-shadow:
        0 16px 30px rgba(15, 23, 42, var(--module-shadow-alpha)),
        inset 0 1px 0 rgba(255, 255, 255, 0.68);
    }

    .module-surface::after {
      content: "";
      position: absolute;
      left: 18px;
      top: 0;
      width: var(--module-bar-width);
      height: 3px;
      border-radius: 999px;
      background: rgba(var(--module-accent), var(--module-bar-alpha));
      box-shadow: 0 6px 14px rgba(var(--module-accent), 0.12);
      pointer-events: none;
    }

    .module-surface > .section-head:first-child,
    .module-surface > .section-head-spaced:first-child {
      margin-bottom: 12px;
    }

    .module-surface .section-head h2 {
      font-size: clamp(19px, 1.6vw, 26px);
      letter-spacing: -0.03em;
      color: rgba(15, 23, 42, 0.94);
    }

    .module-surface .section-head p {
      max-width: 42ch;
      text-align: left;
      font-size: var(--font-sm);
      line-height: 1.6;
      color: rgba(71, 85, 105, 0.86);
    }

    .module-surface.is-hero {
      --module-padding: 22px;
      --module-radius: 22px;
      --module-border-alpha: 0.14;
      --module-radial-alpha: 0.08;
      --module-shadow-alpha: 0.07;
      --module-bar-alpha: 0.82;
      --module-bar-width: 82px;
    }

    .module-surface.is-rail {
      --module-padding: 18px;
      --module-radius: 20px;
      --module-border-alpha: 0.11;
      --module-radial-alpha: 0.045;
      --module-shadow-alpha: 0.045;
      --module-bar-alpha: 0.62;
      --module-bar-width: 58px;
    }

    .module-surface.is-workbench,
    .module-surface.is-main-table {
      --module-padding: 20px;
      --module-radius: 22px;
      --module-border-alpha: 0.11;
      --module-radial-alpha: 0.03;
      --module-shadow-alpha: 0.05;
      --module-bar-alpha: 0.68;
      --module-bar-width: 74px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.995), rgba(248, 245, 240, 0.972));
    }

    .module-surface.is-facts-panel,
    .module-surface.is-history-strip {
      --module-padding: 18px;
      --module-radius: 20px;
      --module-border-alpha: 0.1;
      --module-radial-alpha: 0.03;
      --module-shadow-alpha: 0.04;
      --module-bar-alpha: 0.58;
      --module-bar-width: 56px;
    }

    .module-surface.is-support-module {
      --module-padding: 14px;
      --module-radius: 16px;
      --module-border-alpha: 0.065;
      --module-radial-alpha: 0.012;
      --module-shadow-alpha: 0.02;
      --module-bar-alpha: 0.28;
      --module-bar-width: 36px;
      background:
        linear-gradient(180deg, rgba(252, 251, 247, 0.96), rgba(247, 243, 237, 0.91));
      box-shadow:
        0 8px 16px rgba(15, 23, 42, 0.02),
        inset 0 1px 0 rgba(255, 255, 255, 0.62);
    }

    .module-surface.is-support-module.quick-nav,
    .module-surface.is-support-module.toolbar,
    .module-surface.is-support-module.sector-strip,
    .module-surface.is-support-module.ops-queue-strip {
      box-shadow:
        0 6px 14px rgba(15, 23, 42, 0.018),
        inset 0 1px 0 rgba(255, 255, 255, 0.58);
    }

    .module-surface.is-support-module.quick-nav {
      top: 8px;
      padding-top: 12px;
      padding-bottom: 12px;
    }

    .module-surface .summary-chip {
      border-color: rgba(var(--module-accent), 0.14);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(250, 247, 243, 0.86));
    }

    .module-surface .summary-chip .detail-label {
      color: rgba(var(--module-accent), 0.9);
    }

    .module-surface .summary-chip-link:hover {
      border-color: rgba(var(--module-accent), 0.28);
      box-shadow:
        0 12px 24px rgba(15, 23, 42, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.62);
    }

    .module-surface .table-wrap {
      border-color: rgba(var(--module-accent), 0.16);
      box-shadow:
        0 12px 28px rgba(15, 23, 42, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.68);
    }

    .module-surface thead th {
      background: linear-gradient(180deg, rgba(252, 252, 251, 0.98), rgba(245, 246, 247, 0.94));
    }

    .module-surface .event-item,
    .module-surface .timeline-note,
    .module-surface .queue-card,
    .module-surface .trade-review-item,
    .module-surface .blotter-block,
    .module-surface .plan-card {
      border-color: rgba(var(--module-accent), 0.12);
    }

    .module-surface .timeline-note {
      padding: 12px 14px;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.7);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
    }

    .module-surface.is-rail .section-head h2,
    .module-surface.is-facts-panel .section-head h2,
    .module-surface.is-history-strip .section-head h2 {
      font-size: clamp(18px, 1.45vw, 23px);
      letter-spacing: -0.025em;
    }

    .module-surface.is-support-module .section-head h2 {
      font-size: clamp(17px, 1.3vw, 20px);
      letter-spacing: -0.02em;
    }

    .module-surface.is-support-module .section-head p {
      max-width: 48ch;
      font-size: var(--font-xs);
      color: rgba(93, 104, 120, 0.9);
      line-height: 1.58;
    }

    .module-surface.is-support-module .event-item,
    .module-surface.is-support-module .timeline-note,
    .module-surface.is-support-module .queue-card,
    .module-surface.is-support-module .summary-chip,
    .module-surface.is-support-module .stat.panel,
    .module-surface.is-support-module .foot-note {
      background: rgba(255, 255, 255, 0.56);
      border-color: rgba(var(--module-accent), 0.08);
      box-shadow: none;
    }

    .module-surface.is-support-module .stat.panel {
      backdrop-filter: none;
    }

    .module-surface.is-support-module .stat {
      min-height: 96px;
      padding: 13px 14px;
    }

    .module-surface.is-support-module .stat-label {
      font-size: 10px;
      color: #738092;
    }

    .module-surface.is-support-module .stat-value {
      font-size: clamp(20px, 2vw, 28px);
      letter-spacing: -0.035em;
    }

    .module-surface.is-support-module .stat-note {
      font-size: 11px;
      color: #5d6b7f;
      line-height: 1.46;
    }

    .module-surface.is-support-module .event-list,
    .module-surface.is-support-module .stats,
    .module-surface.is-support-module .chips {
      gap: 8px;
    }

    .module-surface.is-support-module .quick-nav-scroll {
      gap: 7px;
      padding-bottom: 0;
    }

    .module-surface.is-support-module .quick-nav-chip {
      min-width: 82px;
      gap: 4px;
      padding: 8px 10px;
      border-radius: 15px;
      background: rgba(255, 255, 255, 0.62);
      border-color: rgba(var(--module-accent), 0.08);
      box-shadow: none;
    }

    .module-surface.is-support-module .quick-nav-chip:hover {
      box-shadow: 0 6px 12px rgba(15, 23, 42, 0.032);
    }

    .module-surface.is-support-module .quick-nav-meta {
      font-size: 11px;
      font-weight: 700;
    }

    .module-surface.is-support-module .toolbar-note,
    .module-surface.is-support-module .foot-note {
      font-size: 11px;
      line-height: 1.52;
      color: #617084;
    }

    .module-surface.is-support-module .search {
      border-color: rgba(148, 163, 184, 0.16);
      background: rgba(255, 255, 255, 0.68);
      border-radius: 13px;
      padding: 10px 12px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    }

    .module-surface.is-support-module .search:focus {
      border-color: rgba(15, 23, 42, 0.18);
      box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.04);
    }

    .module-surface.is-rail .event-item,
    .module-surface.is-rail .timeline-note {
      border-left: 3px solid rgba(var(--module-accent), 0.16);
      background: rgba(255, 255, 255, 0.78);
    }

    .module-surface .blotter-followup {
      padding-left: 2px;
      color: #556274;
    }

    .module-surface .detail-list-actions .chip,
    .module-surface .inline-actions .chip {
      border-color: rgba(var(--module-accent), 0.16);
      background: rgba(255, 255, 255, 0.8);
    }

    .module-surface .detail-list-actions .chip:hover,
    .module-surface .inline-actions .chip:hover {
      border-color: rgba(var(--module-accent), 0.3);
      box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
    }

    .module-surface.is-status-strip {
      --module-padding: 20px 22px;
      --module-radius: 20px;
      --module-border-alpha: 0.11;
      --module-radial-alpha: 0.025;
      --module-shadow-alpha: 0.04;
      --module-bar-alpha: 0.56;
      --module-bar-width: 52px;
      background:
        linear-gradient(180deg, rgba(252, 251, 247, 0.985), rgba(247, 243, 237, 0.95));
    }

    .module-surface.is-status-strip .summary-grid {
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 176px), 1fr));
    }

    .module-surface.is-support-module .side-cluster-summary-copy {
      gap: 5px;
    }

    .module-surface.is-support-module .side-cluster-title {
      max-width: 24ch;
      font-size: clamp(15px, 1.25vw, 18px);
    }

    .module-surface.is-support-module .side-cluster-copy {
      max-width: 46ch;
      font-size: 11px;
      line-height: 1.55;
      color: #6e7b8d;
    }

    .module-surface.is-support-module .side-cluster-toggle {
      padding: 5px 9px;
      border-color: rgba(100, 116, 139, 0.09);
      background: rgba(255, 255, 255, 0.48);
      color: #526072;
    }

    .module-surface.is-support-module.side-cluster-collapsible[open] .side-cluster-toggle {
      background: rgba(17, 24, 39, 0.74);
      border-color: rgba(17, 24, 39, 0.74);
      color: #f8fafc;
    }

    .module-surface.is-support-module.side-cluster-collapsible .side-cluster-body {
      padding-top: 10px;
      border-top-color: rgba(148, 163, 184, 0.1);
    }

    .module-surface.is-support-module .summary-chip {
      padding: 10px 12px;
      gap: 5px;
      border-radius: 14px;
    }

    .module-surface.is-support-module .summary-chip .detail-value {
      font-size: 17px;
    }

    .module-surface.is-support-module .summary-chip-hint {
      font-size: 11px;
      color: #738092;
    }

    .module-surface.is-support-module .event-item,
    .module-surface.is-support-module .timeline-note,
    .module-surface.is-support-module .queue-card {
      padding: 10px 12px;
      border-radius: 14px;
    }

    .module-surface.is-support-module .queue-card {
      min-height: 188px;
      gap: 10px;
    }

    .module-surface.is-support-module .queue-card-title {
      font-size: 15px;
    }

    .module-surface.is-support-module .queue-card-sub {
      font-size: 11px;
      line-height: 1.46;
    }

    .module-surface.is-support-module .queue-count {
      font-size: 24px;
    }

    .module-surface.is-support-module .detail-list-actions .chip,
    .module-surface.is-support-module .inline-actions .chip {
      padding: 6px 10px;
      font-size: 11px;
      border-color: rgba(var(--module-accent), 0.12);
      box-shadow: none;
    }

    .module-surface .quick-nav-chip[data-active="1"],
    .module-surface .quick-nav-chip[aria-current="location"] {
      background: linear-gradient(180deg, rgba(31, 41, 55, 0.98), rgba(15, 23, 42, 0.95)) !important;
      border-color: #111827 !important;
      color: #f8fafc !important;
      box-shadow: 0 10px 20px rgba(15, 23, 42, 0.14) !important;
    }

    .module-surface .detail-list-actions .chip.active,
    .module-surface .inline-actions .chip.active,
    .module-surface .detail-list-actions .detail-action.active,
    .module-surface .inline-actions .detail-action.active {
      background: #1f2937 !important;
      color: #f8fafc !important;
      border-color: #1f2937 !important;
      box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12) !important;
    }

    .theme-overview-hero {
      --module-accent: 185, 56, 17;
    }

    .theme-overview-priority {
      --module-accent: 153, 27, 27;
    }

    .theme-overview-shortlist {
      --module-accent: 29, 78, 216;
    }

    .theme-overview-portfolio,
    .theme-overview-support {
      --module-accent: 71, 85, 105;
    }

    .theme-overview-workbench {
      --module-accent: 15, 23, 42;
    }

    .theme-overview-scanner {
      --module-accent: 100, 116, 139;
    }

    .theme-risk-status {
      --module-accent: 30, 41, 59;
    }

    .theme-risk-table {
      --module-accent: 30, 64, 175;
    }

    .theme-risk-workbench {
      --module-accent: 15, 23, 42;
    }

    .theme-risk-semantics {
      --module-accent: 146, 64, 14;
    }

    .theme-risk-facts {
      --module-accent: 15, 118, 110;
    }

    .theme-risk-history {
      --module-accent: 71, 85, 105;
    }

    .theme-risk-corebook {
      --module-accent: 20, 83, 45;
    }

    .theme-live-status {
      --module-accent: 185, 56, 17;
    }

    .theme-live-table {
      --module-accent: 154, 52, 18;
    }

    .theme-live-rail,
    .theme-live-exceptions {
      --module-accent: 153, 27, 27;
    }

    .theme-live-facts {
      --module-accent: 15, 118, 110;
    }

    .theme-live-timeline {
      --module-accent: 30, 41, 59;
    }

    .theme-live-support {
      --module-accent: 100, 116, 139;
    }

    .theme-ledger-status {
      --module-accent: 15, 23, 42;
    }

    .theme-ledger-reconcile {
      --module-accent: 14, 116, 144;
    }

    .theme-ledger-attribution {
      --module-accent: 146, 64, 14;
    }

    .theme-ledger-context {
      --module-accent: 71, 85, 105;
    }

    .overview-console-shell {
      gap: 22px;
    }

    .overview-console-shell .command-stage-primary,
    .overview-console-shell .command-stage-secondary {
      gap: 20px;
    }

    .live-desk-shell,
    .positions-desk-shell,
    .ledger-desk-shell {
      overflow: visible;
      border-radius: 30px;
      padding: 26px;
      border-width: 1px;
      box-shadow:
        0 26px 56px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.74);
    }

    .live-desk-shell {
      background:
        radial-gradient(circle at top right, rgba(185, 56, 17, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(255, 252, 248, 0.99), rgba(246, 239, 232, 0.95));
      border-color: rgba(185, 56, 17, 0.14);
    }

    .positions-desk-shell {
      background:
        radial-gradient(circle at top left, rgba(30, 64, 175, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(250, 252, 255, 0.99), rgba(241, 244, 249, 0.95));
      border-color: rgba(30, 64, 175, 0.12);
    }

    .ledger-desk-shell {
      background:
        radial-gradient(circle at top right, rgba(14, 116, 144, 0.09), transparent 30%),
        linear-gradient(180deg, rgba(249, 253, 254, 0.99), rgba(239, 245, 246, 0.95));
      border-color: rgba(14, 116, 144, 0.14);
    }

    .live-desk-shell .live-desk-head,
    .positions-desk-shell .live-desk-head,
    .ledger-desk-shell .live-desk-head {
      position: static;
      padding: 14px 16px;
      border-radius: 22px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 241, 234, 0.92));
      backdrop-filter: blur(12px);
      box-shadow:
        0 14px 32px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.62);
      margin-bottom: 22px;
      padding-bottom: 16px;
      border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    }

    .live-desk-shell .live-desk-head .section-head h2,
    .positions-desk-shell .live-desk-head .section-head h2,
    .ledger-desk-shell .live-desk-head .section-head h2 {
      font-size: clamp(28px, 3vw, 38px);
      letter-spacing: -0.04em;
      font-family: Georgia, "Times New Roman", serif;
    }

    .live-desk-shell .live-desk-actions .chip,
    .positions-desk-shell .live-desk-actions .chip,
    .ledger-desk-shell .live-desk-actions .chip {
      background: rgba(255, 255, 255, 0.82);
      border-color: rgba(15, 23, 42, 0.1);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
    }

    .live-desk-shell .live-desk-actions .chip:hover,
    .positions-desk-shell .live-desk-actions .chip:hover,
    .ledger-desk-shell .live-desk-actions .chip:hover {
      transform: translateY(-1px);
      box-shadow: 0 12px 22px rgba(15, 23, 42, 0.08);
    }

    @media (max-width: 1120px) {
      .live-desk-head {
        flex-direction: column;
        align-items: stretch;
      }

      .live-desk-actions {
        justify-content: flex-start;
      }
    }

    .theme-live-exceptions .queue-card {
      background:
        linear-gradient(180deg, rgba(255, 248, 248, 0.96), rgba(250, 241, 241, 0.92));
      border-color: rgba(153, 27, 27, 0.12);
    }

    .theme-live-exceptions .queue-count {
      color: #991b1b;
    }

    .theme-ledger-reconcile .event-item,
    .theme-ledger-attribution .event-item,
    .theme-ledger-context .event-item {
      background: rgba(255, 255, 255, 0.76);
      border-left: 3px solid rgba(var(--module-accent), 0.24);
    }

    .event-item.section-flash,
    .timeline-note.section-flash,
    .queue-preview.section-flash,
    .mini-tag.section-flash {
      background: rgba(15, 23, 42, 0.07);
      box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
    }

    .trade-review-workbench {
      display: grid;
      grid-template-columns: minmax(220px, 0.92fr) minmax(0, 1.08fr);
      gap: 12px;
      align-items: start;
    }

    .trade-review-list {
      display: grid;
      gap: 10px;
      max-height: 360px;
      overflow: auto;
      padding-right: 4px;
    }

    .trade-review-item {
      width: 100%;
      border-radius: 16px;
      padding: 12px 14px;
      border: 1px solid rgba(148, 163, 184, 0.14);
      background: rgba(255, 255, 255, 0.8);
      display: grid;
      gap: 8px;
      text-align: left;
      color: #334155;
      cursor: pointer;
      transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
    }

    .trade-review-item:hover {
      transform: translateY(-1px);
      border-color: rgba(15, 23, 42, 0.2);
      background: rgba(255, 255, 255, 0.92);
    }

    .trade-review-item.active {
      border-color: rgba(15, 23, 42, 0.22);
      background: rgba(15, 23, 42, 0.06);
      box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
    }

    .trade-review-item-head {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 10px;
      font-size: 12px;
      line-height: 1.45;
      color: var(--muted);
    }

    .trade-review-detail {
      margin-bottom: 0;
    }

    .inline-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 12px;
      align-items: stretch;
    }

    .inline-actions .chip {
      white-space: normal;
      text-align: center;
      line-height: 1.35;
    }

    .layer-table {
      width: 100%;
      min-width: 620px;
      border-collapse: collapse;
    }

    .layer-table th,
    .layer-table td {
      padding: 10px 12px;
      font-size: var(--font-xs);
      text-align: left;
      border-bottom: 1px solid rgba(148, 163, 184, 0.12);
      white-space: nowrap;
    }

    .layer-table th {
      color: var(--muted);
      letter-spacing: var(--tracking-label);
      background: rgba(248, 250, 252, 0.94);
    }

    .layer-table tr:last-child td {
      border-bottom: none;
    }

    .empty {
      border-radius: 18px;
      padding: 22px;
      text-align: center;
      color: var(--muted);
      border: 1px dashed rgba(100, 116, 139, 0.22);
      background: rgba(248, 250, 252, 0.6);
    }

    .foot-note {
      margin-top: 12px;
      max-width: 70ch;
      padding: 12px 14px;
      border-radius: 16px;
      font-size: var(--font-sm);
      line-height: 1.65;
      color: #5d6b7f;
      background: var(--panel-subtle);
      border: 1px solid rgba(148, 163, 184, 0.14);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58);
      text-wrap: pretty;
    }

    .workbench-overlay {
      position: fixed;
      inset: 0;
      z-index: 30;
      display: flex;
      justify-content: flex-end;
      align-items: stretch;
      padding: 18px;
      background: linear-gradient(90deg, rgba(15, 23, 42, 0) 48%, rgba(15, 23, 42, 0.08) 100%);
      opacity: 0;
      pointer-events: none;
      transition: opacity 180ms ease;
    }

    .workbench-overlay.active {
      opacity: 1;
      pointer-events: none;
    }

    .workbench-dialog {
      width: min(860px, calc(100vw - 28px));
      height: calc(100vh - 36px);
      max-height: calc(100vh - 36px);
      margin: 0;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      overflow: hidden;
      background: rgba(248, 250, 252, 0.985);
      box-shadow:
        0 24px 48px rgba(15, 23, 42, 0.18),
        0 8px 16px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.7);
      transform: translateX(28px);
      pointer-events: none;
      visibility: hidden;
      transition: transform 180ms ease;
    }

    .workbench-overlay.active .workbench-dialog {
      transform: translateX(0);
      pointer-events: auto;
      visibility: visible;
    }

    .workbench-frame {
      padding: 20px 20px 14px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 18px;
      border-bottom: 1px solid rgba(148, 163, 184, 0.14);
      background:
        radial-gradient(circle at 0% 0%, rgba(158, 65, 35, 0.08), transparent 22%),
        linear-gradient(180deg, rgba(251, 252, 253, 0.99), rgba(241, 245, 249, 0.94));
      transition:
        background 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease;
    }

    .workbench-frame.is-switching {
      animation: workbench-frame-switch-pulse 560ms ease;
    }

    .workbench-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 6px;
    }

    .workbench-symbol {
      margin: 0;
      font-size: clamp(28px, 4vw, 42px);
      letter-spacing: -0.05em;
    }

    .workbench-sub {
      margin: 6px 0 0;
      font-size: 13px;
      line-height: 1.58;
      color: #5d6b7f;
      text-wrap: pretty;
    }

    .workbench-status {
      margin: 12px 0 0;
      max-width: 44ch;
      font-size: 13px;
      line-height: 1.66;
      color: #445063;
      text-wrap: pretty;
    }

    @keyframes workbench-frame-switch-pulse {
      0% {
        background:
          radial-gradient(circle at 0% 0%, rgba(158, 65, 35, 0.12), transparent 24%),
          linear-gradient(180deg, rgba(251, 252, 253, 0.995), rgba(241, 245, 249, 0.95));
        box-shadow: inset 0 0 0 1px rgba(185, 56, 17, 0.08);
      }
      42% {
        background:
          radial-gradient(circle at 0% 0%, rgba(158, 65, 35, 0.18), transparent 28%),
          linear-gradient(180deg, rgba(255, 252, 247, 0.995), rgba(247, 242, 235, 0.96));
        box-shadow: inset 0 0 0 1px rgba(185, 56, 17, 0.16);
      }
      100% {
        background:
          radial-gradient(circle at 0% 0%, rgba(158, 65, 35, 0.08), transparent 22%),
          linear-gradient(180deg, rgba(251, 252, 253, 0.99), rgba(241, 245, 249, 0.94));
        box-shadow: inset 0 0 0 1px rgba(185, 56, 17, 0);
      }
    }

    .workbench-body {
      overflow: auto;
      padding: 18px 20px 24px;
    }

    .workbench-body .detail-workbench.expanded .detail-overview {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .workbench-body .detail-workbench.expanded .detail-grid {
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .workbench-dialog .detail-grid,
    .workbench-dialog .plan-grid,
    .workbench-dialog .contract-grid,
    .workbench-dialog .summary-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .workbench-dialog .detail-decision-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .workbench-dialog .detail-tabs-head,
    .workbench-dialog .detail-decision-head,
    .workbench-dialog .plan-head {
      align-items: flex-start;
    }

    .workbench-dialog .detail-tabs-copy {
      max-width: none;
      text-align: left;
    }

    @media (min-width: 1320px) {
      .overview-top-columns {
        grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
        align-items: stretch;
      }

      .overview-primary-column,
      .overview-rail-column {
        height: 100%;
      }

      .overview-rail-column {
        grid-template-rows: minmax(0, 1fr) auto;
      }

      .overview-priority-panel {
        height: 100%;
        grid-template-rows: auto minmax(0, 1fr);
      }

      .overview-priority-panel .side-cluster-body {
        min-height: 0;
        overflow: auto;
        padding-right: 4px;
        scrollbar-gutter: stable;
      }

      body[data-dashboard-view="watch"] .overview-main-stage {
        grid-template-columns: minmax(0, 1.22fr) minmax(360px, 0.78fr);
      }
    }

    @media (min-width: 1720px) {
      .command-stage {
        grid-template-columns: minmax(0, 1.24fr) minmax(420px, 0.76fr);
      }

      .command-stage-primary,
      .command-stage-secondary {
        grid-template-columns: 1fr;
      }

      .workbench-stage {
        grid-template-columns: minmax(0, 1.24fr) minmax(420px, 0.76fr);
      }

      .desk-flow-shell {
        grid-template-columns: minmax(0, 1.16fr) minmax(380px, 0.84fr);
      }

      .desk-flow-shell.is-balanced {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .desk-flow-shell[data-balance-shell] {
        align-items: stretch;
      }

      .desk-flow-shell[data-balance-shell] .desk-flow-column {
        height: 100%;
      }

      .desk-flow-shell[data-balance-shell] .desk-flow-column.is-scroll-balanced {
        overflow: auto;
        padding-right: 4px;
        scrollbar-gutter: stable;
      }

      .overview-top-columns {
        grid-template-columns: minmax(0, 1.16fr) minmax(380px, 0.84fr);
        align-items: stretch;
      }

      .overview-main-stage {
        grid-template-columns: minmax(0, 1.12fr) minmax(420px, 0.88fr);
      }

      body[data-dashboard-view="watch"] .overview-main-stage {
        grid-template-columns: minmax(0, 1.28fr) minmax(380px, 0.72fr);
      }

      .positions-book-shell {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .ledger-dual-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .live-rail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .workbench-body .detail-workbench.expanded .detail-overview {
        grid-template-columns: minmax(0, 1.24fr) minmax(420px, 0.76fr);
      }
    }

    @media (max-width: 1480px) {
      .sector-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
      }
    }

    @media (max-width: 1180px) {
      .hero,
      .workspace,
      .command-main,
      .command-stage-primary,
      .command-stage-secondary,
      .overview-support,
      .live-facts-grid {
        grid-template-columns: 1fr;
      }

      .sector-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .ops-queue-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .side,
      .overview-rail {
        position: static;
      }

      .trade-review-workbench {
        grid-template-columns: 1fr;
      }

      .detail-decision-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .overview-priority-window {
        max-height: none;
        overflow: visible;
        padding-right: 0;
      }

      .overview-priority-panel .side-cluster-body {
        overflow: visible;
        padding-right: 0;
      }
    }

    @media (max-width: 1180px) {
      .command-strip-head {
        flex-direction: column;
      }

      .command-strip-actions {
        justify-content: flex-start;
      }

      .command-strip-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 760px) {
      .shell {
        width: min(100vw - 18px, 1580px);
        padding-top: 16px;
      }

      .desk-shell-header {
        gap: 10px;
        padding-top: 0;
      }

      .command-strip {
        padding: 12px 12px 10px;
      }

      .command-strip-grid {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .command-cluster-items {
        grid-template-columns: 1fr;
        min-height: 0;
      }

      .workbench-dialog .detail-grid,
      .workbench-dialog .plan-grid,
      .workbench-dialog .contract-grid,
      .workbench-dialog .summary-grid,
      .workbench-dialog .detail-decision-grid,
      .workbench-body .detail-workbench.expanded .detail-grid {
        grid-template-columns: 1fr;
      }

      .page-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 10px;
      }

      .page-nav-shell {
        top: 6px;
        margin: 8px 0 16px;
      }

      .page-nav .hero-nav-link {
        width: 100%;
      }

      .hero-card {
        padding: 22px;
      }

      .hero-view-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
      }

      .hero-nav-link {
        width: 100%;
        justify-content: center;
      }

      .overview-shortlist-list .event-item,
      .overview-priority-list .event-item {
        padding: 12px 13px;
      }

      .priority-rail-note,
      .priority-rail-headline {
        font-size: 11px;
      }

      .module-surface.is-support-module {
        --module-padding: 13px;
        --module-radius: 15px;
      }

      .module-surface.is-support-module .stat {
        min-height: 88px;
        padding: 12px 13px;
      }

      .module-surface.is-support-module .quick-nav-chip {
        min-width: 76px;
      }

      .toolbar-row,
      .stats {
        grid-template-columns: 1fr;
      }

      .event-head,
      .trade-review-item-head,
      .sector-card-head {
        grid-template-columns: 1fr;
      }

      .event-head > :last-child,
      .sector-card-head .badge {
        justify-self: start;
        text-align: left;
      }

      .detail-list-actions {
        width: 100%;
        max-width: none;
        justify-content: flex-start;
      }

      .hero-meta-primary {
        gap: 8px;
      }

      .hero-meta-primary .pill,
      .hero-meta-primary .chip {
        width: 100%;
        justify-content: center;
      }

      .hero-diagnostics-summary {
        flex-direction: column;
      }

      .hero-diagnostics-toggle {
        align-self: flex-start;
      }

      .quick-nav {
        top: 8px;
        padding: 8px 10px;
      }

      .quick-nav-chip {
        min-width: 84px;
        padding: 9px 10px;
      }

      .detail-grid {
        grid-template-columns: 1fr 1fr;
      }

      .detail-grid-compact,
      .detail-decision-grid {
        grid-template-columns: 1fr;
      }

      .chart-toolbar {
        flex-direction: column;
      }

      .chart-toolbar-end {
        width: 100%;
        justify-content: flex-start;
      }

      .chart-tabs {
        justify-content: flex-start;
      }

      .workbench-overlay {
        align-items: flex-end;
        padding: 8px;
        background: linear-gradient(180deg, rgba(15, 23, 42, 0.02) 0%, rgba(15, 23, 42, 0.14) 100%);
      }

      .workbench-dialog {
        width: 100%;
        height: min(84vh, calc(100vh - 16px));
        max-height: calc(100vh - 16px);
        border-radius: 24px 24px 18px 18px;
        transform: translateY(24px);
      }

      .workbench-overlay.active .workbench-dialog {
        transform: translateY(0);
      }

      .workbench-frame,
      .workbench-body {
        padding-left: 14px;
        padding-right: 14px;
      }

      .workbench-frame {
        flex-direction: column;
      }

      .side-cluster-summary,
      .board-summary,
      .detail-decision-head,
      .detail-tabs-head,
      .detail-mode-bar,
      .detail-summary {
        flex-direction: column;
      }

      .side-cluster-toggle,
      .board-toggle,
      .detail-toggle {
        align-self: flex-start;
      }

      .section-head p {
        max-width: none;
        text-align: left;
      }

      .board-note {
        width: 100%;
        margin-left: 0;
      }

      .sector-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .detail-tabs-copy {
        max-width: none;
        text-align: left;
      }

      .detail-mode-actions {
        justify-content: flex-start;
      }

      .detail-badges,
      .plan-badges {
        max-width: none;
      }

      .detail-badges {
        width: 100%;
        justify-items: stretch;
      }

      .detail-badge-row {
        justify-content: flex-start;
      }

      .board-meta-line,
      .detail-decision-title {
        max-width: none;
      }

      .workbench-body .detail-workbench.expanded .detail-overview,
      .workbench-body .detail-workbench.expanded .detail-grid {
        grid-template-columns: 1fr 1fr;
      }

      .ops-queue-grid,
      .live-exception-grid,
      .live-preflight-checklist,
      .live-preflight-actions,
      .live-setup-grid,
      .contract-grid,
      .summary-grid,
      .trade-review-workbench {
        grid-template-columns: 1fr;
      }

      .live-preflight-titleline {
        flex-direction: column;
      }

      .trade-review-list {
        max-height: none;
        padding-right: 0;
      }
    }

    @media (max-width: 560px) {
      .hero-view-nav {
        grid-template-columns: 1fr;
      }

      .module-surface.is-support-module .quick-nav-scroll {
        gap: 6px;
      }

      .sector-grid {
        grid-template-columns: 1fr;
      }
    }