/* RazzRunAi v3.0 — Neon Glassmorphism */
:root {
  --bg:    #010409;
  --bg2:   #030c1a;
  --bg3:   rgba(4,13,28,0.90);
  --panel: rgba(3,11,24,0.92);
  --cyan:  #00f5ff; --cg: rgba(0,245,255,0.10); --cd: rgba(0,245,255,0.15);
  --grn:   #00ff9d; --gd: rgba(0,255,157,0.10);
  --red:   #ff3366; --rd: rgba(255,51,102,0.10);
  --vio:   #9d4edd; --vd: rgba(157,78,221,0.12);
  --amb:   #ffb703; --ad: rgba(255,183,3,0.10);
  --blu:   #3a86ff;
  --t1: #ddf0ff; --t2: #5d8aa8; --t3: #253d52;
  --b1: rgba(0,245,255,0.20); --b2: rgba(0,245,255,0.08); --b3: rgba(255,255,255,0.04);
  --r1:8px;--r2:14px;--r3:20px;--r4:26px;
  --sg: 0 0 24px rgba(0,245,255,0.3),0 0 60px rgba(0,245,255,0.1);
  --sgg:0 0 24px rgba(0,255,157,0.3),0 0 60px rgba(0,255,157,0.1);
  --sgr:0 0 24px rgba(255,51,102,0.35);
  --fd: 'Syne',sans-serif;
  --fb: 'Space Grotesk',sans-serif;
  --fm: 'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--t1);font-family:var(--fb);min-height:100vh;overflow-x:hidden}
.hidden{display:none!important}

/* Ambient */
.ambient-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(140px);pointer-events:none;animation:orbF 22s ease-in-out infinite}
.orb-1{width:700px;height:700px;background:radial-gradient(circle,rgba(0,245,255,0.13),transparent 70%);top:-200px;left:-120px}
.orb-2{width:550px;height:550px;background:radial-gradient(circle,rgba(157,78,221,0.12),transparent 70%);top:30%;right:-150px;animation-delay:-8s}
.orb-3{width:450px;height:450px;background:radial-gradient(circle,rgba(58,134,255,0.11),transparent 70%);bottom:-80px;left:35%;animation-delay:-16s}
@keyframes orbF{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-35px) scale(1.05)}66%{transform:translate(-25px,20px) scale(0.95)}}
.grid-layer{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(0,245,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,0.02) 1px,transparent 1px);
  background-size:50px 50px}

/* ── MODAL ─────────────────────────────── */
.modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(1,4,9,0.95);backdrop-filter:blur(30px)}
.modal-box{width:100%;max-width:640px;background:linear-gradient(150deg,rgba(5,18,42,0.98),rgba(3,11,26,0.99));border:1px solid var(--b1);border-radius:var(--r4);padding:40px 38px;position:relative;overflow:hidden;
  box-shadow:0 8px 40px rgba(0,0,0,0.8),0 0 100px rgba(0,245,255,0.06);animation:mIn 0.5s cubic-bezier(0.22,1,0.36,1) both}
@keyframes mIn{from{opacity:0;transform:translateY(40px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}
.modal-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan) 30%,var(--vio) 70%,transparent)}

.modal-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.brand-icon{width:52px;height:52px;border-radius:14px;font-size:24px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--cd),var(--vd));border:1px solid var(--b1);
  box-shadow:var(--sg);animation:iconP 3s ease-in-out infinite}
@keyframes iconP{0%,100%{box-shadow:var(--sg)}50%{box-shadow:0 0 40px rgba(0,245,255,0.6),0 0 80px rgba(0,245,255,0.2)}}
.brand-name{font-family:var(--fd);font-size:26px;font-weight:800;letter-spacing:-0.4px;background:linear-gradient(110deg,var(--cyan),#8af7ff 40%,var(--vio));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.brand-sub{font-family:var(--fm);font-size:10px;color:var(--t3);letter-spacing:3px;text-transform:uppercase}

/* Mode selector */
.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.mode-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r2);border:1px solid var(--b3);
  background:rgba(255,255,255,0.02);cursor:pointer;transition:all 0.25s;position:relative}
.mode-card:hover{border-color:var(--b2);background:rgba(0,245,255,0.03)}
.mode-card.active{border-color:var(--b1);background:var(--cg)}
.mode-icon{font-size:22px;flex-shrink:0}
.mode-info{flex:1}
.mode-info strong{display:block;font-size:13px;font-weight:600;color:var(--t1);margin-bottom:2px}
.mode-info span{font-size:11px;color:var(--t3);line-height:1.4}
.mode-badge{font-family:var(--fm);font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;flex-shrink:0;letter-spacing:0.5px}
.mode-badge.safe{background:var(--gd);color:var(--grn);border:1px solid rgba(0,255,157,0.3)}
.mode-badge.risk{background:var(--rd);color:var(--red);border:1px solid rgba(255,51,102,0.3)}

.real-warning{background:rgba(255,183,3,0.07);border:1px solid rgba(255,183,3,0.25);border-radius:var(--r2);padding:14px 16px;margin-bottom:14px;display:flex;gap:12px}
.warn-icon{font-size:20px;flex-shrink:0}
.warn-text{font-size:12px;color:var(--t2);line-height:1.6}
.warn-text strong{color:var(--amb);display:block;margin-bottom:4px}
.warn-text em{color:var(--cyan);font-style:normal;font-weight:600}

/* Permissions */
.perm-list{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}
.perm-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:rgba(255,255,255,0.02);border:1px solid var(--b3);border-radius:var(--r1);transition:all 0.2s}
.perm-row:hover{border-color:var(--b2)}
.perm-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.perm-ico.cyan{background:var(--cd)}.perm-ico.green{background:var(--gd)}.perm-ico.violet{background:var(--vd)}.perm-ico.amber{background:var(--ad)}
.perm-inf{flex:1}.perm-inf b{display:block;font-size:13px;font-weight:600;color:var(--t1)}.perm-inf s{text-decoration:none;font-family:var(--fm);font-size:10px;color:var(--t3)}
.perm-tag{font-family:var(--fm);font-size:9px;font-weight:700;padding:3px 9px;border-radius:20px;flex-shrink:0}
.perm-tag.ok{background:var(--gd);color:var(--grn);border:1px solid rgba(0,255,157,0.25)}
.perm-tag.pending{background:var(--ad);color:var(--amb);border:1px solid rgba(255,183,3,0.25)}

/* Setup */
.setup-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
.field label{display:block;font-family:var(--fm);font-size:9px;color:var(--t3);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}
.field input,.field select{width:100%;background:rgba(6,18,40,0.95);border:1px solid var(--b2);border-radius:var(--r1);padding:9px 11px;font-family:var(--fm);font-size:11px;color:var(--cyan);outline:none;transition:all 0.2s;-webkit-appearance:none}
.field input:focus,.field select:focus{border-color:var(--b1);box-shadow:0 0 0 3px rgba(0,245,255,0.07)}
.field select option{background:#040d18;color:var(--t1)}

.btn-activate{width:100%;padding:15px;margin-bottom:12px;background:linear-gradient(135deg,rgba(0,245,255,0.12),rgba(157,78,221,0.12));border:1px solid var(--b1);border-radius:var(--r2);cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:10px}
.btn-activate:hover{box-shadow:var(--sg);transform:translateY(-1px)}
.btn-ico{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--cyan),var(--vio));display:flex;align-items:center;justify-content:center;font-size:13px}
.btn-activate span:last-child{font-family:var(--fd);font-size:13px;font-weight:700;color:var(--t1);letter-spacing:0.5px}
.modal-note{text-align:center;font-family:var(--fm);font-size:10px;color:var(--t3)}

/* ── SIGNAL POPUP ───────────────────────── */
.signal-popup{position:fixed;top:20px;right:20px;z-index:9998;width:320px;
  background:linear-gradient(145deg,rgba(5,18,42,0.98),rgba(3,11,26,0.99));
  border:1px solid var(--b1);border-radius:var(--r3);overflow:hidden;
  box-shadow:var(--sg),0 20px 60px rgba(0,0,0,0.8);animation:popIn 0.4s cubic-bezier(0.22,1,0.36,1)}
@keyframes popIn{from{opacity:0;transform:translateX(30px) scale(0.9)}to{opacity:1;transform:translateX(0) scale(1)}}
.signal-popup.signal-sell{border-color:rgba(255,51,102,0.5);box-shadow:var(--sgr),0 20px 60px rgba(0,0,0,0.8)}
.sp-inner{padding:18px}
.sp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.sp-title{font-family:var(--fd);font-size:15px;font-weight:800;color:var(--grn);letter-spacing:0.5px}
.sp-title.sell{color:var(--red)}
.sp-close{background:rgba(255,255,255,0.05);border:1px solid var(--b3);color:var(--t2);width:26px;height:26px;border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all 0.2s}
.sp-close:hover{border-color:var(--red);color:var(--red)}
.sp-pair{font-family:var(--fd);font-size:22px;font-weight:800;color:var(--cyan);margin-bottom:2px}
.sp-price{font-family:var(--fm);font-size:14px;color:var(--t2);margin-bottom:12px}
.sp-details{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;background:rgba(255,255,255,0.02);border-radius:var(--r1);padding:10px}
.sp-row{display:flex;justify-content:space-between;font-family:var(--fm);font-size:11px}
.sp-row span:first-child{color:var(--t3)}
.sp-val{color:var(--t1);font-weight:600}
.sp-reason{font-size:11px;color:var(--t2);line-height:1.5;margin-bottom:14px;padding:8px;background:rgba(255,255,255,0.02);border-radius:6px;border-left:2px solid var(--b1)}
.sp-btns{display:flex;flex-direction:column;gap:6px}
.sp-btn-exec{padding:10px;background:var(--gd);border:1px solid rgba(0,255,157,0.35);color:var(--grn);border-radius:var(--r1);cursor:pointer;font-family:var(--fb);font-size:12px;font-weight:700;transition:all 0.2s}
.sp-btn-exec:hover{background:rgba(0,255,157,0.2);box-shadow:var(--sgg)}
.sp-btn-exec.sell-btn{background:var(--rd);border-color:rgba(255,51,102,0.35);color:var(--red)}
.sp-btn-exec.sell-btn:hover{background:rgba(255,51,102,0.2);box-shadow:var(--sgr)}
.sp-btn-binance{padding:8px;background:rgba(255,183,3,0.08);border:1px solid rgba(255,183,3,0.3);color:var(--amb);border-radius:var(--r1);cursor:pointer;font-size:11px;font-weight:600;transition:all 0.2s}
.sp-btn-binance:hover{background:rgba(255,183,3,0.15)}
.sp-btn-skip{padding:6px;background:transparent;border:none;color:var(--t3);cursor:pointer;font-size:11px;text-align:center;transition:color 0.2s}
.sp-btn-skip:hover{color:var(--t1)}
.sp-timer{height:3px;background:rgba(0,245,255,0.1);margin-top:12px;border-radius:2px;overflow:hidden}
.sp-timer-bar{height:100%;background:linear-gradient(90deg,var(--blu),var(--cyan));border-radius:2px;width:100%;transition:width linear}

/* ── TOPBAR ─────────────────────────────── */
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:11px 20px;background:rgba(1,4,9,0.90);backdrop-filter:blur(24px) saturate(1.5);border-bottom:1px solid var(--b2);box-shadow:0 4px 30px rgba(0,0,0,0.5)}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand-hex{position:relative;width:34px;height:40px;flex-shrink:0}
.hex-bolt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;filter:drop-shadow(0 0 8px var(--cyan))}
.brand-title{font-family:var(--fd);font-size:18px;font-weight:800;letter-spacing:-0.3px;background:linear-gradient(90deg,var(--cyan),#8af7ff 40%,var(--vio));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.brand-ver{font-family:var(--fm);font-size:8px;color:var(--t3);letter-spacing:3px;text-transform:uppercase;margin-top:2px}
.nav-chips{display:flex;gap:5px;flex-wrap:wrap;flex:1;justify-content:center}
.chip{display:flex;align-items:center;gap:6px;padding:5px 11px;background:rgba(255,255,255,0.025);border:1px solid var(--b3);border-radius:40px;font-family:var(--fm);font-size:10px;color:var(--t2);white-space:nowrap}
.chip-ico{opacity:0.5}
.led{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.led.green{background:var(--grn);box-shadow:0 0 8px var(--grn),0 0 20px rgba(0,255,157,0.4);animation:ledB 2s infinite}
.led.red{background:var(--red);box-shadow:0 0 6px var(--red)}
@keyframes ledB{0%,100%{opacity:1}50%{opacity:0.3}}
.nav-acts{display:flex;gap:7px;flex-shrink:0}
.nbtn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r1);border:1px solid;font-family:var(--fb);font-size:11px;font-weight:600;cursor:pointer;transition:all 0.2s}
.nbtn.start{background:var(--gd);border-color:rgba(0,255,157,0.35);color:var(--grn)}.nbtn.start:hover{background:rgba(0,255,157,0.2);box-shadow:var(--sgg);transform:translateY(-1px)}
.nbtn.stop{background:var(--rd);border-color:rgba(255,51,102,0.35);color:var(--red)}.nbtn.stop:hover{background:rgba(255,51,102,0.2);box-shadow:var(--sgr);transform:translateY(-1px)}
.nbtn.warn{background:rgba(255,183,3,0.08);border-color:rgba(255,183,3,0.3);color:var(--amb)}.nbtn.warn:hover{background:rgba(255,183,3,0.15)}
.nbtn.ghost{background:transparent;border-color:var(--b2);color:var(--t2)}.nbtn.ghost:hover{border-color:var(--b1);color:var(--t1);background:rgba(255,255,255,0.03)}

/* ── KPI BAR ────────────────────────────── */
.kpi-bar{display:flex;gap:1px;background:var(--b3);border-bottom:1px solid var(--b2);flex-shrink:0}
.kpi{flex:1;min-width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 8px;background:var(--bg2);position:relative;overflow:hidden;transition:background 0.2s}
.kpi:hover{background:rgba(0,245,255,0.025)}
.kpi::after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transition:opacity 0.3s}
.kpi:hover::after{opacity:0.5}
.kl{font-family:var(--fm);font-size:9px;color:var(--t3);letter-spacing:1.5px;text-transform:uppercase}
.kv{font-family:var(--fd);font-size:15px;font-weight:700;color:var(--cyan);line-height:1}
.kv.g{color:var(--grn)}.kv.r{color:var(--red)}
.ks{font-family:var(--fm);font-size:9px;color:var(--t3)}

/* ── STRATEGY BAR ───────────────────────── */
.strategy-bar{display:flex;align-items:center;gap:12px;padding:8px 18px;background:rgba(255,255,255,0.01);border-bottom:1px solid var(--b3);flex-shrink:0;flex-wrap:wrap}
.strat-label{font-family:var(--fm);font-size:10px;color:var(--t3);letter-spacing:1px;flex-shrink:0}
.strat-pills{display:flex;gap:5px}
.spill{font-family:var(--fm);font-size:9px;padding:4px 12px;border:1px solid var(--b3);color:var(--t3);border-radius:20px;cursor:pointer;transition:all 0.2s}
.spill:hover{border-color:var(--b2);color:var(--t1)}
.spill.active{border-color:var(--b1);color:var(--cyan);background:var(--cg)}
.strat-info{font-family:var(--fm);font-size:10px;color:var(--t2);flex:1;margin-left:6px}
.strat-right{flex-shrink:0}
.toggle-lbl{display:flex;align-items:center;gap:7px;cursor:pointer;font-family:var(--fm);font-size:10px;color:var(--t2)}
.toggle-lbl input[type=checkbox]{appearance:none;width:32px;height:16px;background:var(--t3);border-radius:8px;position:relative;cursor:pointer;transition:all 0.3s}
.toggle-lbl input[type=checkbox]:checked{background:var(--grn)}
.toggle-lbl input[type=checkbox]::after{content:'';position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:2px;left:2px;transition:left 0.2s}
.toggle-lbl input[type=checkbox]:checked::after{left:18px}

/* ── WORKSPACE ──────────────────────────── */
.workspace{flex:1;display:grid;grid-template-columns:320px 1fr 290px;gap:1px;background:var(--b3);min-height:0}

/* ── PANELS ─────────────────────────────── */
.panel{background:var(--panel);backdrop-filter:blur(12px);display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:0}
.panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan) 40%,var(--vio) 80%,transparent);opacity:0.3;z-index:1}
.pbar{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-bottom:1px solid var(--b3);background:rgba(255,255,255,0.008);flex-shrink:0}
.plbl{display:flex;align-items:center;gap:8px;font-family:var(--fm);font-size:10px;color:var(--t3);letter-spacing:2px;text-transform:uppercase}
.pdot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:pdotP 2.5s ease-in-out infinite}
@keyframes pdotP{0%,100%{opacity:1}50%{opacity:0.2}}
.mini-btn{font-family:var(--fm);font-size:9px;padding:4px 10px;background:transparent;border:1px solid var(--b3);color:var(--t3);border-radius:4px;cursor:pointer;transition:all 0.2s}
.mini-btn:hover{border-color:var(--b1);color:var(--cyan)}

/* ── AI BRAIN ───────────────────────────── */
.thought-feed{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-height:0}
.thought-feed::-webkit-scrollbar{width:3px}
.thought-feed::-webkit-scrollbar-thumb{background:var(--b1);border-radius:2px}
.t{font-family:var(--fm);font-size:10.5px;line-height:1.55;padding:2px 7px;border-radius:4px;word-break:break-word;opacity:0;animation:tIn 0.3s ease forwards}
@keyframes tIn{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}
.t.sys{color:var(--t3)}.t.net{color:var(--blu)}.t.mdl{color:var(--vio)}.t.data{color:var(--t2)}
.t.buy{color:var(--grn);background:var(--gd)}.t.sell{color:var(--red);background:var(--rd)}.t.hold{color:var(--amb);background:var(--ad)}.t.err{color:#ff9000}
.think-dots{display:flex;gap:4px;align-items:center}
.td{width:5px;height:5px;border-radius:50%;background:var(--cyan);opacity:0.2;animation:tdA 1.4s ease-in-out infinite}
.td:nth-child(2){animation-delay:0.2s}.td:nth-child(3){animation-delay:0.4s}
@keyframes tdA{0%,100%{opacity:0.1;transform:scale(0.7)}50%{opacity:1;transform:scale(1.1)}}

/* Decision card */
.dec-card{flex-shrink:0;margin:10px;background:rgba(255,255,255,0.022);border:1px solid var(--b2);border-radius:var(--r2);padding:16px;position:relative;overflow:hidden}
.dec-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0.5}
.dec-eye{font-family:var(--fm);font-size:8px;color:var(--t3);letter-spacing:3px;text-transform:uppercase;margin-bottom:10px}
.dec-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.dec-sig{font-family:var(--fd);font-size:34px;font-weight:800;line-height:1;letter-spacing:-1px;min-width:90px}
.dec-sig.wait{color:var(--t3)}.dec-sig.buy{color:var(--grn);text-shadow:0 0 24px rgba(0,255,157,0.7),0 0 60px rgba(0,255,157,0.25);animation:sigG 1.5s ease-in-out infinite}
.dec-sig.sell{color:var(--red);text-shadow:0 0 24px rgba(255,51,102,0.7),0 0 60px rgba(255,51,102,0.25);animation:sigG 1.5s ease-in-out infinite}
.dec-sig.hold{color:var(--amb);text-shadow:0 0 20px rgba(255,183,3,0.5)}
@keyframes sigG{0%,100%{opacity:1}50%{opacity:0.6}}
.dec-meta{flex:1}
.dec-pair{font-family:var(--fd);font-size:14px;font-weight:700;color:var(--t1);margin-bottom:2px}
.dec-mdl{font-family:var(--fm);font-size:9px;color:var(--vio)}
.dec-time{font-family:var(--fm);font-size:9px;color:var(--t3);margin-top:1px}
.dec-conf-ring{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.conf-num{position:absolute;font-family:var(--fd);font-size:11px;font-weight:700;color:var(--cyan);top:50%;left:50%;transform:translate(-50%,-50%)}
.dec-reason{font-size:11.5px;color:var(--t2);line-height:1.55;margin-bottom:10px;padding:8px 10px;background:rgba(255,255,255,0.018);border-radius:6px;border-left:2px solid var(--b1)}
.dec-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.dtag{font-family:var(--fm);font-size:9px;padding:2px 8px;border-radius:4px;border:1px solid var(--b2);color:var(--t3);background:rgba(255,255,255,0.018)}
.dec-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.dmet{background:rgba(255,255,255,0.02);border:1px solid var(--b3);border-radius:6px;padding:6px 8px;text-align:center}
.dmet-lbl{font-family:var(--fm);font-size:8px;color:var(--t3);letter-spacing:1px;display:block}
.dmet-val{font-family:var(--fd);font-size:12px;font-weight:700;color:var(--cyan)}

/* ── MARKET ─────────────────────────────── */
.ref-badge{font-family:var(--fm);font-size:9px;color:var(--t3);background:rgba(255,255,255,0.03);padding:4px 10px;border-radius:20px;border:1px solid var(--b3)}
.coin-grid{flex:1;overflow-y:auto;padding:9px;display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:7px;align-content:start}
.coin-grid::-webkit-scrollbar{width:3px}
.coin-grid::-webkit-scrollbar-thumb{background:var(--b1);border-radius:2px}
.grid-loader{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;font-family:var(--fm);font-size:12px;color:var(--t3)}
.loader-hex{font-size:32px;animation:hexP 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px var(--cyan))}
@keyframes hexP{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.9)}}
.ctile{position:relative;overflow:hidden;background:rgba(255,255,255,0.018);border:1px solid var(--b3);border-radius:var(--r2);padding:13px 12px;cursor:pointer;transition:all 0.25s}
.ctile:hover{background:rgba(0,245,255,0.04);border-color:var(--b2);transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,0.5)}
.ctile.held{border-color:rgba(0,245,255,0.3);background:rgba(0,245,255,0.04)}
.ctile.sbuy{border-color:rgba(0,255,157,0.35);background:rgba(0,255,157,0.03)}
.ctile.ssell{border-color:rgba(255,51,102,0.35);background:rgba(255,51,102,0.03)}
.ctile::after{content:'';position:absolute;inset:-1px;border-radius:inherit;opacity:0;background:linear-gradient(135deg,rgba(0,245,255,0.07),transparent 60%);transition:opacity 0.3s;pointer-events:none}
.ctile:hover::after{opacity:1}
.ct-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.ct-sym{font-family:var(--fd);font-size:13px;font-weight:700;color:var(--cyan)}
.ct-rank{font-family:var(--fm);font-size:9px;color:var(--t3)}
.ct-price{font-family:var(--fd);font-size:13px;font-weight:700;color:var(--t1);margin-bottom:5px}
.ct-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}
.ct-chg{font-family:var(--fm);font-size:11px;font-weight:600}
.ct-chg.up{color:var(--grn)}.ct-chg.dn{color:var(--red)}
.ct-vol{font-family:var(--fm);font-size:9px;color:var(--t3)}
.ct-rsi{font-family:var(--fm);font-size:9px;padding:2px 5px;border-radius:3px;margin-top:5px;display:inline-block}
.ct-rsi.os{color:var(--grn);background:var(--gd)}.ct-rsi.ob{color:var(--red);background:var(--rd)}.ct-rsi.nt{color:var(--t3);background:rgba(255,255,255,0.03)}
.ct-badge{position:absolute;top:8px;right:8px;font-family:var(--fm);font-size:8px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:0.5px}
.ct-badge.held{background:var(--cd);color:var(--cyan);border:1px solid var(--b1)}
.ct-badge.buy{background:var(--gd);color:var(--grn);border:1px solid rgba(0,255,157,0.25)}
.ct-badge.sell{background:var(--rd);color:var(--red);border:1px solid rgba(255,51,102,0.25)}

/* ── PORTFOLIO ──────────────────────────── */
.cash-block{display:flex;justify-content:space-between;align-items:center;margin:10px;background:linear-gradient(135deg,rgba(0,245,255,0.07),rgba(0,245,255,0.02));border:1px solid var(--b1);border-radius:var(--r2);padding:13px 15px;flex-shrink:0}
.cb-lbl{font-family:var(--fm);font-size:9px;color:var(--t3);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}
.cb-val{font-family:var(--fd);font-size:20px;font-weight:700;color:var(--grn)}
.hold-list{flex:1;overflow-y:auto;padding:0 10px 8px;min-height:60px}
.hold-list::-webkit-scrollbar{width:3px}
.hold-list::-webkit-scrollbar-thumb{background:var(--b1);border-radius:2px}
.hold-empty{text-align:center;padding:18px 14px;font-family:var(--fm);font-size:11px;color:var(--t3);background:rgba(255,255,255,0.01);border:1px dashed var(--b3);border-radius:var(--r2);line-height:1.6;margin-bottom:6px}
.htile{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-radius:var(--r1);border:1px solid var(--b3);margin-bottom:5px;background:rgba(255,255,255,0.016);transition:all 0.2s}
.htile:hover{border-color:var(--b2);background:rgba(0,245,255,0.03)}
.ht-s{font-family:var(--fd);font-size:13px;font-weight:700;color:var(--cyan)}
.ht-q{font-family:var(--fm);font-size:9px;color:var(--t3);margin-top:1px}
.ht-v{font-family:var(--fd);font-size:12px;font-weight:700;color:var(--t1);text-align:right}
.ht-p{font-family:var(--fm);font-size:9px;text-align:right;margin-top:1px}
.ht-p.up{color:var(--grn)}.ht-p.dn{color:var(--red)}
.chart-block{flex-shrink:0;padding:0 10px 10px}
.chart-ttl{font-family:var(--fm);font-size:9px;color:var(--t3);letter-spacing:2px;text-transform:uppercase;margin-bottom:7px;padding-top:8px}
.chart-box{background:rgba(255,255,255,0.012);border:1px solid var(--b3);border-radius:var(--r2);padding:8px;height:120px;position:relative}

/* ── HISTORY ────────────────────────────── */
.section{flex-shrink:0;border-top:1px solid var(--b3);background:var(--panel);display:flex;flex-direction:column}
.hist-section{max-height:240px}
.log-section{max-height:150px}
.tab-row{display:flex;gap:4px}
.tb{font-family:var(--fm);font-size:9px;padding:5px 11px;background:transparent;border:1px solid transparent;color:var(--t3);border-radius:20px;cursor:pointer;transition:all 0.2s;letter-spacing:1px}
.tb:hover{color:var(--t1);border-color:var(--b2)}
.tb.active{color:var(--cyan);border-color:var(--b1);background:var(--cg)}
.tbl-scroll{flex:1;overflow:auto}
.tbl-scroll::-webkit-scrollbar{width:3px;height:3px}
.tbl-scroll::-webkit-scrollbar-thumb{background:var(--b1);border-radius:2px}
.htbl{width:100%;border-collapse:collapse;font-family:var(--fm);font-size:10.5px}
.htbl th{position:sticky;top:0;z-index:2;background:rgba(1,4,9,0.98);color:var(--t3);font-size:8px;letter-spacing:1.5px;padding:7px 11px;border-bottom:1px solid var(--b2);text-align:left;white-space:nowrap;text-transform:uppercase}
.htbl td{padding:6px 11px;border-bottom:1px solid rgba(255,255,255,0.02);white-space:nowrap}
.htbl tr:hover td{background:rgba(0,245,255,0.02)}
.tbl-empty{text-align:center;color:var(--t3);padding:20px;font-size:11px}
.td-buy{color:var(--grn);font-weight:700}.td-sell{color:var(--red);font-weight:700}
.td-win{color:var(--grn)}.td-loss{color:var(--red)}.td-open{color:var(--amb)}
.td-c{color:var(--cyan)}.td-d{color:var(--t3)}.td-v{color:var(--vio)}
.td-r{max-width:160px;overflow:hidden;text-overflow:ellipsis;color:var(--t3);font-size:9.5px}

/* Log */
.log-feed{flex:1;overflow-y:auto;padding:5px 14px}
.log-feed::-webkit-scrollbar{width:3px}
.log-feed::-webkit-scrollbar-thumb{background:var(--b1);border-radius:2px}
.ll{font-family:var(--fm);font-size:10.5px;line-height:1.6;padding:1px 0;display:flex;gap:10px}
.lt{color:var(--t3);flex-shrink:0;font-size:9px;opacity:0.7}
.lm{flex:1}
.ll.sys .lm{color:var(--t3)}.ll.info .lm{color:var(--t2)}.ll.buy .lm{color:var(--grn)}
.ll.sell .lm{color:var(--red)}.ll.ai .lm{color:var(--vio)}.ll.warn .lm{color:var(--amb)}
.ll.err .lm{color:#ff9000}.ll.profit .lm{color:var(--grn)}.ll.loss .lm{color:var(--red)}

/* Scrollbars */
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(0,245,255,0.15);border-radius:3px}

/* Responsive */
@media(max-width:1150px){.workspace{grid-template-columns:290px 1fr}
  .port-pnl{grid-column:1/-1;max-height:240px;flex-direction:row}
  .hold-list{border-right:1px solid var(--b3)}.chart-block{min-width:180px}}
@media(max-width:800px){.workspace{grid-template-columns:1fr}.brain-pnl,.port-pnl{max-height:320px}
  .nav-chips{display:none}.setup-row{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.modal-box{padding:26px 18px}.setup-row{grid-template-columns:1fr}
  .nbtn span:last-child{display:none}.kpi{min-width:80px}.kv{font-size:13px}}