/* ? button in atlas-nav */
  .nav-help-btn{
    flex:0 0 auto;
    width:30px;height:30px;border-radius:50%;
    background:rgba(200,200,208,0.10);
    border:1px solid rgba(200,200,208,0.32);
    color:#c8c8d0;
    font:700 14px/1 'Inter',system-ui;letter-spacing:0;
    cursor:pointer;display:flex;align-items:center;justify-content:center;
    -webkit-tap-highlight-color:transparent;
    transition:background .15s,border-color .15s,transform .12s;
    margin-left:6px;padding:0;
  }
  .nav-help-btn:hover{background:rgba(200,200,208,0.20);border-color:rgba(200,200,208,0.55);transform:scale(1.05)}
  .nav-help-btn:active{transform:scale(0.95)}
  .nav-help-btn span{display:block;line-height:1}

  /* ════════════════════════════════════════════════════════════════════════
     V4 SILVER SIZING + SPACING — mirrors _mockup_terminal_v4_platinum.html
     Body-prefixed for max specificity, last in cascade.
     Adjusts dimensions only — colors stay as-is (platinum palette already set).
     ════════════════════════════════════════════════════════════════════════ */

  /* Reset rem base to v4 mockup's default (16px). The terminal's original CSS
     sets html font-size:13px which silently shrinks every rem-based v4 spec
     below by ~19%. Force back to 16px so 3rem == 48px etc. */
  html{ font-size:16px !important; }
  body{ font-size:13px !important; }  /* preserve original text body size */

  /* Status bar (top) */
  body .statusbar{
    padding:0.5rem 1.5rem !important;
    font-size:0.7rem !important;
    letter-spacing:0.1em !important;
    text-transform:uppercase !important;
    height:auto !important;
    min-height:36px !important;
  }
  body .statusbar .l, body .statusbar .r{ gap:1.5rem !important; }

  /* Ribbon / brand bar */
  body .ribbon{
    padding:1.5rem 1.5rem 1rem !important;
    gap:1.5rem !important;
  }
  body .brand{
    font-family:'Inter',sans-serif !important;
    font-weight:800 !important;
    font-size:1.05rem !important;
    letter-spacing:0.18em !important;
    text-transform:uppercase !important;
  }
  body .session{
    font-size:0.7rem !important;
    letter-spacing:0.18em !important;
    text-transform:uppercase !important;
  }

  /* Tab strip — CSS grid for perfectly balanced columns */
  body .tabs{
    display:grid !important;
    grid-template-columns:repeat(8, minmax(0, 1fr)) !important;
    width:100% !important;
    padding:0 !important;
    overflow:visible !important;
    /* Right edge of strip — guarantees INVESTING (last tab) has a visible right border */
    border-right:1px solid #1a1a1e !important;
    box-sizing:border-box !important;
  }
  body .tab{
    font-size:0.78rem !important;
    letter-spacing:0.18em !important;
    text-transform:uppercase !important;
    gap:0.3rem !important;
    padding:0.7rem 0.8rem !important;
    min-width:0 !important;
    overflow:hidden !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    border-right:1px solid #1a1a1e !important;
    box-shadow:inset -1px 0 0 #1a1a1e !important;
  }
  /* Override older "no border on last tab" rule */
  body .tabs > .tab:last-child{
    border-right:1px solid #1a1a1e !important;
    box-shadow:inset -1px 0 0 #1a1a1e !important;
  }
  body .tab .num{ font-size:0.78rem !important; font-weight:600 !important; }
  body .tab .tab-head,
  body .tab .tab-sub{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:100% !important;
  }
  body .tab .tab-head{
    display:inline-flex !important;
    align-items:center !important;
    gap:0.6rem !important;
  }
  body .tab .tab-name{
    font-family:'Inter',sans-serif !important;
    font-weight:600 !important;
    letter-spacing:0.12em !important;
    font-size:0.74rem !important;
  }
  body .tab[data-model="aegis"]{
    padding-left:0.62rem !important;
    padding-right:0.55rem !important;
  }
  body .tab[data-model="aegis"] .tab-head{
    gap:0.45rem !important;
  }
  body .tab[data-model="aegis"] .tab-name{
    font-size:0.71rem !important;
    letter-spacing:0.06em !important;
  }
  body .tab[data-model="aegis"] .tab-sub{
    font-size:0.48rem !important;
    letter-spacing:0.065em !important;
    padding-left:1.08rem !important;
  }
  body .tab .tab-sub{
    font-family:'JetBrains Mono',monospace !important;
    font-size:0.5rem !important;
    letter-spacing:0.1em !important;
    text-transform:uppercase !important;
    color:#5a5a5e !important;
    font-weight:500 !important;
    padding-left:1.3rem !important;
    line-height:1 !important;
  }
  body .tab:hover .tab-sub{ color:#a8a8ac !important; }
  body .tab.active .tab-sub{ color:#c8c8d0 !important; }
  /* Live Performance tab: same flex weight as siblings — balanced sizing */
  body .tab.tab-live{
    flex:1 1 0 !important;
    align-items:flex-start !important;
  }
  /* All tabs equal flex — fully balanced across the header */
  body .tab.tab-live .live-dot{
    display:inline-block;
    width:7px; height:7px; border-radius:50%;
    background:#4ade80;
    box-shadow:0 0 8px rgba(74,222,128,0.6);
    margin-left:0.4rem;
    animation:live-pulse 1.4s infinite ease-in-out;
  }
  @keyframes live-pulse { 50% { opacity:0.35; } }
  /* Streaming badge inside the panel header */
  body .panel[data-panel="live"] .module-header .right .badge .live-dot{
    display:inline-block;
    width:6px; height:6px; border-radius:50%;
    background:#4ade80;
    box-shadow:0 0 6px rgba(74,222,128,0.5);
    margin-right:0.4rem;
    vertical-align:1px;
    animation:live-pulse 1.4s infinite ease-in-out;
  }
  body .tab .glyph{ width:14px !important; height:14px !important; font-size:0.85rem !important; border:none !important; }

  /* Left sidebar (lane) */
  /* FILL-HEIGHT mode — use CSS Grid for reliable row distribution */
  body .lane{
    padding:1rem 1.25rem !important;
    overflow-y:hidden !important;
    display:grid !important;
    grid-template-rows:auto 1fr auto 1fr !important;
    row-gap:0.5rem !important;
    height:100% !important;
    box-sizing:border-box !important;
  }
  body .lane .h{ margin:0 !important; font-size:0.6rem !important; letter-spacing:0.22em !important; }
  body .lane .h:not(:first-child){ margin-top:0.4rem !important; padding-top:0.5rem !important; border-top:1px solid rgba(200,200,215,0.06) !important; }
  body .lane .access-stack{
    display:grid !important;
    grid-template-rows:repeat(3, 1fr) !important;
    gap:0.5rem !important;
    margin-top:0 !important;
    min-height:0 !important;
  }
  body .lane .access-card{
    padding:12px 14px 14px !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }
  body .lane .access-card .ac-icon{
    width:22px !important; height:22px !important;
    font-size:11px !important;
    margin-bottom:10px !important;
    flex:0 0 auto !important;
  }
  body .lane .access-card .ac-title{ font-size:12px !important; margin-bottom:4px !important; line-height:1.2 !important; flex:0 0 auto !important; }
  body .lane .access-card .ac-sub{ font-size:7.5px !important; line-height:1.35 !important; padding-right:16px !important; letter-spacing:0.1em !important; flex:0 0 auto !important; }
  body .lane .access-card .ac-arrow{ bottom:12px !important; right:12px !important; font-size:11px !important; }
  /* Active state — only the currently-selected panel's card gets highlighted */
  body .lane .access-card.active{
    background:#101218 !important;
    background-image:linear-gradient(180deg,rgba(200,200,215,0.06),rgba(200,200,215,0.01)) !important;
    border-color:#44444c !important;
  }

  /* ─── Pro Access ad card — premium look ─── */
  /* Stack containing the pro-ad needs to grow — let pro-ad take auto height instead of 1fr */
  body .lane .access-stack:has(.pro-ad){
    grid-template-rows:1fr 1fr auto !important;
  }
  body .lane .access-stack .access-card.pro-ad{
    position:relative !important;
    background:linear-gradient(165deg, #161009 0%, #0c0905 55%, #08060a 100%) !important;
    border-width:1px !important;
    border-style:solid !important;
    border-color:rgba(201,168,76,0.55) !important;
    padding:14px 16px 16px !important;
    overflow:hidden !important;
    box-shadow:inset 0 0 0 1px rgba(201,168,76,0.10), 0 0 24px rgba(201,168,76,0.08) !important;
    transition:border-color 0.2s, box-shadow 0.2s !important;
    min-height:280px !important;
    justify-content:flex-start !important;
  }
  body .lane .access-stack .access-card.pro-ad:hover{
    border-color:rgba(201,168,76,0.85) !important;
    box-shadow:inset 0 0 0 1px rgba(201,168,76,0.18), 0 0 36px rgba(201,168,76,0.22) !important;
  }
  body .lane .access-card.pro-ad:hover{
    border-color:rgba(201,168,76,0.65) !important;
    box-shadow:inset 0 0 0 1px rgba(201,168,76,0.10), 0 0 32px rgba(201,168,76,0.18) !important;
  }
  body .lane .access-card.pro-ad .pro-ad-glow{
    position:absolute;
    top:-40px; right:-40px;
    width:120px; height:120px;
    background:radial-gradient(circle at center, rgba(201,168,76,0.22), transparent 60%);
    pointer-events:none;
    border-radius:50%;
  }
  body .lane .access-card.pro-ad .pro-ad-corner{
    position:absolute;
    top:0; right:0;
    font-family:'JetBrains Mono',monospace;
    font-size:7px;
    font-weight:800;
    letter-spacing:0.22em;
    color:#0a0805;
    background:linear-gradient(135deg, #d4b35a, #b08d3a);
    padding:3px 9px 3px 14px;
    line-height:1;
    clip-path:polygon(15% 0, 100% 0, 100% 100%, 0 100%);
  }
  body .lane .access-card.pro-ad .pro-ad-head{
    margin-bottom:9px;
    position:relative;
    z-index:1;
  }
  body .lane .access-card.pro-ad .pro-ad-badge{
    display:inline-block;
    font-family:'JetBrains Mono',monospace;
    font-size:6.5px;
    font-weight:800;
    letter-spacing:0.30em;
    color:#d4b35a;
    background:rgba(201,168,76,0.10);
    border:1px solid rgba(201,168,76,0.32);
    padding:3px 6px;
    line-height:1;
    text-transform:uppercase;
  }
  body .lane .access-card.pro-ad .pro-ad-title{
    font-family:'Inter',sans-serif;
    font-size:18px;
    font-weight:800;
    color:#f5e9c8;
    letter-spacing:-0.01em;
    line-height:1.05;
    margin:6px 0 8px;
    position:relative;
    z-index:1;
    text-shadow:0 0 12px rgba(201,168,76,0.18);
  }
  body .lane .access-card.pro-ad .pro-ad-sub{
    font-family:'Inter',sans-serif;
    font-size:10.5px;
    color:#a8a09a;
    line-height:1.45;
    margin-bottom:11px;
    position:relative;
    z-index:1;
  }
  body .lane .access-card.pro-ad .pro-ad-list{
    list-style:none;
    margin:0 0 13px;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:5px;
    position:relative;
    z-index:1;
  }
  body .lane .access-card.pro-ad .pro-ad-list li{
    font-family:'Inter',sans-serif;
    font-size:10px;
    color:#cbb98a;
    line-height:1.35;
    display:flex;
    align-items:flex-start;
    gap:7px;
  }
  body .lane .access-card.pro-ad .pro-ad-tick{
    color:#d4b35a;
    font-size:9px;
    font-weight:800;
    line-height:1.4;
    flex-shrink:0;
  }
  body .lane .access-card.pro-ad .pro-ad-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:9px 12px;
    background:linear-gradient(135deg, #d4b35a 0%, #b08d3a 100%);
    border:none;
    color:#1a1208;
    margin-top:2px;
    margin-bottom:9px;
    position:relative;
    z-index:1;
    transition:filter 0.15s, transform 0.15s;
  }
  body .lane .access-card.pro-ad:hover .pro-ad-cta{
    filter:brightness(1.1);
    transform:translateY(-1px);
  }
  body .lane .access-card.pro-ad .pro-ad-cta-text{
    font-family:'JetBrains Mono',monospace;
    font-size:9.5px;
    font-weight:800;
    letter-spacing:0.20em;
    text-transform:uppercase;
    color:#1a1208;
  }
  body .lane .access-card.pro-ad .pro-ad-cta-arrow{
    font-family:'JetBrains Mono',monospace;
    font-size:13px;
    font-weight:800;
    color:#1a1208;
  }
  body .lane .access-card.pro-ad .pro-ad-foot{
    font-family:'JetBrains Mono',monospace;
    font-size:7.5px;
    letter-spacing:0.16em;
    color:#7a7066;
    text-transform:uppercase;
    text-align:center;
    line-height:1.3;
    position:relative;
    z-index:1;
  }
  body .lane .access-card.pro-ad .pro-ad-foot b{
    color:#d4b35a;
    font-weight:700;
  }
  /* Hide default access-card decoration on pro-ad */
  body .lane .access-card.pro-ad .ac-icon,
  body .lane .access-card.pro-ad .ac-arrow,
  body .lane .access-card.pro-ad .ac-title,
  body .lane .access-card.pro-ad .ac-sub{ display:none !important; }
  /* When pro-ad is active, keep the gold treatment */
  body .lane .access-card.pro-ad.active{
    background:linear-gradient(165deg, #1d150c 0%, #110b06 55%, #0a070c 100%) !important;
    border-color:rgba(201,168,76,0.75) !important;
    box-shadow:inset 0 0 0 1px rgba(201,168,76,0.18), 0 0 36px rgba(201,168,76,0.22) !important;
  }
  /* Collapsed lane — pro-ad becomes a compact tier badge */
  body.lane-collapsed .lane .access-card.pro-ad{
    padding:6px 0 !important;
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  body.lane-collapsed .lane .access-card.pro-ad .pro-ad-glow,
  body.lane-collapsed .lane .access-card.pro-ad .pro-ad-corner,
  body.lane-collapsed .lane .access-card.pro-ad .pro-ad-head,
  body.lane-collapsed .lane .access-card.pro-ad .pro-ad-title,
  body.lane-collapsed .lane .access-card.pro-ad .pro-ad-sub,
  body.lane-collapsed .lane .access-card.pro-ad .pro-ad-list,
  body.lane-collapsed .lane .access-card.pro-ad .pro-ad-cta,
  body.lane-collapsed .lane .access-card.pro-ad .pro-ad-foot{ display:none !important; }
  body.lane-collapsed .lane .access-card.pro-ad::after{
    content:"PRO" !important;
    font-family:'JetBrains Mono',monospace !important;
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:0.22em !important;
    color:#d4b35a !important;
    display:block !important;
    text-align:center !important;
    background:none !important;
    border:none !important;
    padding:0 !important;
    bottom:auto !important; right:auto !important; top:auto !important; left:auto !important;
  }
  body .lane .access-card.active .ac-icon{
    background:#c8c8d0 !important;
    color:#0a0a0a !important;
    border-color:#c8c8d0 !important;
  }
  body .lane .access-card.active .ac-arrow{ color:#c8c8d0 !important; }
  body .lane .access-card.active .ac-sub{ color:#a8a8ac !important; }
  body .lane .h{
    font-size:0.6rem !important;
    letter-spacing:0.22em !important;
    margin:0 !important;
    font-weight:500 !important;
  }
  body .lane .row{ padding:0.75rem 0.85rem !important; font-size:0.72rem !important; }
  body .lane .row.head{ padding:0 0.85rem 0.5rem !important; font-size:0.55rem !important; letter-spacing:0.15em !important; }
  body .lane .row .pos{ font-size:0.72rem !important; letter-spacing:0.12em !important; }
  body .lane .row .up,
  body .lane .row .dn{ font-size:0.6rem !important; letter-spacing:0.12em !important; }
  body .lane .row .key{
    font-size:0.6rem !important;
    padding:1px 5px !important;
    border-radius:2px !important;
    border:1px solid rgba(200,200,215,0.1) !important;
  }
  body .lane .h.nav{ margin-top:1.5rem !important; }
  /* QUICK NAV rows — tightened (target by .key child via :has, plus fallback class) */
  body .lane .row:has(.key),
  body .lane .row.navrow{
    padding:0.3rem 0.85rem !important;
    margin:0 !important;
    border:none !important;
    border-bottom:none !important;
    font-size:0.72rem !important;
    letter-spacing:0.04em !important;
    text-transform:lowercase !important;
    color:#a8a8ac !important;
    line-height:1.2 !important;
    min-height:0 !important;
  }
  body .lane .row:has(.key):hover,
  body .lane .row.navrow:hover{
    color:#fff !important;
    background:transparent !important;
  }
  body .lane .row .key{
    font-family:'JetBrains Mono',monospace !important;
    font-size:0.55rem !important;
    color:#5a5a5e !important;
    background:none !important;
    border:1px solid rgba(200,200,215,0.12) !important;
    padding:1px 5px !important;
    border-radius:2px !important;
    line-height:1.3 !important;
  }

  /* Main panel padding — 0 so all panels align flush-left, matching the universe-rail
     panels (CORE/SWING/MULTI/DAY) which already render with no padding. */
  body main.main{ padding:0 !important; }
  body.universe-fullbleed main.main{
    padding:0 !important;
    background:#020202 !important;
  }
  body.universe-fullbleed .panel.has-universe-rail.active{
    height:100%;
    margin:0 !important;
  }
  body.universe-fullbleed .vr-u-shell{
    min-height:100%;
    border-top:0;
    border-left:0;
    border-bottom:0;
  }
  body.universe-fullbleed .vr-u-content{
    padding:0.5rem 2rem 2rem 1.75rem !important;
  }

  /* Module header — generous v4 spacing */
  body .module-header{
    margin-bottom:1.75rem !important;
    padding-bottom:0 !important;
    border-bottom:none !important;
    gap:2rem !important;
  }
  body .module-header .label{
    font-size:0.6rem !important;
    letter-spacing:0.22em !important;
    margin-bottom:0.85rem !important;
  }
  body .module-header .name{
    font-family:'Inter',sans-serif !important;
    font-size:3rem !important;
    font-weight:800 !important;
    letter-spacing:0.04em !important;
    line-height:1 !important;
    margin-bottom:0.75rem !important;
  }
  body .module-header .tagline{
    font-size:0.78rem !important;
    line-height:1.6 !important;
    max-width:640px !important;
  }

  /* Override body .module-header for all panels so layout matches MACRO's atlas-mh */
  body .panel .module-header{
    margin:0 0 8px !important;
    padding:12px 28px 12px !important;
    border-bottom:1px solid #1a1a1e !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:34px !important;
  }
  body .panel[data-panel="aegis"]{ position:relative !important; }
  body .panel[data-panel="aegis"] .aegis-live-head{
    position:static !important;
    z-index:auto !important;
    margin:0 0 18px !important;
    padding:12px 28px 14px !important;
    border-bottom:1px solid #1a1a1e !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:34px !important;
    background:#020202 !important;
  }
  body .panel[data-panel="aegis"] .aeg6-layout{ margin-top:0 !important; }
  body.aegis-fullbleed [data-panel="aegis"] .aegis-live-head{
    left:0 !important;
    right:0 !important;
    margin-bottom:0.45rem !important;
  }
  body.aegis-fullbleed [data-panel="aegis"] .aeg6-dash{
    padding:0.5rem 0.65rem 1rem 0.65rem !important;
  }
  body.aegis-fullbleed [data-panel="aegis"] .aegis-live-chart-wrap{
    border-left:1px solid var(--aeg-grid,#1a1a1e) !important;
    border-right:1px solid var(--aeg-grid,#1a1a1e) !important;
  }
  body .panel .module-header > div:first-child,
  body .panel[data-panel="aegis"] .aegis-live-head > div:first-child{
    min-width:0 !important;
  }
  body .panel[data-panel="aegis"] .aegis-live-head .label{
    font-size:9.6px !important;
    font-weight:400 !important;
    color:rgb(122,122,126) !important;
    letter-spacing:2.112px !important;
    margin-bottom:13.6px !important;
    padding:0 !important;
  }
  body .panel[data-panel="aegis"] .aegis-live-head .tagline{
    font-size:0.78rem !important;
    color:#a8a8ac !important;
    line-height:1.6 !important;
    font-family:'JetBrains Mono', ui-monospace, monospace !important;
    margin-top:2px !important;
    max-width:640px !important;
    font-weight:normal !important;
    letter-spacing:0 !important;
    text-transform:none !important;
  }
  body .panel[data-panel="aegis"] .aegis-live-head .right{
    display:flex !important;
    padding:0 !important;
    margin:0 !important;
    width:auto !important;
    max-width:none !important;
    text-align:right !important;
    align-self:center !important;
  }

  /* Right panel (open trades) */
  body .right{ padding:1.5rem 1.25rem !important; }
  body .right h4{
    font-size:0.6rem !important;
    letter-spacing:0.22em !important;
    text-transform:uppercase !important;
    font-weight:500 !important;
    margin-bottom:1rem !important;
  }

  /* Trade cards (in right panel) */
  body .trade{
    padding:0.85rem 0.95rem !important;
    margin-bottom:0.5rem !important;
    border:none !important;
    border-left:2px solid #c8c8d0 !important;
    background:#0e0e12 !important;
  }
  body .trade.dn{ border-left-color:#ef4444 !important; }
  body .trade.amber{ border-left-color:#fbbf24 !important; }
  body .trade .t-top{ margin-bottom:0.5rem !important; gap:0.5rem !important; }
  body .trade .sym{ font-size:0.72rem !important; letter-spacing:0.04em !important; }
  body .trade .pl{ font-size:0.78rem !important; }
  body .trade .arr-ic{
    width:auto !important;
    height:auto !important;
    background:none !important;
    border:none !important;
    font-size:0.85rem !important;
  }
  body .trade .t-bot{ gap:0.4rem !important; font-size:0.55rem !important; }
  body .trade .grade-mini{
    width:auto !important;
    height:auto !important;
    padding:1px 5px !important;
    font-size:0.55rem !important;
    background:none !important;
    border:1px solid rgba(200,200,215,0.32) !important;
    border-radius:0 !important;
    line-height:1.4 !important;
  }
  body .trade .cls{
    padding:1px 5px !important;
    font-size:0.55rem !important;
    background:none !important;
    border:1px solid rgba(200,200,215,0.16) !important;
    border-radius:0 !important;
    letter-spacing:0.1em !important;
  }
  body .trade .age{
    font-size:0.55rem !important;
    letter-spacing:0.1em !important;
    text-transform:uppercase !important;
  }

  /* Access cards (left lane) — v1 stacked cards, sized for narrow 220px lane */
  body .lane .access-stack{ display:grid !important; grid-template-rows:repeat(3,1fr) !important; gap:0.5rem !important; margin:0 !important; min-height:0 !important; }
  body .lane .access-card{
    forced-color-adjust:none !important;
    background-color:#0e0e12 !important;
    border-width:1px !important;
    border-style:solid !important;
    border-color:rgba(200,200,215,0.12) !important;
    color:#d4d4d4 !important;
    padding:0.85rem 0.85rem 0.95rem !important;
    position:relative !important;
    transition:border-color 0.15s, background 0.15s, transform 0.15s !important;
    cursor:pointer !important;
    overflow:hidden !important;
    text-decoration:none !important;
    display:block !important;
    width:100% !important;
    text-align:left !important;
  }
  body .lane .access-card::after{
    content:'→';
    position:absolute;
    bottom:0.85rem;
    right:0.85rem;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    color:#5a5a5e;
    transition:transform 0.2s, color 0.2s;
  }
  body .lane .access-card:hover{
    border-color:rgba(200,200,215,0.30);
    background:#13131a;
  }
  body .lane .access-card:hover::after{ color:#c8c8d0; transform:translateX(3px); }
  body .lane .access-card .ac-icon{
    width:24px;height:24px;
    border:1px solid rgba(200,200,215,0.18);
    display:flex;align-items:center;justify-content:center;
    color:#c8c8d0;
    font-size:12px;
    font-family:'JetBrains Mono',monospace;
    margin-bottom:0.7rem;
    line-height:1;
  }
  body .lane .access-card .ac-title{
    font-family:'Inter',sans-serif;
    font-size:0.78rem;
    font-weight:600;
    color:#fff;
    letter-spacing:-0.005em;
    margin-bottom:0.3rem;
    line-height:1.2;
  }
  body .lane .access-card .ac-sub{
    font-family:'JetBrains Mono',monospace;
    font-size:0.5rem;
    color:#7a7a7e;
    letter-spacing:0.1em;
    text-transform:uppercase;
    line-height:1.4;
    padding-right:1rem;
  }
  body .lane .access-card.featured{
    forced-color-adjust:none !important;
    background-color:#101218 !important;
    background-image:linear-gradient(180deg,rgba(200,200,215,0.06),rgba(200,200,215,0.01)) !important;
    border-color:rgba(200,200,215,0.32) !important;
  }
  body .lane .access-card.featured .ac-icon{
    background:#c8c8d0;
    color:#0a0a0a;
    border-color:#c8c8d0;
  }
  body .lane .access-card.featured .ac-title{ color:#fff; }
  body .lane .access-card.featured::after{ color:#c8c8d0; }
  body .lane .access-card.featured:hover{ border-color:rgba(200,200,215,0.45); }

  /* Footer / bottom status */
  body .footbar{
    padding:0.5rem 1.5rem !important;
    font-size:0.6rem !important;
    letter-spacing:0.15em !important;
    text-transform:uppercase !important;
  }


  /* ─── Collapsible sidebar (V2 icon + tiny label style) ─── */
  body .lane-toggle{
    position:absolute;
    top:8px; right:6px;
    width:22px; height:22px;
    background:transparent;
    border:1px solid rgba(200,200,215,0.16);
    color:#c8c8d0;
    font-family:'JetBrains Mono',monospace;
    font-size:12px;
    line-height:1;
    display:flex; align-items:center; justify-content:center;
    cursor:pointer;
    padding:0;
    z-index:5;
    transition:all 0.15s;
  }
  body .lane-toggle:hover{
    background:rgba(200,200,215,0.08);
    border-color:rgba(200,200,215,0.32);
  }
  body .lane{ position:relative !important; transition:none !important; }
  body.lane-collapsed{ --lane-w:64px; }
  body.lane-collapsed .lane{
    padding:14px 6px !important;
    grid-template-rows:auto auto !important;
    align-content:start !important;
    row-gap:0 !important;
  }
  body.lane-collapsed .lane-toggle{ position:relative; top:auto; right:auto; width:100%; margin-bottom:10px; }
  body.lane-collapsed .lane .h{ display:none !important; }
  body.lane-collapsed .lane .access-stack{ display:flex !important; flex-direction:column !important; gap:3px !important; }
  body.lane-collapsed .lane .access-stack + .access-stack{
    margin-top:10px !important;
    padding-top:10px !important;
    border-top:1px solid rgba(200,200,215,0.08) !important;
  }
  body.lane-collapsed .lane .access-card{
    padding:8px 4px !important;
    display:flex !important; flex-direction:column !important;
    align-items:center !important; justify-content:center !important;
    gap:4px !important;
    min-height:0 !important;
  }
  body.lane-collapsed .lane .access-card .ac-title,
  body.lane-collapsed .lane .access-card .ac-sub,
  body.lane-collapsed .lane .access-card .ac-arrow{ display:none !important; }
  body.lane-collapsed .lane .access-card .ac-icon{
    width:22px !important; height:22px !important;
    font-size:11px !important;
    margin:0 !important;
  }
  body.lane-collapsed .lane .access-card::after{
    content:attr(data-short) !important;
    display:block !important;
    position:static !important;
    font-family:'JetBrains Mono',monospace !important;
    font-size:6.5px !important;
    color:#7a7a7e !important;
    letter-spacing:0.06em !important;
    text-transform:uppercase !important;
    text-align:center !important;
    line-height:1.1 !important;
    transform:none !important;
    background:none !important;
    border:none !important;
    padding:0 !important;
    bottom:auto !important; right:auto !important;
  }
  body.lane-collapsed .lane .access-card.active::after{ color:#fff !important; }
  body.lane-collapsed .lane .access-card.active .ac-icon{
    background:#c8c8d0 !important;
    color:#0a0a0a !important;
    border-color:#c8c8d0 !important;
  }

  /* ──── ALERTS SETUP (collapsible setup block at top of rail) ──────── */
  body .alerts-setup{
    margin:0 -12px 14px;
    padding:0;
    background:#0a0b0e;
    border-top:1px solid rgba(200,200,215,0.08);
    border-bottom:1px solid rgba(200,200,215,0.08);
  }
  body .alerts-setup[open]{ background:#08090c; }
  body .alerts-setup summary.alerts-setup-head{
    list-style:none;
    cursor:pointer;
    padding:10px 12px;
    display:flex;
    align-items:center;
    gap:8px;
    user-select:none;
    transition:background 0.15s;
  }
  body .alerts-setup summary::-webkit-details-marker{ display:none; }
  body .alerts-setup summary:hover{ background:rgba(255,255,255,0.02); }
  body .alerts-setup-label{
    font-family:'JetBrains Mono',monospace;
    font-size:9px;
    font-weight:800;
    letter-spacing:0.20em;
    text-transform:uppercase;
    color:#cbd1db;
  }
  body .alerts-setup-sub{
    font-family:'JetBrains Mono',monospace;
    font-size:8px;
    color:#5a5a62;
    letter-spacing:0.10em;
    text-transform:uppercase;
    margin-left:auto;
  }
  body .alerts-setup-chev{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    color:#7a7a82;
    transition:transform 0.2s;
    transform:rotate(0deg);
    margin-left:8px;
  }
  body .alerts-setup[open] .alerts-setup-chev{ transform:rotate(90deg); }
  body .alerts-setup-body{
    padding:6px 12px 14px;
    border-top:1px solid rgba(200,200,215,0.06);
  }
  body .setup-section-label{
    font-family:'JetBrains Mono',monospace;
    font-size:7.5px;
    font-weight:800;
    letter-spacing:0.20em;
    color:#7a7a82;
    text-transform:uppercase;
    margin:12px 0 5px;
  }
  body .setup-section-label:first-child{ margin-top:6px; }
  body .setup-rows{ display:flex; flex-direction:column; gap:1px; background:rgba(200,200,215,0.06); border:1px solid rgba(200,200,215,0.07); }
  body .setup-row{
    display:flex;
    align-items:center;
    gap:8px;
    padding:7px 9px;
    background:#070809;
    min-width:0;
  }
  body .setup-icon{
    width:18px; height:18px;
    display:grid; place-items:center;
    border:1px solid rgba(255,255,255,0.10);
    background:#0a0b0e;
    color:#7a7a82;
    font-family:'JetBrains Mono',monospace;
    font-size:9px;
    flex-shrink:0;
    line-height:1;
  }
  body .setup-model-code{
    font-family:'JetBrains Mono',monospace;
    font-size:8px;
    font-weight:800;
    color:#76b7ff;
    background:#0a0b0e;
    border:1px solid rgba(118,183,255,0.42);
    padding:4px 5px;
    letter-spacing:0.04em;
    flex-shrink:0;
    line-height:1;
  }
  body .setup-text{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:1px;
    overflow:hidden;
  }
  body .setup-name{
    font-family:'Inter','Helvetica',sans-serif;
    font-size:10.5px;
    font-weight:600;
    color:#e4e6eb;
    line-height:1.1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body .setup-sub{
    font-family:'JetBrains Mono',monospace;
    font-size:7.5px;
    color:#5a5a62;
    letter-spacing:0.02em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body .setup-action-btn{
    font-family:'JetBrains Mono',monospace;
    font-size:8px;
    font-weight:700;
    letter-spacing:0.14em;
    text-transform:uppercase;
    padding:5px 8px;
    background:transparent;
    border:1px solid rgba(118,183,255,0.45);
    color:#76b7ff;
    cursor:pointer;
    flex-shrink:0;
    line-height:1;
    transition:background 0.15s;
  }
  body .setup-action-btn:hover{ background:rgba(118,183,255,0.08); }
  body .setup-switch{
    position:relative;
    display:inline-block;
    width:28px; height:16px;
    flex-shrink:0;
  }
  body .setup-switch input{ opacity:0; width:0; height:0; position:absolute; }
  body .setup-slider{
    position:absolute;
    cursor:pointer;
    inset:0;
    background:#15161a;
    border:1px solid rgba(255,255,255,0.10);
    transition:0.2s;
  }
  body .setup-slider::before{
    content:"";
    position:absolute;
    height:10px; width:10px;
    left:2px; top:2px;
    background:#5a5a62;
    transition:0.2s;
  }
  body .setup-switch input:checked + .setup-slider{
    background:rgba(74,222,128,0.18);
    border-color:rgba(74,222,128,0.55);
  }
  body .setup-switch input:checked + .setup-slider::before{
    transform:translateX(11px);
    background:#4ade80;
    box-shadow:0 0 5px rgba(74,222,128,0.45);
  }

  /* ──── ALERTS PANEL (dedicated setup page) ──────────────────────── */
  body [data-panel="alerts"] .alerts-page-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:1px;
    background:rgba(200,200,215,0.07);
    border:1px solid rgba(200,200,215,0.08);
    margin-top:28px;
  }
  body [data-panel="alerts"] .alerts-col{
    background:#0a0b0e;
    padding:24px 26px 28px;
    min-width:0;
  }
  body [data-panel="alerts"] .alerts-col-head{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(200,200,215,0.07);
    margin-bottom:16px;
  }
  body [data-panel="alerts"] .alerts-col-title{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    font-weight:800;
    letter-spacing:0.30em;
    text-transform:uppercase;
    color:#e4e6eb;
  }
  body [data-panel="alerts"] .alerts-col-sub{
    font-family:'Inter',sans-serif;
    font-size:11.5px;
    color:#7a7a82;
    font-weight:400;
  }
  body [data-panel="alerts"] .alerts-page-rows{
    display:flex;
    flex-direction:column;
    gap:1px;
    background:rgba(200,200,215,0.06);
    border:1px solid rgba(200,200,215,0.07);
  }
  body [data-panel="alerts"] .alerts-page-row{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:14px 16px;
    background:#070809;
    min-width:0;
  }
  body [data-panel="alerts"] .apr-icon{
    width:30px; height:30px;
    display:grid; place-items:center;
    border:1px solid rgba(255,255,255,0.10);
    background:#0a0b0e;
    color:#a8a8ac;
    font-family:'JetBrains Mono',monospace;
    font-size:14px;
    line-height:1;
    flex-shrink:0;
    margin-top:1px;
  }
  body [data-panel="alerts"] .apr-mcode{
    min-width:30px; height:30px;
    display:grid; place-items:center;
    border:1px solid rgba(255,255,255,0.28);
    background:#0a0b0e;
    color:#d4d4d4;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    font-weight:800;
    line-height:1;
    letter-spacing:0.04em;
    flex-shrink:0;
    padding:0 8px;
    margin-top:1px;
  }
  body [data-panel="alerts"] .apr-event-tag{
    min-width:60px; height:30px;
    display:grid; place-items:center;
    font-family:'JetBrains Mono',monospace;
    font-size:9px;
    font-weight:800;
    letter-spacing:0.18em;
    text-transform:uppercase;
    border:1px solid;
    flex-shrink:0;
    padding:0 10px;
    line-height:1;
    margin-top:1px;
  }
  body [data-panel="alerts"] .apr-event-tag.long{color:#4ade80;border-color:rgba(74,222,128,0.55);background:rgba(74,222,128,0.06);}
  body [data-panel="alerts"] .apr-event-tag.target{color:#5eead4;border-color:rgba(94,234,212,0.55);background:rgba(94,234,212,0.06);}
  body [data-panel="alerts"] .apr-event-tag.short{color:#ff5a68;border-color:rgba(255,90,104,0.55);background:rgba(255,90,104,0.06);}
  body [data-panel="alerts"] .apr-event-tag.exit{color:#c8c8d0;border-color:rgba(200,200,208,0.40);background:rgba(200,200,208,0.04);}
  body [data-panel="alerts"] .apr-text{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
  }
  body [data-panel="alerts"] .apr-name{
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:600;
    color:#f4f5f7;
    line-height:1.3;
    letter-spacing:-0.005em;
    display:flex;
    align-items:center;
    gap:9px;
  }
  body [data-panel="alerts"] .apr-optional{
    font-family:'JetBrains Mono',monospace;
    font-size:8.5px;
    font-weight:700;
    letter-spacing:0.20em;
    text-transform:uppercase;
    color:#7a7a82;
    background:rgba(200,200,215,0.06);
    border:1px solid rgba(200,200,215,0.18);
    padding:3px 7px;
    line-height:1;
  }
  body [data-panel="alerts"] .apr-sub{
    font-family:'Inter',sans-serif;
    font-size:12px;
    color:#7a7a82;
    line-height:1.45;
    font-weight:400;
  }
  body [data-panel="alerts"] .apr-sub b{color:#cbd1db;font-weight:600;}
  body [data-panel="alerts"] .apr-action{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    font-weight:800;
    letter-spacing:0.18em;
    text-transform:uppercase;
    padding:8px 14px;
    background:transparent;
    border:1px solid rgba(255,255,255,0.22);
    color:#d4d4d4;
    cursor:pointer;
    flex-shrink:0;
    line-height:1;
    margin-top:3px;
    transition:background 0.15s;
  }
  body [data-panel="alerts"] .apr-action:hover{background:rgba(255,255,255,0.08);}
  body [data-panel="alerts"] .apr-action:disabled{opacity:0.55;cursor:default;}

  /* Toggle switch */
  body [data-panel="alerts"] .apr-switch{
    position:relative;
    display:inline-block;
    width:38px; height:22px;
    flex-shrink:0;
    margin-top:5px;
  }
  body [data-panel="alerts"] .apr-switch input{opacity:0;width:0;height:0;position:absolute;}
  body [data-panel="alerts"] .apr-slider{
    position:absolute;
    cursor:pointer;
    inset:0;
    background:#15161a;
    border:1px solid rgba(255,255,255,0.10);
    transition:0.2s;
  }
  body [data-panel="alerts"] .apr-slider::before{
    content:"";
    position:absolute;
    height:14px; width:14px;
    left:3px; top:3px;
    background:#5a5a62;
    transition:0.2s;
  }
  body [data-panel="alerts"] .apr-switch input:checked + .apr-slider{
    background:rgba(74,222,128,0.20);
    border-color:rgba(74,222,128,0.55);
  }
  body [data-panel="alerts"] .apr-switch input:checked + .apr-slider::before{
    transform:translateX(16px);
    background:#4ade80;
    box-shadow:0 0 6px rgba(74,222,128,0.50);
  }

  @media(max-width:1080px){
    body [data-panel="alerts"] .alerts-page-grid{grid-template-columns:1fr;}
  }

  /* ──── HOW TO USE PANEL (rebuilt) ────────────────────────────────── */
  body [data-panel="howto"] .howto-page{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 280px;
    gap:24px;
    margin-top:28px;
  }
  body [data-panel="howto"] .howto-main{display:flex;flex-direction:column;gap:32px;min-width:0;}
  body [data-panel="howto"] .howto-section{
    background:#0a0b0e;
    border:1px solid rgba(200,200,215,0.08);
    padding:28px 30px;
  }
  body [data-panel="howto"] .howto-shead{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding-bottom:20px;
    margin-bottom:22px;
    border-bottom:1px solid rgba(200,200,215,0.07);
  }
  body [data-panel="howto"] .howto-num{
    font-family:'JetBrains Mono',monospace;
    font-size:30px;
    font-weight:800;
    color:#3a3a44;
    letter-spacing:-0.02em;
    line-height:1;
    flex-shrink:0;
    padding-top:3px;
  }
  body [data-panel="howto"] .howto-titles{flex:1;min-width:0;}
  body [data-panel="howto"] .howto-h1{
    font-family:'Inter',sans-serif;
    font-size:20px;
    font-weight:700;
    color:#f4f5f7;
    letter-spacing:-0.01em;
    line-height:1.2;
    margin-bottom:6px;
  }
  body [data-panel="howto"] .howto-h2{
    font-family:'Inter',sans-serif;
    font-size:13px;
    color:#7a7a82;
    line-height:1.5;
    font-weight:400;
  }

  /* QuickStart 4-step grid */
  body [data-panel="howto"] .howto-quickstart{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:14px;
  }
  body [data-panel="howto"] .qs-step{
    display:flex;
    gap:14px;
    padding:16px 18px;
    background:#06070a;
    border:1px solid rgba(200,200,215,0.07);
  }
  body [data-panel="howto"] .qs-num{
    width:30px; height:30px;
    display:grid; place-items:center;
    background:rgba(118,183,255,0.10);
    border:1px solid rgba(118,183,255,0.50);
    color:#76b7ff;
    font-family:'JetBrains Mono',monospace;
    font-size:13px;
    font-weight:800;
    flex-shrink:0;
    line-height:1;
  }
  body [data-panel="howto"] .qs-body{flex:1;min-width:0;}
  body [data-panel="howto"] .qs-title{
    font-family:'Inter',sans-serif;
    font-size:13.5px;
    font-weight:700;
    color:#f4f5f7;
    margin-bottom:4px;
  }
  body [data-panel="howto"] .qs-sub{
    font-family:'Inter',sans-serif;
    font-size:12px;
    color:#a8a8ac;
    line-height:1.5;
  }
  body [data-panel="howto"] .qs-sub kbd{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    font-weight:700;
    color:#cbd1db;
    background:#15161a;
    border:1px solid rgba(200,200,215,0.18);
    padding:2px 6px;
    margin:0 2px;
  }

  /* Annotated signal card */
  body [data-panel="howto"] .howto-anno-card{
    background:#06070a;
    border:1px solid rgba(200,200,215,0.08);
    padding:18px 20px;
  }
  body [data-panel="howto"] .anno-grid{padding-bottom:18px;border-bottom:1px solid rgba(200,200,215,0.06);margin-bottom:18px;}
  body [data-panel="howto"] .anno-row{
    display:grid;
    grid-template-columns:1.2fr 0.9fr 0.7fr 0.7fr 1fr 1fr 1fr 1fr 1fr;
    gap:14px;
    align-items:end;
  }
  body [data-panel="howto"] .anno-cell{display:flex;flex-direction:column;gap:5px;min-width:0;}
  body [data-panel="howto"] .anno-label{
    font-family:'JetBrains Mono',monospace;
    font-size:8.5px;
    font-weight:800;
    letter-spacing:0.22em;
    color:#7a7a82;
    text-transform:uppercase;
  }
  body [data-panel="howto"] .anno-val{
    font-family:'JetBrains Mono',monospace;
    font-size:13px;
    font-weight:700;
    color:#f4f5f7;
    line-height:1;
  }
  body [data-panel="howto"] .anno-val.live{color:#fff;}
  body [data-panel="howto"] .anno-tag.open{
    font-family:'JetBrains Mono',monospace;
    font-size:9.5px;
    font-weight:800;
    color:#60a5fa;
    border:1px solid rgba(96,165,250,0.55);
    background:rgba(96,165,250,0.06);
    padding:3px 7px;
    letter-spacing:0.16em;
    width:max-content;
  }
  body [data-panel="howto"] .anno-grade-a{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    font-weight:800;
    color:#0a0a0e;
    background:#4ade80;
    padding:3px 8px;
    letter-spacing:0.06em;
    width:max-content;
    line-height:1;
  }
  body [data-panel="howto"] .anno-side.buy{
    font-family:'JetBrains Mono',monospace;
    font-size:9.5px;
    font-weight:800;
    color:#67f091;
    border:1px solid rgba(74,222,128,0.65);
    background:rgba(74,222,128,0.06);
    padding:3px 7px;
    letter-spacing:0.16em;
    width:max-content;
  }
  body [data-panel="howto"] .anno-pnl.up{
    font-family:'JetBrains Mono',monospace;
    font-size:13px;
    font-weight:800;
    color:#4ade80;
  }
  body [data-panel="howto"] .anno-key{display:flex;flex-direction:column;gap:8px;}
  body [data-panel="howto"] .anno-k-row{
    display:grid;
    grid-template-columns:80px 1fr;
    gap:14px;
    padding:4px 0;
    align-items:baseline;
  }
  body [data-panel="howto"] .anno-k-l{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    font-weight:800;
    letter-spacing:0.18em;
    color:#7a7a82;
    text-transform:uppercase;
  }
  body [data-panel="howto"] .anno-k-d{
    font-family:'Inter',sans-serif;
    font-size:12.5px;
    color:#cbd1db;
    line-height:1.5;
  }
  body [data-panel="howto"] .anno-k-d b{color:#f4f5f7;font-weight:600;}

  /* Model grid */
  body [data-panel="howto"] .howto-model-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:14px;
  }
  body [data-panel="howto"] .howto-model{
    background:#06070a;
    border:1px solid rgba(200,200,215,0.07);
    border-left:2px solid rgba(200,200,215,0.18);
    padding:16px 18px;
    display:flex;
    flex-direction:column;
    gap:9px;
  }
  body [data-panel="howto"] .howto-model.tradeable{border-left-color:#76b7ff;}
  body [data-panel="howto"] .howto-model.framing{border-left-color:#7a7a82;}
  body [data-panel="howto"] .howto-model.overview{border-left-color:#5eead4;}
  body [data-panel="howto"] .hm-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
  body [data-panel="howto"] .hm-code{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    font-weight:800;
    color:#76b7ff;
    background:#0a0b0e;
    border:1px solid rgba(118,183,255,0.45);
    padding:3px 6px;
    letter-spacing:0.04em;
    line-height:1;
  }
  body [data-panel="howto"] .hm-name{
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:700;
    color:#f4f5f7;
    flex:1;
    min-width:0;
  }
  body [data-panel="howto"] .hm-hold{
    font-family:'JetBrains Mono',monospace;
    font-size:9.5px;
    color:#7a7a82;
    letter-spacing:0.06em;
  }
  body [data-panel="howto"] .hm-desc{
    font-family:'Inter',sans-serif;
    font-size:12px;
    color:#cbd1db;
    line-height:1.5;
  }
  body [data-panel="howto"] .hm-desc b{color:#fff;font-weight:600;}
  body [data-panel="howto"] .hm-use{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    color:#76b7ff;
    letter-spacing:0.08em;
    padding-top:6px;
    border-top:1px solid rgba(200,200,215,0.05);
  }

  /* Morning flow */
  body [data-panel="howto"] .howto-flow{
    list-style:none;
    margin:0;
    padding:0;
    counter-reset:hf;
    display:flex;
    flex-direction:column;
    gap:1px;
    background:rgba(200,200,215,0.06);
    border:1px solid rgba(200,200,215,0.08);
  }
  body [data-panel="howto"] .howto-flow li{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:18px;
    padding:16px 18px;
    background:#06070a;
    align-items:flex-start;
  }
  body [data-panel="howto"] .hf-tab{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    font-weight:800;
    letter-spacing:0.14em;
    color:#76b7ff;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    gap:8px;
  }
  body [data-panel="howto"] .hf-tab kbd{
    font-family:'JetBrains Mono',monospace;
    font-size:9.5px;
    font-weight:700;
    color:#cbd1db;
    background:#15161a;
    border:1px solid rgba(200,200,215,0.20);
    padding:2px 6px;
    line-height:1;
  }
  body [data-panel="howto"] .hf-text{
    font-family:'Inter',sans-serif;
    font-size:13px;
    color:#cbd1db;
    line-height:1.55;
  }
  body [data-panel="howto"] .hf-text b{color:#f4f5f7;font-weight:600;}

  /* Keyboard grid */
  body [data-panel="howto"] .howto-kbd-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr;
    gap:24px;
  }
  body [data-panel="howto"] .kbd-cat{display:flex;flex-direction:column;gap:6px;}
  body [data-panel="howto"] .kbd-cat-label{
    font-family:'JetBrains Mono',monospace;
    font-size:9.5px;
    font-weight:800;
    letter-spacing:0.24em;
    color:#7a7a82;
    text-transform:uppercase;
    margin-bottom:6px;
    padding-bottom:6px;
    border-bottom:1px solid rgba(200,200,215,0.07);
  }
  body [data-panel="howto"] .kbd-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:6px 0;
    font-family:'Inter',sans-serif;
    font-size:12.5px;
    color:#cbd1db;
  }
  body [data-panel="howto"] .kbd-row kbd{
    font-family:'JetBrains Mono',monospace;
    font-size:10.5px;
    font-weight:700;
    color:#cbd1db;
    background:#15161a;
    border:1px solid rgba(200,200,215,0.22);
    padding:3px 8px;
    line-height:1;
  }

  /* Aside */
  body [data-panel="howto"] .howto-aside{display:flex;flex-direction:column;gap:14px;min-width:0;}
  body [data-panel="howto"] .howto-aside-card{
    background:#0a0b0e;
    border:1px solid rgba(200,200,215,0.08);
    padding:16px 18px;
  }
  body [data-panel="howto"] .howto-aside-card.sticky{position:sticky;top:88px;}
  body [data-panel="howto"] .howto-aside-head{
    font-family:'JetBrains Mono',monospace;
    font-size:9.5px;
    font-weight:800;
    letter-spacing:0.26em;
    color:#cbd1db;
    text-transform:uppercase;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid rgba(200,200,215,0.07);
  }
  body [data-panel="howto"] .howto-toc-link{
    display:block;
    padding:5px 0;
    font-family:'Inter',sans-serif;
    font-size:12px;
    color:#a8a8ac;
    text-decoration:none;
    transition:color 0.15s;
  }
  body [data-panel="howto"] .howto-toc-link:hover{color:#76b7ff;}
  body [data-panel="howto"] .howto-gloss-row{
    display:grid;
    grid-template-columns:54px 1fr;
    gap:8px;
    padding:5px 0;
    align-items:baseline;
  }
  body [data-panel="howto"] .hg-k{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    font-weight:800;
    color:#76b7ff;
    letter-spacing:0.06em;
  }
  body [data-panel="howto"] .hg-v{
    font-family:'Inter',sans-serif;
    font-size:11.5px;
    color:#a8a8ac;
    line-height:1.4;
  }
  body [data-panel="howto"] .howto-cta-row{
    display:flex;
    align-items:center;
    gap:11px;
    padding:11px 12px;
    background:#06070a;
    border:1px solid rgba(200,200,215,0.08);
    text-decoration:none;
    transition:border-color 0.15s, background 0.15s;
    margin-bottom:8px;
  }
  body [data-panel="howto"] .howto-cta-row:hover{
    border-color:rgba(118,183,255,0.45);
    background:rgba(118,183,255,0.05);
  }
  body [data-panel="howto"] .howto-cta-row:last-child{margin-bottom:0;}
  body [data-panel="howto"] .howto-cta-icon{
    width:26px; height:26px;
    display:grid; place-items:center;
    border:1px solid rgba(200,200,215,0.18);
    background:#0a0b0e;
    color:#76b7ff;
    font-family:'JetBrains Mono',monospace;
    font-size:13px;
    flex-shrink:0;
    line-height:1;
  }
  body [data-panel="howto"] .howto-cta-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
  body [data-panel="howto"] .howto-cta-name{
    font-family:'Inter',sans-serif;
    font-size:12.5px;
    font-weight:600;
    color:#f4f5f7;
  }
  body [data-panel="howto"] .howto-cta-sub{
    font-family:'JetBrains Mono',monospace;
    font-size:9.5px;
    color:#7a7a82;
    letter-spacing:0.06em;
  }
  body [data-panel="howto"] .howto-cta-arrow{
    font-family:'JetBrains Mono',monospace;
    font-size:14px;
    color:#5a5a62;
    flex-shrink:0;
  }

  @media(max-width:1080px){
    body [data-panel="howto"] .howto-page{grid-template-columns:1fr;}
    body [data-panel="howto"] .howto-quickstart,
    body [data-panel="howto"] .howto-model-grid{grid-template-columns:1fr;}
    body [data-panel="howto"] .anno-row{grid-template-columns:repeat(3, 1fr);}
    body [data-panel="howto"] .howto-kbd-grid{grid-template-columns:1fr;}
  }

  /* ──── SUPPORT TICKET PANEL ──────────────────────────────────────── */
  body [data-panel="support"] .support-grid{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 320px;
    gap:24px;
    margin-top:28px;
  }
  body [data-panel="support"] .support-form{
    background:#0a0b0e;
    border:1px solid rgba(200,200,215,0.08);
    padding:26px 28px 24px;
    display:flex;
    flex-direction:column;
    gap:20px;
    min-width:0;
  }
  body [data-panel="support"] .support-section-head{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(200,200,215,0.08);
  }
  body [data-panel="support"] .support-section-title{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    font-weight:800;
    letter-spacing:0.30em;
    color:#e4e6eb;
    text-transform:uppercase;
  }
  body [data-panel="support"] .support-section-sub{
    font-family:'Inter',sans-serif;
    font-size:12.5px;
    color:#7a7a82;
    line-height:1.5;
  }
  body [data-panel="support"] .support-field-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
  }
  body [data-panel="support"] .support-field{
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:0;
  }
  body [data-panel="support"] .support-label{
    font-family:'JetBrains Mono',monospace;
    font-size:9.5px;
    font-weight:800;
    letter-spacing:0.22em;
    color:#8b95a5;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    gap:8px;
  }
  body [data-panel="support"] .support-optional{
    font-family:'JetBrains Mono',monospace;
    font-size:7.5px;
    font-weight:700;
    letter-spacing:0.20em;
    color:#5a5a62;
    background:rgba(200,200,215,0.06);
    border:1px solid rgba(200,200,215,0.18);
    padding:2px 5px;
    line-height:1;
    text-transform:uppercase;
  }
  body [data-panel="support"] .support-input{
    font-family:'Inter',sans-serif;
    font-size:13.5px;
    color:#f4f5f7;
    background:#06070a;
    border:1px solid rgba(200,200,215,0.10);
    padding:11px 14px;
    line-height:1.4;
    transition:border-color 0.15s, box-shadow 0.15s;
    width:100%;
    box-sizing:border-box;
    outline:none;
    border-radius:0;
    font-weight:400;
  }
  body [data-panel="support"] .support-input:focus{
    border-color:rgba(118,183,255,0.55);
    box-shadow:0 0 0 1px rgba(118,183,255,0.30);
    background:#080a0e;
  }
  body [data-panel="support"] .support-input::placeholder{ color:#5a5a62; }
  /* Chrome autofill repaint (pale-blue UA background) — inset to the theme bg */
  body [data-panel="support"] .support-input:-webkit-autofill,
  body [data-panel="support"] .support-input:-webkit-autofill:hover,
  body [data-panel="support"] .support-input:-webkit-autofill:focus{
    -webkit-text-fill-color:#f4f5f7;
    -webkit-box-shadow:0 0 0 1000px #06070a inset;
    box-shadow:0 0 0 1000px #06070a inset;
    caret-color:#f4f5f7;
    transition:background-color 9999s ease-in-out 0s;
  }
  body [data-panel="support"] select.support-input{
    appearance:none;
    -webkit-appearance:none;
    background-image:linear-gradient(45deg, transparent 50%, #7a7a82 50%), linear-gradient(135deg, #7a7a82 50%, transparent 50%);
    background-position:calc(100% - 18px) 50%, calc(100% - 13px) 50%;
    background-size:5px 5px, 5px 5px;
    background-repeat:no-repeat;
    padding-right:36px;
    cursor:pointer;
  }
  body [data-panel="support"] .support-textarea{
    resize:vertical;
    min-height:140px;
    font-family:'Inter',sans-serif;
    line-height:1.6;
  }
  body [data-panel="support"] .support-help{
    font-family:'JetBrains Mono',monospace;
    font-size:9.5px;
    color:#5a5a62;
    letter-spacing:0.08em;
  }

  /* Priority radio group */
  body [data-panel="support"] .support-priority-group{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:1px;
    background:rgba(200,200,215,0.08);
    border:1px solid rgba(200,200,215,0.10);
  }
  body [data-panel="support"] .support-priority{
    position:relative;
    cursor:pointer;
    display:block;
  }
  body [data-panel="support"] .support-priority input{
    position:absolute;
    opacity:0;
    pointer-events:none;
  }
  body [data-panel="support"] .support-priority span{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:11px 8px;
    background:#06070a;
    font-family:'JetBrains Mono',monospace;
    font-size:10.5px;
    font-weight:800;
    letter-spacing:0.16em;
    color:#7a7a82;
    text-transform:uppercase;
    transition:background 0.15s, color 0.15s, box-shadow 0.15s;
  }
  body [data-panel="support"] .support-priority:hover span{background:#0a0b0e;color:#c8c8d0;}
  body [data-panel="support"] .support-priority input:checked + span{
    background:rgba(118,183,255,0.10);
    color:#76b7ff;
    box-shadow:inset 0 -2px 0 #76b7ff;
  }
  body [data-panel="support"] .support-priority.urgent input:checked + span{
    background:rgba(255,90,104,0.10);
    color:#ff5a68;
    box-shadow:inset 0 -2px 0 #ff5a68;
  }

  /* File drop */
  body [data-panel="support"] .support-file-drop{
    display:block;
    cursor:pointer;
    padding:11px 14px;
    background:#06070a;
    border:1px dashed rgba(200,200,215,0.20);
    color:#7a7a82;
    font-family:'Inter',sans-serif;
    font-size:12px;
    line-height:1.4;
    transition:border-color 0.15s, background 0.15s, color 0.15s;
    min-height:42px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
  }
  body [data-panel="support"] .support-file-drop:hover{
    border-color:rgba(118,183,255,0.55);
    background:rgba(118,183,255,0.04);
    color:#c8c8d0;
  }
  body [data-panel="support"] .support-file-drop.has-file{
    border-style:solid;
    border-color:rgba(74,222,128,0.45);
    background:rgba(74,222,128,0.04);
    color:#e4e6eb;
  }

  /* Auto-attached context */
  body [data-panel="support"] .support-context{
    background:#06070a;
    border:1px solid rgba(200,200,215,0.08);
    padding:14px 16px;
    display:flex;
    flex-direction:column;
    gap:6px;
  }
  body [data-panel="support"] .support-context-label{
    font-family:'JetBrains Mono',monospace;
    font-size:9px;
    font-weight:800;
    letter-spacing:0.24em;
    color:#5a5a62;
    text-transform:uppercase;
    margin-bottom:4px;
  }
  body [data-panel="support"] .support-context-row{
    display:flex;
    justify-content:space-between;
    gap:14px;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
  }
  body [data-panel="support"] .support-ck{color:#7a7a82;letter-spacing:0.04em;}
  body [data-panel="support"] .support-cv{color:#cbd1db;text-align:right;}
  body [data-panel="support"] .support-cv.link{color:#76b7ff;text-decoration:none;}
  body [data-panel="support"] .support-cv.link:hover{color:#a8caff;text-decoration:underline;}

  /* Actions */
  body [data-panel="support"] .support-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:6px;
    padding-top:18px;
    border-top:1px solid rgba(200,200,215,0.08);
  }
  body [data-panel="support"] .support-btn{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    font-weight:800;
    letter-spacing:0.18em;
    text-transform:uppercase;
    padding:11px 18px;
    cursor:pointer;
    border:1px solid;
    transition:background 0.15s, color 0.15s;
    line-height:1;
  }
  body [data-panel="support"] .support-btn.ghost{
    background:transparent;
    border-color:rgba(200,200,215,0.18);
    color:#a8a8ac;
  }
  body [data-panel="support"] .support-btn.ghost:hover{background:rgba(200,200,215,0.04);color:#e4e6eb;}
  body [data-panel="support"] .support-btn.primary{
    background:#76b7ff;
    border-color:#76b7ff;
    color:#0a0b0e;
  }
  body [data-panel="support"] .support-btn.primary:hover{background:#5b9eef;border-color:#5b9eef;}
  body [data-panel="support"] .support-btn.primary:disabled{background:rgba(118,183,255,0.30);border-color:rgba(118,183,255,0.30);cursor:default;}

  /* Success state */
  body [data-panel="support"] .support-success{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 20px;
    background:rgba(74,222,128,0.06);
    border:1px solid rgba(74,222,128,0.40);
  }
  body [data-panel="support"] .support-success-icon{
    width:36px;height:36px;
    border-radius:50%;
    background:rgba(74,222,128,0.18);
    border:1px solid rgba(74,222,128,0.65);
    color:#4ade80;
    display:grid;place-items:center;
    font-size:18px;
    font-weight:700;
    flex-shrink:0;
  }
  body [data-panel="support"] .support-success-title{
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:700;
    color:#67f091;
    margin-bottom:3px;
  }
  body [data-panel="support"] .support-success-sub{
    font-family:'Inter',sans-serif;
    font-size:12px;
    color:#a8d8b9;
    line-height:1.4;
  }

  /* Aside */
  body [data-panel="support"] .support-aside{
    display:flex;
    flex-direction:column;
    gap:14px;
    min-width:0;
  }
  body [data-panel="support"] .support-aside-card{
    background:#0a0b0e;
    border:1px solid rgba(200,200,215,0.08);
    padding:18px 18px 16px;
  }
  body [data-panel="support"] .support-aside-head{
    padding-bottom:12px;
    margin-bottom:12px;
    border-bottom:1px solid rgba(200,200,215,0.07);
  }
  body [data-panel="support"] .support-aside-title{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    font-weight:800;
    letter-spacing:0.26em;
    color:#cbd1db;
    text-transform:uppercase;
  }
  body [data-panel="support"] .support-rt-list{
    display:flex;
    flex-direction:column;
    gap:7px;
  }
  body [data-panel="support"] .support-rt-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }
  body [data-panel="support"] .support-rt-tag{
    font-family:'JetBrains Mono',monospace;
    font-size:9px;
    font-weight:800;
    letter-spacing:0.18em;
    padding:3px 7px;
    line-height:1;
    border:1px solid;
  }
  body [data-panel="support"] .support-rt-tag.urgent{color:#ff5a68;border-color:rgba(255,90,104,0.55);background:rgba(255,90,104,0.06);}
  body [data-panel="support"] .support-rt-tag.high{color:#fbbf24;border-color:rgba(251,191,36,0.55);background:rgba(251,191,36,0.06);}
  body [data-panel="support"] .support-rt-tag.med{color:#76b7ff;border-color:rgba(118,183,255,0.55);background:rgba(118,183,255,0.06);}
  body [data-panel="support"] .support-rt-tag.low{color:#7a7a82;border-color:rgba(200,200,215,0.20);background:#06070a;}
  body [data-panel="support"] .support-rt-eta{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    color:#cbd1db;
    font-weight:700;
  }
  body [data-panel="support"] .support-rt-note{
    margin-top:12px;
    padding-top:10px;
    border-top:1px solid rgba(200,200,215,0.06);
    font-family:'Inter',sans-serif;
    font-size:11px;
    color:#7a7a82;
    line-height:1.4;
  }
  body [data-panel="support"] .support-contact-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:5px 0;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
  }
  body [data-panel="support"] .support-checklist{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  body [data-panel="support"] .support-checklist li{
    position:relative;
    padding-left:18px;
    font-family:'Inter',sans-serif;
    font-size:12px;
    color:#a8a8ac;
    line-height:1.5;
  }
  body [data-panel="support"] .support-checklist li::before{
    content:'';
    position:absolute;
    left:0;
    top:7px;
    width:8px;
    height:8px;
    border:1px solid rgba(200,200,215,0.30);
  }

  @media(max-width:1080px){
    body [data-panel="support"] .support-grid{grid-template-columns:1fr;}
    body [data-panel="support"] .support-field-grid{grid-template-columns:1fr;}
  }

  /* ──── ALERTS BAR (right rail) — V4 TINTED ROW · 5-STATE ─────────── */
  /* States: long (green) · short (red) · target (blue) · slhit (orange) · exit (silver) */
  body .alerts-rail{ padding:1.25rem 1rem !important; overflow-y:auto !important; }
  body .alerts-h{
    font-family:'JetBrains Mono',monospace !important;
    font-size:10px !important;
    color:#7a7a7e !important;
    letter-spacing:.22em !important;
    text-transform:uppercase !important;
    font-weight:500 !important;
    margin:0 0 4px !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
  }
  body .alerts-h .alerts-count{
    color:#c8c8d0 !important;
    background:none !important;
    padding:0 !important;
    font-weight:700 !important;
  }
  body .alerts-session{
    font-size:8.5px;
    color:#5a5a5e;
    letter-spacing:.18em;
    text-transform:uppercase;
    font-family:'JetBrains Mono',monospace;
    font-weight:600;
    padding-bottom:10px;
    border-bottom:1px solid rgba(200,200,215,0.10);
    margin-bottom:12px;
  }
  body .alerts-session b{ color:#c8c8d0; font-weight:700; }
  body .alerts-bucket-label{
    font-family:'JetBrains Mono',monospace;
    font-size:8.5px;
    color:#5a5a5e;
    letter-spacing:.26em;
    text-transform:uppercase;
    font-weight:700;
    margin:14px 0 8px;
    display:flex;
    align-items:center;
    gap:10px;
  }
  body .alerts-bucket-label::after{ content:''; flex:1; height:1px; background:rgba(200,200,215,0.06); }
  body .alerts-bucket-label.live{ color:#c8c8d0; margin-top:4px; }
  /* Tinted row backgrounds — subtle gradient per state */
  body .alrt{
    padding:10px 12px;
    margin:0 -12px;
    border-bottom:1px solid rgba(200,200,215,0.04);
    position:relative;
    background:transparent;
  }
  /* Per-state left bar (2px) — clearest visual cue at this size */
  body .alrt::before{
    content:'' !important;
    position:absolute !important;
    left:-12px !important; top:0 !important; bottom:0 !important;
    width:2px !important;
    display:block !important;
  }
  body .alrt.long::before,
  body .alrt.entry::before{ background:#4ade80 !important; box-shadow:0 0 8px rgba(74,222,128,0.4) !important; }
  body .alrt.short::before{ background:#ef4444 !important; box-shadow:0 0 8px rgba(239,68,68,0.4) !important; }
  body .alrt.target::before{ background:#38bdf8 !important; box-shadow:0 0 8px rgba(56,189,248,0.4) !important; }
  body .alrt.slhit::before{ background:#f97316 !important; box-shadow:0 0 8px rgba(249,115,22,0.4) !important; }
  body .alrt.exit::before{ background:#c8c8d0 !important; box-shadow:0 0 6px rgba(200,200,215,0.3) !important; }
  /* Tinted backgrounds per state */
  body .alrt.long,
  body .alrt.entry{ background:linear-gradient(90deg,rgba(74,222,128,0.10),transparent 70%) !important; }
  body .alrt.short{ background:linear-gradient(90deg,rgba(239,68,68,0.10),transparent 70%) !important; }
  body .alrt.target{ background:linear-gradient(90deg,rgba(56,189,248,0.10),transparent 70%) !important; }
  body .alrt.slhit{ background:linear-gradient(90deg,rgba(249,115,22,0.10),transparent 70%) !important; }
  body .alrt.exit{ background:linear-gradient(90deg,rgba(200,200,215,0.06),transparent 70%) !important; }
  body .alrt.live-glow{ /* legacy — neutralized; tint comes from state class */ }
  body .alrt-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:5px;
  }
  body .alrt-tag{
    font-family:'JetBrains Mono',monospace;
    font-size:8.5px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#a8a8ac;
  }
  body .alrt.long .alrt-tag,    body .alrt-tag.long,
  body .alrt.entry .alrt-tag,   body .alrt-tag.enter{ color:#4ade80; }
  body .alrt.short .alrt-tag,   body .alrt-tag.short{ color:#ef4444; }
  body .alrt.target .alrt-tag,  body .alrt-tag.target{ color:#38bdf8; }
  body .alrt.slhit .alrt-tag,   body .alrt-tag.slhit{ color:#f97316; }
  body .alrt.exit .alrt-tag,    body .alrt-tag.exit{ color:#c8c8d0; }
  body .alrt-time{
    font-family:'JetBrains Mono',monospace;
    font-size:9px;
    color:#5a5a5e;
    font-feature-settings:'tnum';
    letter-spacing:0;
  }
  body .alrt-main{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:5px;
  }
  body .alrt-sym{
    font-family:'Inter',sans-serif;
    font-size:13px;
    font-weight:700;
    color:#fff;
    letter-spacing:-0.012em;
    line-height:1.1;
  }
  body .alrt-grade-wrap{
    align-self:center;
    display:flex;flex-direction:column;align-items:center;gap:4px;
  }
  body .alrt-grade-lbl{
    font-family:'JetBrains Mono',monospace;
    font-size:7px;color:#5a5a5e;
    letter-spacing:.2em;text-transform:uppercase;
    font-weight:700;line-height:1;
  }
  body .alrt-grade{
    width:26px;height:26px;
    display:inline-flex;align-items:center;justify-content:center;
    font-family:'JetBrains Mono',monospace;
    font-size:12.5px;font-weight:800;line-height:1;
    background:rgba(255,255,255,.02);
    box-shadow:0 0 14px -4px currentColor;
    text-shadow:0 0 9px currentColor;
  }
  body .alrt-px{ text-align:right; }
  body .alrt-px-lbl{
    font-family:'JetBrains Mono',monospace;
    font-size:7px;
    color:#5a5a5e;
    letter-spacing:.2em;
    text-transform:uppercase;
    font-weight:700;
    line-height:1;
  }
  body .alrt-px-v{
    font-family:'JetBrains Mono',monospace;
    font-size:11.5px;
    color:#c8c8d0;
    font-weight:700;
    font-feature-settings:'tnum';
    line-height:1.2;
  }
  /* Price color override per state (subtle — sym stays white, price takes state hue lightly) */
  body .alrt.target .alrt-px-v{ color:#c8c8d0; }
  body .alrt.slhit .alrt-px-v{ color:#c8c8d0; }
  body .alrt.exit .alrt-px-v{ color:#c8c8d0; }
  body .alrt-sltp{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    margin-top:5px;
    background:rgba(200,200,215,0.06);
    border:1px solid rgba(200,200,215,0.06);
  }
  body .alrt-sl, body .alrt-tp{
    background:#06060a;
    padding:4px 7px;
    display:flex;
    justify-content:space-between;
    align-items:baseline;
  }
  body .alrt-k{
    font-family:'JetBrains Mono',monospace;
    font-size:7px;
    letter-spacing:.2em;
    text-transform:uppercase;
    font-weight:700;
  }
  body .alrt-pnl{
    margin-top:5px;
    background:#06060a;
    border:1px solid rgba(200,200,215,0.06);
    padding:4px 7px;
    display:flex;justify-content:space-between;align-items:baseline;
  }
  body .alrt-pnl .alrt-k{ color:#7a7a7e; }
  body .alrt-pnl-v{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;font-weight:700;
    font-feature-settings:'tnum';letter-spacing:0;
  }
  body .alrt-pnl-v.up{ color:#4ade80; }
  body .alrt-pnl-v.dn{ color:#ff5a68; }
  body .alrt-sl .alrt-k{ color:#7a7a7e; }
  body .alrt-tp .alrt-k{ color:#7a7a7e; }
  body .alrt-v{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    color:#fff;
    font-feature-settings:'tnum';
    font-weight:600;
    letter-spacing:0;
  }
  body .alrt-d{
    font-family:'JetBrains Mono',monospace;
    font-size:7px;
    color:#5a5a5e;
    font-weight:500;
    margin-left:3px;
    font-feature-settings:'tnum';
  }
  body .alrt-meta{
    display:flex;
    align-items:center;
    gap:4px;
    margin-top:5px;
    font-family:'JetBrains Mono',monospace;
    font-size:8px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#5a5a5e;
    font-weight:600;
  }
  body .alrt-pill{
    padding:1px 5px;
    border:1px solid rgba(200,200,215,0.16);
    color:#a8a8ac;
    line-height:1.3;
  }
  body .alrt-pill.a{ color:#c8c8d0; border-color:rgba(200,200,215,0.30); }
  body .alrt-pill.b{ color:#a8a8ac; opacity:0.75; }
  body .alrt-rr{
    margin-left:auto;
    font-feature-settings:'tnum';
    letter-spacing:0;
    color:#a8a8ac;
  }
  body .alrt-rr.up{ color:#38bdf8; }
  body .alrt-rr.dn{ color:#f97316; }

  /* ============ INVESTING PANEL (Fundamental + Quant toggle) ============ */
  [data-panel="investing"] .invest-toggle{display:flex;gap:0;padding:18px 0 0;border-bottom:1px solid rgba(255,255,255,0.06);background:#0a0a0e;margin:14px 0 0;padding-left:0;padding-right:0;}
  [data-panel="investing"] .invest-toggle button{appearance:none;background:none;border:none;border-bottom:2px solid transparent;color:#7a7a7e;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.30em;text-transform:uppercase;font-weight:700;padding:14px 22px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;}
  [data-panel="investing"] .invest-toggle button:hover{color:#c8c8d0;}
  [data-panel="investing"] .invest-toggle button.active{color:#fff;border-bottom-color:#c8c8d0;}
  [data-panel="investing"] .invest-toggle button .count{padding:2px 8px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);font-size:9px;color:#a8a8ac;font-weight:700;}
  [data-panel="investing"] .invest-toggle button.active .count{background:rgba(255,255,255,0.10);color:#c8c8d0;}
  [data-panel="investing"] .invest-view{padding:0 0 0;}
  [data-panel="investing"] .invest-view[hidden]{display:none;}

  [data-panel="investing"] .bench-title{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.30em;text-transform:uppercase;font-weight:700;padding:18px 0 12px;margin-top:6px;}
  [data-panel="investing"] .bench-title.long{color:#4ade80;}
  [data-panel="investing"] .bench-title.short{color:#ef4444;}
  [data-panel="investing"] .bench-title .sub{color:#5a5a5e;font-size:10px;letter-spacing:.18em;margin-left:10px;font-weight:400;}

  [data-panel="investing"] .fund-list{display:flex;flex-direction:column;gap:16px;}
  [data-panel="investing"] .fund-card{border:1px solid rgba(255,255,255,0.06);background:#0a0a0e;padding:22px 26px;}
  [data-panel="investing"] .fund-card.long{border-left:2px solid #4ade80;}
  [data-panel="investing"] .fund-card.short{border-left:2px solid #ef4444;}
  [data-panel="investing"] .fund-card .head{display:flex;align-items:baseline;gap:14px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.04);flex-wrap:wrap;}
  [data-panel="investing"] .fund-card .head .pos-badge{padding:3px 10px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.20em;font-weight:800;text-transform:uppercase;}
  [data-panel="investing"] .fund-card .head .pos-badge.long{background:rgba(74,222,128,0.10);color:#4ade80;border:1px solid rgba(74,222,128,0.40);}
  [data-panel="investing"] .fund-card .head .pos-badge.short{background:rgba(239,68,68,0.10);color:#ef4444;border:1px solid rgba(239,68,68,0.40);}
  [data-panel="investing"] .fund-card .head .tk{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:800;color:#fff;letter-spacing:.02em;}
  [data-panel="investing"] .fund-card .head .co{font-family:'Inter',sans-serif;font-size:14px;color:#c8c8d0;font-weight:500;}
  [data-panel="investing"] .fund-card .head .sec{font-family:'JetBrains Mono',monospace;font-size:10px;color:#7a7a7e;letter-spacing:.20em;text-transform:uppercase;padding:3px 10px;border:1px solid rgba(255,255,255,0.10);}
  [data-panel="investing"] .fund-card .head .date{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10px;color:#5a5a5e;letter-spacing:.14em;}

  [data-panel="investing"] .fund-card .sectionlabel{font-family:'JetBrains Mono',monospace;font-size:9px;color:#5a5a5e;letter-spacing:.30em;text-transform:uppercase;font-weight:700;margin-bottom:8px;margin-top:16px;}
  [data-panel="investing"] .fund-card .sectionlabel:first-child{margin-top:0;}
  [data-panel="investing"] .fund-card .thesis-text{font-family:'Inter',sans-serif;font-size:13.5px;color:#d4d4d8;line-height:1.6;font-weight:400;}
  [data-panel="investing"] .fund-card .thesis-text b{color:#fff;font-weight:600;}
  [data-panel="investing"] .fund-card .bullets{font-family:'Inter',sans-serif;font-size:13px;color:#a8a8ac;line-height:1.5;list-style:none;padding:0;margin:0;}
  [data-panel="investing"] .fund-card .bullets li{padding:4px 0 4px 16px;position:relative;}
  [data-panel="investing"] .fund-card .bullets li::before{content:'·';position:absolute;left:4px;color:#7a7a7e;font-weight:700;}
  [data-panel="investing"] .fund-card .bullets li b{color:#fff;font-weight:600;}

  [data-panel="investing"] .fund-card-side{border-left:1px solid rgba(255,255,255,0.06);padding-left:24px;display:flex;flex-direction:column;gap:18px;}
  [data-panel="investing"] .fund-range-block .rl{font-family:'JetBrains Mono',monospace;font-size:9px;color:#5a5a5e;letter-spacing:.30em;text-transform:uppercase;font-weight:700;margin-bottom:10px;}
  [data-panel="investing"] .range-bar{position:relative;padding-bottom:24px;}
  [data-panel="investing"] .range-bar .endpoints{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:11px;color:#7a7a7e;margin-bottom:10px;}
  [data-panel="investing"] .range-bar .track{position:relative;height:5px;background:rgba(255,255,255,0.06);border-radius:3px;}
  [data-panel="investing"] .range-bar .marker{position:absolute;top:-6px;width:3px;height:17px;transform:translateX(-50%);}
  [data-panel="investing"] .range-bar.long .marker{background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,0.50);}
  [data-panel="investing"] .range-bar.short .marker{background:#ef4444;box-shadow:0 0 12px rgba(239,68,68,0.50);}
  [data-panel="investing"] .range-bar .marker-val{position:absolute;top:18px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:800;}
  [data-panel="investing"] .range-bar.long .marker-val{color:#4ade80;}
  [data-panel="investing"] .range-bar.short .marker-val{color:#ef4444;}

  [data-panel="investing"] .fund-stat{display:flex;flex-direction:column;gap:3px;}
  [data-panel="investing"] .fund-stat .l{font-family:'JetBrains Mono',monospace;font-size:9px;color:#5a5a5e;letter-spacing:.22em;text-transform:uppercase;font-weight:700;}
  [data-panel="investing"] .fund-stat .v{font-family:'JetBrains Mono',monospace;font-size:13px;color:#fff;font-weight:700;}
  [data-panel="investing"] .fund-stat .v.green{color:#4ade80;}
  [data-panel="investing"] .fund-stat .v.red{color:#ef4444;}
  [data-panel="investing"] .fund-stat .v.amber{color:#fbbf24;}

  /* Quant table */
  [data-panel="investing"] .quant-wrap{border:1px solid rgba(255,255,255,0.06);border-top:none;max-height:720px;overflow-y:auto;}
  [data-panel="investing"] .quant-head{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,0.06);background:#0a0a0e;}
  [data-panel="investing"] .quant-head .t{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.30em;text-transform:uppercase;font-weight:700;color:#c8c8d0;}
  [data-panel="investing"] .quant-head .t b{color:#fff;}
  [data-panel="investing"] .quant-head .filters{display:flex;gap:8px;}
  [data-panel="investing"] .quant-head .filters span{padding:4px 12px;font-family:'JetBrains Mono',monospace;font-size:10px;color:#a8a8ac;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(255,255,255,0.10);font-weight:700;cursor:pointer;}
  [data-panel="investing"] .quant-head .filters span.active{background:#1a1a22;color:#fff;border-color:rgba(255,255,255,0.30);}
  [data-panel="investing"] table.quant{width:100%;border-collapse:separate;border-spacing:0;font-family:'JetBrains Mono',monospace;font-size:12px;}
  [data-panel="investing"] table.quant thead{background:#0a0a0e;}
  [data-panel="investing"] table.quant th{padding:11px 14px;text-align:right;font-size:9px;color:#5a5a5e;letter-spacing:.22em;text-transform:uppercase;font-weight:700;border-bottom:1px solid rgba(255,255,255,0.10);background:#0a0a0e;position:sticky;top:0;z-index:2;}
  [data-panel="investing"] table.quant th:first-child,[data-panel="investing"] table.quant th:nth-child(2),[data-panel="investing"] table.quant th:nth-child(3),[data-panel="investing"] table.quant th:last-child{text-align:left;}
  [data-panel="investing"] table.quant td{padding:9px 14px;text-align:right;color:#c8c8d0;border-bottom:1px solid rgba(255,255,255,0.03);}
  [data-panel="investing"] table.quant td:first-child{text-align:left;color:#7a7a7e;font-weight:700;}
  [data-panel="investing"] table.quant td:nth-child(2){text-align:left;color:#60a5fa;font-weight:800;letter-spacing:.04em;}
  [data-panel="investing"] table.quant td:nth-child(3){text-align:left;color:#a8a8ac;}
  [data-panel="investing"] table.quant td:last-child{text-align:left;color:#a8a8ac;font-style:italic;font-family:'Inter',sans-serif;font-size:11px;}
  [data-panel="investing"] table.quant td.delta-green{color:#4ade80;font-weight:700;background:rgba(74,222,128,0.04);}
  [data-panel="investing"] table.quant td.delta-red{color:#ef4444;font-weight:700;background:rgba(239,68,68,0.04);}
  [data-panel="investing"] table.quant td.delta-flat{color:#a8a8ac;font-weight:700;background:rgba(255,255,255,0.02);}
  [data-panel="investing"] table.quant tbody tr:hover td{background:rgba(255,255,255,0.02);}
  [data-panel="investing"] table.quant tbody tr:hover td.delta-green{background:rgba(74,222,128,0.08);}
  [data-panel="investing"] table.quant tbody tr:hover td.delta-red{background:rgba(239,68,68,0.08);}

  [data-panel="investing"] .sector-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:0;border:1px solid rgba(255,255,255,0.06);border-top:none;}
  [data-panel="investing"] .sector-strip .sec-cell{padding:12px 16px;border-right:1px solid rgba(255,255,255,0.06);}
  [data-panel="investing"] .sector-strip .sec-cell:last-child{border-right:none;}
  [data-panel="investing"] .sector-strip .sec-cell .l{font-family:'JetBrains Mono',monospace;font-size:8px;color:#5a5a5e;letter-spacing:.22em;text-transform:uppercase;font-weight:700;margin-bottom:4px;}
  [data-panel="investing"] .sector-strip .sec-cell .v{font-family:'JetBrains Mono',monospace;font-size:13px;color:#fff;font-weight:700;}
  [data-panel="investing"] .sector-strip .sec-cell .s{font-family:'JetBrains Mono',monospace;font-size:9px;color:#7a7a7e;margin-top:2px;}
  [data-panel="investing"] .sector-strip .sec-cell .s.green{color:#4ade80;}

  body .right.alerts-rail{position:relative;}
  body .right.alerts-rail .alerts-toggle{
    appearance:none !important;
    position:absolute !important;
    top:14px !important;
    left:10px !important;
    right:auto !important;
    z-index:40 !important;
    width:30px !important;
    height:30px !important;
    display:grid !important;
    place-items:center;
    border:1px solid rgba(200,200,208,.28) !important;
    background:#0a0a0c !important;
    color:#fff !important;
    font-family:'JetBrains Mono',monospace;
    font-size:15px !important;
    font-weight:900;
    line-height:1;
    cursor:pointer;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    box-sizing:border-box;
    transition:background .15s,border-color .15s,color .15s;
  }
  body .right.alerts-rail .alerts-toggle:hover{background:#101218 !important;color:#fff !important;border-color:rgba(200,200,208,.55) !important;}
  body .alerts-rail .alerts-h{padding-left:42px !important;}
  body.alerts-collapsed{--alerts-w:52px;}
  body.alerts-collapsed .right.alerts-rail{
    padding:0 !important;
    overflow:hidden !important;
    background:#050506 !important;
  }
  body.alerts-collapsed .right.alerts-rail > :not(.alerts-toggle){display:none !important;}
  body.alerts-collapsed .right.alerts-rail .alerts-toggle{
    top:14px !important;
    left:10px !important;
    right:auto !important;
    display:grid !important;
  }
  body.alerts-collapsed .right.alerts-rail::before{
    content:"ALERTS";
    position:absolute;
    top:72px;
    left:50%;
    transform:translateX(-50%);
    writing-mode:vertical-rl;
    text-orientation:mixed;
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    font-weight:800;
    letter-spacing:.28em;
    color:#7a7a7e;
  }
  body.alerts-collapsed .right.alerts-rail::after{
    content:attr(data-alert-count);
    position:absolute;
    left:0;
    right:0;
    bottom:18px;
    text-align:center;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    font-weight:900;
    color:#c8c8d0;
    letter-spacing:.06em;
  }

  .vrt-mask{pointer-events:none!important}
  .vr-u-mobile-picker-toggle,.vr-u-pinned-strip{display:none}
  /* Bulk-pin row lives directly under the grade chips at EVERY width (the old
     placement in .vr-u-foot put it below the full ticker list — too buried).
     Desktop look mirrors the chip rows; the <=700px terminal-mode block hides
     it while the drawer is closed and re-shows it in the open drawer. */
  /* MOBILE-ONLY bulk-pin row. Desktop keeps Pin All/Clear in the BOTTOM
     .vr-u-foot (the original terminal layout — do not resurface this row on
     desktop). The <=700px drawer-open rules below display it under the grade
     chips; order:2 matters there because the rail is a flex column whose
     children carry explicit order (head 1 / chip rows 2 / foot 3 / colhead 4 /
     body 5) — an unordered child defaults to 0 and jumps above the header. */
  .vr-u-mactions{display:none;order:2}
  .vr-u-mactions .vr-u-foot-btn{flex:0 0 auto;padding:5px 10px}
  .vr-u-mactions-pinned{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#5a5a5e}
  .vr-u-mactions-pinned b{color:#c8c8d0;font-weight:900}

  /* Mobile terminal v1: phone-first chrome, compact universe picker, card tables. */
  @media(max-width:700px){
    html,body.terminal-mode{width:100%!important;max-width:100%!important;min-height:100dvh!important;overflow-x:hidden!important;background:#020202!important}
    body.terminal-mode .desktop-notice{display:none!important}
    body.terminal-mode::before{opacity:.45!important}
    body.terminal-mode>.statusbar{position:sticky!important;top:0!important;z-index:9990!important;display:block!important;padding:8px 12px!important;background:rgba(4,4,6,.96)!important;border-bottom:1px solid rgba(200,200,208,.12)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
    body.terminal-mode>.statusbar .l{width:100%!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;overflow:hidden!important;font-size:9px!important;letter-spacing:.10em!important}
    body.terminal-mode>.statusbar .l>a,body.terminal-mode>.statusbar .l .item{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
    body.terminal-mode>.statusbar .l .item:nth-of-type(3),body.terminal-mode>.statusbar .r{display:none!important}
    body.terminal-mode>.ribbon{padding:14px 12px 12px!important;gap:8px!important;flex-wrap:nowrap!important;background:#07070a!important}
    body.terminal-mode>.ribbon .brand{min-width:0!important;font-size:13px!important;letter-spacing:.20em!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
    body.terminal-mode>.ribbon .session{display:none!important}
    body.terminal-mode>.body>main.main,body.universe-fullbleed main.main{padding:12px 12px 76px!important;background:#020202!important;overflow:visible!important;height:auto!important;max-height:none!important}
    body.universe-fullbleed .panel.has-universe-rail.active{height:auto!important;min-height:0!important}
    body.universe-fullbleed .vr-u-shell,body.terminal-mode .vr-u-shell,body.terminal-mode .vr-u-shell.rail-collapsed{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;border:0!important;background:transparent!important;box-sizing:border-box!important;overflow:hidden!important}
    body.universe-fullbleed .vr-u-content,body.terminal-mode .vr-u-content{order:2!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important}
    body.terminal-mode .vr-u-rail{order:1!important;position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;margin:0 0 14px!important;border:1px solid rgba(200,200,208,.12)!important;background:#060606!important;box-sizing:border-box!important;overflow:hidden!important}
    body.terminal-mode .vr-u-shell.rail-collapsed .vr-u-rail::before,body.terminal-mode .vr-u-shell.rail-collapsed .vr-u-rail::after{display:none!important;content:none!important}
    body.terminal-mode .vr-u-toggle{display:none!important}
    body.terminal-mode .vr-u-shell.rail-collapsed .vr-u-head,body.terminal-mode .vr-u-head{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:12px!important;background:#07070a!important;border-bottom:1px solid rgba(200,200,208,.10)!important;box-sizing:border-box!important}
    body.terminal-mode .vr-u-title{display:none!important}
    body.terminal-mode .vr-u-mobile-picker-toggle{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:transparent!important;border:0!important;color:#fff!important;padding:0!important;font-family:'JetBrains Mono',monospace!important;font-size:10px!important;font-weight:900!important;letter-spacing:.18em!important;text-transform:uppercase!important;text-align:left!important}
    body.terminal-mode .vr-u-mobile-picker-toggle span{min-width:0!important;font-size:11px!important;letter-spacing:.04em!important;color:#c8c8d0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
    body.terminal-mode .vr-u-mobile-picker-toggle:after{content:"+";flex:0 0 auto!important;width:22px!important;height:22px!important;display:grid!important;place-items:center!important;border:1px solid rgba(200,200,208,.20)!important;color:#c8c8d0!important;font-size:14px!important;line-height:1!important;letter-spacing:0!important}
    body.terminal-mode .vr-u-rail.mobile-open .vr-u-mobile-picker-toggle:after{content:"-"}
    body.terminal-mode .vr-u-search{height:36px!important;grid-template-columns:15px 1fr!important;gap:9px!important;padding:0 11px!important;border-color:rgba(200,200,208,.14)!important;background:#020204!important}
    body.terminal-mode .vr-u-search input{font-size:10px!important;letter-spacing:.13em!important}
    body.terminal-mode .vr-u-pinned-strip{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:8px!important}
    body.terminal-mode .vr-u-pin-chip{display:inline-flex!important;align-items:center!important;height:24px!important;padding:0 8px!important;border:1px solid rgba(200,200,208,.13)!important;background:rgba(255,255,255,.025)!important;color:#8f96a3!important;font-family:'JetBrains Mono',monospace!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
    body.terminal-mode .vr-u-pin-chip.active{border-color:rgba(200,200,208,.42)!important;background:rgba(200,200,208,.10)!important;color:#fff!important}
    body.terminal-mode .vr-u-shell.rail-collapsed .vr-u-filter,body.terminal-mode .vr-u-filter{display:flex!important;gap:6px!important;padding:8px 10px!important;border-bottom:1px solid rgba(200,200,208,.10)!important;overflow:hidden!important}
    body.terminal-mode .vr-u-filter .f{position:relative!important;flex:1 1 0!important;min-width:0!important;height:42px!important;padding:6px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(200,200,208,.18)!important;background:#0d0d12!important;font-size:9px!important;font-weight:900!important;letter-spacing:.14em!important;color:#ededf2!important;line-height:1.05!important;opacity:1!important;visibility:visible!important;text-indent:0!important}
    body.terminal-mode .vr-u-filter .f .n{display:block!important;width:max-content!important;min-width:18px!important;margin:4px auto 0!important;padding:1px 4px!important;font-size:9px!important;font-weight:800!important;letter-spacing:.04em!important;color:#fff!important;border:1px solid transparent!important;background:transparent!important;opacity:1!important;visibility:visible!important}
    body.terminal-mode .vr-u-filter .f.active,body.terminal-mode .vr-u-filter .f[aria-pressed="true"]{color:#fff!important;border-color:rgba(200,200,208,.18)!important;background:#0d0d12!important;box-shadow:inset 3px 0 0 rgba(200,200,208,.90)!important}
    body.terminal-mode .vr-u-filter .f.active .n,body.terminal-mode .vr-u-filter .f[aria-pressed="true"] .n{color:#fff!important;border-color:transparent!important;background:transparent!important}
    body.terminal-mode .vr-u-filter{display:none!important}
    body.terminal-mode .vr-u-mactions{display:none!important}
    body.terminal-mode .vr-u-shell.rail-collapsed .vr-u-colhead,body.terminal-mode .vr-u-colhead,body.terminal-mode .vr-u-shell.rail-collapsed .vr-u-foot,body.terminal-mode .vr-u-foot{display:none!important}
    body.terminal-mode .vr-u-shell.rail-collapsed .vr-u-body,body.terminal-mode .vr-u-body{display:block!important;gap:0!important;max-height:0!important;min-height:0!important;overflow-x:hidden!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;padding:0!important;border-bottom:0!important}
    body.terminal-mode .vr-u-rail.mobile-open .vr-u-body,body.terminal-mode .vr-u-rail.search-open .vr-u-body{max-height:min(54vh,420px)!important;overflow-y:auto!important;padding:4px 0!important;border-top:1px solid rgba(200,200,208,.10)!important}
    body.terminal-mode .vr-u-body::-webkit-scrollbar{display:none!important}
    body.terminal-mode .vr-u-row{position:relative!important;width:100%!important;max-width:100%!important;min-height:52px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) auto 30px!important;grid-template-rows:auto auto!important;align-items:center!important;gap:3px 9px!important;padding:8px 10px!important;border:0!important;border-bottom:1px solid rgba(200,200,208,.07)!important;border-left:2px solid transparent!important;background:transparent!important;box-sizing:border-box!important;text-align:left!important}
    body.terminal-mode .vr-u-row.active{border-left-color:#c8c8d0!important;border-bottom-color:rgba(200,200,208,.12)!important;background:rgba(200,200,208,.065)!important}
    body.terminal-mode .vr-u-row .vr-u-logo{position:static!important;grid-column:1!important;grid-row:1 / span 2!important;width:24px!important;height:24px!important;font-size:8px!important;align-self:center!important}
    body.terminal-mode .vr-u-row .vr-u-name{grid-column:2!important;grid-row:1!important;min-width:0!important;max-width:none!important;min-height:0!important;margin-left:0!important;justify-content:center!important}
    body.terminal-mode .vr-u-row .sym{font-size:13px!important;letter-spacing:-.01em!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
    body.terminal-mode .vr-u-row .nm{display:block!important;max-width:100%!important;margin-top:0!important;font-size:8px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
    body.terminal-mode .vr-u-row .asset{grid-column:2!important;grid-row:2!important;max-width:100%!important;font-size:7.5px!important;text-align:left!important}
    body.terminal-mode .vr-u-row .state{position:static!important;grid-column:3!important;grid-row:1 / span 2!important;align-self:center!important;width:auto!important;height:18px!important;padding:0 6px!important;font-size:7px!important;letter-spacing:.10em!important}
    body.terminal-mode .vr-u-row .price{display:none!important}
    body.terminal-mode .vr-u-row .vr-u-pin{position:relative!important;right:auto!important;bottom:auto!important;grid-column:4!important;grid-row:1 / span 2!important;align-self:center!important;justify-self:end!important;width:24px!important;height:24px!important}
    body.terminal-mode .vr-u-row.pinned{border-color:rgba(200,200,208,.07)!important;border-left-color:transparent!important;background:transparent!important}
    body.terminal-mode .vr-u-head{padding:0!important;border-bottom:0!important;background:#07070a!important}
    /* Pinned-chip wall removed (Darren 2026-06-12): with many pins it filled
       the screen — the "N TICKERS" count on the Browse bar carries the info.
       Rule kept (not deleted) in case the strip returns as a capped/summary UI. */
    body.terminal-mode .vr-u-pinned-strip{display:none!important}
    body.terminal-mode .vr-u-mobile-picker-toggle{padding:12px 14px!important;background:rgba(255,255,255,.02)!important;border-top:0!important}
    body.terminal-mode .vr-u-mobile-picker-toggle span{font-size:9px!important;letter-spacing:.08em!important;color:#a8a8ac!important}
    body.terminal-mode .vr-u-search{display:none!important;margin:10px 12px 12px!important;width:auto!important}
    body.terminal-mode .vr-u-selectall,
    body.terminal-mode .vr-u-colhead,
    body.terminal-mode .vr-u-foot,
    body.terminal-mode .vr-u-empty,
    body.terminal-mode .vr-u-body{display:none!important}
    body.terminal-mode .vr-u-rail.mobile-open .vr-u-search{display:grid!important}
    body.terminal-mode .vr-u-rail.mobile-open .vr-u-filter{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:8px 10px!important;border-top:1px solid rgba(200,200,208,.08)!important}
    body.terminal-mode .vr-u-rail.mobile-open .vr-u-filter .f{height:34px!important;padding:5px 3px!important;font-size:8px!important;letter-spacing:.12em!important}
    body.terminal-mode .vr-u-rail.mobile-open .vr-u-filter .f .n{margin-top:3px!important;font-size:8px!important;min-width:16px!important}
    body.terminal-mode .vr-u-rail.mobile-open .vr-u-body{display:block!important;max-height:min(56vh,460px)!important;overflow-y:auto!important;padding:0!important;border-top:1px solid rgba(200,200,208,.10)!important}
    body.terminal-mode .vr-u-rail.mobile-open .vr-u-empty.show{display:block!important;padding:18px 12px!important;border-top:1px solid rgba(200,200,208,.10)!important}
    /* Bulk-pin row in the open drawer — replaces the hidden desktop .vr-u-foot */
    body.terminal-mode .vr-u-rail.mobile-open .vr-u-mactions,body.terminal-mode .vr-u-rail.search-open .vr-u-mactions{display:flex!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;border-top:1px solid rgba(200,200,208,.08)!important}
    body.terminal-mode .vr-u-mactions .vr-u-foot-btn{flex:1 1 0!important;min-width:0!important;height:34px!important;padding:0 8px!important;font-size:9px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#ededf2!important;border:1px solid rgba(200,200,208,.18)!important;background:#0d0d12!important}
    body.terminal-mode .vr-u-mactions .vr-u-foot-btn:active{border-color:rgba(200,200,208,.66)!important;background:#1a1a20!important}
    body.terminal-mode .vr-u-mactions-pinned{flex:0 0 auto!important;font-family:'JetBrains Mono',monospace!important;font-size:9px!important;letter-spacing:.06em!important;color:#8a8a8e!important}
    body.terminal-mode .vr-u-mactions-pinned b{color:#fff!important;font-weight:900!important}
    body .module-header{margin:0 0 14px!important;padding:0!important;gap:8px!important}
    body .module-header .label{margin-bottom:6px!important;font-size:9px!important;letter-spacing:.20em!important;line-height:1.35!important}
    body .module-header .name{display:none!important}
    body .module-header .tagline{max-width:none!important;font-size:12px!important;line-height:1.5!important;color:#a8a8ac!important}
    body .module-header .right{display:flex!important;align-items:center!important;gap:8px!important;text-align:left!important;margin-top:4px!important;font-size:10px!important}
    body .module-header .right .badge{font-size:8px!important;padding:4px 7px!important;letter-spacing:.12em!important}
    [data-panel="core"] .grid3,body .grid3,body .grid4{grid-template-columns:1fr!important;gap:1px!important;margin-bottom:14px!important}
    body .grid3 .cell,body .grid3 .stat,body .grid4 .stat{padding:14px 16px!important}
    body .cell-val,body .stat .v{font-size:24px!important;line-height:1.05!important}
    body .panel .table,body .panel table.tbl{display:block!important;width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:12px!important}
    body .panel .table thead,body .panel table.tbl thead{display:none!important}
    body .panel .table tbody,body .panel table.tbl tbody{display:flex!important;flex-direction:column!important;gap:10px!important}
    body .panel .table tr,body .panel table.tbl tr{display:grid!important;grid-template-columns:1fr auto!important;gap:8px 14px!important;padding:13px 14px!important;border:1px solid rgba(200,200,208,.12)!important;background:#07070a!important}
    body .panel .table td,body .panel table.tbl td{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:0!important;border:0!important;min-width:0!important;font-size:11px!important;color:#d4d4d4!important;text-align:left!important}
    body .panel .table td:first-child,body .panel table.tbl td:first-child{grid-column:1/-1!important;display:block!important;font-family:'Inter',system-ui,sans-serif!important;font-size:14px!important;font-weight:750!important;color:#fff!important;letter-spacing:-.01em!important}
    body .panel .table td::before,body .panel table.tbl td::before{content:""!important;flex:0 0 auto!important;font-family:'JetBrains Mono',monospace!important;font-size:8px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#5a5a5e!important}
    body .panel .table td:nth-child(2)::before{content:"Trend"!important}
    body .panel .table td:nth-child(3)::before{content:"Grade"!important}
    body .panel .table td:nth-child(4)::before{content:"Buy"!important}
    body .panel .table td:nth-child(5)::before{content:"Sell"!important}
    body .panel .table td:nth-child(6)::before{content:"Live"!important}
    body .panel .table td:nth-child(7)::before{content:"P&L"!important}
    body [data-panel="apex"] .table td:nth-child(2)::before{content:"State"!important}
    body [data-panel="apex"] .table td:nth-child(3)::before{content:"Grade"!important}
    body [data-panel="apex"] .table td:nth-child(4)::before{content:"Side"!important}
    body [data-panel="apex"] .table td:nth-child(5)::before{content:"Entry"!important}
    body [data-panel="apex"] .table td:nth-child(6)::before{content:"TP"!important}
    body [data-panel="apex"] .table td:nth-child(7)::before{content:"SL"!important}
    body [data-panel="apex"] .table td:nth-child(8)::before{content:"Live"!important}
    body [data-panel="apex"] .table td:nth-child(9)::before{content:"P&L"!important}
    body.terminal-mode .panel .module-header{display:block!important;grid-template-columns:1fr!important;padding:0 0 14px!important;margin:0 0 18px!important;gap:0!important}
    body.terminal-mode .panel .module-header .tagline{display:block!important;max-width:100%!important;width:100%!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important}
    body.terminal-mode [data-panel="core"] .table tr.core-model-band{display:block!important;padding:0!important;border:1px solid rgba(200,200,208,.12)!important;background:#08080b!important}
    body.terminal-mode [data-panel="core"] .table tr.core-model-band td{display:block!important;width:100%!important;padding:0!important;border:0!important}
    body.terminal-mode [data-panel="core"] .table tr.core-model-band td::before{display:none!important}
    body.terminal-mode [data-panel="core"] .core-band-inner{width:100%!important;gap:8px!important;padding:12px!important;box-sizing:border-box!important}
    body.terminal-mode [data-panel="core"] .core-band-meta{margin-left:auto!important;font-size:7px!important;letter-spacing:.16em!important;white-space:nowrap!important}
    body.terminal-mode [data-panel="core"] .table tr[data-model-scope]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 14px!important;padding:13px 14px!important}
    body.terminal-mode [data-panel="core"] .table tr[data-model-scope] td:first-child{display:none!important}
    body.terminal-mode [data-panel="core"] .table tr[data-model-scope] td:nth-child(2){grid-column:1/-1!important;display:block!important;font-family:'JetBrains Mono',monospace!important;font-size:13px!important;font-weight:800!important;color:#fff!important;letter-spacing:0!important}
    body.terminal-mode [data-panel="core"] .table tr[data-model-scope] td:nth-child(2)::before{display:none!important}
    body.terminal-mode [data-panel="core"] .table tr[data-model-scope] td:nth-child(3)::before{content:"State"!important}
    body.terminal-mode [data-panel="core"] .table tr[data-model-scope] td:nth-child(4)::before{content:"Grade"!important}
    body.terminal-mode [data-panel="core"] .table tr[data-model-scope] td:nth-child(5)::before{content:"Side"!important}
    body.terminal-mode [data-panel="core"] .table tr[data-model-scope] td:nth-child(6)::before{content:"Entry"!important}
    body.terminal-mode [data-panel="core"] .table tr[data-model-scope] td:nth-child(7)::before{content:"TP"!important}
    body.terminal-mode [data-panel="core"] .table tr[data-model-scope] td:nth-child(8)::before{content:"SL"!important}
    body.terminal-mode [data-panel="core"] .table tr[data-model-scope] td:nth-child(9)::before{content:"Live"!important}
    body.terminal-mode [data-panel="core"] .table tr[data-model-scope] td:nth-child(10)::before{content:"P&L"!important}
    body .panel .table tr.pnl-history-row{display:none!important}
    body .panel .table tr.pnl-history-row.open{display:block!important;grid-template-columns:1fr!important;padding:0!important;border:1px solid rgba(200,200,208,.12)!important;background:#050507!important}
    body .panel .table tr.pnl-history-row td.pnl-history-cell{display:block!important;width:100%!important;padding:0!important;border:0!important}
    body .panel .table tr.pnl-history-row td.pnl-history-cell::before{display:none!important}
    body .pnl-history-panel{grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:12px!important;overflow:hidden!important}
    body .pnl-history-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
    body .pnl-history-stat{min-height:50px!important;padding:9px 8px!important}
    body .pnl-history-stat .v{font-size:15px!important}
    body .pnl-history-log .h{font-size:7.5px!important;letter-spacing:.12em!important}
    body .pnl-history-trade{grid-template-columns:86px 100px 38px 1fr!important;gap:7px 9px!important;padding:8px 0!important}
    body .pnl-history-trade b{font-size:12px!important;white-space:nowrap!important}
    body .pnl-history-trade .pnl-history-times{font-size:9.5px!important;gap:5px!important}
    body .pnl-history-trade .lvl{grid-column:1/-1!important;white-space:normal!important;overflow:visible!important}
    body .pnl-history-trade .pl{text-align:left!important}
    body .pnl-history-trade .state{text-align:right!important}
    [data-panel="core"] table.tbl td:nth-child(2)::before{content:"Sym"!important}
    [data-panel="core"] table.tbl td:nth-child(3)::before{content:"Dir"!important}
    [data-panel="core"] table.tbl td:nth-child(4)::before{content:"Grade"!important}
    [data-panel="core"] table.tbl td:nth-child(5)::before{content:"Time"!important}
    [data-panel="core"] table.tbl td:nth-child(6)::before{content:"Conf"!important}
    body .panel .table td:first-child::before,body .panel table.tbl td:first-child::before{display:none!important}
    body.terminal-mode>.footbar{position:static!important;display:block!important;padding:12px 14px calc(14px + env(safe-area-inset-bottom))!important;font-size:9px!important;letter-spacing:.10em!important;line-height:1.5!important}
    body.terminal-mode>.footbar .keymap{display:none!important}
    /* Mobile indicators final clamp: keep header and controls inside the phone crop. */
    body.terminal-mode [data-panel="indicators"].active{width:100%!important;max-width:calc(100vw - 24px)!important;overflow:hidden!important}
    body.terminal-mode [data-panel="indicators"] .module-header,body.terminal-mode [data-panel="indicators"] .module-header>div{width:100%!important;max-width:calc(100vw - 36px)!important;min-width:0!important;overflow:hidden!important;white-space:normal!important}
    body.terminal-mode [data-panel="indicators"] .module-header .tagline{display:block!important;width:300px!important;max-width:calc(100vw - 58px)!important;font-size:11px!important;letter-spacing:0!important;line-height:1.45!important;white-space:normal!important;overflow:visible!important;overflow-wrap:break-word!important}
    body.terminal-mode [data-panel="indicators"] .ind-toggle{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
    body.terminal-mode [data-panel="indicators"] .ind-toggle button{font-size:8px!important;letter-spacing:.08em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}
    body.terminal-mode [data-panel="indicators"] .ind-toggle button .count{display:none!important}
    body.terminal-mode [data-panel="indicators"] .setup-card{max-width:100%!important;overflow:hidden!important}
    /* Mobile indicators final data fit: no clipped probability or trend cells. */
    body.terminal-mode [data-panel="indicators"] .prob-row{grid-template-columns:minmax(98px,1fr) repeat(3,44px)!important;font-size:9px!important;column-gap:4px!important}
    body.terminal-mode [data-panel="indicators"] .prob-row.head{font-size:7.5px!important;letter-spacing:.08em!important}
    body.terminal-mode [data-panel="indicators"] .prob-cell,body.terminal-mode [data-panel="indicators"] .prob-h{text-align:right!important;min-width:0!important}
    body.terminal-mode [data-panel="indicators"] .ind-summary{grid-template-columns:1fr!important;gap:1px!important}
    body.terminal-mode [data-panel="indicators"] .ind-stat-list{white-space:normal!important;overflow:visible!important;overflow-wrap:break-word!important}
    body.terminal-mode [data-panel="indicators"] table.trendstack tr{grid-template-columns:1fr!important;gap:8px!important}
    body.terminal-mode [data-panel="indicators"] table.trendstack td{grid-column:1/-1!important;width:100%!important;justify-content:space-between!important}
    body.terminal-mode [data-panel="indicators"] table.trendstack td:nth-child(6) .comp-state{max-width:190px!important;text-align:right!important;margin-left:auto!important}
    body.terminal-mode [data-panel="indicators"] table.trendstack .trend-pill{flex:0 1 auto!important;min-width:0!important}
    /* Mobile indicators final summary wrap. */
    body.terminal-mode [data-panel="indicators"] .ind-stat{overflow:hidden!important}
    body.terminal-mode [data-panel="indicators"] .ind-stat-list{display:block!important;width:100%!important;max-width:300px!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;letter-spacing:.04em!important}
    #vrScrollTop{right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:42px!important;height:42px!important}
  }

  /* Hide redundant LIVE badge — last-sync timestamp already conveys "live".
     Higher specificity required to beat the .badge styling at .module-header
     .atlas-mh-meta .badge that uses !important. */
  body .pnl-toggle,
  body .pnl-toggle:hover,
  body .pnl-toggle:focus,
  body .pnl-toggle:focus-visible{
    appearance:none !important;-webkit-appearance:none !important;
    background:transparent !important;color:inherit !important;border:0 !important;
    outline:0 !important;box-shadow:none !important;
  }
  body .pnl-toggle:hover .pnl-value{color:#fff !important}

  /* Hide selected-ticker name at bottom of collapsed universe rail (was AAPL/etc.) */
  .vr-u-shell.rail-collapsed .vr-u-rail::after { content:none !important; display:none !important; }
  [data-panel="aegis"] .aeg6-layout.rail-collapsed .aeg6-list::after { content:none !important; display:none !important; }

  /* Hide alert count number at bottom of collapsed alerts rail */
  body.alerts-collapsed .right.alerts-rail::after { content:none !important; display:none !important; }

  /* Logged-out / empty signal-table state (all viewports): a proper centered
     empty-state block instead of one thin line floating in the void, with the
     trial link styled as a terminal CTA button on its own line. */
  .panel .table tr.vr-live-empty td{padding:88px 24px 96px !important;font-size:13px !important;letter-spacing:.04em !important;line-height:1.9 !important;}
  .panel .table tr.vr-live-empty td a{display:block !important;width:max-content !important;margin:20px auto 0 !important;padding:11px 22px !important;border:1px solid rgba(74,222,128,.45) !important;color:#4ade80 !important;text-decoration:none !important;font-family:'JetBrains Mono',monospace !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase !important;}
  .panel .table tr.vr-live-empty td a:hover{background:rgba(74,222,128,.08) !important;border-color:#4ade80 !important;}
  .panel .table tr.vr-live-empty:hover,.panel .table tr.vr-live-empty:hover td{background:transparent !important;}
  .panel .table tr.vr-live-empty,.panel .table tr.vr-live-empty td{cursor:default !important;}
  /* Logged out, the universe browser is empty (all counts 0) — hide the BROWSE
     TICKERS rail + its toggle so the members-only CTA stands alone. */
  .panel .vr-u-shell:has(tr.vr-live-empty td a[href*="choose-model"]) .vr-u-rail{display:none !important;}
  .panel .vr-u-shell:has(tr.vr-live-empty td a[href*="choose-model"]) .vr-u-toggle{display:none !important;}

  /* ============ Mobile terminal v2 (2026-06-10) ============
     Overrides the v1 mobile block above. Keeps the original terminal style:
     tabs keep their number + name (not glyph-only), tables stay tables with
     in-place horizontal scroll, card-ified signal tables get their REAL column
     headers (data-th stamped by terminal-app.js), and the two macro grids that
     overflowed the viewport are re-templated to fit. */
  @media(max-width:700px){
    /* Card-ified signal tables: real column labels (stamped as data-th by JS) */
    body.terminal-mode .panel .table td:not(:first-child)::before,body.terminal-mode .panel table.tbl td:not(:first-child)::before{content:attr(data-th)!important}

    /* Signal-table empty state (lock / start-trial line): full-width, wrapped, compact.
       width/justify-self force the grid item to stretch — without them the td keeps its
       min-content used width (~45px) and the text stacks one word per line. */
    body.terminal-mode .panel .table tr.vr-live-empty td{display:block!important;grid-column:1/-1!important;width:100%!important;min-width:100%!important;justify-self:stretch!important;box-sizing:border-box!important;white-space:normal!important;text-align:center!important;line-height:1.7!important;padding:38px 16px 42px!important}
    body.terminal-mode .vr-live-empty td::before{content:none!important}

    /* INVESTING: header stacks, filters fit, toggle fits, table scrolls in place */
    body.terminal-mode [data-panel="investing"] .invest-toggle{margin:14px 0 0!important;padding:0!important;display:flex!important}
    body.terminal-mode [data-panel="investing"] .invest-toggle button{flex:1 1 0!important;min-width:0!important;padding:13px 6px 14px!important;font-size:9px!important;letter-spacing:.12em!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
    body.terminal-mode [data-panel="investing"] .invest-toggle button .count{padding:2px 6px!important;font-size:8px!important}
    body.terminal-mode [data-panel="investing"] .quant-head{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:12px 14px!important;position:static!important}
    body.terminal-mode [data-panel="investing"] .quant-head .t{font-size:10px!important;letter-spacing:.16em!important}
    body.terminal-mode [data-panel="investing"] .quant-head .filters{width:100%!important;display:flex!important;gap:6px!important}
    body.terminal-mode [data-panel="investing"] .quant-head .filters span{flex:1 1 0!important;text-align:center!important;padding:7px 0!important;font-size:9px!important;letter-spacing:.12em!important}
    body.terminal-mode [data-panel="investing"] .quant-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
    body.terminal-mode [data-panel="investing"] table.quant{min-width:600px!important}
    body.terminal-mode [data-panel="investing"] table.quant th{white-space:nowrap!important;padding:9px 10px!important}
    body.terminal-mode [data-panel="investing"] table.quant td{white-space:nowrap!important;padding:8px 10px!important;font-size:11px!important}

    /* INDICATORS: view toggle fits, trend-stack table scrolls in place */
    body.terminal-mode [data-panel="indicators"] .ind-toggle{display:flex!important}
    body.terminal-mode [data-panel="indicators"] .ind-toggle button{flex:1 1 0!important;min-width:0!important;white-space:nowrap!important;font-size:10px!important;letter-spacing:.10em!important;padding:12px 6px!important}
    body.terminal-mode [data-panel="indicators"] .ind-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
    body.terminal-mode [data-panel="indicators"] table.trendstack{min-width:640px!important}
    body.terminal-mode [data-panel="indicators"] table.trendstack th,body.terminal-mode [data-panel="indicators"] table.trendstack td{white-space:nowrap!important}

    /* Macro panel: the two viewport-busting grids re-templated to fit 375px */
    body.terminal-mode [data-panel="atlas"] .macro-print{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:4px 14px!important;width:100%!important;max-width:100%!important}
    body.terminal-mode [data-panel="atlas"] .macro-print .evt{flex:1 1 100%!important;order:-1!important;white-space:normal!important}
    body.terminal-mode [data-panel="atlas"] .macro-print .when,body.terminal-mode [data-panel="atlas"] .macro-print .model,body.terminal-mode [data-panel="atlas"] .macro-print .cons,body.terminal-mode [data-panel="atlas"] .macro-print .conf{min-width:0!important;flex:1 1 auto!important}
    body.terminal-mode [data-panel="atlas"] .macro-print .conf{max-width:54px!important}
    body.terminal-mode [data-panel="atlas"] .macro-anom{grid-template-columns:18px minmax(0,1fr) minmax(56px,110px) auto!important;gap:8px!important;width:100%!important;max-width:100%!important}
    body.terminal-mode [data-panel="atlas"] .macro-anom .nm{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
  }

  /* ============ Mobile NAV rethink (2026-06-10): HOME model picker + hamburger drawer ============
     ≤700px only. The phone terminal opens on a model-picker home; a hamburger in the
     ribbon opens a drawer to switch models / reach utilities from anywhere. The old
     horizontal tab strip is hidden on phones (hamburger + home replace it). */
  @media(max-width:700px){
    body.terminal-mode>.tabs{display:none!important}
    body.vr-mhome-open>.body{display:none!important}
    body.vr-mhome-open #vrPushNudge,
    body.vr-mdrawer-open #vrPushNudge{display:none!important;pointer-events:none!important}
    #vrMobileMenuBtn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:10px;border:1px solid rgba(200,200,208,.18);background:#08080b!important;color:#c8c8d0!important;font-size:17px;line-height:1;flex:0 0 auto;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(200,200,208,.12)}
    #vrMobileMenuBtn:hover,#vrMobileMenuBtn:focus,#vrMobileMenuBtn:focus-visible{background:#0d0d12!important;color:#fff!important;border-color:rgba(200,200,208,.32)!important;outline:none!important}
    #vrMobileHome{display:none;padding:14px 14px 90px;background:#020202}
    body.vr-mhome-open #vrMobileHome{display:block}
    .vrmh-h{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.20em;color:#5a5a5e;margin:8px 2px 10px}
    .vrmh-tile{display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:14px;margin-bottom:8px;border:1px solid rgba(200,200,208,.14);background:#08080b!important;color:#e8e8ec!important;cursor:pointer;box-sizing:border-box;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(200,200,208,.12)}
    .vrmh-tile:hover,.vrmh-tile:focus,.vrmh-tile:focus-visible{background:#0d0d12!important;color:#e8e8ec!important;border-color:rgba(200,200,208,.30)!important;outline:none!important;box-shadow:inset 2px 0 0 rgba(200,200,208,.75)!important}
    .vrmh-tile.is-active,.vrmh-tile[aria-current="page"]{background:#16161b!important;color:#fff!important;border-color:rgba(200,200,208,.46)!important;box-shadow:inset 3px 0 0 rgba(200,200,208,.78)!important}
    .vrmh-tile:active{background:#111117!important;color:#fff!important}
    .vrmh-tile:hover .vrmh-glyph,.vrmh-tile:focus .vrmh-glyph,.vrmh-tile:focus-visible .vrmh-glyph{border-color:rgba(200,200,208,.28)!important;background:rgba(200,200,208,.055)!important;color:#fff!important}
    .vrmh-tile.is-active .vrmh-glyph,.vrmh-tile[aria-current="page"] .vrmh-glyph{border-color:rgba(200,200,208,.42)!important;background:rgba(200,200,208,.075)!important;color:#fff!important}
    .vrmh-tile:hover .vrmh-name,.vrmh-tile:focus .vrmh-name,.vrmh-tile:focus-visible .vrmh-name{color:#fff!important}
    .vrmh-tile:hover .vrmh-sub,.vrmh-tile:focus .vrmh-sub,.vrmh-tile:focus-visible .vrmh-sub{color:#8a8a90!important}
    .vrmh-tile.is-active .vrmh-num,.vrmh-tile[aria-current="page"] .vrmh-num{color:#c8c8d0!important}
    .vrmh-tile.is-active .vrmh-sub,.vrmh-tile[aria-current="page"] .vrmh-sub{color:#9a9aa2!important}
    .vrmh-glyph{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(200,200,208,.14);font-size:14px;color:#c8c8d0;flex:0 0 auto}
    .vrmh-main{flex:1;min-width:0;display:block}
    .vrmh-num{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:#7a7a7e}
    .vrmh-name{font-size:13px;font-weight:800;letter-spacing:.08em;color:#fff;font-family:'Inter',system-ui,sans-serif}
    .vrmh-sub{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;color:#7a7a7e;margin-top:3px;letter-spacing:.06em;text-transform:uppercase}
    .vrmh-arrow{font-family:'JetBrains Mono',monospace;color:#5a5a5e;flex:0 0 auto}
    .vrmh-util{display:flex;width:100%;align-items:center;gap:10px;text-align:left;padding:12px 14px;margin-bottom:6px;border:1px solid rgba(200,200,208,.10);background:#060609!important;color:#c8c8d0!important;cursor:pointer;text-decoration:none;box-sizing:border-box;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(200,200,208,.12)}
    .vrmh-util:hover,.vrmh-util:focus,.vrmh-util:focus-visible{background:#0d0d12!important;color:#fff!important;border-color:rgba(200,200,208,.26)!important;outline:none!important}
    .vrmh-util:active{background:#101016!important;color:#fff!important}
    .vrmh-uname{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.14em;color:#e8e8ec}
    .vrmh-usub{flex:1;font-family:'JetBrains Mono',monospace;font-size:9px;color:#5a5a5e;letter-spacing:.08em;text-transform:uppercase}
    #vrMobileOverlay{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .15s;z-index:11999}
    #vrMobileDrawer{position:fixed;top:0;left:0;bottom:0;width:82%;max-width:320px;background:#050507;border-right:1px solid rgba(200,200,208,.16);transform:translateX(-103%);transition:transform .18s;z-index:12000;overflow-y:auto;padding:12px 12px 44px;box-sizing:border-box}
    body.vr-mdrawer-open #vrMobileOverlay{opacity:1;pointer-events:auto}
    body.vr-mdrawer-open #vrMobileDrawer{transform:translateX(0)}
    body.vr-mdrawer-open{overflow:hidden!important}
    .vrmd-head{display:flex;justify-content:space-between;align-items:center;padding:6px 2px 12px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;color:#c8c8d0}
    .vrmc-details{margin:18px 0 8px;border:1px solid rgba(200,200,208,.12);background:#050507}
    .vrmc-details[open]{border-color:rgba(200,200,208,.22);background:#060609}
    .vrmc-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(200,200,208,.12)}
    .vrmc-summary::-webkit-details-marker{display:none}
    .vrmc-summary:hover,.vrmc-summary:focus,.vrmc-summary:focus-visible{background:#0d0d12!important;outline:none!important}
    .vrmc-s-main{min-width:0;display:block}
    .vrmc-s-title{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:800;letter-spacing:.18em;color:#e8e8ec}
    .vrmc-s-sub{display:block;margin-top:4px;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.10em;color:#6a6a70}
    .vrmc-s-mark{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(200,200,208,.14);color:#7a7a7e;font-family:'JetBrains Mono',monospace;font-size:13px;flex:0 0 auto}
    .vrmc-s-mark::before{content:'+'}
    .vrmc-details[open] .vrmc-s-mark::before{content:'-'}
    .vrmc-panel{border-top:1px solid rgba(200,200,208,.08);background:#060609;padding:13px}
    .vrmc-details:not([open]) .vrmc-panel{display:none!important}
    .vrmc-preview{border:1px solid rgba(200,200,208,.14);background:#08080b;margin-bottom:14px;padding:12px}
    .vrmc-preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.16em;color:#5a5a5e;text-transform:uppercase}
    .vrmc-preview-top b{color:#c8c8d0;font-size:9px}
    .vrmc-preview-main{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px}
    .vrmc-preview-main strong{font-family:'Inter',system-ui,sans-serif;font-size:18px;line-height:1;color:#fff;letter-spacing:-.01em}
    .vrmc-preview-main em{font-style:normal;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(74,222,128,.48);background:rgba(74,222,128,.08);color:#4ade80;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:900}
    .vrmc-preview-main span{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border:1px solid rgba(74,222,128,.34);background:rgba(74,222,128,.06);color:#4ade80;font-family:'JetBrains Mono',monospace;font-size:8.5px;font-weight:900;letter-spacing:.14em}
    .vrmc-preview-sub{margin-top:9px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.06em;color:#7a7a7e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .vrmc-l{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.16em;color:#5a5a5e;margin:0 0 8px}
    .vrmc-l:not(:first-child){margin-top:14px}
    .vrmc-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
    .vrmc-open-row{grid-template-columns:repeat(2,minmax(0,1fr))}
    .vrmc-pill{min-width:0;min-height:38px;padding:8px 7px;border:1px solid rgba(200,200,208,.14);background:#08080b!important;color:#7a7a7e!important;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:800;letter-spacing:.08em;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(200,200,208,.12);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;white-space:normal;overflow-wrap:anywhere}
    .vrmc-pill:hover,.vrmc-pill:focus,.vrmc-pill:focus-visible{background:#0d0d12!important;color:#c8c8d0!important;border-color:rgba(200,200,208,.28)!important;outline:none!important}
    .vrmc-pill.on{color:#fff!important;border-color:rgba(255,255,255,.55)!important;background:#111117!important}
    .vrmc-reset{width:100%;margin-top:13px;padding:9px 14px;border:1px solid rgba(200,200,208,.14);background:transparent!important;color:#7a7a7e!important;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(200,200,208,.12)}
    .vrmc-reset:hover,.vrmc-reset:focus,.vrmc-reset:focus-visible{background:#0d0d12!important;color:#c8c8d0!important;border-color:rgba(200,200,208,.28)!important;outline:none!important}
    /* CUSTOMISE (2026-06-11): sample signal = exact replica of the mobile signal
       card — same declarations as the `.panel .table` card-ification block above;
       the customise panel lives outside .panel, so the rules are replayed here.
       Surfaces ride the per-skin chrome tokens (--skn-* set on body by the desktop
       customize CSS) with the stock values as fallbacks: byte-identical to a live
       card by default, visibly restyles on every Looks tap (the main-scoped skin
       table rules can't reach out here; chips follow body-scoped ud/grades already). */
    .vrmc-sample{margin-top:8px}
    .vrmc-sample .table{display:block!important;width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:12px!important;margin:0!important}
    .vrmc-sample .table thead{display:none!important}
    .vrmc-sample .table tbody{display:flex!important;flex-direction:column!important;gap:10px!important}
    .vrmc-sample .table tr{display:grid!important;grid-template-columns:1fr auto!important;gap:8px 14px!important;padding:13px 14px!important;border:1px solid var(--skn-bd,rgba(200,200,208,.12))!important;background:var(--skn-card,#07070a)!important}
    .vrmc-sample .table td{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:0!important;border:0!important;min-width:0!important;font-size:11px!important;color:var(--skn-text,#d4d4d4)!important;text-align:left!important}
    .vrmc-sample .table td:first-child{grid-column:1/-1!important;display:block!important;font-family:'Inter',system-ui,sans-serif!important;font-size:14px!important;font-weight:750!important;color:var(--skn-head,#fff)!important;letter-spacing:-.01em!important}
    .vrmc-sample .table td::before{content:attr(data-th)!important;flex:0 0 auto!important;font-family:'JetBrains Mono',monospace!important;font-size:8px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--skn-muted,#5a5a5e)!important}
    .vrmc-sample .table td:first-child::before{display:none!important}
    .vrmc-preview{border-color:var(--skn-bd,rgba(200,200,208,.14))}
    .vrmc-preview-top b{color:var(--skn-head,#c8c8d0)}
    /* CUSTOMISE colour options (proxy the desktop Customize drawer): Quick Looks grid +
       Gain/Loss / Grade / Accent rows. Swatch spans (.vrc-sw/.vrc-grad) are cloned from
       the desktop panel markup and keep their global styles. */
    .vrmc-looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
    .vrmc-look{min-height:36px;padding:7px 5px;border:1px solid rgba(200,200,208,.14);background:#08080b!important;color:#a8a8ac!important;font-family:'JetBrains Mono',monospace;font-size:8.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(200,200,208,.12);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
    .vrmc-look:hover,.vrmc-look:focus,.vrmc-look:focus-visible{background:#0d0d12!important;color:#fff!important;border-color:rgba(200,200,208,.30)!important;outline:none!important}
    .vrmc-look-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}
    .vrmc-c{border:1px solid rgba(200,200,208,.12);background:#08080b;padding:10px 11px;box-sizing:border-box}
    .vrmc-c+.vrmc-c{margin-top:7px}
    .vrmc-c-label{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.14em;color:#5a5a5e;text-transform:uppercase;margin-bottom:8px}
    .vrmc-c-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
    .vrmc-copt{min-height:34px;padding:6px 8px;border:1px solid rgba(200,200,208,.14);background:#060609!important;color:#8a8a8e!important;font-family:'JetBrains Mono',monospace;font-size:8.5px;font-weight:800;letter-spacing:.06em;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(200,200,208,.12);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-width:0}
    .vrmc-copt:hover,.vrmc-copt:focus,.vrmc-copt:focus-visible{background:#0d0d12!important;color:#c8c8d0!important;border-color:rgba(200,200,208,.28)!important;outline:none!important}
    .vrmc-copt.on{color:#fff!important;border-color:rgba(255,255,255,.55)!important;background:#111117!important}
    .vrmc-copt .vrc-sw,.vrmc-copt .vrc-grad{flex:0 0 auto}
    #vrMobileDrawerClose{width:34px;height:34px;border:1px solid rgba(200,200,208,.18);background:#08080b!important;color:#c8c8d0!important;font-size:16px;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(200,200,208,.12)}
    #vrMobileDrawerClose:hover,#vrMobileDrawerClose:focus,#vrMobileDrawerClose:focus-visible{background:#0d0d12!important;color:#fff!important;border-color:rgba(200,200,208,.32)!important;outline:none!important}
  }
  @media(min-width:701px){
    #vrMobileMenuBtn,#vrMobileHome,#vrMobileDrawer,#vrMobileOverlay{display:none!important}
  }

  /* History rows: the base grid had 6 columns but the markup renders 7 items
     (grade chip added later) — every cell shifted one slot and the level range
     overlapped the P&L. Proper 7-column grid: date · times · grade · side ·
     level(1fr) · P&L(right) · state(right). */
  .pnl-history-trade{grid-template-columns:82px 110px 34px 46px minmax(0,1fr) 84px 70px !important;gap:12px !important}
  .pnl-history-trade .pl{text-align:right !important;white-space:nowrap !important}
  .pnl-history-trade .state{text-align:right !important}
  .pnl-history-trade .lvl{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
  @media(max-width:700px){
    .pnl-history-trade{grid-template-columns:74px 24px 38px minmax(0,1fr) 70px !important;gap:8px !important}
    .pnl-history-trade .pnl-history-times,.pnl-history-trade .state{display:none !important}
  }

  /* AEGIS (05 RISK MANAGEMENT) mobile fit: every desktop-shaped grid stacks.
     Offenders: .aeg6-stats repeat(5,1fr) · .aeg6-term-grid 240px/1.6fr/280px/240px
     (~760px min!) · .aeg6-lad-row 5 fixed columns · .aeg6-rec 3-col banner. */
  @media(max-width:700px){
    body.terminal-mode [data-panel="aegis"] .aeg6-layout{display:block!important}
    body.terminal-mode [data-panel="aegis"] .aeg6-dash{width:100%!important;max-width:100%!important;margin:0!important;overflow-x:hidden!important}
    body.terminal-mode [data-panel="aegis"] .aeg6-dash *{min-width:0!important}
    body.terminal-mode [data-panel="aegis"] .aeg6-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    body.terminal-mode [data-panel="aegis"] .aeg6-term-grid{grid-template-columns:1fr!important}
    body.terminal-mode [data-panel="aegis"] .aeg6-lad-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 12px!important}
    body.terminal-mode [data-panel="aegis"] .aeg6-lad-row>*:first-child{grid-column:1/-1!important}
    body.terminal-mode [data-panel="aegis"] .aeg6-rec{display:block!important;padding:14px 16px!important}
    body.terminal-mode [data-panel="aegis"] .aeg6-rec>*+*{margin-top:10px!important}
    body.terminal-mode [data-panel="aegis"] .aeg6-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    body.terminal-mode [data-panel="aegis"] .aeg6-meta-line{display:flex!important;flex-wrap:wrap!important;gap:6px 14px!important}
    body.terminal-mode [data-panel="aegis"] .trm-rec-v{font-size:26px!important}
    body.terminal-mode [data-panel="aegis"] .aeg6-dash table{width:100%!important;table-layout:fixed!important}
    body.terminal-mode [data-panel="aegis"] .aeg6-dash th,body.terminal-mode [data-panel="aegis"] .aeg6-dash td{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
    body.terminal-mode [data-panel="aegis"] img,body.terminal-mode [data-panel="aegis"] svg,body.terminal-mode [data-panel="aegis"] canvas{max-width:100%!important}
  }

  /* Mobile: NO horizontal scrolling anywhere — tables fit the viewport (least-critical
     columns hidden), the ticker rail wraps into a 2-up grid that scrolls vertically. */
  @media(max-width:700px){
    body.terminal-mode [data-panel="investing"] .quant-wrap{overflow-x:hidden!important}
    body.terminal-mode [data-panel="investing"] table.quant{min-width:0!important;width:100%!important;table-layout:fixed!important}
    body.terminal-mode [data-panel="investing"] table.quant th:nth-child(3),body.terminal-mode [data-panel="investing"] table.quant td:nth-child(3),body.terminal-mode [data-panel="investing"] table.quant th:nth-child(7),body.terminal-mode [data-panel="investing"] table.quant td:nth-child(7){display:none!important}
    body.terminal-mode [data-panel="investing"] table.quant th,body.terminal-mode [data-panel="investing"] table.quant td{padding:8px 6px!important;font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
    body.terminal-mode [data-panel="indicators"] .ind-table-wrap{overflow-x:hidden!important}
    body.terminal-mode [data-panel="indicators"] table.trendstack{min-width:0!important;width:100%!important;table-layout:fixed!important}
    body.terminal-mode [data-panel="indicators"] table.trendstack th:nth-child(2),body.terminal-mode [data-panel="indicators"] table.trendstack td:nth-child(2),body.terminal-mode [data-panel="indicators"] table.trendstack th:nth-child(7),body.terminal-mode [data-panel="indicators"] table.trendstack td:nth-child(7){display:none!important}
    body.terminal-mode [data-panel="indicators"] table.trendstack th,body.terminal-mode [data-panel="indicators"] table.trendstack td{padding:8px 5px!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
    body.terminal-mode .vr-u-body{overflow-x:hidden!important}
    body.terminal-mode .vr-u-row{width:100%!important;min-width:0!important}
  }

  /* Ticker rail: PIN ALL / CLEAR are pivotal - surface them at the TOP of the rail
     (above the filters, at the very top) instead of the missable footer. Desktop only (the
     mobile picker hides .vr-u-foot). */
  .vr-u-rail{display:flex;flex-direction:column}
  .vr-u-rail .vr-u-head{order:1}
  .vr-u-rail .vr-u-filter{order:2}
  .vr-u-rail .vr-u-foot{order:1;border-top:0;border-bottom:1px solid rgba(200,200,208,.14)}
  .vr-u-rail .vr-u-colhead{order:4}
  .vr-u-rail .vr-u-body{order:5}
  .vr-u-foot button{border-color:rgba(255,255,255,.38)!important;color:#fff!important;font-weight:800!important}
  /* P&L cells: no background bands in any skin - colored text only */
  body[data-skin=thermal] main tbody td.up,body[data-skin=thermal] main tbody td.dn,body[data-skin=brutalist] main td.up,body[data-skin=brutalist] main td.dn{background:transparent!important}
  /* Family-panel LIVE*N badge block retired (stamp line carries the breakdown
     now - see setBadge in vr-live-pipeline.js). Hidden here too so the static
     markup never shows for anon/locked visitors where the JS never runs. */
  #apex-live-badge,#osiris-live-badge,#zenith-live-badge{display:none!important}


  /* ===== ATLAS HELP DRAWER (restored 2026-06-11 22:1x — block was dropped from terminal-extra.css during the pwa-picker1 rebuild; source: deployment 8cac8fed. Hides .atlas-help-overlay by default. Do not remove.) ===== */
/* Help drawer overlay */
  .atlas-help-overlay{
    position:fixed;inset:0;z-index:9000;pointer-events:none;
    visibility:hidden;
  }
  .atlas-help-overlay:not(.open){display:none!important}
  .atlas-help-overlay.open{display:block!important;pointer-events:auto;visibility:visible}
  .atlas-help-backdrop{
    position:absolute;inset:0;
    background:rgba(0,0,0,0.55);
    opacity:0;transition:opacity .25s ease;
    backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  }
  .atlas-help-overlay.open .atlas-help-backdrop{opacity:1}

  .atlas-help-drawer{
    position:absolute;top:0;right:0;bottom:0;
    width:380px;max-width:92vw;
    background:linear-gradient(180deg,#0a0a14 0%,#06060a 100%);
    border-left:1px solid rgba(200,200,208,0.25);
    box-shadow:-12px 0 40px rgba(0,0,0,0.55);
    transform:translateX(100%);
    transition:transform .28s cubic-bezier(.22,1,.36,1);
    display:flex;flex-direction:column;
    overflow:hidden;
    font-family:'Inter',system-ui,sans-serif;
  }
  .atlas-help-overlay.open .atlas-help-drawer{transform:translateX(0)}
  .atlas-help-drawer::before{
    content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
    background:linear-gradient(180deg,#c8c8d0,#ffffff);
    box-shadow:0 0 16px rgba(200,200,208,0.5);
  }

  /* Drawer header */
  .ahd-h{
    display:flex;justify-content:space-between;align-items:center;
    padding:18px 22px 16px;
    border-bottom:1px solid rgba(200,200,208,0.14);
    background:rgba(200,200,208,0.05);
    flex-shrink:0;
  }
  .ahd-eyebrow{
    font:700 10.5px/1 'Inter',system-ui;letter-spacing:.30em;color:#c8c8d0;
    text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;
  }
  .ahd-eyebrow::before{
    content:"";width:7px;height:7px;border-radius:50%;background:#c8c8d0;
    box-shadow:0 0 8px rgba(200,200,208,0.8);
    animation:livePulse 2s ease-in-out infinite;
  }
  .ahd-close{
    width:34px;height:34px;border-radius:6px;
    background:transparent;border:1px solid #2a2a36;color:#aaa;
    font:700 16px/1 'Inter',system-ui;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    -webkit-tap-highlight-color:transparent;
    transition:background .15s,color .15s,border-color .15s;
  }
  .ahd-close:hover,.ahd-close:active{background:#2a2a36;color:#fff;border-color:#3a3a48}

  /* Drawer body */
  .ahd-body{
    flex:1;overflow-y:auto;
    padding:14px 0 8px;
    -webkit-overflow-scrolling:touch;
  }
  .ahd-body::-webkit-scrollbar{width:5px}
  .ahd-body::-webkit-scrollbar-thumb{background:#1a1a1e;border-radius:3px}

  .ahd-sec{padding:10px 22px 18px;border-bottom:1px solid #14141a}
  .ahd-sec:last-child{border-bottom:none}
  .ahd-sec-h{
    font:700 9.5px/1 'JetBrains Mono',monospace;letter-spacing:.30em;
    color:#7a7a7e;text-transform:uppercase;margin-bottom:12px;
  }

  /* Panel jump-to buttons */
  .ahd-jump{
    display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;
    width:100%;padding:9px 10px 9px 4px;
    background:transparent;border:none;border-radius:4px;
    color:inherit;font-family:inherit;text-align:left;cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:background .15s;
  }
  .ahd-jump:hover{background:rgba(200,200,208,0.06)}
  .ahd-jump:active{background:rgba(200,200,208,0.12)}
  .ahd-jump .ahd-num{
    font:700 10.5px/1 'JetBrains Mono',monospace;letter-spacing:0;
    color:#c8c8d0;background:rgba(200,200,208,0.10);
    border:1px solid rgba(200,200,208,0.28);border-radius:2px;
    padding:6px 0;text-align:center;
  }
  .ahd-jump-name{font:700 13px/1.2 'Inter',system-ui;color:#fff;letter-spacing:.01em;margin-bottom:3px}
  .ahd-jump-desc{font:400 12px/1.4 'Inter',system-ui;color:#a8a8ac}

  /* Quad regime mini-grid */
  .ahd-quad{
    display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px;
  }
  .ahd-q{
    padding:9px 11px;border-radius:4px;
    font:500 12px/1.35 'Inter',system-ui;color:#d4d4d4;
    border:1px solid #1a1a1e;
  }
  .ahd-q strong{
    font:700 11px/1 'JetBrains Mono',monospace;letter-spacing:0;
    margin-right:6px;
  }
  .ahd-q.q1{background:rgba(200,200,208,0.06);border-color:rgba(200,200,208,0.20)}
  .ahd-q.q1 strong{color:#c8c8d0}
  .ahd-q.q2{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.20)}
  .ahd-q.q2 strong{color:#ffffff}
  .ahd-q.q3{background:rgba(251,191,36,0.06);border-color:rgba(251,191,36,0.20)}
  .ahd-q.q3 strong{color:#fbbf24}
  .ahd-q.q4{background:rgba(239,68,68,0.06);border-color:rgba(239,68,68,0.20)}
  .ahd-q.q4 strong{color:#ef4444}

  /* Threshold pills */
  .ahd-thresholds{display:flex;flex-direction:column;gap:6px}
  .ahd-thresh{
    display:flex;justify-content:space-between;align-items:center;
    padding:8px 11px;background:#0a0a10;border:1px solid #1a1a1e;border-radius:3px;
    font:500 12px/1.2 'Inter',system-ui;
  }
  .ahd-thresh .ahd-k{color:#7a7a7e;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
  .ahd-thresh .ahd-v{
    color:#c8c8d0;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:11.5px;letter-spacing:.02em;
  }

  /* Workflow steps */
  .ahd-step{
    display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:start;
    padding:7px 0;font:500 12.5px/1.45 'Inter',system-ui;color:#d4d4d4;
  }
  .ahd-step .ahd-step-n{
    font:700 10px/1 'JetBrains Mono',monospace;color:#c8c8d0;
    background:rgba(200,200,208,0.10);border:1px solid rgba(200,200,208,0.28);
    border-radius:2px;padding:4px 0;text-align:center;
  }
  .ahd-step strong{color:#fff;font-weight:700}
  .ahd-step em{
    color:#fbbf24;font-style:normal;
    font-family:'JetBrains Mono',monospace;font-weight:600;font-size:0.92em;
  }

  /* Drawer footer */
  .ahd-foot{
    flex-shrink:0;
    padding:14px 22px 18px;
    border-top:1px solid rgba(200,200,208,0.14);
    background:rgba(200,200,208,0.04);
  }
  .ahd-foot-cta{
    display:flex;justify-content:space-between;align-items:center;gap:10px;
    padding:13px 16px;border-radius:5px;
    background:linear-gradient(180deg,rgba(200,200,208,0.18),rgba(200,200,208,0.10));
    border:1px solid rgba(200,200,208,0.40);
    color:#c8c8d0;text-decoration:none;
    font:700 12px/1 'Inter',system-ui;letter-spacing:.18em;text-transform:uppercase;
    transition:background .15s,border-color .15s;
    -webkit-tap-highlight-color:transparent;
  }
  .ahd-foot-cta:hover,.ahd-foot-cta:active{background:rgba(200,200,208,0.24);border-color:rgba(200,200,208,0.60)}
  .ahd-foot-cta .ahd-foot-arr{font-size:14px;line-height:1}

  /* Mobile drawer styling */
  @media(max-width:680px){
    .atlas-help-drawer{width:100%;max-width:100%;border-left:none;border-top:1px solid rgba(200,200,208,0.25)}
    .ahd-h{padding:14px 18px 12px}
    .ahd-sec{padding:8px 18px 16px}
    .ahd-foot{padding:12px 18px 16px}
  }
/* ACT-NOW ALERT CARDS - warning red regardless of side (Darren 2026-06-11). Act-now outranks side colouring; OPEN signal cards keep side glow. */
body .alrt.actnow::before{ background:#ef4444 !important; box-shadow:0 0 8px rgba(239,68,68,0.4) !important; }
body .alrt.actnow{ background:linear-gradient(90deg,rgba(239,68,68,0.10),transparent 70%) !important; }
body .alrt.actnow .alrt-tag{ color:#ef4444 !important; }

/* RECENTLY-CLOSED rows (2026-06-12: mixed straight into the grade-sorted book, no
   section band — Darren). Rows carry data-closed="1" (rendered by vr-live-pipeline.js);
   quieted slightly so ended trades read as history among the live rows. Outcome rides
   as a composite flag beside the CLOSED chip: green TP HIT / red SL HIT (data
   semantics, same badge language as OPEN+BUY). */
.panel .table tr[data-closed="1"]{opacity:.82}
.panel .table tr[data-closed="1"]:hover{opacity:1}
.trade-flag.tp-hit{color:#4ade80;border-color:rgba(74,222,128,.45);background:rgba(74,222,128,.06)}
.trade-flag.sl-hit{color:#ef4444;border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.06)}

/* INSTALLED-APP MODE (display-mode: standalone — Darren 2026-06-12): the terminal is a
   sealed trading workspace inside the installed app — no exit chrome, no platform nags.
   Hidden: the statusbar "← workspace" link (back to the website dashboard), the "Open
   the app on desktop" promo button (an install prompt is nonsense inside the installed
   app), the ≤1024px "Built for desktop" banner and the ≤700px "Better on a big screen…
   use the app" toast (the user IS in the app — an unmaximised window is not a hazard).
   Browser visits keep everything. */
@media all and (display-mode: standalone){
  .statusbar .l a[href="dashboard.html"]{display:none!important}
  .ma-deskbtn{display:none!important}
  .desktop-notice{display:none!important}
  #vrMobHaz{display:none!important}
}

/* TAB STRIP: numbers are the iconography (Darren 2026-06-12) — the 01-08 mono numbers
   already identify the models, so the dingbat glyphs come off the strip. Markup keeps
   them: the mobile home/drawer tiles read .glyph from these tabs for their glyph boxes,
   and the strip itself is hidden ≤700px anyway. */
body.terminal-mode>.tabs .tab .glyph{display:none!important}

/* SMALL-SCREEN safety net (Darren 2026-06-12): when side rails squeeze the centre pane
   below the signal table's natural minimum, the pane scrolls horizontally instead of
   letting columns overlap (the screenshot failure: SELL flags bleeding into ENTRY).
   Desktop-only — phones already card-ify tables with their own rules. */
@media(min-width:701px){
  .vr-u-content{overflow-x:auto;min-width:0}
  .vr-u-content .table{min-width:620px}
}
/* ───── TREND STACK POLISH (2026-06-12, visual only — zero behavior change) ─────
   Balanced fixed grid (kills the dead gulf before CONV), dimmed strength scores,
   desaturated flips chips per mono-primary brand rule. */
body [data-panel="indicators"] table.trendstack{table-layout:fixed!important;width:100%!important}
body [data-panel="indicators"] .trendstack th:nth-child(1){width:12%!important}
body [data-panel="indicators"] .trendstack th:nth-child(2){width:8%!important}
body [data-panel="indicators"] .trendstack th:nth-child(3),body [data-panel="indicators"] .trendstack th:nth-child(4),body [data-panel="indicators"] .trendstack th:nth-child(5){width:17%!important}
body [data-panel="indicators"] .trendstack th:nth-child(6){width:21%!important}
body [data-panel="indicators"] .trendstack th:nth-child(7){width:8%!important}
body [data-panel="indicators"] .trend-pill .strength{opacity:.5!important;font-weight:600!important}
body [data-panel="indicators"] .trend-flips-strip{background:rgba(255,255,255,.02)!important;border-color:rgba(255,255,255,.08)!important}
body [data-panel="indicators"] .trend-flips-strip .tfs-chip.to-bull{color:#9fd9b8!important;border-color:rgba(74,222,128,.25)!important}
body [data-panel="indicators"] .trend-flips-strip .tfs-chip.to-bear{color:#eba9a9!important;border-color:rgba(248,113,113,.25)!important}


/* ── Rail CLOSED pill (railclosed1) — tier-less tickers whose recent trade
   finished; same muted tone as the table's CLOSED badge. DO NOT REMOVE. ── */
.vr-u-row .state.closed{color:var(--vr-state-watch);border-color:var(--vr-state-watch-border);background:var(--vr-state-watch-bg)}
/* ───── SHORT TAB NAMES on mid-width screens (2026-06-12) — full names crowd below ~1480px; <=700px uses the mobile drawer so tabs are hidden there anyway. textContent stays full (tour/mobile-tile readers unaffected). ───── */
@media (max-width:1840px) and (min-width:701px){
  body .tabs .tab-name[data-short]{font-size:0!important;letter-spacing:0!important}
  body .tabs .tab-name[data-short]::before{content:attr(data-short);font-family:'Inter',sans-serif;font-weight:600;letter-spacing:0.12em;font-size:0.74rem}
}

/* ===== LEVEL-GRID SIGNAL CARD (Darren 2026-06-13): mobile signal rows (apex/osiris/zenith) reflow CSS-only into a header (sym/grade/side/state + P&L right) over a 4-cell ENTRY/LIVE/TP/SL level grid (LIVE raised) with a green/red side-spine. Desktop table untouched. Scoped via :has(td[data-th=ENTRY]); the banded Overview board is left as-is. ===== */
@media(max-width:700px){body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) table{display:block!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) thead{display:none!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody{display:flex!important;flex-direction:column!important;gap:10px!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]){display:flex!important;flex-wrap:wrap!important;align-items:center!important;column-gap:0!important;row-gap:0!important;width:100%!important;box-sizing:border-box!important;position:relative!important;padding:12px 12px 13px 15px!important;margin:0!important;border:1px solid rgba(200,200,208,.16)!important;border-left:3px solid rgba(200,200,208,.28)!important;background:#07070a!important;height:auto!important;max-height:none!important;min-height:0!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr[data-side="buy"]:has(> td[data-th="ENTRY"]){border-left-color:#4ade80!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr[data-side="sell"]:has(> td[data-th="ENTRY"]){border-left-color:#ef4444!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"])::before{content:""!important;flex:0 0 100%!important;width:100%!important;height:0!important;order:6!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td{padding:0!important;border:0!important;min-width:0!important;height:auto!important;background:none!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td::before{display:none!important;content:none!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="SYM"]{order:1!important;flex:0 0 auto!important;margin-right:8px!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:800!important;color:#fff!important;max-width:42%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="GRADE"]{order:2!important;flex:0 0 auto!important;margin-right:7px!important;display:flex!important;align-items:center!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="SIDE"]{order:3!important;flex:0 0 auto!important;margin-right:7px!important;display:flex!important;align-items:center!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="STATE"]{order:4!important;flex:0 0 auto!important;display:flex!important;align-items:center!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="P&L"]{order:5!important;flex:0 0 auto!important;margin-left:auto!important;font-family:'JetBrains Mono',monospace!important;font-size:13px!important;font-weight:700!important;color:#c8c8d0!important;text-align:right!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="ENTRY"],body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="LIVE"],body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="TP"],body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="SL"]{flex:1 1 22%!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;padding:7px 6px!important;margin-top:11px!important;background:#020202!important;border-top:1px solid rgba(200,200,208,.10)!important;border-bottom:1px solid rgba(200,200,208,.10)!important;border-right:1px solid rgba(200,200,208,.10)!important;font-family:'JetBrains Mono',monospace!important;font-size:11.5px!important;font-weight:700!important;color:#e8e8ec!important;align-items:flex-start!important;justify-content:flex-start!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="ENTRY"]{order:7!important;border-left:1px solid rgba(200,200,208,.10)!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="LIVE"]{order:8!important;background:#0c0c10!important;color:#fff!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="TP"]{order:9!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="SL"]{order:10!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="ENTRY"]::before,body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="LIVE"]::before,body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="TP"]::before,body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="SL"]::before{display:block!important;content:attr(data-th)!important;font-family:'JetBrains Mono',monospace!important;font-size:7px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#5a5a5e!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) > td[data-th="LIVE"]::before{color:#7a7a7e!important}}

/* ===== level-card header fit (P&L slim + state chips inline) — Darren 2026-06-13: hide redundant .pnl-mode label so the P&L value never clips; force the state-cell chip wrap (CLOSED + SL HIT/TP HIT) inline-static so the 2-chip closed badge doesn't overlap; keeps the header on one row. ===== */
@media(max-width:700px){body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="P&L"]{flex:0 0 auto!important;overflow:visible!important;max-width:none!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="P&L"] .pnl-toggle{display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;width:auto!important;max-width:none!important;min-width:0!important;padding:0!important;height:auto!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="P&L"] .pnl-mode{display:none!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="P&L"] .pnl-value{white-space:nowrap!important;overflow:visible!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="STATE"]{flex:0 0 auto!important;min-width:max-content!important;overflow:visible!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="STATE"] .trade-state-wrap{display:inline-flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;position:static!important;width:auto!important;max-width:none!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="STATE"] .trade-flag{position:static!important;display:inline-flex!important;align-items:center!important;margin:0!important;flex:0 0 auto!important;white-space:nowrap!important;top:auto!important;left:auto!important;transform:none!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="STATE"] .trade-state{position:static!important;flex:0 0 auto!important;white-space:nowrap!important}}
body.terminal-mode .table td.warn,body.terminal-mode main tbody td.warn{color:#fbbf24!important;font-weight:700!important}

/* ===== side-chip min-width overflow fix (Darren 2026-06-13: the .trade-side/.grade chips carry a desktop min-width:42px that overflowed their collapsed mobile cell and slammed into the STATE cell, overlapping CLOSED on closed rows; neutralise the chip min-width + let the cells size to content). ===== */
@media(max-width:700px){body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="SIDE"],body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="GRADE"]{min-width:max-content!important;overflow:visible!important}body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="SIDE"] .trade-side,body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="GRADE"] .grade,body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="STATE"] .trade-state,body.terminal-mode :is([data-panel="apex"],[data-panel="osiris"],[data-panel="zenith"]) tbody tr:has(> td[data-th="ENTRY"]) td[data-th="STATE"] .trade-flag{min-width:0!important;flex:0 0 auto!important}}