*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    .is-hidden { display: none !important; }
    .small-dim { font-size: 0.78rem; }
    #practice-reset-row { margin-top: 0.7rem; }
    .mutation-locked { cursor: not-allowed; }

    body {
      font-family: 'Courier New', Courier, monospace;
      background: #080c0f;
      color: #c8d8e8;
      padding: 1.25rem;
      min-height: 100vh;
      overflow-x: hidden;
    }
    .app-shell {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(360px, 42vw);
      gap: 0.65rem;
      align-items: start;
    }
    .dashboard-column {
      min-width: 0;
    }
    .watcher-column {
      min-width: 0;
      display: grid;
      gap: 0.55rem;
      align-content: start;
    }
    .watcher-column > * {
      min-width: 0;
      width: 100%;
      max-width: 100%;
    }

    /* ── Header ── */
    header {
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-bottom: 1.25rem;
      border-bottom: 1px solid #1a2530;
      padding-bottom: 0.75rem;
    }
    header h1 {
      color: #00bcd4;
      font-size: 1.5rem;
      letter-spacing: 0.12em;
    }
    .live-badge {
      display: flex;
      align-items: center;
      gap: 0.4rem;
      font-size: 0.78rem;
      color: #8fa8c0;
      margin-left: auto;
    }
    .dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #4caf50;
      animation: pulse 1.6s ease-in-out infinite;
    }
    .dot.red { background: #f44336; animation: none; }
    @keyframes pulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.45; transform: scale(0.75); }
    }

    /* ── Panels ── */
    .panel {
      background: #0e1419;
      border: 1px solid #1a2530;
      border-radius: 4px;
      padding: 0.9rem 1rem;
    }
    .panel-title {
      font-size: 0.68rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #00bcd4;
      margin-bottom: 0.75rem;
      border-bottom: 1px solid #1a2530;
      padding-bottom: 0.4rem;
    }

    /* ── Top 3-column grid ── */
    .top-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0.75rem;
      margin-bottom: 0.75rem;
    }

    /* ── Middle 2-column grid ── */
    .mid-grid {
      display: grid;
      grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr);
      gap: 0.75rem;
      margin-bottom: 0.75rem;
    }

    /* ── Metric rows ── */
    .metric {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      font-size: 0.8rem;
      padding: 0.2rem 0;
      border-bottom: 1px solid #111820;
    }
    .metric:last-child { border-bottom: none; }
    .metric-label { color: #607080; }
    .metric-value {
      font-weight: bold;
      text-align: right;
      overflow-wrap: anywhere;
    }
    .metric-label.meta-label { text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.7rem; }

    /* ── Big value display ── */
    .big-value {
      font-size: 1.6rem;
      font-weight: bold;
      letter-spacing: 0.02em;
      margin-bottom: 0.55rem;
      line-height: 1;
    }

    /* ── Colors ── */
    .cyan    { color: #00bcd4; }
    .green   { color: #4caf50; }
    .red     { color: #f44336; }
    .yellow  { color: #ffb300; }
    .dim     { color: #607080; }

    /* ── Signals panel ── */
    .signal-row {
      display: grid;
      grid-template-columns: 130px 78px 70px 1fr;
      align-items: center;
      font-size: 0.78rem;
      padding: 0.28rem 0;
      border-bottom: 1px solid #111820;
      gap: 0.5rem;
    }
    .signal-row:last-child { border-bottom: none; }
    .signal-name { color: #8fa8c0; text-transform: capitalize; }
    .funnel-box {
      margin-top: 0.8rem;
      padding-top: 0.7rem;
      border-top: 1px solid #1a2530;
      font-size: 0.7rem;
      color: #607080;
    }
    .funnel-title {
      color: #00bcd4;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin-bottom: 0.45rem;
    }
    .funnel-flow,
    .funnel-counts {
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem;
      margin-top: 0.45rem;
    }
    .funnel-chip {
      border: 1px solid #1a2530;
      border-radius: 999px;
      padding: 0.16rem 0.48rem;
      background: #0b1015;
      color: #8fa8c0;
      white-space: nowrap;
    }
    .funnel-chip.pass { border-color: #1f6f38; color: #4caf50; }
    .funnel-chip.block { border-color: #7f231c; color: #f44336; }
    .funnel-chip.placed { border-color: #a67900; color: #ffb300; }
    .funnel-chip.skip { border-color: #28455a; color: #8fa8c0; opacity: 0.78; }
    .funnel-chip.count { border-color: #28455a; color: #c8d8e8; }
    .recovery-alert {
      margin-top: 0.65rem;
      padding: 0.62rem 0.72rem;
      border: 1px solid #28455a;
      background: #0a1015;
      border-radius: 5px;
      color: #c8d8e8;
      line-height: 1.35;
    }
    .recovery-alert.alert-green { border-color: #1f6f38; background: rgba(76, 175, 80, 0.055); }
    .recovery-alert.alert-yellow { border-color: #7a5a00; background: rgba(255, 179, 0, 0.065); }
    .recovery-alert.alert-red { border-color: #7f231c; background: rgba(244, 67, 54, 0.07); }
    .recovery-alert-head {
      display: flex;
      justify-content: space-between;
      gap: 0.7rem;
      align-items: baseline;
      margin-bottom: 0.28rem;
    }
    .recovery-alert-label {
      color: #ffb300;
      font-weight: bold;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .recovery-alert.alert-green .recovery-alert-label { color: #4caf50; }
    .recovery-alert.alert-red .recovery-alert-label { color: #f44336; }
    .recovery-alert-category {
      color: #607080;
      font-size: 0.64rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      white-space: nowrap;
    }
    .recovery-alert-detail,
    .recovery-alert-watchdog {
      color: #8fa8c0;
      overflow-wrap: anywhere;
    }
    .recovery-alert-watchdog {
      margin-top: 0.26rem;
      color: #607080;
      font-size: 0.66rem;
    }
    .senior-breakdown {
      margin-top: 0.55rem;
      display: grid;
      gap: 0.45rem;
    }
    .senior-score-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.7rem;
      padding: 0.42rem 0.55rem;
      border: 1px solid rgba(96, 112, 128, 0.24);
      border-radius: 10px;
      background: rgba(4, 11, 16, 0.46);
    }
    .senior-score {
      color: #ffd166;
      font-size: 1rem;
      font-weight: 800;
    }
    .senior-score-label {
      color: #8fa8c0;
      font-size: 0.68rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }
    .senior-block-list,
    .senior-allow-list {
      margin: 0;
      padding-left: 1.15rem;
      color: #a9bbcb;
    }
    .senior-block-list li,
    .senior-allow-list li {
      margin: 0.16rem 0;
    }
    .senior-block-code {
      color: #ff6b5f;
      font-weight: 800;
    }
    .senior-allow-list strong {
      color: #55f08b;
    }

    /* ── Neuromorphic brain panel ── */
    .brain-panel {
      border-color: #244456;
      background:
        linear-gradient(180deg, rgba(0, 188, 212, 0.035), transparent 42%),
        #0e1419;
    }
    .brain-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.85rem;
      align-items: start;
      margin-bottom: 0.75rem;
    }
    .brain-pick {
      font-size: 1.5rem;
      line-height: 1;
      letter-spacing: 0.04em;
      font-weight: bold;
    }
    .brain-sub {
      margin-top: 0.35rem;
      color: #607080;
      font-size: 0.72rem;
      line-height: 1.35;
    }
    .brain-confidence {
      min-width: 5.3rem;
      text-align: right;
    }
    .brain-confidence-value {
      font-size: 1.25rem;
      line-height: 1;
      font-weight: bold;
      color: #ffb300;
    }
    .brain-confidence-label {
      margin-top: 0.3rem;
      color: #607080;
      font-size: 0.62rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .brain-meter {
      height: 6px;
      border: 1px solid #1a2530;
      border-radius: 999px;
      overflow: hidden;
      background: #091017;
      margin-bottom: 0.75rem;
    }
    .brain-meter-fill {
      height: 100%;
      width: 0%;
      background: linear-gradient(90deg, #00bcd4, #ffb300);
      transition: width 0.25s ease;
    }
    .brain-meter-fill.percent-0 { width: 0%; }
    .brain-meter-fill.percent-5 { width: 5%; }
    .brain-meter-fill.percent-10 { width: 10%; }
    .brain-meter-fill.percent-15 { width: 15%; }
    .brain-meter-fill.percent-20 { width: 20%; }
    .brain-meter-fill.percent-25 { width: 25%; }
    .brain-meter-fill.percent-30 { width: 30%; }
    .brain-meter-fill.percent-35 { width: 35%; }
    .brain-meter-fill.percent-40 { width: 40%; }
    .brain-meter-fill.percent-45 { width: 45%; }
    .brain-meter-fill.percent-50 { width: 50%; }
    .brain-meter-fill.percent-55 { width: 55%; }
    .brain-meter-fill.percent-60 { width: 60%; }
    .brain-meter-fill.percent-65 { width: 65%; }
    .brain-meter-fill.percent-70 { width: 70%; }
    .brain-meter-fill.percent-75 { width: 75%; }
    .brain-meter-fill.percent-80 { width: 80%; }
    .brain-meter-fill.percent-85 { width: 85%; }
    .brain-meter-fill.percent-90 { width: 90%; }
    .brain-meter-fill.percent-95 { width: 95%; }
    .brain-meter-fill.percent-100 { width: 100%; }
    .brain-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.3rem 0.8rem;
      margin-bottom: 0.7rem;
    }
    .brain-readout {
      border-top: 1px solid #111820;
      padding-top: 0.32rem;
      min-width: 0;
    }
    .brain-readout-label {
      color: #607080;
      font-size: 0.62rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .brain-readout-value {
      margin-top: 0.18rem;
      color: #c8d8e8;
      font-size: 0.78rem;
      font-weight: bold;
      overflow-wrap: anywhere;
    }
    .brain-readout-detail {
      margin-top: 0.14rem;
      color: #607080;
      font-size: 0.56rem;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .brain-chip-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem;
      margin-top: 0.5rem;
    }
    .brain-chip {
      border: 1px solid #28455a;
      border-radius: 999px;
      padding: 0.16rem 0.48rem;
      background: #091017;
      color: #8fa8c0;
      font-size: 0.68rem;
      white-space: nowrap;
    }
    .brain-mind-log {
      margin-top: 0.75rem;
      padding-top: 0.65rem;
      border-top: 1px solid #1a2530;
    }
    .brain-mind-head {
      display: flex;
      justify-content: space-between;
      gap: 0.75rem;
      align-items: baseline;
      margin-bottom: 0.45rem;
    }
    .brain-mind-title {
      color: #00bcd4;
      font-size: 0.7rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-weight: bold;
    }
    .brain-mind-meta {
      color: #607080;
      font-size: 0.66rem;
      text-align: right;
    }
    .brain-mind-list {
      display: grid;
      gap: 0.35rem;
      max-height: 12rem;
      overflow-y: auto;
    }
    .brain-mind-row {
      display: grid;
      grid-template-columns: 4.2rem 6.2rem minmax(0, 1fr);
      gap: 0.55rem;
      align-items: start;
      border: 1px solid #111820;
      background: #091017;
      padding: 0.42rem;
      font-size: 0.68rem;
    }
    .brain-mind-row .cell-main {
      font-size: 0.72rem;
    }
    .execution-panel {
      margin-bottom: 0.75rem;
    }
    .exchange-panel {
      margin-bottom: 0.75rem;
    }
    .exchange-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.85rem;
      align-items: start;
      margin-bottom: 0.75rem;
    }
    .exchange-pick {
      font-size: 1.35rem;
      line-height: 1;
      font-weight: bold;
      letter-spacing: 0.04em;
    }
    .exchange-sub {
      margin-top: 0.28rem;
      color: #607080;
      font-size: 0.72rem;
      line-height: 1.35;
    }
    .exchange-confidence {
      text-align: right;
      min-width: 5rem;
    }
    .exchange-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.5rem 0.75rem;
      margin-bottom: 0.7rem;
    }
    .exchange-tile {
      border-top: 1px solid #111820;
      padding-top: 0.35rem;
      min-width: 0;
    }
    .exchange-label {
      color: #607080;
      font-size: 0.62rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .exchange-value {
      margin-top: 0.18rem;
      font-size: 0.78rem;
      font-weight: bold;
      overflow-wrap: anywhere;
    }
    .exchange-quotes {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.35rem;
    }
    .exchange-leaderboard {
      margin-top: 0.75rem;
      border-top: 1px solid #111820;
      padding-top: 0.65rem;
    }
    .leaderboard-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 0.6rem;
      margin-bottom: 0.55rem;
    }
    .leaderboard-card {
      border: 1px solid #14202a;
      border-radius: 3px;
      background: #091017;
      padding: 0.45rem 0.55rem;
      min-width: 0;
    }
    .leaderboard-label {
      color: #607080;
      font-size: 0.62rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .leaderboard-value {
      margin-top: 0.2rem;
      color: #c8d8e8;
      font-size: 0.78rem;
      font-weight: bold;
      overflow-wrap: anywhere;
    }
    .leaderboard-row {
      display: grid;
      grid-template-columns: minmax(90px, 1fr) 0.7fr 0.8fr 0.8fr;
      gap: 0.45rem;
      border-top: 1px solid #111820;
      padding: 0.32rem 0;
      color: #8fa8c0;
      font-size: 0.68rem;
      align-items: center;
    }
    .leaderboard-row:first-child { border-top: 0; }
    .leaderboard-row strong {
      color: #c8d8e8;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }
    .exchange-quote {
      border: 1px solid #14202a;
      border-radius: 3px;
      background: #091017;
      padding: 0.35rem 0.45rem;
      min-width: 0;
    }
    .exchange-quote-name {
      color: #8fa8c0;
      font-size: 0.68rem;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }
    .exchange-quote-meta {
      margin-top: 0.18rem;
      color: #607080;
      font-size: 0.66rem;
      line-height: 1.3;
    }

    /* ── Polymarket panel ── */
    .pm-status-row {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      margin-bottom: 0.65rem;
      font-size: 0.9rem;
    }
    .pm-meta {
      font-size: 0.75rem;
      color: #607080;
      margin-bottom: 0.75rem;
    }
    .pm-meta span { color: #c8d8e8; }
    .btn {
      display: inline-block;
      padding: 0.35rem 0.9rem;
      font-family: inherit;
      font-size: 0.78rem;
      border: 1px solid #1a2530;
      border-radius: 3px;
      cursor: pointer;
      margin-right: 0.4rem;
      background: #111820;
      color: #c8d8e8;
      transition: background 0.15s, border-color 0.15s;
    }
    .btn:hover { background: #1a2530; border-color: #00bcd4; }
    .btn.start-btn { border-color: #4caf50; color: #4caf50; }
    .btn.start-btn:hover { background: #0d1f12; }
    .btn.stop-btn  { border-color: #f44336; color: #f44336; }
    .btn.stop-btn:hover  { background: #1f0d0d; }
    .btn.watch-btn { border-color: #ffb300; color: #ffb300; }
    .btn.watch-btn:hover { background: #1f1908; }
    .btn.paper-btn { border-color: #00bcd4; color: #00bcd4; }
    .btn.paper-btn:hover { background: #071b20; }
    .btn.active-mode {
      background: #0d1f12;
      border-color: #4caf50;
      color: #4caf50;
    }
    .btn:disabled { opacity: 0.4; cursor: not-allowed; }
    .pm-feedback { font-size: 0.72rem; color: #607080; margin-top: 0.4rem; }
    .operator-access {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      min-width: 0;
      white-space: nowrap;
    }
    .operator-status {
      color: #7890a0;
      font-size: 0.64rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .operator-status.authenticated { color: #53df8a; }
    .bet-control {
      margin-top: 0.8rem;
      padding-top: 0.7rem;
      border-top: 1px solid #1a2530;
    }
    .bet-label {
      display: flex;
      justify-content: space-between;
      color: #607080;
      font-size: 0.72rem;
      margin-bottom: 0.45rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }
    .bet-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem;
    }
    .bet-chip {
      padding: 0.25rem 0.48rem;
      border: 1px solid #1a2530;
      border-radius: 3px;
      background: #0b1015;
      color: #8fa8c0;
      font-family: inherit;
      font-size: 0.68rem;
      cursor: pointer;
    }
    .bet-chip:hover { border-color: #00bcd4; color: #c8d8e8; }
    .bet-chip.active {
      border-color: #4caf50;
      color: #4caf50;
      background: #0d1f12;
    }

    /* ── Trade history table ── */
    .table-wrap {
      overflow-x: auto;
      border: 1px solid #14202a;
      border-radius: 4px;
      background:
        linear-gradient(90deg, rgba(0, 188, 212, 0.03) 1px, transparent 1px) 0 0 / 92px 100%,
        #0a1015;
    }
    .history-meta {
      font-size: 0.72rem;
      color: #607080;
      margin-bottom: 0.75rem;
      line-height: 1.5;
    }
    .history-link {
      color: #8fa8c0;
      text-decoration: none;
    }
    .history-link:hover {
      color: #00bcd4;
      text-decoration: underline;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.78rem;
    }
    .activity-table { min-width: 1240px; }
    th {
      text-align: left;
      color: #00bcd4;
      padding: 0.5rem 0.65rem;
      border-bottom: 1px solid #1a2530;
      font-size: 0.68rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      position: sticky;
      top: 0;
      background: #0c1319;
      z-index: 1;
    }
    td {
      padding: 0.45rem 0.65rem;
      border-right: 1px solid #111c25;
      border-bottom: 1px solid #111c25;
      vertical-align: top;
    }
    td:last-child,
    th:last-child { border-right: 0; }
    tbody tr:nth-child(even) { background: rgba(255, 255, 255, 0.015); }
    tbody tr:hover { background: #0e1a22; }
    .activity-time { white-space: nowrap; color: #c8d8e8; }
    .activity-mode {
      display: inline-block;
      min-width: 4.5rem;
      padding: 0.12rem 0.35rem;
      border: 1px solid #1a2530;
      border-radius: 3px;
      text-align: center;
      font-size: 0.68rem;
      letter-spacing: 0.08em;
    }
    .activity-mode.live { border-color: #f44336; color: #f44336; }
    .activity-mode.paper,
    .activity-mode.live-shadow { border-color: #00bcd4; color: #00bcd4; }
    .activity-mode.moneyspot { border-color: #ffb300; color: #ffb300; }
    .activity-status {
      display: inline-block;
      min-width: 4.25rem;
      font-weight: bold;
      text-transform: uppercase;
    }
    .activity-status-line {
      display: flex;
      align-items: center;
      gap: 0.35rem;
      white-space: nowrap;
    }
    .activity-status.win { color: #4caf50; }
    .activity-status.loss { color: #f44336; }
    .activity-status.order,
    .activity-status.reconcile { color: #ffb300; }
    .reconcile-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 1.75rem;
      height: 1.05rem;
      padding: 0 0.22rem;
      border: 1px solid #ffb300;
      border-radius: 999px;
      background: #1f1908;
      color: #ffb300;
      font-size: 0.62rem;
      font-weight: bold;
      line-height: 1;
      cursor: help;
      box-shadow: 0 0 0 1px rgba(255, 179, 0, 0.08) inset;
    }
    .cell-main { color: #c8d8e8; }
    .cell-sub {
      margin-top: 0.18rem;
      color: #607080;
      font-size: 0.68rem;
      line-height: 1.35;
    }
    .activity-window {
      min-width: 250px;
      max-width: 360px;
    }
    .activity-money {
      white-space: nowrap;
      text-align: right;
    }
    .activity-entry {
      min-width: 150px;
      white-space: nowrap;
    }
    .activity-bankroll {
      white-space: nowrap;
      min-width: 130px;
    }
    .activity-reason {
      min-width: 260px;
      max-width: 440px;
      white-space: normal;
      line-height: 1.35;
    }
    .ledger-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.75rem;
      margin-bottom: 0.45rem;
    }
    .ledger-tabs {
      display: flex;
      gap: 0.35rem;
      flex-wrap: nowrap;
      align-items: center;
      min-width: 0;
      overflow-x: auto;
      scrollbar-width: none;
    }
    .ledger-tabs::-webkit-scrollbar {
      display: none;
    }
    .ledger-tab {
      border: 1px solid #1a2530;
      background: #0a1117;
      color: #8fa8c0;
      padding: 0.32rem 0.65rem;
      border-radius: 3px;
      font-family: inherit;
      cursor: pointer;
      letter-spacing: 0.04em;
      flex: 0 0 auto;
      white-space: nowrap;
    }
    .ledger-tab.active {
      border-color: #ffb300;
      color: #ffb300;
      box-shadow: 0 0 0 1px rgba(255, 179, 0, 0.2) inset;
    }
    .brain-proof-panel {
      display: none;
      margin-top: 0.85rem;
      border: 1px solid #1a2530;
      background: #0a1117;
      padding: 0.75rem;
    }
    #panel-practice.practice-buckets-only .brain-proof-panel {
      display: block;
    }
    .brain-proof-head {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 0.75rem;
      margin-bottom: 0.65rem;
    }
    .brain-proof-title {
      color: #00bcd4;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-size: 0.78rem;
      font-weight: bold;
    }
    #panel-regime #alloc-reason {
      max-height: 2.8em;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow-wrap: anywhere;
    }
    #panel-regime #alloc-reason:hover {
      max-height: 8em;
      overflow: auto;
      display: block;
      -webkit-line-clamp: unset;
    }
    .brain-proof-meta {
      color: #607080;
      font-size: 0.68rem;
      text-align: right;
    }
    .brain-proof-grid {
      display: grid;
      gap: 0.42rem;
    }
    .bucket-ledger {
      display: grid;
      gap: 0.4rem;
      min-width: 0;
    }
    .bucket-ledger-head,
    .bucket-ledger-row {
      display: grid;
      grid-template-columns: minmax(180px, 1.75fr) 92px 94px 88px 92px minmax(190px, 1.35fr);
      gap: 0.45rem;
      align-items: center;
    }
    .bucket-ledger-head {
      color: #607080;
      font-size: 0.58rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 0 0.5rem;
    }
    .bucket-ledger-row {
      border: 1px solid rgba(46, 227, 255, 0.12);
      border-radius: 12px;
      background:
        linear-gradient(90deg, rgba(46, 227, 255, 0.045), rgba(166, 83, 255, 0.035)),
        rgba(6, 12, 18, 0.78);
      padding: 0.52rem 0.5rem;
      min-width: 0;
    }
    .bucket-ledger-row.bet-open {
      border-color: rgba(255, 209, 102, 0.55);
      box-shadow: inset 0 0 0 1px rgba(255, 209, 102, 0.12), 0 0 18px rgba(255, 209, 102, 0.08);
    }
    .bucket-ledger-row.bet-made {
      border-color: rgba(78, 255, 143, 0.28);
    }
    .bucket-ledger-row.blocked {
      border-color: rgba(255, 107, 107, 0.22);
    }
    .bucket-name-line {
      display: flex;
      align-items: center;
      gap: 0.42rem;
      min-width: 0;
    }
    .brain-proof-bucket {
      color: #c8d8e8;
      font-weight: bold;
      overflow-wrap: anywhere;
      min-width: 0;
    }
    .brain-proof-state {
      border: 1px solid #28455a;
      color: #8fa8c0;
      border-radius: 999px;
      padding: 0.12rem 0.45rem;
      white-space: nowrap;
      font-size: 0.62rem;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }
    .bucket-action {
      border: 1px solid rgba(96, 112, 128, 0.36);
      border-radius: 999px;
      padding: 0.2rem 0.5rem;
      text-align: center;
      color: #8fa8c0;
      font-size: 0.62rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .bucket-action.open { border-color: #a67900; color: #ffd166; }
    .bucket-action.made { border-color: #1f6f38; color: #4caf50; }
    .bucket-action.watch { border-color: #28455a; color: #8fa8c0; }
    .bucket-action.block { border-color: #7f231c; color: #f44336; }
    .brain-proof-state.eligible { border-color: #1f6f38; color: #4caf50; }
    .brain-proof-state.armed { border-color: #1f6f38; color: #4caf50; }
    .brain-proof-state.tracking { border-color: #1f6f38; color: #4caf50; }
    .brain-proof-state.thin_edge { border-color: #a67900; color: #ffb300; }
    .brain-proof-state.paused { border-color: #4f5f6d; color: #8fa8c0; }
    .brain-proof-state.proving { border-color: #a67900; color: #ffb300; }
    .brain-proof-state.collecting { border-color: #28455a; color: #8fa8c0; }
    .brain-proof-state.negative_pnl { border-color: #7f231c; color: #f44336; }
    .brain-proof-state.unproven { border-color: #7f231c; color: #f44336; }
    .brain-proof-value {
      color: #c8d8e8;
      font-weight: bold;
      font-size: 0.78rem;
      overflow-wrap: anywhere;
    }
    .brain-proof-reason {
      color: #607080;
      font-size: 0.68rem;
      line-height: 1.35;
      overflow-wrap: anywhere;
      min-width: 0;
    }
    .brain-proof-live {
      padding: 0.28rem 0.42rem;
      border: 1px solid #16222c;
      background: #081016;
      color: #8fa8c0;
      font-size: 0.62rem;
      line-height: 1.35;
      overflow-wrap: anywhere;
      border-radius: 8px;
    }
    .brain-proof-live.match {
      border-color: #1f6f38;
      color: #4caf50;
    }
    .brain-proof-live.block {
      border-color: #a67900;
      color: #ffb300;
    }
    .ledger-history-scroll {
      margin-top: 0.85rem;
      max-height: 18rem;
      overflow-y: auto;
      border: 1px solid #1a2530;
      border-radius: 4px;
      background: #081016;
    }
    .ledger-history-table {
      min-width: 1220px;
      font-size: 0.74rem;
    }
    .ledger-history-table th {
      background: #081016;
    }
    .trade-history-panel {
      border-color: rgba(46, 227, 255, 0.18);
      background:
        radial-gradient(circle at 8% 0%, rgba(46, 227, 255, 0.11), transparent 12rem),
        rgba(7, 14, 19, 0.88);
    }
    .trade-history-panel .ledger-header {
      margin-bottom: 0.55rem;
    }
    .trade-history-tabs {
      justify-content: flex-start;
      margin: 0 0 0.55rem;
      gap: 0.35rem;
    }
    .trade-history-tabs .ledger-tab {
      min-width: 4.2rem;
      padding: 0.38rem 0.62rem;
      font-size: 0.62rem;
    }
    .trade-history-panel .ledger-history-scroll {
      margin-top: 0;
      max-height: 15.5rem;
      border-radius: 14px;
      border-color: rgba(46, 227, 255, 0.12);
      background: rgba(2, 8, 12, 0.74);
    }
    .trade-history-panel .ledger-history-table {
      min-width: 1180px;
      font-size: 0.68rem;
    }
    .activity-bucket {
      max-width: 190px;
      overflow-wrap: anywhere;
      color: #c8d8e8;
    }
    .trade-history-panel .history-meta {
      color: var(--muted);
      font-size: 0.62rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .audit-panel {
      margin-bottom: 0.75rem;
    }
    .research-audit-panel {
      grid-column: 1 / -1;
      width: 100%;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }
    .research-audit-panel .quant-board-head {
      margin: 0 0 0.42rem;
      padding: 0.1rem 0.12rem 0.38rem;
      border-bottom: 1px solid rgba(46, 227, 255, 0.13);
    }
    .research-audit-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.72rem;
    }
    .research-audit-grid .audit-panel {
      margin: 0;
      min-width: 0;
      overflow: hidden;
      background:
        radial-gradient(circle at 8% 0%, rgba(46, 227, 255, 0.08), transparent 14rem),
        rgba(3, 9, 13, 0.62);
    }
    .research-audit-grid .ledger-header {
      min-height: 0;
      align-items: center;
      gap: 0.5rem;
      margin-bottom: 0.55rem;
    }
    .research-audit-grid .history-meta {
      max-width: 50%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 0.58rem;
    }
    .research-audit-grid .table-wrap {
      max-height: 13.5rem;
      overflow: hidden auto;
    }
    .research-audit-grid .audit-table {
      width: 100%;
      min-width: 0;
      table-layout: fixed;
      font-size: 0.62rem;
    }
    .research-audit-grid .audit-table th,
    .research-audit-grid .audit-table td {
      padding: 0.42rem 0.48rem;
      white-space: normal;
      overflow-wrap: anywhere;
    }
    .research-audit-grid #panel-order-audit th:nth-child(1),
    .research-audit-grid #panel-order-audit td:nth-child(1),
    .research-audit-grid #panel-order-audit th:nth-child(5),
    .research-audit-grid #panel-order-audit td:nth-child(5),
    .research-audit-grid #panel-order-audit th:nth-child(6),
    .research-audit-grid #panel-order-audit td:nth-child(6),
    .research-audit-grid #panel-order-audit th:nth-child(8),
    .research-audit-grid #panel-order-audit td:nth-child(8) {
      width: 4.4rem;
    }
    .research-audit-grid #panel-order-audit th:nth-child(3),
    .research-audit-grid #panel-order-audit td:nth-child(3),
    .research-audit-grid #panel-order-audit th:nth-child(7),
    .research-audit-grid #panel-order-audit td:nth-child(7) {
      width: 5.4rem;
    }
    .research-audit-grid #panel-order-audit th:nth-child(4),
    .research-audit-grid #panel-order-audit td:nth-child(4) {
      width: 8.4rem;
    }
    .research-audit-grid #panel-decision-timeline th:nth-child(1),
    .research-audit-grid #panel-decision-timeline td:nth-child(1) {
      width: 4.8rem;
    }
    .research-audit-grid #panel-decision-timeline th:nth-child(3),
    .research-audit-grid #panel-decision-timeline td:nth-child(3),
    .research-audit-grid #panel-decision-timeline th:nth-child(4),
    .research-audit-grid #panel-decision-timeline td:nth-child(4),
    .research-audit-grid #panel-decision-timeline th:nth-child(5),
    .research-audit-grid #panel-decision-timeline td:nth-child(5) {
      width: 6.2rem;
    }
    #panel-decision-timeline {
      --decision-timeline-row-height: 4rem;
      --decision-timeline-header-height: 1.85rem;
    }
    .decision-timeline-scroll {
      max-height: calc(var(--decision-timeline-header-height) + (var(--decision-timeline-row-height) * 5));
      overflow: auto;
      overscroll-behavior: contain;
    }
    .decision-timeline-scroll tbody tr {
      min-height: var(--decision-timeline-row-height);
    }
    .audit-table {
      min-width: 1320px;
      font-size: 0.74rem;
    }
    .audit-table th {
      background: #081016;
    }
    .audit-window {
      min-width: 240px;
      max-width: 340px;
    }
    .audit-bucket {
      min-width: 180px;
      max-width: 260px;
    }
    .audit-entry {
      min-width: 150px;
      white-space: nowrap;
    }
    .audit-timeline {
      min-width: 220px;
      max-width: 320px;
    }
    .audit-pill-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.25rem;
    }
    .audit-pill {
      border: 1px solid #28455a;
      border-radius: 999px;
      padding: 0.12rem 0.42rem;
      color: #8fa8c0;
      background: #081016;
      font-size: 0.62rem;
      white-space: nowrap;
    }
    .audit-pill.win,
    .audit-pill.paper-order,
    .audit-pill.live-order { border-color: #1f6f38; color: #4caf50; }
    .audit-pill.loss { border-color: #7f231c; color: #f44336; }
    .audit-pill.reconcile { border-color: #a67900; color: #ffb300; }
    .audit-why {
      min-width: 300px;
      max-width: 460px;
      line-height: 1.35;
    }
    .audit-details summary {
      cursor: pointer;
      color: #c8d8e8;
      list-style-position: inside;
    }
    .audit-details[open] summary {
      color: #00bcd4;
      margin-bottom: 0.28rem;
    }
    .audit-detail-line {
      color: #607080;
      font-size: 0.68rem;
      margin-top: 0.18rem;
      overflow-wrap: anywhere;
    }
    .no-trades { color: #607080; font-size: 0.78rem; padding: 0.75rem 0.7rem; }
    .watcher-panel {
      position: static;
      padding: 0.65rem 0.75rem;
      min-width: 0;
      max-width: 100%;
      overflow: hidden;
    }
    .watcher-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin-bottom: 0.45rem;
      font-size: 0.68rem;
      color: #607080;
      min-width: 0;
    }
    #watcher-stage-status {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .watcher-actions {
      display: flex;
      gap: 0.45rem;
      flex-wrap: wrap;
    }
    .watcher-link-btn {
      text-decoration: none;
      margin-right: 0;
    }
    .watcher-stage {
      position: relative;
      height: clamp(88px, 14vh, 150px);
      min-height: 0;
      border: 1px solid #1a2530;
      border-radius: 4px;
      overflow: hidden;
      background: #070b0f;
    }
    .watcher-stage img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      background: #070b0f;
      color: transparent;
    }
    .watcher-stage img:not([src]),
    .watcher-stage img[src=""] {
      display: none;
    }
    .watcher-stage-empty {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1rem;
      text-align: center;
      color: #607080;
      font-size: 0.72rem;
      line-height: 1.5;
      background: linear-gradient(180deg, rgba(8, 12, 15, 0.25), rgba(8, 12, 15, 0.85));
    }
    .watcher-stage-empty.hidden {
      display: none;
    }
    .watcher-stage-meta {
      margin-top: 0.4rem;
      min-height: 0;
      font-size: 0.62rem;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .practice-dock {
      min-width: 0;
      max-width: 100%;
      overflow: hidden;
    }
    .practice-dock #panel-practice {
      padding: 0.65rem;
      max-height: calc(100vh - 16rem);
      min-height: 0;
      width: 100%;
      max-width: 100%;
      overflow: hidden;
    }
    .practice-dock #panel-practice .big-value {
      font-size: 1.25rem;
      margin-bottom: 0.3rem;
    }
    .practice-dock #panel-practice .metric {
      font-size: 0.66rem;
      padding: 0.1rem 0;
    }
    .practice-dock #panel-practice .ledger-header {
      align-items: flex-start;
      margin-bottom: 0.3rem;
      gap: 0.45rem;
    }
    .practice-dock #panel-practice .panel-title {
      margin-bottom: 0;
      padding-bottom: 0.25rem;
    }
    .practice-dock #panel-practice .ledger-tabs {
      gap: 0.25rem;
    }
    .practice-dock #panel-practice .ledger-tab {
      padding: 0.18rem 0.34rem;
      font-size: 0.58rem;
    }
    .practice-dock #practice-reset-row {
      margin-top: 0.45rem !important;
    }
    .practice-dock #practice-reset-row .btn {
      padding: 0.22rem 0.48rem;
      font-size: 0.62rem;
    }
    .practice-dock #panel-practice .brain-proof-panel {
      margin-top: 0.45rem;
      padding: 0.45rem;
    }
    .practice-dock #panel-practice .brain-proof-head {
      margin-bottom: 0.4rem;
    }
    .practice-dock #panel-practice .brain-proof-title {
      font-size: 0.62rem;
    }
    .practice-dock #panel-practice .brain-proof-meta {
      font-size: 0.58rem;
    }
    .practice-dock #panel-practice .brain-proof-grid {
      grid-template-columns: 1fr;
      max-height: 9.5rem;
      overflow-y: auto;
      gap: 0.4rem;
    }
    .practice-dock #panel-practice .brain-proof-card {
      padding: 0.45rem;
    }
    .practice-dock #panel-practice .brain-proof-card-head {
      margin-bottom: 0.38rem;
    }
    .practice-dock #panel-practice .brain-proof-bucket {
      font-size: 0.78rem;
    }
    .practice-dock #panel-practice .brain-proof-metrics {
      gap: 0.28rem 0.5rem;
    }
    .practice-dock #panel-practice .brain-proof-value {
      font-size: 0.68rem;
    }
    .practice-dock #panel-practice .brain-proof-reason,
    .practice-dock #panel-practice .brain-proof-live {
      font-size: 0.6rem;
      line-height: 1.3;
    }
    .practice-dock #panel-practice .ledger-history-scroll {
      max-height: 6.8rem;
      margin-top: 0.45rem;
      overflow: auto;
    }
    .practice-dock #panel-practice .ledger-history-table {
      min-width: 720px;
      font-size: 0.62rem;
    }
    .practice-dock #panel-practice .ledger-history-table th,
    .practice-dock #panel-practice .ledger-history-table td {
      padding: 0.32rem 0.4rem;
    }

    /* ── Cockpit redesign layer ── */
    :root {
      --bg-deep: #05030a;
      --bg-panel: rgba(19, 12, 31, 0.86);
      --bg-panel-strong: rgba(25, 16, 43, 0.95);
      --bg-glass: rgba(15, 9, 27, 0.74);
      --line-soft: rgba(183, 123, 255, 0.18);
      --line-bright: rgba(200, 120, 255, 0.52);
      --violet-hot: #b46cff;
      --violet-soft: #d9b7ff;
      --magenta-hot: #ff4fd8;
      --cyan-hot: #4eeaff;
      --cyan-soft: #a1f5ff;
      --green-hot: #55f08b;
      --red-hot: #ff5a4f;
      --yellow-hot: #ffd166;
      --ink: #efe8ff;
      --muted: #a798bc;
      --shadow-glow: 0 18px 70px rgba(0, 0, 0, 0.50), 0 0 46px rgba(180, 108, 255, 0.13);
    }

    body {
      font-family: "Space Mono", "IBM Plex Mono", "Courier New", monospace;
      color: var(--ink);
      background:
        radial-gradient(circle at 11% 4%, rgba(180, 108, 255, 0.24), transparent 27rem),
        radial-gradient(circle at 78% 0%, rgba(255, 79, 216, 0.13), transparent 29rem),
        radial-gradient(circle at 95% 70%, rgba(78, 234, 255, 0.10), transparent 28rem),
        linear-gradient(135deg, #030207 0%, #11081d 45%, #05030a 100%);
      padding: clamp(0.8rem, 1.4vw, 1.35rem);
      padding-bottom: 4.7rem;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      background:
        radial-gradient(ellipse at 18% 20%, rgba(183, 123, 255, 0.14), transparent 22%),
        radial-gradient(ellipse at 70% 74%, rgba(255, 79, 216, 0.10), transparent 26%),
        conic-gradient(from 12deg at 18% 22%, rgba(255, 255, 255, 0.055), transparent 8%, rgba(183, 123, 255, 0.05) 13%, transparent 20%),
        conic-gradient(from 152deg at 76% 38%, rgba(255, 255, 255, 0.045), transparent 9%, rgba(78, 234, 255, 0.04) 16%, transparent 23%),
        linear-gradient(118deg, rgba(255,255,255,0.035) 0 7%, transparent 7% 18%, rgba(183,123,255,0.035) 18% 24%, transparent 24% 100%);
      background-size: auto, auto, 220px 180px, 260px 220px, 180px 160px;
      opacity: 0.86;
      mask-image: radial-gradient(circle at top, black 0%, transparent 82%);
    }

    header {
      /* Header stays in document flow so it never covers live panel content. */
      position: relative;
      top: auto;
      z-index: 0;
      margin: -0.15rem -0.15rem 0.72rem;
      padding: 0.82rem 0.9rem;
      border: 1px solid rgba(125, 241, 255, 0.18);
      border-radius: 24px;
      background:
        radial-gradient(circle at 4% 50%, rgba(180, 108, 255, 0.30), transparent 12rem),
        radial-gradient(circle at 90% 0%, rgba(255, 79, 216, 0.18), transparent 18rem),
        linear-gradient(135deg, rgba(20, 10, 34, 0.93), rgba(5, 4, 11, 0.86));
      backdrop-filter: blur(18px);
      box-shadow: 0 18px 70px rgba(0, 0, 0, 0.50), 0 0 64px rgba(180, 108, 255, 0.16);
    }

    .brand-lockup {
      display: flex;
      align-items: center;
      gap: 0.85rem;
      min-width: 0;
    }

    .brand-mark {
      position: relative;
      display: grid;
      place-items: center;
      width: clamp(3.25rem, 4.2vw, 4.45rem);
      height: clamp(3.25rem, 4.2vw, 4.45rem);
      flex: 0 0 auto;
      border: 1px solid rgba(180, 108, 255, 0.68);
      border-radius: 50%;
      background:
        radial-gradient(circle at 50% 48%, rgba(180, 108, 255, 0.20), transparent 60%),
        #020609;
      box-shadow:
        0 0 0 4px rgba(180, 108, 255, 0.075),
        0 0 30px rgba(180, 108, 255, 0.42),
        0 0 54px rgba(255, 79, 216, 0.16);
      overflow: hidden;
    }

    .brand-mark::after {
      content: "";
      position: absolute;
      inset: -18%;
      pointer-events: none;
      background: conic-gradient(from 180deg, transparent, rgba(180, 108, 255, 0.32), transparent 32%, rgba(255, 79, 216, 0.25), transparent 62%);
      animation: logoOrbit 10s linear infinite;
      opacity: 0.65;
      mix-blend-mode: screen;
    }

    .brand-mark img {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      border-radius: inherit;
      transform: scale(1.08);
    }

    @keyframes logoOrbit {
      to { transform: rotate(360deg); }
    }

    header h1 {
      color: var(--ink);
      font-size: clamp(1.12rem, 1.8vw, 1.72rem);
      letter-spacing: 0.2em;
      line-height: 1.05;
      text-shadow: 0 0 24px rgba(180, 108, 255, 0.38);
    }

    .brand-subtitle {
      margin-top: 0.32rem;
      color: #8fa8c0;
      font-size: 0.66rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .window-timer {
      display: grid;
      grid-template-columns: auto auto;
      align-items: baseline;
      column-gap: 0.48rem;
      row-gap: 0.06rem;
      padding: 0.34rem 0.62rem;
      border: 1px solid rgba(46, 227, 255, 0.22);
      border-radius: 999px;
      background:
        radial-gradient(circle at 16% 50%, rgba(180, 108, 255, 0.24), transparent 5rem),
        rgba(180, 108, 255, 0.075);
      color: var(--ink);
      min-width: 9.4rem;
      white-space: nowrap;
      box-shadow: 0 0 26px rgba(46, 227, 255, 0.08);
    }

    .header-status-stack {
      margin-left: auto;
      display: grid;
      gap: 0.42rem;
      justify-items: end;
      align-content: center;
      min-width: min(20rem, 42vw);
    }

    .header-status-stack .window-timer {
      width: 100%;
      max-width: 19rem;
    }

    .window-timer-label {
      color: var(--cyan-hot);
      font-size: 0.52rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .window-timer-count {
      justify-self: end;
      font-size: 0.98rem;
      font-weight: 900;
      letter-spacing: 0.04em;
      color: var(--green-hot);
    }

    .window-timer-sub {
      grid-column: 1 / -1;
      color: var(--muted);
      font-size: 0.58rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .window-timer.entry {
      border-color: rgba(255, 209, 102, 0.42);
      background:
        radial-gradient(circle at 16% 50%, rgba(255, 209, 102, 0.18), transparent 5rem),
        rgba(255, 209, 102, 0.07);
    }

    .window-timer.entry .window-timer-count {
      color: var(--yellow-hot);
    }

    .window-timer.cutoff {
      border-color: rgba(255, 90, 79, 0.46);
      background:
        radial-gradient(circle at 16% 50%, rgba(255, 90, 79, 0.2), transparent 5rem),
        rgba(255, 90, 79, 0.075);
    }

    .window-timer.cutoff .window-timer-count {
      color: var(--red-hot);
    }

    .live-badge {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.42rem;
      padding: 0.38rem 0.6rem;
      border: 1px solid rgba(85, 240, 139, 0.24);
      border-radius: 999px;
      background:
        radial-gradient(circle at 12% 50%, rgba(85, 240, 139, 0.12), transparent 4rem),
        rgba(85, 240, 139, 0.055);
      color: #a9ffc5;
      white-space: nowrap;
    }

    .dot {
      box-shadow: 0 0 16px currentColor;
    }

    .app-shell {
      grid-template-columns: minmax(0, 1fr) minmax(390px, 39vw);
      gap: 0.85rem;
    }

    .top-grid,
    .mid-grid {
      gap: 0.85rem;
      margin-bottom: 0.85rem;
    }

    .panel {
      position: relative;
      overflow: hidden;
      border: 1px solid var(--line-soft);
      border-radius: 18px;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 32%),
        linear-gradient(118deg, rgba(255, 255, 255, 0.025) 0 8%, transparent 8% 24%, rgba(180, 108, 255, 0.035) 24% 31%, transparent 31% 100%),
        var(--bg-panel);
      box-shadow: var(--shadow-glow);
    }

    .panel::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      border-radius: inherit;
      background: linear-gradient(90deg, rgba(180, 108, 255, 0.30), transparent 22%, transparent 78%, rgba(255, 79, 216, 0.16));
      opacity: 0.34;
      height: 1px;
    }

    .panel-title {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      color: var(--cyan-hot);
      border-bottom-color: var(--line-soft);
      font-size: 0.66rem;
      letter-spacing: 0.16em;
    }

    .panel-title::before {
      content: "";
      width: 0.45rem;
      height: 0.45rem;
      border-radius: 50%;
      background: currentColor;
      box-shadow: 0 0 12px currentColor;
    }

    #panel-market {
      background:
        radial-gradient(circle at 18% 0%, rgba(180, 108, 255, 0.26), transparent 12rem),
        radial-gradient(circle at 88% 8%, rgba(78, 234, 255, 0.10), transparent 11rem),
        var(--bg-panel-strong);
    }

    .btc-graph {
      margin: 0.82rem 0 0;
      padding: 0.58rem 0.62rem 0.52rem;
      border: 1px solid rgba(180, 108, 255, 0.20);
      border-radius: 15px;
      background:
        linear-gradient(90deg, rgba(180, 108, 255, 0.055) 1px, transparent 1px) 0 0 / 15% 100%,
        radial-gradient(circle at 18% 16%, rgba(255, 79, 216, 0.13), transparent 7rem),
        rgba(5, 3, 12, 0.58);
      box-shadow:
        inset 0 0 22px rgba(0, 0, 0, 0.28),
        0 0 28px rgba(180, 108, 255, 0.08);
    }

    .btc-graph-head {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 0.75rem;
      margin-bottom: 0.45rem;
      color: var(--violet-soft);
      font-size: 0.54rem;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }

    .btc-graph-change {
      color: var(--muted);
      font-size: 0.62rem;
      letter-spacing: 0.06em;
      text-transform: none;
      white-space: nowrap;
    }

    .btc-graph-bars {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(2px, 1fr);
      align-items: end;
      gap: 2px;
      height: 4.5rem;
      padding-top: 0.28rem;
      border-top: 1px solid rgba(183, 123, 255, 0.12);
      overflow: hidden;
    }

    .btc-bar {
      min-width: 2px;
      border-radius: 999px 999px 2px 2px;
      background: linear-gradient(180deg, var(--cyan-hot), var(--violet-hot));
      box-shadow: 0 0 10px rgba(180, 108, 255, 0.24);
      opacity: 0.78;
      transform-origin: bottom;
      transition: height 220ms ease, background 220ms ease, opacity 220ms ease;
    }
    .btc-bar.percent-0 { height: 0%; }
    .btc-bar.percent-5 { height: 5%; }
    .btc-bar.percent-10 { height: 10%; }
    .btc-bar.percent-15 { height: 15%; }
    .btc-bar.percent-20 { height: 20%; }
    .btc-bar.percent-25 { height: 25%; }
    .btc-bar.percent-30 { height: 30%; }
    .btc-bar.percent-35 { height: 35%; }
    .btc-bar.percent-40 { height: 40%; }
    .btc-bar.percent-45 { height: 45%; }
    .btc-bar.percent-50 { height: 50%; }
    .btc-bar.percent-55 { height: 55%; }
    .btc-bar.percent-60 { height: 60%; }
    .btc-bar.percent-65 { height: 65%; }
    .btc-bar.percent-70 { height: 70%; }
    .btc-bar.percent-75 { height: 75%; }
    .btc-bar.percent-80 { height: 80%; }
    .btc-bar.percent-85 { height: 85%; }
    .btc-bar.percent-90 { height: 90%; }
    .btc-bar.percent-95 { height: 95%; }
    .btc-bar.percent-100 { height: 100%; }

    .btc-bar.down {
      background: linear-gradient(180deg, var(--magenta-hot), var(--red-hot));
      box-shadow: 0 0 10px rgba(255, 79, 216, 0.18);
    }

    .btc-bar.flat {
      background: linear-gradient(180deg, rgba(217, 183, 255, 0.72), rgba(180, 108, 255, 0.48));
      opacity: 0.52;
    }

    #panel-regime {
      background:
        radial-gradient(circle at 88% 4%, rgba(255, 79, 216, 0.16), transparent 13rem),
        var(--bg-panel-strong);
    }

    #panel-bankroll,
    #panel-practice {
      background:
        radial-gradient(circle at 85% 10%, rgba(85, 240, 139, 0.16), transparent 13rem),
        var(--bg-panel-strong);
    }

    .big-value {
      font-size: clamp(1.55rem, 2.3vw, 2.25rem);
      letter-spacing: -0.03em;
      text-shadow: 0 0 22px rgba(46, 227, 255, 0.16);
    }

    .cyan { color: var(--cyan-hot); }
    .green { color: var(--green-hot); }
    .red { color: var(--red-hot); }
    .yellow { color: var(--yellow-hot); }
    .dim { color: var(--muted); }

    .metric {
      border-bottom-color: rgba(125, 241, 255, 0.07);
      gap: 0.8rem;
    }

    .metric-label,
    .cell-sub,
    .pm-meta,
    .history-meta {
      color: var(--muted);
    }

    .metric-value,
    .cell-main,
    .brain-readout-value,
    .exchange-value,
    .leaderboard-value {
      color: var(--ink);
    }

    .signal-row,
    .brain-mind-row,
    .exchange-quote,
    .leaderboard-card,
    .brain-proof-card {
      border-color: rgba(125, 241, 255, 0.10);
      border-radius: 12px;
      background: rgba(3, 9, 13, 0.52);
    }

    .signal-row {
      grid-template-columns: minmax(110px, 0.9fr) 78px 70px minmax(0, 1.7fr);
      padding: 0.42rem 0.5rem;
      margin-bottom: 0.28rem;
      border-bottom: 0;
    }

    .funnel-box {
      border-top-color: var(--line-soft);
    }

    .funnel-chip,
    .brain-chip,
    .audit-pill,
    .brain-proof-state {
      border-radius: 999px;
      background: rgba(4, 11, 16, 0.78);
      box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.22);
    }

    .recovery-alert {
      border-radius: 16px;
      background: rgba(255, 209, 102, 0.075);
      box-shadow: inset 0 0 0 1px rgba(255, 209, 102, 0.04);
    }

    .recovery-alert.alert-red {
      background: rgba(255, 90, 79, 0.08);
    }

    .recovery-alert.alert-green {
      background: rgba(85, 240, 139, 0.07);
    }

    .brain-panel {
      border-color: rgba(46, 227, 255, 0.27);
      background:
        radial-gradient(circle at 20% 0%, rgba(46, 227, 255, 0.20), transparent 14rem),
        radial-gradient(circle at 95% 10%, rgba(255, 209, 102, 0.15), transparent 12rem),
        var(--bg-panel-strong);
    }

    .brain-pick,
    .exchange-pick {
      font-size: clamp(1.55rem, 2.1vw, 2.25rem);
      letter-spacing: -0.02em;
    }

    .brain-confidence-value {
      color: var(--yellow-hot);
      text-shadow: 0 0 18px rgba(255, 209, 102, 0.22);
    }

    .brain-meter {
      height: 0.58rem;
      border-color: rgba(125, 241, 255, 0.14);
      background: rgba(1, 6, 9, 0.78);
    }

    .brain-meter-fill {
      background: linear-gradient(90deg, var(--red-hot), var(--yellow-hot), var(--green-hot), var(--cyan-hot));
      box-shadow: 0 0 18px rgba(46, 227, 255, 0.42);
    }

    .brain-readout,
    .exchange-tile {
      border-top: 0;
      border-left: 1px solid rgba(125, 241, 255, 0.12);
      padding: 0.42rem 0.52rem;
      border-radius: 12px;
      background: rgba(4, 10, 15, 0.48);
    }

    .brain-mind-list {
      max-height: 15rem;
      padding-right: 0.15rem;
    }

    .exchange-grid {
      gap: 0.55rem;
    }

    .exchange-panel {
      background:
        radial-gradient(circle at 8% 2%, rgba(85, 240, 139, 0.13), transparent 14rem),
        var(--bg-panel);
    }

    .btn,
    .ledger-tab,
    .bet-chip {
      border-radius: 999px;
      border-color: rgba(125, 241, 255, 0.16);
      background: rgba(5, 12, 17, 0.72);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.018) inset;
    }

    .btn:hover,
    .ledger-tab:hover,
    .bet-chip:hover {
      transform: translateY(-1px);
      box-shadow: 0 0 24px rgba(46, 227, 255, 0.12);
    }

    .btn.watch-btn,
    .ledger-tab.active {
      border-color: rgba(255, 209, 102, 0.48);
      color: var(--yellow-hot);
      background: rgba(255, 209, 102, 0.075);
    }

    .btn.paper-btn,
    .activity-mode.paper,
    .activity-mode.live-shadow {
      border-color: rgba(46, 227, 255, 0.48);
      color: var(--cyan-hot);
      background: rgba(46, 227, 255, 0.06);
    }

    .btn.start-btn,
    .btn.active-mode,
    .bet-chip.active {
      border-color: rgba(85, 240, 139, 0.45);
      color: var(--green-hot);
      background: rgba(85, 240, 139, 0.075);
    }

    .btn.stop-btn {
      border-color: rgba(255, 90, 79, 0.42);
      color: var(--red-hot);
      background: rgba(255, 90, 79, 0.07);
    }

    .table-wrap,
    .ledger-history-scroll {
      border-color: rgba(125, 241, 255, 0.12);
      border-radius: 16px;
      background:
        linear-gradient(90deg, rgba(46, 227, 255, 0.035) 1px, transparent 1px) 0 0 / 98px 100%,
        rgba(3, 9, 13, 0.66);
    }

    th {
      color: var(--cyan-hot);
      background: rgba(7, 15, 20, 0.96);
    }

    td {
      border-right-color: rgba(125, 241, 255, 0.055);
      border-bottom-color: rgba(125, 241, 255, 0.055);
    }

    tbody tr:hover {
      background: rgba(46, 227, 255, 0.055);
    }

    .watcher-column {
      position: sticky;
      top: 5.75rem;
      max-height: calc(100vh - 6rem);
      overflow: hidden auto;
      padding-right: 0.1rem;
    }

    .watcher-panel {
      border-color: rgba(46, 227, 255, 0.18);
      background:
        radial-gradient(circle at 10% 0%, rgba(46, 227, 255, 0.12), transparent 12rem),
        var(--bg-panel);
    }

    .watcher-stage {
      height: clamp(180px, 29vh, 360px);
      border-color: rgba(125, 241, 255, 0.16);
      border-radius: 16px;
      background:
        radial-gradient(circle at 50% 0%, rgba(46, 227, 255, 0.10), transparent 16rem),
        #03080c;
    }

    .watcher-stage img {
      background: #f8fbff;
    }

    .practice-dock #panel-practice {
      border-color: rgba(85, 240, 139, 0.20);
      max-height: none;
      padding: 0.78rem;
    }

    .practice-dock #panel-practice .big-value {
      font-size: 1.7rem;
    }

    .practice-dock #panel-practice .metric {
      font-size: 0.72rem;
    }

    .practice-dock #panel-practice .ledger-history-scroll {
      max-height: 11rem;
    }

    .practice-dock #panel-practice .brain-proof-grid {
      max-height: 15rem;
    }

    .scout-panel,
    .execution-panel,
    .audit-panel {
      margin-bottom: 0.85rem;
    }

    .execution-strip {
      display: grid;
      grid-template-columns: minmax(130px, 0.55fr) auto auto minmax(0, 3.4fr) minmax(120px, 0.55fr);
      gap: 0.48rem;
      align-items: center;
      margin: 0 0 0.78rem;
      padding: 0.4rem 0.58rem;
      border-color: rgba(255, 209, 102, 0.24);
      background:
        linear-gradient(90deg, rgba(255, 209, 102, 0.10), transparent 24%),
        linear-gradient(135deg, rgba(7, 14, 19, 0.94), rgba(5, 10, 14, 0.82));
    }

    .execution-strip .panel-title {
      margin: 0;
      padding: 0;
      border-bottom: 0;
      white-space: nowrap;
    }

    .execution-strip .pm-status-row {
      margin: 0;
      font-size: 0.7rem;
      white-space: nowrap;
    }

    .execution-status-compact {
      opacity: 0.82;
    }

    .execution-strip .pm-meta {
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 0.62rem;
      opacity: 0.62;
    }

    .execution-actions,
    .order-mode-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem;
      align-items: center;
    }

    .execution-strip .btn {
      margin-right: 0;
      padding: 0.24rem 0.58rem;
      font-size: 0.66rem;
      white-space: nowrap;
    }

    .execution-strip .bet-control {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto auto;
      gap: 0.34rem;
      align-items: center;
      margin: 0;
      padding: 0;
      border-top: 0;
      min-width: 0;
    }

    .execution-strip .bet-label {
      display: inline-flex;
      gap: 0.35rem;
      margin: 0;
      white-space: nowrap;
      align-items: baseline;
      justify-content: flex-start;
    }

    .compact-value-pill {
      border: 1px solid rgba(125, 241, 255, 0.14);
      border-radius: 999px;
      padding: 0.16rem 0.42rem;
      background: rgba(4, 11, 16, 0.7);
      color: var(--cyan-hot);
      font-size: 0.62rem;
      letter-spacing: 0.07em;
    }

    .execution-strip .bet-grid {
      display: flex;
      flex-wrap: nowrap;
      gap: 0.26rem;
      overflow-x: auto;
      min-width: 0;
      padding-bottom: 0.05rem;
    }

    .execution-strip .bet-chip {
      padding: 0.18rem 0.42rem;
      font-size: 0.62rem;
      white-space: nowrap;
      flex: 0 0 auto;
    }

    .execution-strip .pm-feedback {
      margin: 0;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-align: right;
      opacity: 0.72;
    }

    .desk-section-label,
    .quant-board-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin: 0.1rem 0 -0.08rem;
      color: var(--cyan-hot);
      text-transform: uppercase;
      letter-spacing: 0.18em;
      font-size: 0.6rem;
      font-weight: 800;
    }

    .desk-section-label {
      display: none;
    }

    .desk-section-label span,
    .quant-board-head span {
      color: var(--muted);
      letter-spacing: 0.07em;
      text-transform: none;
      font-size: 0.58rem;
      font-weight: 600;
    }

    .analyst-desk-grid {
      grid-template-columns: minmax(250px, 0.95fr) minmax(300px, 1.22fr) minmax(260px, 1fr);
    }

    .verdict-panel {
      border-color: rgba(255, 209, 102, 0.26);
      background:
        radial-gradient(circle at 8% 0%, rgba(255, 209, 102, 0.20), transparent 13rem),
        radial-gradient(circle at 95% 10%, rgba(46, 227, 255, 0.11), transparent 12rem),
        var(--bg-panel-strong);
    }

    .verdict-panel #regime-value {
      margin: 0.18rem 0 0.72rem;
      font-size: clamp(1.85rem, 3vw, 3rem);
      letter-spacing: -0.06em;
      color: var(--ink);
      text-shadow: 0 0 28px rgba(255, 209, 102, 0.18);
    }

    .senior-analyst-panel {
      border-color: rgba(255, 209, 102, 0.24);
      background:
        radial-gradient(circle at 10% 0%, rgba(255, 209, 102, 0.14), transparent 12rem),
        radial-gradient(circle at 92% 12%, rgba(255, 90, 79, 0.08), transparent 12rem),
        var(--bg-panel);
      max-height: 28rem;
      overflow: hidden auto;
    }

    .senior-analyst-panel .panel-title {
      color: var(--yellow-hot);
    }

    .senior-panel-empty {
      color: var(--muted);
      font-size: 0.72rem;
      line-height: 1.45;
    }

    .mission-panel {
      border-color: rgba(46, 227, 255, 0.24);
      background:
        linear-gradient(135deg, rgba(46, 227, 255, 0.09), transparent 32%),
        radial-gradient(circle at 92% 4%, rgba(255, 90, 79, 0.10), transparent 15rem),
        var(--bg-panel);
    }

    .mission-panel #signals-body {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.42rem;
      padding: 0.75rem;
      border: 1px solid rgba(125, 241, 255, 0.12);
      border-radius: 16px;
      background: rgba(2, 8, 12, 0.62);
    }

    .mission-panel .signal-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-areas:
        "name status"
        "reason conf";
      gap: 0.16rem 0.5rem;
      min-height: 3.2rem;
      padding: 0.48rem 0.58rem;
      border: 1px solid rgba(125, 241, 255, 0.10);
      border-radius: 12px;
      background: rgba(3, 9, 13, 0.58);
      box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.22);
      overflow: hidden;
    }

    .mission-panel .signal-name {
      grid-area: name;
      color: #8fa8c0;
      font-size: 0.54rem;
      letter-spacing: 0.08em;
      line-height: 1.1;
      text-transform: uppercase;
    }

    .mission-panel .signal-status {
      grid-area: status;
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      line-height: 1.1;
      text-align: right;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .mission-panel .signal-confidence {
      grid-area: conf;
      align-self: end;
      color: var(--ink);
      font-size: 0.62rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-align: right;
      white-space: nowrap;
    }

    .mission-panel .signal-reason {
      grid-area: reason;
      min-width: 0;
      color: var(--muted);
      font-size: 0.58rem;
      line-height: 1.28;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .mission-panel .panel-title,
    .execution-gate-panel .panel-title,
    .execution-gate-panel .funnel-title {
      color: var(--cyan-hot);
    }

    .execution-gate-panel {
      border-color: rgba(46, 227, 255, 0.20);
      background:
        radial-gradient(circle at 12% 0%, rgba(46, 227, 255, 0.10), transparent 12rem),
        radial-gradient(circle at 94% 12%, rgba(255, 209, 102, 0.09), transparent 12rem),
        var(--bg-panel);
    }

    .execution-gate-panel .funnel-box {
      margin-top: 0;
      padding: 0.75rem;
      border: 1px solid rgba(125, 241, 255, 0.12);
      border-radius: 16px;
      background: rgba(2, 8, 12, 0.62);
    }

    #decision-funnel-source {
      padding: 0.55rem 0.62rem;
      border: 1px solid rgba(125, 241, 255, 0.10);
      border-radius: 12px;
      background: rgba(3, 9, 13, 0.56);
      color: #9baec1;
      font-size: 0.66rem;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }

    #decision-funnel-source .source-label {
      display: block;
      margin-bottom: 0.18rem;
      color: var(--cyan-hot);
      font-size: 0.54rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .execution-gate-panel .funnel-flow,
    .execution-gate-panel .funnel-counts {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.42rem;
    }

    .execution-gate-panel .funnel-chip {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: 0.12rem;
      min-height: 2.25rem;
      border-radius: 12px;
      padding: 0.4rem 0.52rem;
      font-size: 0.61rem;
      line-height: 1.12;
      text-align: left;
      overflow-wrap: anywhere;
      white-space: normal;
    }

    .execution-gate-panel .funnel-chip .gate-name {
      color: #8fa8c0;
      font-size: 0.52rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .execution-gate-panel .funnel-chip .gate-status {
      color: currentColor;
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.08em;
    }

    .execution-gate-panel .funnel-counts {
      margin-top: 0.52rem;
      grid-template-columns: 1fr;
    }

    .execution-gate-panel .recovery-alert {
      margin-top: 0.72rem;
      border-radius: 14px;
      max-height: 11.5rem;
      overflow: hidden auto;
    }

    .execution-gate-panel .recovery-alert-head {
      margin-bottom: 0.42rem;
    }

    .execution-gate-panel .recovery-alert-detail {
      display: grid;
      gap: 0.38rem;
      color: #c8d8e8;
      font-size: 0.68rem;
      line-height: 1.4;
    }

    .execution-gate-panel .block-line {
      display: grid;
      gap: 0.12rem;
      padding: 0.38rem 0.44rem;
      border: 1px solid rgba(255, 255, 255, 0.06);
      border-radius: 10px;
      background: rgba(3, 9, 13, 0.42);
    }

    .execution-gate-panel .block-label {
      color: #8fa8c0;
      font-size: 0.54rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .execution-gate-panel .block-value {
      color: var(--ink);
      overflow-wrap: anywhere;
    }

    .execution-gate-panel .recovery-alert-watchdog {
      font-size: 0.58rem;
    }

    .quant-board-head {
      padding: 0.08rem 0.12rem;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    #panel-practice,
    #panel-order-audit,
    #panel-decision-timeline {
      border-color: rgba(85, 240, 139, 0.16);
    }

    .watcher-column .watcher-panel {
      min-height: 38vh;
      order: 1;
    }

    .watcher-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin-bottom: 0.65rem;
      color: var(--green-hot);
      font-size: 0.72rem;
      line-height: 1.35;
    }

    .watcher-actions {
      display: flex;
      gap: 0.4rem;
      flex-wrap: wrap;
      justify-content: flex-end;
    }

    .practice-dock {
      order: 2;
    }

    .practice-dock #panel-practice {
      max-height: calc(100vh - 31rem);
      min-height: 22rem;
      overflow: hidden;
    }

    .practice-dock #panel-practice .brain-proof-grid {
      grid-template-columns: 1fr;
      max-height: 10rem;
    }

    .practice-dock #panel-practice .ledger-history-scroll {
      max-height: 9.5rem;
    }

    .watcher-stage {
      height: clamp(220px, 34vh, 420px);
    }

    .command-stack-left .mission-panel {
      max-height: 34rem;
      overflow: hidden auto;
    }

    .command-stack-left .execution-gate-panel {
      max-height: 30rem;
      overflow: hidden auto;
    }

    .command-stack-right #panel-practice {
      max-height: 39rem;
      min-height: 0;
      overflow: hidden;
      border-color: rgba(85, 240, 139, 0.22);
    }

    .command-stack-right #panel-practice.practice-buckets-only {
      max-height: 39rem;
      padding: 0.78rem;
    }

    #panel-practice.practice-buckets-only > .big-value,
    #panel-practice.practice-buckets-only > .metric {
      display: none !important;
    }
    #panel-practice.practice-buckets-only .ledger-tabs {
      display: flex !important;
    }

    .command-stack-right #panel-practice .ledger-header {
      align-items: center;
      gap: 0.45rem;
      margin-bottom: 0.35rem;
    }

    .command-stack-right #panel-practice .ledger-tabs {
      gap: 0.28rem;
      flex-wrap: nowrap;
      justify-content: flex-end;
      overflow-x: auto;
    }

    .command-stack-right #panel-practice .ledger-tab {
      padding: 0.2rem 0.42rem;
      font-size: 0.58rem;
    }

    .command-stack-right #panel-practice .big-value {
      font-size: 1.75rem;
      margin-bottom: 0.35rem;
    }

    .command-stack-right #panel-practice .metric {
      font-size: 0.7rem;
      padding: 0.12rem 0;
    }

    .command-stack-right #panel-practice .brain-proof-panel {
      margin-top: 0.5rem;
      padding: 0.52rem;
    }

    .command-stack-right #panel-practice.practice-buckets-only .brain-proof-panel {
      display: block;
      margin-top: 0;
      padding: 0;
      border: 0;
      background: transparent;
    }

    .command-stack-right #panel-practice .brain-proof-grid {
      grid-template-columns: 1fr;
      max-height: 10.5rem;
      overflow: auto;
    }

    .command-stack-right #panel-practice.practice-buckets-only .brain-proof-grid {
      max-height: 31rem;
    }

    .command-stack-right #panel-practice .brain-proof-bucket {
      font-size: 0.78rem;
    }

    .command-stack-right #panel-practice .bucket-ledger {
      grid-template-columns: 1fr;
      gap: 0.5rem;
    }

    .command-stack-right #panel-practice .bucket-ledger-head {
      display: none;
    }

    .command-stack-right #panel-practice .bucket-ledger-row {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      grid-template-areas:
        "identity identity"
        "action last"
        "results pnl"
        "reason reason";
      gap: 0.4rem 0.5rem;
      min-height: 0;
      padding: 0.6rem;
    }

    .command-stack-right #panel-practice .bucket-ledger-row > :nth-child(1) { grid-area: identity; }
    .command-stack-right #panel-practice .bucket-ledger-row > :nth-child(2) { grid-area: action; }
    .command-stack-right #panel-practice .bucket-ledger-row > :nth-child(3) { grid-area: last; }
    .command-stack-right #panel-practice .bucket-ledger-row > :nth-child(4) { grid-area: results; }
    .command-stack-right #panel-practice .bucket-ledger-row > :nth-child(5) { grid-area: pnl; }
    .command-stack-right #panel-practice .bucket-ledger-row > :nth-child(6) {
      grid-area: reason;
      min-width: 0;
    }

    /* Center bucket lane */
    .command-stack-center #panel-practice.practice-buckets-only {
      min-height: 0;
      max-height: none;
      overflow: visible;
      padding: 0.78rem;
      border-color: rgba(85, 240, 139, 0.28);
    }

    .command-stack-center #panel-practice .ledger-header {
      align-items: center;
      gap: 0.55rem;
      margin-bottom: 0.5rem;
    }

    .command-stack-center #panel-practice .ledger-tabs {
      flex-wrap: nowrap;
      gap: 0.3rem;
      justify-content: flex-end;
      overflow-x: auto;
    }

    .command-stack-center #panel-practice .ledger-tab {
      padding: 0.22rem 0.48rem;
      font-size: 0.6rem;
    }

    .command-stack-center #panel-practice.practice-buckets-only .brain-proof-panel {
      display: block;
      margin-top: 0;
      padding: 0;
      border: 0;
      background: transparent;
    }

    .command-stack-center #panel-practice .brain-proof-grid {
      max-height: none;
      overflow: visible;
    }

    .command-stack-center #panel-practice .bucket-ledger {
      grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr));
      grid-auto-flow: dense;
      align-items: stretch;
      gap: 0.52rem;
    }

    .command-stack-center #panel-practice .bucket-ledger-head {
      display: none;
    }

    .command-stack-center #panel-practice .bucket-ledger-row {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      grid-template-areas:
        "identity identity"
        "action last"
        "results pnl"
        "reason reason";
      gap: 0.42rem 0.55rem;
      min-height: 0;
      padding: 0.62rem;
    }

    .command-stack-center #panel-practice .bucket-ledger-row > :nth-child(1) { grid-area: identity; }
    .command-stack-center #panel-practice .bucket-ledger-row > :nth-child(2) { grid-area: action; }
    .command-stack-center #panel-practice .bucket-ledger-row > :nth-child(3) { grid-area: last; }
    .command-stack-center #panel-practice .bucket-ledger-row > :nth-child(4) { grid-area: results; }
    .command-stack-center #panel-practice .bucket-ledger-row > :nth-child(5) { grid-area: pnl; }
    .command-stack-center #panel-practice .bucket-ledger-row > :nth-child(6) {
      grid-area: reason;
      min-width: 0;
    }

    /* Header is hidden; an odd final visible card fills both tracks. */
    .command-stack-center #panel-practice .bucket-ledger-row:nth-child(even):last-child {
      grid-column: 1 / -1;
    }

    @media (hover: hover) and (prefers-reduced-motion: no-preference) {
      .command-stack-center #panel-practice .bucket-ledger-row {
        transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
      }

      .command-stack-center #panel-practice .bucket-ledger-row:hover {
        transform: translateY(-2px);
        border-color: rgba(85, 240, 139, 0.44);
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22), 0 0 22px rgba(85, 240, 139, 0.10);
      }
    }

    @media (max-width: 1320px) {
      .app-shell {
        grid-template-columns: 1fr;
      }
      .watcher-panel {
        position: static;
      }
      .watcher-column {
        position: static;
        max-height: none;
        overflow: visible;
      }
      .execution-strip {
        grid-template-columns: 1fr;
      }
      .execution-strip .bet-control {
        grid-template-columns: 1fr;
      }
      .execution-strip .pm-feedback {
        text-align: left;
      }
      .mission-panel .funnel-flow,
      .analyst-desk-grid {
        grid-template-columns: 1fr;
      }
    }
    @media (max-width: 900px) {
      .top-grid,
      .mid-grid,
      .exchange-grid,
      .exchange-quotes,
      .leaderboard-head,
      .leaderboard-row {
        grid-template-columns: 1fr;
      }
      .signal-row {
        grid-template-columns: 1fr;
      }
      body {
        padding: 0.8rem;
      }
      .watcher-stage {
        min-height: 280px;
      }
      header {
        flex-wrap: wrap;
      }
      .header-status-stack {
        order: 3;
        width: 100%;
        min-width: 0;
        margin-left: 0;
        justify-items: stretch;
      }
      .header-status-stack .live-badge {
        justify-content: center;
      }
      .header-status-stack .window-timer {
        max-width: none;
        border-radius: 18px;
      }
      .desk-section-label,
      .quant-board-head {
        align-items: flex-start;
        flex-direction: column;
        border-radius: 18px;
      }
      .research-audit-grid {
        grid-template-columns: 1fr;
      }
      .bucket-ledger-head {
        display: none;
      }
      .bucket-ledger-row {
        grid-template-columns: 1fr 1fr;
      }
      .bucket-ledger-row > :first-child,
      .bucket-ledger-row > :last-child {
        grid-column: 1 / -1;
      }

      .command-stack-center #panel-practice .bucket-ledger {
        grid-template-columns: 1fr;
      }

      .command-stack-center #panel-practice .bucket-ledger-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      }
    }

    /* ── Concept layout: independent stacks prevent tall cards from creating gaps ── */
    .command-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.62rem;
      align-items: start;
    }

    .command-stack {
      min-width: 0;
      display: grid;
      gap: 0.62rem;
      align-content: start;
    }

    .command-grid:not([data-mounted="1"]) {
      display: none;
    }

    .app-shell.concept-mounted {
      display: none;
    }

    .command-stack .top-grid,
    .command-stack .mid-grid {
      display: contents;
    }

    .command-stack .watcher-column {
      min-width: 0;
      display: grid;
      gap: 0.62rem;
      align-content: start;
      position: static;
      max-height: none;
      overflow: visible;
    }

    .command-stack .watcher-column > *,
    .command-stack .panel {
      min-width: 0;
      width: 100%;
      max-width: 100%;
    }

    .command-stack .watcher-column .watcher-panel {
      min-height: 0;
    }

    .command-stack .watcher-stage {
      height: clamp(260px, 30vh, 380px);
    }

    .command-stack .practice-dock:empty {
      display: none;
    }

    .command-stack .brain-panel {
      overflow: visible;
    }

    @media (min-width: 1321px) {
      .command-grid {
        grid-template-columns: minmax(300px, 0.82fr) minmax(560px, 1.42fr) minmax(440px, 1.06fr);
        align-items: stretch;
      }
      .command-stack-left {
        height: 100%;
        grid-template-rows: auto auto auto minmax(0, 1fr);
      }
      .command-stack-left .execution-gate-panel {
        display: flex;
        flex-direction: column;
        min-height: 0;
        height: 100%;
        max-height: none;
        overflow: hidden;
      }
      .command-stack-left .execution-gate-panel .funnel-box {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden auto;
      }
    }

    .system-status-bar {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 11;
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 0;
      border-top: 1px solid rgba(125, 241, 255, 0.16);
      background:
        radial-gradient(circle at 4% 50%, rgba(85, 240, 139, 0.13), transparent 14rem),
        linear-gradient(180deg, rgba(9, 18, 25, 0.92), rgba(4, 8, 12, 0.98));
      box-shadow: 0 -16px 50px rgba(0, 0, 0, 0.36), 0 0 32px rgba(46, 227, 255, 0.06);
      backdrop-filter: blur(18px);
    }

    .status-cell {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 0.58rem;
      padding: 0.58rem 0.78rem;
      border-right: 1px solid rgba(125, 241, 255, 0.08);
    }

    .status-cell:last-child {
      border-right: 0;
    }

    .status-orb {
      width: 1.85rem;
      height: 1.85rem;
      flex: 0 0 auto;
      display: grid;
      place-items: center;
      border: 1px solid rgba(125, 241, 255, 0.18);
      border-radius: 50%;
      color: var(--green-hot);
      background: rgba(85, 240, 139, 0.07);
      box-shadow: 0 0 18px rgba(85, 240, 139, 0.12);
      font-size: 0.82rem;
    }

    .status-label {
      color: var(--muted);
      font-size: 0.58rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .status-value {
      margin-top: 0.12rem;
      color: var(--ink);
      font-size: 0.76rem;
      font-weight: 800;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .status-value.good { color: var(--green-hot); }
    .status-value.warn { color: var(--yellow-hot); }

    @media (max-width: 1100px) {
      .system-status-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      body {
        padding-bottom: 8.8rem;
      }
    }