/* ═══════════════════════════════════════════
   AegisAlpha v3 — Quantum Dark Dashboard
   ═══════════════════════════════════════════ */
:root {
  --bg: #0B0E11; --bg2: #0F1218; --bg3: #151920; --bg4: #1A1F28; --bg5: #1E2330;
  --bd: rgba(255,255,255,0.06); --bd2: rgba(255,255,255,0.10); --bd-hi: rgba(0,212,170,0.35);
  --teal: #00D4AA; --teal-d: rgba(0,212,170,0.12); --teal-g: rgba(0,212,170,0.25);
  --red: #F6465D; --red-d: rgba(246,70,93,0.12);
  --amber: #F0B90B; --amber-d: rgba(240,185,11,0.12);
  --purple: #9B51E0; --purple-d: rgba(155,81,224,0.12);
  --blue: #2D9CDB;
  --t1: #EAECEF; --t2: #848E9C; --t3: #5E6673;
  --f: 'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --m: 'JetBrains Mono',monospace;
  --r1: 12px; --r2: 8px; --r3: 6px; --rp: 100px;
  --sw: 64px; --rw: 340px; --th: 56px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{
  background: var(--bg);
  color: var(--t1);
  font-family: var(--f);
  display: flex;
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* SIDEBAR */
.sidebar{
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  width:var(--sw);
  background:var(--bg2);
  border-right:1px solid var(--bd);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  padding:20px 0;
  z-index:200;
}
.sidebar-top{display:flex;flex-direction:column;align-items:center;gap:28px}
.logo-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.brand-logo-img{width:36px;height:36px;border-radius:var(--r2);object-fit:cover;box-shadow:0 0 14px rgba(0,212,170,.35);transition:all .25s}
.brand-logo-img:hover{transform:scale(1.08);box-shadow:0 0 20px rgba(0,212,170,.6)}
.sidebar-nav{display:flex;flex-direction:column;gap:4px}
.nav-btn{width:40px;height:40px;background:0;border:0;border-radius:var(--r2);color:var(--t3);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s}
.nav-btn i{width:20px;height:20px}
.nav-btn:hover{color:var(--t2);background:rgba(255,255,255,.04)}
.nav-btn.active{color:var(--teal);background:var(--teal-d)}
.nav-btn.active::before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--teal);border-radius:0 3px 3px 0}
.nav-btn::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);background:var(--bg5);color:var(--t1);font-size:.7rem;font-weight:600;padding:5px 10px;border-radius:var(--r3);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;border:1px solid var(--bd);z-index:999}
.nav-btn:hover::after{opacity:1}
.sidebar-bottom{display:flex;flex-direction:column;align-items:center}
.sidebar-avatar{width:34px;height:34px;border-radius:50%;border:1px solid var(--teal);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px rgba(0,212,170,.25)}
.avatar-img{width:100%;height:100%;object-fit:cover}

/* SHELL */
.shell{margin-left:var(--sw);flex:1;display:flex;flex-direction:column;min-height:100vh}

/* TOPBAR */
.topbar{
  height:var(--th);
  background:var(--bg2);
  border-bottom:1px solid var(--bd);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 24px;
  position:sticky;
  top:0;
  z-index:100;
}
.topbar-left{display:flex;align-items:center;gap:16px}
.topbar-brand{display:flex;align-items:center;gap:10px}
.topbar-logo-img{width:26px;height:26px;border-radius:var(--r3);object-fit:cover;box-shadow:0 0 8px rgba(0,212,170,.35)}
.brand-name{font-size:1rem;font-weight:800;letter-spacing:-.4px}
.brand-hi{color:var(--teal)}
.brand-pipe{width:1px;height:14px;background:var(--bd)}
.brand-tag{font-size:.6rem;font-weight:700;letter-spacing:1.5px;color:var(--t3);text-transform:uppercase}
.topbar-chip{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.025);border:1px solid var(--bd);padding:3px 10px;border-radius:var(--rp);font-size:.72rem}
.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal);animation:pulseDot 2s infinite}
.chip-label{color:var(--t2);font-weight:500}
.chip-id{font-family:var(--m);font-weight:600;color:var(--t1);font-size:.7rem}
.chip-tier{background:var(--amber-d);color:var(--amber);padding:1px 5px;border-radius:var(--r3);font-size:.62rem;font-weight:700}
.mkt-chip{font-family:var(--m);font-size:.68rem}
.mkt-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.mkt-dot.open{background:var(--teal);box-shadow:0 0 8px var(--teal);animation:pulseDot 1.5s infinite}
.mkt-dot.closed{background:var(--amber);box-shadow:0 0 6px rgba(245,158,11,.6)}
.mkt-status{color:var(--t2);font-weight:600}
.mkt-status.open{color:var(--teal)}
.topbar-metrics{display:flex;align-items:center;gap:14px}
.tm{display:flex;flex-direction:column;gap:1px}
.tm-l{font-size:.62rem;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.4px}
.tm-v{font-family:var(--m);font-size:.85rem;font-weight:700}
.tm-v.hi{color:var(--teal)}.tm-v.pos{color:var(--teal)}.tm-v.neg{color:var(--red)}
.tm-sep{width:1px;height:26px;background:var(--bd)}
.topbar-actions{display:flex;align-items:center;gap:8px}
.btn-scan{display:flex;align-items:center;gap:5px;background:var(--teal);color:#0B0E11;border:0;padding:7px 14px;border-radius:var(--r2);font-size:.78rem;font-weight:700;font-family:var(--f);cursor:pointer;transition:all .2s}
.btn-scan i{width:14px;height:14px}
.btn-scan:hover{background:#00E6B8;box-shadow:0 0 20px var(--teal-g)}
.btn-scan:disabled{opacity:.5;cursor:not-allowed}
.btn-kill{width:34px;height:34px;background:0;border:1px solid rgba(246,70,93,.2);border-radius:var(--r2);color:var(--red);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
.btn-kill i{width:15px;height:15px}
.btn-kill:hover{background:var(--red-d);border-color:var(--red)}

/* CONTENT ZONE */
.content-zone{display:flex;flex:1;overflow:hidden}
.main-area{flex:1;padding:18px 22px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;min-width:0}

/* WATCHLIST */
.watchlist{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.watchlist::-webkit-scrollbar{height:3px}.watchlist::-webkit-scrollbar-track{background:0}.watchlist::-webkit-scrollbar-thumb{background:var(--bd);border-radius:3px}
.wcard{min-width:130px;flex-shrink:0;background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r2);padding:10px 12px 6px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:3px}
.wcard:hover{border-color:var(--bd2);background:var(--bg4)}
.wcard.active{border-color:var(--bd-hi);background:rgba(0,212,170,.03)}
.wc-r1{display:flex;justify-content:space-between;align-items:center}
.wc-s{font-size:.78rem;font-weight:800}
.wc-ch{font-size:.65rem;font-weight:700;padding:1px 4px;border-radius:var(--r3)}
.wc-ch.up{color:var(--teal);background:var(--teal-d)}
.wc-ch.dn{color:var(--red);background:var(--red-d)}
.wc-p{font-family:var(--m);font-size:.85rem;font-weight:600}
.wc-sv{width:100%;height:18px;opacity:.5}

/* CARDS */
.card{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r1);padding:18px;transition:border-color .2s}
.card:hover{border-color:var(--bd2)}
.card-hd{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}
.card-t{font-size:.88rem;font-weight:700}
.card-st{font-size:.7rem;color:var(--t3)}
.stag{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;color:var(--teal);background:var(--teal-d);padding:3px 9px;border-radius:var(--rp)}
.stag-d{width:5px;height:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 6px var(--teal)}
.card-chart{padding:18px}
.chart-box{height:235px;position:relative}

/* GREEKS */
.greeks-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.gcard{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r2);padding:12px 14px;display:flex;flex-direction:column;gap:3px;transition:all .2s ease}
.gcard:hover{border-color:var(--bd2);background:rgba(255,255,255,.025)}
.gc-l{font-size:.62rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.4px}
.gc-v{font-family:var(--m);font-size:1.22rem;font-weight:800;letter-spacing:-.3px;margin:2px 0}
.gc-v.pos{color:var(--teal)}.gc-v.hi{color:var(--amber)}.gc-v.neg{color:var(--red)}.gc-v.pur{color:var(--purple)}
.gc-d{font-size:.60rem;color:var(--t3)}
.gc-bar{height:3px;background:rgba(255,255,255,.05);border-radius:2px;margin-top:6px;overflow:hidden}
.gc-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--hi));border-radius:2px;transition:width .4s ease}

/* MANUAL TRADE PANEL */
.trade-panel{border:1px solid rgba(0,212,170,.15)}
.tf-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.tf-group{display:flex;flex-direction:column;gap:3px;flex:1;min-width:100px}
.tf-group.sm{flex:0 0 90px;min-width:70px}
.tf-label{font-size:.65rem;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.3px}
.tf-input{background:var(--bg4);border:1px solid var(--bd);border-radius:var(--r3);color:var(--t1);font-family:var(--m);font-size:.8rem;padding:7px 10px;outline:none;transition:border-color .2s;width:100%}
.tf-input:focus{border-color:var(--teal)}
.tf-input::placeholder{color:var(--t3)}
select.tf-input{font-family:var(--f);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%235E6673' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}
.btn-chain{display:flex;align-items:center;gap:5px;background:var(--bg5);border:1px solid var(--bd2);color:var(--t1);padding:7px 14px;border-radius:var(--r2);font-size:.78rem;font-weight:600;font-family:var(--f);cursor:pointer;transition:all .2s;white-space:nowrap}
.btn-chain i{width:14px;height:14px}
.btn-chain:hover{background:rgba(255,255,255,.08);border-color:var(--teal)}
.chain-status{font-size:.75rem;color:var(--t2);padding:6px 0;min-height:24px}
.chain-results{max-height:200px;overflow-y:auto;margin-bottom:8px}
.chain-results::-webkit-scrollbar{width:3px}.chain-results::-webkit-scrollbar-thumb{background:var(--bd);border-radius:3px}
.chain-tbl{width:100%;border-collapse:collapse;font-size:.72rem}
.chain-tbl th{padding:6px 8px;text-align:left;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.3px;font-size:.62rem;border-bottom:1px solid var(--bd);position:sticky;top:0;background:var(--bg3)}
.chain-tbl td{padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--t2);font-family:var(--m);font-size:.72rem}
.chain-tbl tr:hover{background:rgba(255,255,255,.02)}
.chain-tbl tr{cursor:pointer}
.chain-tbl tr.selected{background:var(--teal-d);border-left:2px solid var(--teal)}
.tf-order{margin-top:10px;padding-top:10px;border-top:1px solid var(--bd)}
.btn-order{display:flex;align-items:center;gap:5px;background:var(--teal);color:#0B0E11;border:0;padding:8px 18px;border-radius:var(--r2);font-size:.78rem;font-weight:700;font-family:var(--f);cursor:pointer;transition:all .2s;margin-top:10px}
.btn-order i{width:14px;height:14px}
.btn-order:hover{background:#00E6B8;box-shadow:0 0 16px var(--teal-g)}
.order-status{font-size:.75rem;margin-top:6px;padding:6px 0;min-height:20px}
.order-ok{color:var(--teal)}.order-err{color:var(--red)}

/* TABLE */
.tbl-wrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;text-align:left}
.tbl th{padding:9px 12px;font-size:.65rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--bd)}
.tbl td{padding:10px 12px;font-size:.8rem;color:var(--t2);border-bottom:1px solid rgba(255,255,255,.03)}
.tbl tbody tr:hover{background:rgba(255,255,255,.02)}
.tbl td strong{color:var(--t1);font-weight:700}
.empty-cell{text-align:center}
.empty-box{display:flex;flex-direction:column;align-items:center;gap:7px;padding:28px;color:var(--t3)}
.empty-box i{width:26px;height:26px;opacity:.4}
.empty-box span{font-size:.75rem}
.btn-ghost{width:28px;height:28px;background:0;border:1px solid var(--bd);border-radius:var(--r3);color:var(--t3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
.btn-ghost i{width:13px;height:13px}
.btn-ghost:hover{color:var(--t2);border-color:var(--bd2)}
.btn-close-pos{background:0;border:1px solid rgba(246,70,93,.2);color:var(--red);padding:3px 7px;border-radius:var(--r3);font-size:.65rem;font-weight:600;font-family:var(--f);cursor:pointer;transition:all .2s}
.btn-close-pos:hover{background:var(--red-d)}
.type-tag{display:inline-block;font-size:.62rem;font-weight:700;padding:2px 5px;border-radius:var(--r3);background:var(--amber-d);color:var(--amber)}
.tab-pill{background:0;border:0;color:var(--t3);font-size:.88rem;font-weight:700;font-family:var(--f);padding:4px 8px;border-radius:var(--r2);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}
.tab-pill:hover{color:var(--t1);background:rgba(255,255,255,.03)}
.tab-pill.active{color:var(--t1);background:rgba(255,255,255,.06)}
.tab-badge{font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:var(--rp);background:var(--bg5);color:var(--t2);font-family:var(--m)}
.tab-pill.active .tab-badge{background:var(--teal-d);color:var(--teal)}
.status-tag{display:inline-block;font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:var(--r3);font-family:var(--m)}
.status-tag.accepted{background:var(--teal-d);color:var(--teal)}
.status-tag.filled{background:rgba(0,212,170,.2);color:var(--teal)}
.status-tag.pending{background:var(--amber-d);color:var(--amber)}
.status-tag.canceled{background:var(--red-d);color:var(--red)}

/* RIGHT PANEL */
.right-panel{width:var(--rw);flex-shrink:0;border-left:1px solid var(--bd);padding:18px 14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;background:rgba(15,18,24,.4)}
.agent-flow{display:flex;flex-direction:column}
.ag-node{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r2);transition:background .2s}
.ag-node:hover{background:rgba(255,255,255,.02)}
.ag-line{width:2px;height:12px;background:var(--bd);margin-left:21px}
.ag-ic{width:32px;height:32px;border-radius:var(--r2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ag-ic i{width:16px;height:16px}
.ag-ic.teal{background:var(--teal-d);color:var(--teal)}
.ag-ic.amber{background:var(--amber-d);color:var(--amber)}
.ag-ic.purple{background:var(--purple-d);color:var(--purple)}
.ag-ic.green{background:rgba(0,212,170,.12);color:var(--teal)}
.ag-bd{flex:1;min-width:0}
.ag-r{display:flex;justify-content:space-between;align-items:center;gap:6px}
.ag-nm{font-size:.78rem;font-weight:700}
.ag-bg{font-size:.58rem;font-weight:700;padding:2px 5px;border-radius:var(--r3);letter-spacing:.2px}
.ag-bg.teal{background:var(--teal-d);color:var(--teal)}
.ag-bg.amber{background:var(--amber-d);color:var(--amber)}
.ag-bg.purple{background:var(--purple-d);color:var(--purple)}
.ag-bg.green{background:rgba(0,212,170,.12);color:var(--teal)}
.ag-dt{font-size:.65rem;color:var(--t3);margin-top:1px}
/* DECISION FEED ENHANCED */
.feed-filters{display:flex;align-items:center;gap:4px}
.ff-btn{background:transparent;border:1px solid var(--bd);border-radius:12px;padding:2px 7px;font-size:.58rem;font-weight:700;color:var(--t3);cursor:pointer;display:inline-flex;align-items:center;gap:3px;transition:all .15s ease}
.ff-btn:hover{color:var(--t1);border-color:var(--t3)}
.ff-btn.active{background:rgba(255,255,255,.08);color:var(--t1);border-color:rgba(255,255,255,.2)}
.ff-btn.ok.active{background:var(--teal-d);color:var(--teal);border-color:var(--teal)}
.ff-btn.no.active{background:var(--red-d);color:var(--red);border-color:var(--red)}
.ff-pill{font-size:.52rem;padding:0 4px;border-radius:6px;background:rgba(255,255,255,.08);font-family:var(--m)}

.feed-scroll{display:flex;flex-direction:column;gap:6px;max-height:330px;overflow-y:auto;padding-right:2px}
.feed-scroll::-webkit-scrollbar{width:3px}.feed-scroll::-webkit-scrollbar-thumb{background:var(--bd);border-radius:3px}

.feed-empty{display:flex;flex-direction:column;align-items:center;gap:7px;padding:24px 10px;color:var(--t3);font-size:.70rem;text-align:center}
.feed-empty i{width:20px;height:20px;animation:spinSlow 12s linear infinite;opacity:.35}

/* Decision Card Compact Component */
.df-card{background:rgba(18,22,28,.8);border:1px solid rgba(255,255,255,.06);border-radius:var(--r2);padding:8px 10px;display:flex;flex-direction:column;gap:5px;transition:all .2s ease;animation:fadeIn .25s ease}
.df-card:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.df-card.df-pass{border-left:3px solid var(--teal)}
.df-card.df-veto{border-left:3px solid var(--red)}

.df-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.df-left{display:flex;align-items:center;gap:6px}
.df-sym{font-size:.78rem;font-weight:800;letter-spacing:.4px;color:var(--t1)}
.df-strat-chip{font-size:.58rem;font-weight:700;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}
.df-strat-chip.bull{background:rgba(0,212,170,.12);color:var(--teal)}
.df-strat-chip.bear{background:rgba(246,70,93,.12);color:var(--red)}
.df-strat-chip.neutral{background:rgba(168,85,247,.12);color:var(--purple)}

.df-right{display:flex;align-items:center;gap:5px}
.df-conf{font-size:.58rem;color:var(--t3);font-family:var(--m)}
.df-badge{font-size:.58rem;font-weight:800;padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:3px;letter-spacing:.3px}
.df-badge.df-pass{background:var(--teal-d);color:var(--teal)}
.df-badge.df-veto{background:var(--red-d);color:var(--red)}
.df-badge i{width:10px;height:10px}

.df-rationale{font-size:.65rem;color:var(--t2);line-height:1.36;background:rgba(0,0,0,.28);padding:5px 7px;border-radius:4px;display:flex;gap:5px;align-items:flex-start}
.df-brain-ic{width:11px;height:11px;color:var(--amber);flex-shrink:0;margin-top:1px}

.df-metrics{display:grid;grid-template-columns:1fr 1.2fr 1.5fr;gap:4px;margin-top:1px}
.df-met{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.03);border-radius:3px;padding:3px 5px;display:flex;flex-direction:column}
.df-met-k{font-size:.52rem;color:var(--t3);text-transform:uppercase;font-weight:600;letter-spacing:.2px}
.df-met-v{font-size:.62rem;font-weight:700;color:var(--t1);font-family:var(--m)}
.df-met-v.pos{color:var(--teal)}.df-met-v.neg{color:var(--red)}.df-met-v.hi{color:var(--hi)}
.card-guard{padding:12px 14px}
.guard-hd{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.guard-hd i{width:13px;height:13px;color:var(--teal)}
.guard-hd span{font-size:.75rem;font-weight:700;color:var(--teal)}
.guard-list{display:flex;flex-direction:column;gap:5px}
.gr{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--t2)}
.gr i{width:12px;height:12px;color:var(--teal);flex-shrink:0;opacity:.65}

/* ANIMATIONS */
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}
@keyframes spinSlow{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.card,.wcard,.gcard,.earn-card{animation:fadeUp .35s ease both}
.wcard:nth-child(1){animation-delay:0s}.wcard:nth-child(2){animation-delay:.04s}.wcard:nth-child(3){animation-delay:.08s}.wcard:nth-child(4){animation-delay:.12s}.wcard:nth-child(5){animation-delay:.16s}.wcard:nth-child(6){animation-delay:.2s}
.gcard:nth-child(1){animation-delay:.08s}.gcard:nth-child(2){animation-delay:.12s}.gcard:nth-child(3){animation-delay:.16s}.gcard:nth-child(4){animation-delay:.2s}.gcard:nth-child(5){animation-delay:.24s}

/* EARNINGS STRIP */
.earnings-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.earn-card{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r1);padding:16px;display:flex;align-items:center;gap:14px;transition:border-color .2s}
.earn-card:hover{border-color:var(--bd2)}
.earn-card.main-earn{border-color:var(--bd-hi);background:rgba(0,212,170,.03)}
.earn-icon-box{width:42px;height:42px;border-radius:var(--r2);background:var(--teal-d);color:var(--teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.earn-icon-box i{width:20px;height:20px}
.earn-icon-box.green{background:rgba(0,212,170,.12);color:var(--teal)}
.earn-icon-box.purple{background:var(--purple-d);color:var(--purple)}
.earn-icon-box.amber{background:var(--amber-d);color:var(--amber)}
.earn-body{display:flex;flex-direction:column;gap:1px;min-width:0}
.earn-label{font-size:.65rem;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.3px}
.earn-big{font-family:var(--m);font-size:1.25rem;font-weight:800;color:var(--t1)}
.earn-big.pos{color:var(--teal)}.earn-big.neg{color:var(--red)}
.earn-pct{font-size:.68rem;font-weight:600;color:var(--t3)}
.earn-pct.pos{color:var(--teal)}.earn-pct.neg{color:var(--red)}

/* HELP BUTTON */
.btn-help{width:34px;height:34px;background:0;border:1px solid var(--bd);border-radius:var(--r2);color:var(--t3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
.btn-help i{width:16px;height:16px}
.btn-help:hover{color:var(--teal);border-color:var(--teal);background:var(--teal-d)}

/* HELP OVERLAY */
.help-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.help-modal{background:var(--bg3);border:1px solid var(--bd2);border-radius:var(--r1);max-width:680px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,.5)}
.help-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--bd)}
.help-header h2{font-size:1.1rem;font-weight:800;color:var(--t1)}
.help-close{width:32px;height:32px;background:0;border:1px solid var(--bd);border-radius:var(--r3);color:var(--t2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
.help-close i{width:16px;height:16px}
.help-close:hover{color:var(--red);border-color:var(--red)}
.help-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}
.help-section h3{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;color:var(--teal);margin-bottom:8px}
.help-section h3 i{width:16px;height:16px}
.help-section p{font-size:.8rem;color:var(--t2);line-height:1.55;margin-bottom:4px}
.help-section p strong{color:var(--t1);font-weight:700}
.help-highlight{background:var(--teal-d);border:1px solid rgba(0,212,170,.25);border-radius:var(--r2);padding:16px 18px}

/* MODAL SM & BUTTONS */
.modal-sm{max-width:440px}
.btn-secondary{background:var(--bg4);border:1px solid var(--bd2);color:var(--t2);padding:8px 16px;border-radius:var(--r2);font-size:.78rem;font-weight:600;font-family:var(--f);cursor:pointer;transition:all .2s}
.btn-secondary:hover{background:rgba(255,255,255,.08);color:var(--t1)}
.btn-danger{display:flex;align-items:center;gap:6px;background:var(--red);color:#fff;border:0;padding:8px 16px;border-radius:var(--r2);font-size:.78rem;font-weight:700;font-family:var(--f);cursor:pointer;transition:all .2s}
.btn-danger i{width:14px;height:14px}
.btn-danger:hover{background:#ff2d4b;box-shadow:0 0 16px rgba(246,70,93,.4)}

/* TOASTS */
.toast-container{position:fixed;top:66px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:99999;pointer-events:none}
.toast{background:var(--bg4);border:1px solid var(--bd2);border-left:3px solid var(--teal);border-radius:var(--r2);padding:10px 16px;font-size:.78rem;color:var(--t1);box-shadow:0 12px 28px rgba(0,0,0,.5);pointer-events:auto;display:flex;align-items:center;gap:8px;animation:slideIn .25s ease forwards;max-width:340px}
.toast.toast-error{border-left-color:var(--red)}
.toast.toast-info{border-left-color:var(--blue)}
.toast i{width:15px;height:15px;flex-shrink:0}
@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeOut{from{opacity:1}to{opacity:0;transform:translateY(-6px)}}

/* STRATEGY BADGE INTERACTIVE */
.stag{cursor:pointer;transition:all .2s;user-select:none}
.stag:hover{background:rgba(0,212,170,.25);transform:scale(1.03)}

/* HARVEST ALL GREEN / TAKE PROFIT BUTTON */
.btn-harvest{display:flex;align-items:center;gap:6px;background:rgba(0,212,170,.12);border:1px solid rgba(0,212,170,.35);color:var(--teal);padding:5px 12px;border-radius:var(--r2);font-size:.72rem;font-weight:700;font-family:var(--f);cursor:pointer;transition:all .2s;white-space:nowrap}
.btn-harvest i{width:13px;height:13px}
.btn-harvest:hover{background:var(--teal);color:#0B0E11;box-shadow:0 0 18px rgba(0,212,170,.4);transform:translateY(-1px)}
.btn-harvest:disabled{opacity:.4;cursor:not-allowed;transform:none}

/* TRADING MODE SELECTOR */
.mode-selector{display:flex;align-items:center;background:var(--bg3);border:1px solid var(--bd);border-radius:var(--rp);padding:2px;gap:2px}
.mode-btn{background:0;border:0;color:var(--t3);font-size:.66rem;font-weight:600;padding:3px 8px;border-radius:var(--rp);cursor:pointer;transition:all .2s;font-family:var(--f);display:flex;align-items:center;gap:4px}
.mode-btn i{width:12px;height:12px}
.mode-btn:hover{color:var(--t1);background:rgba(255,255,255,.04)}
.mode-btn.active{background:var(--teal);color:#0B0E11;font-weight:700;box-shadow:0 0 10px rgba(0,212,170,.3)}

/* DECISION FEED MODE CHIP */
.df-mode-chip{font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:var(--r3);background:rgba(255,255,255,.05);border:1px solid var(--bd);white-space:nowrap}
.df-mode-chip.scalp{color:var(--teal);background:rgba(0,212,170,.1);border-color:rgba(0,212,170,.25)}
.df-mode-chip.swing{color:var(--blue);background:rgba(30,144,255,.1);border-color:rgba(30,144,255,.25)}
.df-mode-chip.shield{color:var(--amber);background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.25)}

/* MODE LAUNCH MODAL */
.mode-modal-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0 18px}
.mode-card-select{background:var(--bg3);border:2px solid var(--bd);border-radius:var(--r2);padding:14px 16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:6px;position:relative}
.mode-card-select:hover{border-color:var(--bd2);background:var(--bg4)}
.mode-card-select.selected{border-color:var(--teal);background:rgba(0,212,170,.06);box-shadow:0 0 16px rgba(0,212,170,.2)}
.mode-card-header{display:flex;align-items:center;justify-content:space-between}
.mode-card-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--t1)}
.mode-card-title i{width:16px;height:16px;color:var(--teal)}
.mode-card-badge{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:var(--rp);text-transform:uppercase}
.mode-card-badge.scalp{background:rgba(0,212,170,.15);color:var(--teal);border:1px solid rgba(0,212,170,.3)}
.mode-card-badge.swing{background:rgba(30,144,255,.15);color:var(--blue);border:1px solid rgba(30,144,255,.3)}
.mode-card-badge.shield{background:rgba(245,158,11,.15);color:var(--amber);border:1px solid rgba(245,158,11,.3)}
.mode-card-desc{font-size:.78rem;color:var(--t2);line-height:1.45}
.mode-card-specs{display:flex;align-items:center;gap:14px;margin-top:4px;font-size:.7rem;font-family:var(--m);color:var(--t3)}
.mode-card-spec strong{color:var(--t1);font-weight:600}
.btn-launch-mode{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--teal);color:#0B0E11;border:0;padding:12px 20px;border-radius:var(--r2);font-size:.85rem;font-weight:800;font-family:var(--f);cursor:pointer;transition:all .2s;width:100%}
.btn-launch-mode:hover{background:#00E6B8;box-shadow:0 0 24px var(--teal-g);transform:translateY(-1px)}

/* AGENT SCANNING PULSE */
.ag-node.active-scanning{background:rgba(0,212,170,.08);border-left:2px solid var(--teal);animation:pulseNode 1s infinite alternate}
@keyframes pulseNode{from{box-shadow:0 0 0 rgba(0,212,170,0)}to{box-shadow:0 0 14px rgba(0,212,170,.3)}}

/* MARKET NOTICE BANNER */
.mkt-notice-banner{display:flex;align-items:center;gap:12px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);border-radius:var(--r2);padding:10px 14px;margin-bottom:12px;font-size:.76rem}
.mkt-notice-banner.open{background:rgba(0,212,170,.06);border-color:rgba(0,212,170,.25)}
.mkt-notice-icon{width:16px;height:16px;color:var(--amber);flex-shrink:0}
.mkt-notice-banner.open .mkt-notice-icon{color:var(--teal)}
.mkt-notice-content{display:flex;flex-direction:column;gap:2px}
.mkt-notice-content strong{color:var(--t1);font-weight:700}
.mkt-notice-content span{color:var(--t2);font-size:.72rem}

/* QUEUED BADGE ON POSITION ROW */
.queued-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35);color:var(--amber);padding:4px 8px;border-radius:var(--r3);font-size:.68rem;font-weight:700;font-family:var(--m);white-space:nowrap}
.queued-badge i{width:12px;height:12px}

/* SCROLLBAR */
::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.07);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.13)}

/* RESPONSIVE */
@media(max-width:1200px){.right-panel{width:280px}.greeks-row{grid-template-columns:repeat(3,1fr)}.earnings-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{display:none}.shell{margin-left:0}.content-zone{flex-direction:column}.right-panel{width:100%;border-left:0;border-top:1px solid var(--bd)}.greeks-row{grid-template-columns:repeat(2,1fr)}.topbar-metrics{display:none}.earnings-strip{grid-template-columns:1fr 1fr}}