/* CYBER·2046 NEXUS UI — visual-only override. Existing IDs, actions and APIs are untouched. */
:root{
  --bg:#04070b;--bg-soft:#071019;--surface:#09131d;--surface-2:#0d1924;
  --gold:#e7bd55;--champagne:#ffe7a6;--gold-soft:#9a7222;
  --cyan:#38d6ff;--cyan-soft:#177e9b;--violet:#9a7cff;
  --white:#f5fbff;--text:#d8e5ec;--muted:#738693;
  --up:#38e8a4;--down:#ff647c;--info:#38d6ff;
  --border:rgba(56,214,255,.15);--hair:rgba(132,190,216,.10);
  --glass-blur:24px;--radius:16px;--shadow:0 24px 70px rgba(0,0,0,.48);
  --rim:linear-gradient(90deg,transparent,rgba(56,214,255,.72),rgba(231,189,85,.9),rgba(56,214,255,.4),transparent)
}
html,body{max-width:100%;overflow-x:hidden;background:#04070b;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC",sans-serif}
body{background:
  linear-gradient(rgba(56,214,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(56,214,255,.018) 1px,transparent 1px),
  radial-gradient(900px 460px at 84% -5%,rgba(35,132,185,.16),transparent 60%),
  radial-gradient(760px 420px at -5% 45%,rgba(154,124,255,.08),transparent 65%),#04070b;background-size:42px 42px,42px 42px,auto,auto,auto}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 0 48%,rgba(56,214,255,.022) 50%,transparent 52%)}
::selection{background:rgba(56,214,255,.28);color:white}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--cyan-soft),var(--gold-soft))}

.glass{background:linear-gradient(145deg,rgba(12,27,39,.82),rgba(5,11,17,.82));border:1px solid var(--border);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.025);isolation:isolate}
.glass::before{left:4%;right:4%;background:var(--rim);opacity:.65}
.glass::after{background:radial-gradient(560px 190px at 50% -24%,rgba(56,214,255,.09),transparent),linear-gradient(120deg,rgba(255,255,255,.012),transparent 38%);z-index:-1}

.topbar{padding:11px 24px;background:rgba(4,8,13,.78);border-bottom-color:rgba(56,214,255,.13);box-shadow:0 12px 35px rgba(0,0,0,.35)}
.logo-wrap{filter:drop-shadow(0 0 16px rgba(56,214,255,.35)) drop-shadow(0 0 8px rgba(231,189,85,.25))}
.brand-name{background:linear-gradient(90deg,var(--champagne),#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:750}
.brand-sub{color:#607b8c}.topnav{align-items:center;padding:4px;border:1px solid rgba(56,214,255,.08);border-radius:12px;background:rgba(6,15,22,.62)}
.nav-btn{color:#77909f;border:1px solid transparent}.nav-btn:hover{color:#dff8ff;background:rgba(56,214,255,.07)}
.nav-btn.active{color:#ebfbff;background:linear-gradient(135deg,rgba(56,214,255,.13),rgba(154,124,255,.08));border-color:rgba(56,214,255,.16);box-shadow:inset 0 0 20px rgba(56,214,255,.04)}
.status-dot.connected{background:var(--cyan);box-shadow:0 0 12px rgba(56,214,255,.9)}.status-dot.running{background:var(--up);box-shadow:0 0 12px rgba(56,232,164,.9)}
.btn-ghost{background:rgba(56,214,255,.055);border-color:rgba(56,214,255,.17);color:#bcd1db}.btn-ghost:hover{background:rgba(56,214,255,.13);border-color:rgba(56,214,255,.32)}
.btn-ghost.danger{background:rgba(255,100,124,.07);border-color:rgba(255,100,124,.28);color:#ff8596}
.btn-gold{background:linear-gradient(135deg,#ffe59a,#d9a931 70%,#a67818);color:#071016;box-shadow:0 6px 24px rgba(231,189,85,.19);letter-spacing:.2px}
.btn-gold:hover{box-shadow:0 8px 30px rgba(231,189,85,.31)}
.lang-switch{border:1px solid rgba(56,214,255,.22);background:rgba(56,214,255,.06);color:var(--cyan);border-radius:9px;font-size:11px;font-weight:700;cursor:pointer;transition:.2s}
.top-lang{width:32px;height:28px;margin-left:4px;align-self:center;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.top-lang:hover{background:rgba(56,214,255,.14)}.bottom-lang{display:none}

.content{max-width:1440px;padding:24px 30px 34px}.view{animation:nextIn .34s ease}@keyframes nextIn{from{opacity:0;transform:translateY(5px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.hero{padding:56px 20px 42px}.hero-glow{background:radial-gradient(520px 160px at 50% 10%,rgba(56,214,255,.14),transparent 68%);filter:blur(25px)}
.hero-title{font-weight:250;letter-spacing:8px;background:linear-gradient(92deg,#bcd6df,#fff 42%,#65ddff 72%,#f2ca67);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 50px rgba(56,214,255,.08)}
.hero-sub{color:#708895}.section-title{color:#bfeeff;font-size:11px;letter-spacing:2.5px}.section-title::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin:0 8px 2px 0;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}
.safety-banner{background:linear-gradient(90deg,rgba(56,214,255,.065),rgba(231,189,85,.035));border-color:rgba(56,214,255,.18)}.safety-banner strong{color:var(--cyan)}
.overview-grid{gap:12px}.stat-card{padding:18px 19px;min-height:104px}.stat-card:hover{border-color:rgba(56,214,255,.28);transform:translateY(-1px);transition:.22s}
.stat-label{color:#6f8794}.stat-value{color:#edfaff;font-variant-numeric:tabular-nums}.stat-value.big{color:#fff;text-shadow:0 0 22px rgba(56,214,255,.18)}.stat-sub{color:#647b87}
.up{color:var(--up)}.down{color:var(--down)}

/* market intelligence */
.eq-card,.chart-card{padding:20px}.chart-card{border-color:rgba(56,214,255,.19)}
.chart-head{min-height:36px}.cyber-select{background:#07121b;border-color:rgba(56,214,255,.17);color:#dff8ff;outline:none}.cyber-select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(56,214,255,.08)}
.tf-pills{padding:3px;background:rgba(3,9,14,.62);border:1px solid rgba(56,214,255,.08);border-radius:9px;overflow-x:auto}.tf-pill{background:transparent;color:#708794;white-space:nowrap}.tf-pill.active{background:linear-gradient(135deg,rgba(56,214,255,.17),rgba(154,124,255,.11));color:#dffaff;border-color:rgba(56,214,255,.22);box-shadow:0 0 15px rgba(56,214,255,.07)}
#kline,#eqChart{border-radius:12px;background:linear-gradient(180deg,rgba(3,10,16,.66),rgba(4,8,12,.24));border:1px solid rgba(56,214,255,.07);overflow:hidden}
.term-grid{grid-template-columns:minmax(0,1.5fr) minmax(360px,.75fr);gap:14px}

/* positions */
.pos-card{border-color:rgba(231,189,85,.13)}.pos-scroll{gap:10px}.pos-item{background:linear-gradient(145deg,rgba(10,24,34,.95),rgba(4,10,15,.94));border-color:rgba(56,214,255,.09);border-left-color:var(--up);box-shadow:inset 0 1px rgba(255,255,255,.02),0 12px 28px rgba(0,0,0,.24)}.pos-item.short{border-left-color:var(--down)}
.pos-symbol{color:#f3fcff}.pos-tag{background:rgba(56,232,164,.09);color:var(--up);border:1px solid rgba(56,232,164,.18)}.pos-tag.short{background:rgba(255,100,124,.08);color:#ff8193;border-color:rgba(255,100,124,.18)}
.pos-metrics>div{background:rgba(56,214,255,.028);border-color:rgba(56,214,255,.07)}.pos-metrics small,.pos-exposure small{color:#607987}.pos-metrics b,.pos-exposure b{color:#dceaf0}
.pos-status{border-color:rgba(56,214,255,.08)}.pos-badge{background:rgba(56,214,255,.055);color:#83a2b2}.pos-protection{color:#78909d}.pos-close{background:rgba(255,100,124,.07);border-color:rgba(255,100,124,.25);color:#ff8294}.pos-close:hover{background:rgba(255,100,124,.14)}

/* watchlist */
.sym-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px}.sym-item{background:linear-gradient(140deg,rgba(10,24,34,.75),rgba(5,12,18,.78));border-color:rgba(56,214,255,.08);text-align:left}.sym-item:hover{background:rgba(56,214,255,.065);border-color:rgba(56,214,255,.24);transform:translateY(-1px)}.sym-dot.on{background:var(--up);box-shadow:0 0 9px rgba(56,232,164,.75)}.sym-name{color:#e9f9ff}.sym-price{color:#9cb0bb;font-variant-numeric:tabular-nums}

/* AI command center */
#view-ai{position:relative}#view-ai::before{content:"AI NEXUS";position:absolute;right:4px;top:-12px;color:rgba(56,214,255,.035);font-size:72px;font-weight:800;letter-spacing:9px;pointer-events:none}
.ai-hero{padding:30px;background:linear-gradient(125deg,rgba(9,32,46,.9),rgba(11,17,33,.88) 62%,rgba(31,20,45,.72));border-color:rgba(56,214,255,.23)}.ai-hero::after{background:radial-gradient(500px 180px at 15% 0,rgba(56,214,255,.14),transparent),radial-gradient(350px 180px at 100% 100%,rgba(154,124,255,.1),transparent)}
.ai-desc{color:#718996}.ai-ctrl{padding:13px;border:1px solid rgba(56,214,255,.1);border-radius:12px;background:rgba(2,9,14,.35)}.slider{background:#14232d;border:1px solid rgba(56,214,255,.12)}.slider::after{background:#a7bdc8}.switch input:checked+.slider{background:linear-gradient(90deg,var(--cyan-soft),var(--cyan));box-shadow:0 0 15px rgba(56,214,255,.18)}.ai-mode-tag{color:#7fdfff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.ai-health{border-color:currentColor;background:rgba(4,10,16,.45)}.ai-health.ok{color:var(--up)}.ai-health.warn{color:var(--gold)}.ai-health.bad{color:var(--down)}
.ai-ledger{gap:9px}.ai-row{background:linear-gradient(135deg,rgba(8,22,32,.9),rgba(6,11,18,.85));border-color:rgba(56,214,255,.09);padding:13px}.ai-row .a-sym{color:#e7f9ff}.ai-row .a-dir{color:var(--cyan)}.ai-row .a-reason{color:#718794;line-height:1.55;margin-top:5px}.sup-card{border-color:rgba(56,214,255,.13);background:rgba(5,15,22,.68)}.sup-card.warn{border-color:rgba(255,100,124,.27)}.sup-text{color:#bbccd4}

/* strategy, risk, records */
.view>.glass{padding:20px}.param,.r-cell{background:rgba(5,15,22,.72);border:1px solid rgba(56,214,255,.07)}.param input,.p-row input,.p-row select{background:#06111a;border-color:rgba(56,214,255,.13);color:#dcebf1;outline:none}.param input:focus,.p-row input:focus,.p-row select:focus{border-color:rgba(56,214,255,.5);box-shadow:0 0 0 3px rgba(56,214,255,.06)}
.r-cell .lbl{color:#66808d}.r-cell .val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.trade-item{background:transparent;border-color:rgba(56,214,255,.07);padding:11px 5px}.log-list{background:rgba(2,7,11,.5);border-radius:10px;padding:10px}.log-line{color:#728995}.log-line .lt{color:#3b8da4}.log-line .ls{color:var(--cyan)}

/* profile / forms */
.profile-card{background:rgba(5,15,22,.72);border-color:rgba(56,214,255,.1)}.profile-card.active{border-left-color:var(--cyan);box-shadow:inset 12px 0 25px rgba(56,214,255,.025)}.pc-name{color:#e9f8ff}.p-sep{border-color:rgba(56,214,255,.1);color:var(--cyan)}
.about-card{background:linear-gradient(145deg,rgba(8,24,34,.85),rgba(7,11,19,.88))}.about-logo-img{box-shadow:0 0 48px rgba(56,214,255,.22),0 0 25px rgba(231,189,85,.13)}.about-card h2{color:#eaf9ff}.af{background:rgba(5,15,22,.68);border-color:rgba(56,214,255,.09)}.af b{color:#aeefff}.about-warn,.about-ops{background:rgba(5,14,20,.65);border-color:rgba(56,214,255,.1)}
.overlay{background:rgba(1,4,7,.78)}.overlay-box{width:min(420px,calc(100vw - 32px));max-width:100%;overflow:hidden;background:linear-gradient(145deg,rgba(11,28,40,.97),rgba(4,10,16,.98));border-color:rgba(56,214,255,.2);box-shadow:0 35px 100px rgba(0,0,0,.65),0 0 50px rgba(56,214,255,.05)}.overlay-box .ai-desc{overflow-wrap:anywhere;line-height:1.55}.overlay-box .btn-gold{max-width:100%}
.side-btn,.lev-btn{background:#07121b;border-color:rgba(56,214,255,.1)}.side-btn.long-btn.active{background:rgba(56,232,164,.1);border-color:var(--up);color:var(--up)}.side-btn.short-btn.active{background:rgba(255,100,124,.1);border-color:var(--down);color:#ff8294}.lev-btn.active{background:rgba(56,214,255,.11);border-color:var(--cyan);color:#bcefff}
.toast{background:rgba(7,20,29,.96);border-color:rgba(56,214,255,.25);color:#c7f3ff}
.boot{background:radial-gradient(circle at 50% 45%,#0b2635,#04070b 45%)}.boot-logo-img{box-shadow:0 0 55px rgba(56,214,255,.32),0 0 25px rgba(231,189,85,.15)}.boot-name{color:#dbf8ff}.boot-fill{background:linear-gradient(90deg,var(--cyan),var(--gold))}

@media(max-width:1100px) and (min-width:901px){.term-grid{grid-template-columns:minmax(0,1fr) 350px}.topbar{padding-inline:16px}.content{padding-inline:20px}}
@media(max-width:900px){
  .content{padding:14px 14px 24px;min-width:0}.topbar{padding:7px 11px;max-width:100vw;overflow:hidden}.bottomnav{width:100vw;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(3,8,13,.91);border-top-color:rgba(56,214,255,.14);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottomnav .nav-btn,.bottomnav .lang-switch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 1px;border:0;background:transparent;color:#6f8794;font-size:9px;border-radius:10px}.bottomnav .nav-btn svg,.bottomnav .lang-switch svg{width:20px;height:20px}.bottomnav .nav-btn.active{color:#c8f4ff;background:rgba(56,214,255,.05)}.bottomnav .nav-btn.active svg{filter:drop-shadow(0 0 7px rgba(56,214,255,.75))}#app{padding-bottom:68px}
  .top-lang{display:inline-flex;width:34px;height:30px;font-size:12px;margin-left:6px}
  .hero{padding:38px 12px 30px}.hero-title{letter-spacing:4px}.overview-grid{gap:9px}.stat-card{min-height:96px}.term-grid{grid-template-columns:1fr}.chart-card{padding:13px}.chart-head{gap:8px;min-width:0}.chart-head .section-title{width:100%}.chart-head .cyber-select{flex:1 1 120px;max-width:180px;min-width:0}.chart-head .tf-pills{flex:1 1 160px;min-width:0;max-width:100%;overflow-x:auto}#view-ai::before{font-size:44px;top:0}.ai-hero{padding:20px}.ai-ctrl{gap:10px}.sym-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .topbar{min-height:46px}.brand-name{font-size:11px}.top-status{gap:4px}.top-lang{display:inline-flex;width:32px;height:28px;font-size:11px;margin-left:5px}.run-ctrl .btn-ghost{padding:4px 6px}.content{padding:10px}.overlay{padding:16px}.overlay-box{padding:22px 18px}.hero-title{font-size:25px}.hero-sub{font-size:11px;line-height:1.6}.stat-card{padding:14px 12px}.section-title{letter-spacing:1.7px}.chart-card{border-radius:13px}.pos-card{padding:12px}.pos-item{padding:13px}.pos-metrics{gap:5px}.pos-exposure>span{padding-inline:4px}.pos-protection{font-size:10px}.view>.glass{padding:15px}.ai-ctrl{align-items:stretch}.ai-ctrl .btn-gold{flex:1;padding-inline:10px}.sup-head{gap:8px;flex-wrap:wrap}.p-row{gap:5px}.about-card{padding:28px 15px}.bottomnav .nav-btn,.bottomnav .lang-switch{font-size:8.5px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}