:root{--cyan:#00e5ff;--green:#00ff9d;--purple:#a020f0;--red:#ff2255;--orange:#ff9400;--dark:#06080f;--darker:#020408;--card:#0a1020;--border:rgba(140,0,255,0.22);--border2:rgba(110,0,220,0.11);--card-accent:#00e5ff;--ca-r:0;--ca-g:229;--ca-b:255;}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--darker);color:#e2e8f0;font-family:'Inter',sans-serif;min-height:100vh;overflow-x:hidden;}

/* ── NAV ── */
.station-nav{height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(4,8,16,0.98);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:200;}
.nav-logo{font-family:'Orbitron',monospace;font-size:13px;font-weight:900;background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;}
.nav-center{display:flex;align-items:center;gap:12px;}
.nav-strategy{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;color:rgba(124,58,237,0.8);text-decoration:none;padding:5px 12px;border:1px solid rgba(124,58,237,0.25);border-radius:7px;transition:all 0.2s;}
.nav-strategy:hover{color:#a78bfa;border-color:rgba(124,58,237,0.5);background:rgba(124,58,237,0.08);}
.nav-right{display:flex;align-items:center;gap:12px;}
.nav-status{display:flex;align-items:center;gap:6px;font-size:11px;color:rgba(226,232,240,0.4);font-family:'JetBrains Mono',monospace;}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px rgba(0,229,255,0.9),0 0 20px rgba(0,229,255,0.45),0 0 36px rgba(0,229,255,0.18);animation:blink-cyan 2.4s ease-in-out infinite;}
@keyframes blink-cyan{0%,100%{opacity:1;box-shadow:0 0 8px rgba(0,229,255,0.9),0 0 20px rgba(0,229,255,0.45);}50%{opacity:0.4;box-shadow:0 0 3px rgba(0,229,255,0.35);}}
.nav-exit{font-size:11px;color:rgba(226,232,240,0.35);text-decoration:none;padding:4px 10px;border:1px solid rgba(255,255,255,0.08);border-radius:6px;transition:all 0.2s;cursor:pointer;background:none;font-family:'Inter',sans-serif;}
.nav-exit:hover{color:var(--red);border-color:rgba(255,68,102,0.3);}

/* ── STATION LAYOUT ── */
.station-wrap{padding-top:56px;height:100vh;display:flex;flex-direction:column;}
.station-grid{display:grid;grid-template-columns:280px 1fr 320px;flex:1;overflow:hidden;}
.col{display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--border2);}
.col:last-child{overflow:hidden;}
.col:last-child{border-right:none;}

/* ── PANELS ── */
.panel{border-bottom:1px solid var(--border2);}
.panel-header{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(90,0,200,0.22),rgba(0,50,150,0.16),rgba(60,0,180,0.14));border-bottom:1px solid rgba(140,0,255,0.20);}
.panel-title{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;color:#c084fc;text-shadow:0 0 14px rgba(160,32,240,0.45),0 0 28px rgba(160,32,240,0.18);letter-spacing:1px;}
.panel-badge{font-family:'JetBrains Mono',monospace;font-size:9px;padding:2px 8px;border-radius:100px;}
.badge-live{background:rgba(140,0,255,0.14);color:#c084fc;border:1px solid rgba(160,0,255,0.45);text-shadow:0 0 8px rgba(160,32,240,0.5);}
.badge-idle{background:rgba(0,200,255,0.06);color:rgba(0,200,255,0.4);border:1px solid rgba(0,200,255,0.12);}
.badge-warn{background:rgba(255,140,0,0.1);color:var(--orange);border:1px solid rgba(255,140,0,0.2);}

/* ── BOT CONFIG ── */
.config-body{padding:12px 14px;display:flex;flex-direction:column;gap:0;}
.config-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border2);font-size:12px;}
.config-row:last-child{border-bottom:none;}
.config-key{color:rgba(226,232,240,0.4);}
.config-val{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--cyan);}
.config-val.green{color:var(--green);}
.config-val.orange{color:var(--orange);}

/* ── ORDER LOG ── */
.log-body{padding:8px;min-height:60px;}
.log-empty{font-size:11px;color:rgba(226,232,240,0.2);text-align:center;padding:16px 0;font-family:'JetBrains Mono',monospace;}

/* ── SUPPORT RESOURCES ── */
.support-res-links{display:flex;flex-direction:column;}
.support-res-link{display:flex;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;border-bottom:1px solid var(--border2);transition:background 0.15s;}
.support-res-link:last-child{border-bottom:none;}
.support-res-link:hover{background:rgba(0,200,255,0.04);}
.support-res-icon{font-size:15px;width:20px;text-align:center;}
.support-res-info{flex:1;}
.support-res-name{font-size:12px;color:rgba(226,232,240,0.8);font-weight:600;}
.support-res-desc{font-size:10px;color:rgba(226,232,240,0.3);margin-top:1px;}
.support-res-arrow{font-size:11px;color:rgba(0,200,255,0.3);}

/* ── CENTER: TOGGLE ── */
.panel-toggle{display:flex;gap:0;background:linear-gradient(90deg,rgba(90,0,200,0.18),rgba(0,50,150,0.12),rgba(60,0,180,0.12));border-bottom:1px solid rgba(140,0,255,0.18);padding:0;}
.toggle-btn{flex:1;padding:9px 0;font-family:'Orbitron',monospace;font-size:10px;font-weight:700;letter-spacing:1px;color:rgba(185,140,255,0.38);background:none;border:none;cursor:pointer;border-right:1px solid rgba(120,0,255,0.14);transition:all 0.2s;}
.toggle-btn:last-child{border-right:none;}
.toggle-btn.active{color:var(--cyan);background:rgba(100,0,220,0.18);border-bottom:2px solid var(--cyan);}
.toggle-btn:hover:not(.active){color:rgba(195,155,255,0.82);background:rgba(80,0,200,0.10);}
/* ── PAIR SYNC ── */
.pair-sync-btn{display:inline-flex;align-items:center;gap:4px;font-size:9px;padding:2px 9px;border-radius:100px;background:rgba(124,58,237,0.04);border:1px solid rgba(124,58,237,0.2);color:rgba(226,232,240,0.35);cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;white-space:nowrap;}
.pair-sync-btn.on{background:rgba(124,58,237,0.1);border-color:rgba(124,58,237,0.5);color:var(--purple);}
.pair-sync-btn:hover{border-color:rgba(124,58,237,0.4);color:var(--purple);}
.pair-sync-status{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.2px;transition:opacity 0.3s;}
.pair-sync-status.ok{color:var(--green);}
.pair-sync-status.err{color:var(--red);}
.pair-sync-status.pending{color:rgba(0,200,255,0.5);}
/* ── BRIEFING BUTTON (now lives in Bot Config panel) ── */
.briefing-btn{display:inline-flex;align-items:center;gap:4px;font-size:9px;padding:2px 9px;border-radius:100px;background:rgba(255,140,0,0.04);border:1px solid rgba(255,140,0,0.15);color:rgba(226,232,240,0.35);cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;white-space:nowrap;letter-spacing:0.3px;}
.briefing-btn:hover{border-color:rgba(255,140,0,0.4);color:var(--orange);}
.briefing-btn.on{background:rgba(255,140,0,0.08);border-color:rgba(255,140,0,0.4);color:var(--orange);}
/* ── MUSIC VOLUME SLIDER ── */
.music-btn{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:2px 9px;border-radius:100px;background:rgba(0,200,255,0.04);border:1px solid var(--border);color:rgba(226,232,240,0.35);cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;white-space:nowrap;}
.music-btn.on{background:rgba(0,200,255,0.08);border-color:rgba(0,200,255,0.3);color:var(--cyan);}
.music-btn:hover{border-color:rgba(0,200,255,0.3);color:var(--cyan);}
.music-src-label{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(0,200,255,0.3);letter-spacing:0.3px;}

/* ── NYSE STATUS CHIP ── */
.nav-nyse{font-family:'JetBrains Mono',monospace;font-size:9px;padding:2px 9px;border-radius:100px;border:1px solid rgba(0,229,255,0.25);color:var(--cyan);letter-spacing:0.5px;white-space:nowrap;transition:color 0.3s,border-color 0.3s;}

/* ── ADMIN COGWHEEL ── */
.nav-cog{background:none;border:1px solid rgba(160,32,240,0.3);border-radius:6px;color:rgba(160,32,240,0.7);font-size:14px;padding:3px 7px;cursor:pointer;transition:all 0.2s;line-height:1;}
.nav-cog:hover{border-color:rgba(160,32,240,0.7);color:#c084fc;background:rgba(160,32,240,0.08);}

/* ── AXIOM NAV PILL ── */
#axiom-nav-pill{display:none;}
#axiom-nav-pill.axp-on{border-color:rgba(0,200,255,0.3);color:rgba(0,200,255,0.7);background:rgba(0,200,255,0.06);}
#axiom-nav-pill.axp-awake{border-color:rgba(0,200,255,0.9);color:#00c8ff;background:rgba(0,200,255,0.12);box-shadow:0 0 10px rgba(0,200,255,0.25);}
#axiom-nav-pill.axp-note{border-color:rgba(255,200,0,0.7);color:rgba(255,200,0,0.9);background:rgba(255,200,0,0.08);box-shadow:0 0 10px rgba(255,200,0,0.2);}
@keyframes axp-pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}
#axiom-nav-pill.axp-on #axiom-nav-icon{animation:axp-pulse 2.4s ease-in-out infinite;}
#axiom-nav-pill.axp-awake #axiom-nav-icon{animation:axp-pulse 0.6s ease-in-out infinite;}

/* ── NYSE SCROLLING BANNER ── */
.hsr-banner-wrap{background:rgba(4,6,12,0.98);border-top:1px solid rgba(140,0,255,0.2);border-bottom:1px solid rgba(140,0,255,0.2);display:flex;align-items:center;height:28px;flex-shrink:0;overflow:hidden;}
.hsr-banner-outer{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);}
.hsr-banner-track{display:flex;white-space:nowrap;animation:banner-scroll 35s linear infinite;font-family:'JetBrains Mono',monospace;color:var(--cyan);letter-spacing:0.3px;}
.hsr-banner-track:hover{animation-play-state:paused;}
@keyframes banner-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes _toastIn{from{opacity:0;transform:translateY(12px) scale(0.92)}to{opacity:1;transform:translateY(0) scale(1)}}
.hsr-banner-label{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;color:rgba(160,32,240,0.7);letter-spacing:1.5px;padding:0 12px;flex-shrink:0;border-right:1px solid rgba(140,0,255,0.2);}

/* ── ADMIN NOTICE (message board display) ── */
.admin-notice{display:flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(255,180,0,0.05);border-bottom:1px solid rgba(255,180,0,0.15);font-size:10px;font-family:'JetBrains Mono',monospace;}
.admin-notice-icon{font-size:11px;flex-shrink:0;}
.admin-notice-text{color:rgba(255,210,100,0.85);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.admin-notice-ts{color:rgba(226,232,240,0.25);font-size:9px;flex-shrink:0;}

/* ── ADMIN SLIDE-IN PANEL ── */
.admin-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1000;backdrop-filter:blur(2px);}
.admin-panel{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(100%);width:min(900px,96vw);max-height:88vh;background:rgba(6,8,18,0.99);border-top:1px solid rgba(140,0,255,0.3);border-radius:16px 16px 0 0;z-index:1001;display:flex;flex-direction:column;transition:transform 0.38s cubic-bezier(0.16,1,0.3,1);box-shadow:0 -8px 40px rgba(0,0,0,0.6);}
.admin-panel.open{transform:translateX(-50%) translateY(0);}
.admin-panel.ap-normal{width:560px;}
.admin-panel.ap-wide{width:760px;}
.admin-panel.ap-full{width:100vw;}
.admin-panel-hdr{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(140,0,255,0.2);flex-shrink:0;}
.admin-panel-title{font-family:'Orbitron',monospace;font-size:13px;font-weight:700;background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.admin-close{background:none;border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:rgba(226,232,240,0.4);font-size:14px;width:28px;height:28px;cursor:pointer;transition:all 0.2s;line-height:1;display:flex;align-items:center;justify-content:center;}
.admin-close:hover{border-color:rgba(255,68,102,0.4);color:var(--red);}
.admin-panel-body{flex:1;overflow-y:auto;padding:16px;}
.admin-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(140,0,255,0.1);}
.admin-section:last-child{border-bottom:none;}
.analytics-stat-box{background:rgba(0,220,255,0.04);border:1px solid rgba(0,220,255,0.1);border-radius:6px;padding:8px 6px;text-align:center;}
.analytics-stat-num{font-family:'Orbitron',monospace;font-size:14px;font-weight:700;color:var(--cyan);}
.analytics-stat-lbl{font-size:8px;color:rgba(226,232,240,0.35);font-family:'JetBrains Mono',monospace;margin-top:2px;letter-spacing:0.5px;}
.admin-member-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(140,0,255,0.08);}
.admin-member-row:last-child{border-bottom:none;}
.admin-member-avatar{width:24px;height:24px;border-radius:50%;background:rgba(140,0,255,0.2);flex-shrink:0;object-fit:cover;}
.admin-member-info{flex:1;min-width:0;}
.admin-member-name{font-size:10px;color:rgba(226,232,240,0.8);font-family:'JetBrains Mono',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.admin-member-meta{font-size:9px;color:rgba(226,232,240,0.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.admin-member-plan{font-size:8px;padding:1px 5px;border-radius:3px;background:rgba(192,132,252,0.12);color:#c084fc;font-family:'Orbitron',monospace;letter-spacing:0.3px;flex-shrink:0;}
.admin-member-email-btn{background:none;border:none;color:rgba(0,220,255,0.5);cursor:pointer;font-size:12px;padding:0 2px;flex-shrink:0;}
.admin-member-email-btn:hover{color:var(--cyan);}
.admin-section-title{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;color:#c084fc;letter-spacing:1px;margin-bottom:14px;}
.admin-label{font-size:10px;color:rgba(226,232,240,0.4);letter-spacing:0.5px;font-family:'JetBrains Mono',monospace;}
.admin-textarea{width:100%;background:rgba(0,200,255,0.03);border:1px solid rgba(0,200,255,0.12);border-radius:8px;padding:10px 12px;color:#e2e8f0;font-size:12px;font-family:'JetBrains Mono',monospace;resize:vertical;min-height:72px;outline:none;transition:border-color 0.2s;}
.admin-textarea:focus{border-color:rgba(0,200,255,0.35);}
.admin-ts{font-size:10px;color:rgba(226,232,240,0.25);font-family:'JetBrains Mono',monospace;margin-top:6px;min-height:14px;}
.admin-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap;}
.admin-btn{padding:6px 14px;border-radius:7px;font-size:11px;font-family:'JetBrains Mono',monospace;cursor:pointer;transition:all 0.2s;border:1px solid rgba(0,200,255,0.2);background:none;color:rgba(226,232,240,0.5);}
.admin-btn:hover{border-color:rgba(0,200,255,0.4);color:var(--cyan);}
.admin-btn.primary{background:linear-gradient(135deg,var(--cyan),var(--purple));border:none;color:#000;font-weight:700;}
.admin-btn.primary:hover{opacity:0.85;}
.admin-btn.danger{border-color:rgba(255,68,102,0.3);color:rgba(255,68,102,0.6);}
.admin-btn.danger:hover{border-color:rgba(255,68,102,0.6);color:var(--red);}
.fleet-tab-btn{padding:4px 10px;border-radius:5px;font-size:9px;font-family:'JetBrains Mono',monospace;cursor:pointer;border:1px solid rgba(0,200,255,0.15);background:none;color:rgba(226,232,240,0.35);letter-spacing:0.5px;transition:all 0.15s;}
.fleet-tab-btn:hover,.fleet-tab-btn.active{border-color:rgba(0,200,255,0.4);color:var(--cyan);background:rgba(0,200,255,0.04);}
.fleet-filter-btn{padding:3px 8px;border-radius:4px;font-size:9px;font-family:'JetBrains Mono',monospace;cursor:pointer;border:1px solid rgba(0,200,255,0.1);background:none;color:rgba(226,232,240,0.3);transition:all 0.15s;}
.fleet-filter-btn:hover,.fleet-filter-btn.active{border-color:rgba(0,200,255,0.35);color:rgba(0,200,255,0.7);}
.fleet-card{background:rgba(0,200,255,0.02);border:1px solid rgba(0,200,255,0.08);border-radius:6px;padding:10px;margin-bottom:6px;}
.fleet-card.red{border-color:rgba(240,80,80,0.12);background:rgba(240,80,80,0.02);}
.fleet-note{font-size:10px;color:rgba(226,232,240,0.25);font-family:'JetBrains Mono',monospace;padding:8px 0;}
.fleet-err{font-size:10px;color:rgba(240,80,80,0.6);font-family:'JetBrains Mono',monospace;padding:8px 0;}
.admin-btn-grp{display:flex;gap:4px;}
.admin-sz-btn{padding:4px 10px;border-radius:5px;font-size:10px;font-family:'JetBrains Mono',monospace;cursor:pointer;border:1px solid rgba(0,200,255,0.15);background:none;color:rgba(226,232,240,0.35);transition:all 0.15s;}
.admin-sz-btn.active{background:rgba(0,200,255,0.12);border-color:rgba(0,200,255,0.45);color:var(--cyan);}
.admin-sz-btn:hover:not(.active){border-color:rgba(0,200,255,0.3);color:rgba(226,232,240,0.7);}
.banner-swatches{display:flex;gap:6px;align-items:center;}
.color-swatch{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform 0.15s,border-color 0.15s;}
.color-swatch.active{border-color:#fff;transform:scale(1.2);}
.color-swatch:hover:not(.active){transform:scale(1.1);}
/* Toggle switch */
.admin-toggle{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0;}
.admin-toggle input{opacity:0;width:0;height:0;}
.admin-toggle-slider{position:absolute;cursor:pointer;inset:0;background:rgba(255,255,255,0.1);border-radius:20px;transition:0.3s;border:1px solid rgba(255,255,255,0.15);}
.admin-toggle-slider::before{content:'';position:absolute;width:14px;height:14px;left:2px;top:2px;background:rgba(226,232,240,0.4);border-radius:50%;transition:0.3s;}
.admin-toggle input:checked + .admin-toggle-slider{background:rgba(0,200,255,0.2);border-color:rgba(0,200,255,0.5);}
.admin-toggle input:checked + .admin-toggle-slider::before{transform:translateX(16px);background:var(--cyan);}
@media(max-width:768px){.admin-panel{width:100% !important;left:0 !important;transform:translateY(100%) !important;} .admin-panel.open{transform:translateY(0) !important;}}
@media(max-width:768px){#profile-panel,#chat-panel,#referral-panel{width:100% !important;left:0 !important;transform:none !important;}}
.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;}
.admin-stat-card{background:rgba(140,0,255,0.06);border:1px solid rgba(140,0,255,0.18);border-radius:6px;padding:8px 10px;text-align:center;}
.admin-stat-card .asn{font-family:'Orbitron',monospace;font-size:16px;font-weight:700;color:var(--cyan);margin-bottom:2px;}
.admin-stat-card .asl{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(226,232,240,0.35);letter-spacing:0.5px;}
.admin-err-row{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.04);font-family:'JetBrains Mono',monospace;font-size:9px;}
.admin-err-ts{color:rgba(226,232,240,0.25);flex-shrink:0;width:70px;}
.admin-err-msg{color:rgba(239,68,68,0.75);flex:1;word-break:break-word;}
.admin-rank-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,0.04);}
.admin-rank-pos{font-family:'Orbitron',monospace;font-size:10px;color:rgba(226,232,240,0.25);width:18px;text-align:right;flex-shrink:0;}
.admin-rank-user{flex:1;font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(226,232,240,0.7);}
.admin-rank-pts{font-family:'Orbitron',monospace;font-size:10px;color:var(--cyan);flex-shrink:0;}
.admin-rank-badge{font-size:9px;padding:1px 6px;border-radius:100px;background:rgba(140,0,255,0.12);color:#e879f9;border:1px solid rgba(232,121,249,0.2);flex-shrink:0;}
.admin-email-compose{width:100%;background:rgba(255,255,255,0.03);border:1px solid rgba(140,0,255,0.2);border-radius:6px;color:rgba(226,232,240,0.8);font-family:'JetBrains Mono',monospace;font-size:11px;padding:8px;resize:vertical;min-height:80px;box-sizing:border-box;}
.admin-template-btn{font-size:9px;padding:3px 8px;background:rgba(140,0,255,0.1);border:1px solid rgba(140,0,255,0.25);border-radius:4px;color:#e879f9;cursor:pointer;font-family:'JetBrains Mono',monospace;transition:background 0.15s;}
.admin-template-btn:hover{background:rgba(140,0,255,0.2);}
.admin-diag-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,0.04);font-family:'JetBrains Mono',monospace;font-size:10px;}
.admin-diag-key{color:rgba(226,232,240,0.35);}
.admin-diag-val{color:var(--cyan);}
.admin-support-note{background:rgba(0,255,150,0.04);border:1px solid rgba(0,255,150,0.15);border-radius:6px;padding:8px 10px;font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(0,255,150,0.6);line-height:1.5;margin-top:6px;}
/* ── MARKET CONDITIONS TABS ── */
.mkt-tabs{display:flex;align-items:stretch;border-bottom:1px solid var(--border2);background:rgba(4,8,16,0.98);position:sticky;top:0;z-index:6;}
.mkt-tab{flex:1;padding:9px 4px;font-family:'Orbitron',monospace;font-size:8px;font-weight:700;letter-spacing:0.6px;background:none;border:none;border-bottom:2px solid transparent;color:rgba(0,200,255,0.3);cursor:pointer;transition:all 0.2s;}
.mkt-tab.active{color:var(--cyan);border-bottom-color:var(--cyan);}
.mkt-tab:hover{color:var(--cyan);}
/* ── FEAR & GREED ── */
.fg-wrap{padding:12px 14px 10px;border-bottom:1px solid var(--border2);}
.fg-title{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(0,200,255,0.4);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;}
.fg-track{background:rgba(255,255,255,0.05);border-radius:100px;height:7px;overflow:hidden;}
.fg-fill{height:100%;border-radius:100px;transition:width 1s ease,background 1s ease;width:50%;background:var(--orange);}
.fg-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:7px;}
.fg-score{font-family:'Orbitron',monospace;font-size:22px;font-weight:700;line-height:1;}
.fg-classify{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(226,232,240,0.5);}
/* ── MARKET STATS GRID ── */
.mkt-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border2);}
.mkt-stat{padding:8px 12px;background:var(--darker);}
.mkt-stat-key{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(0,200,255,0.4);letter-spacing:0.6px;text-transform:uppercase;margin-bottom:3px;}
.mkt-stat-val{font-family:'JetBrains Mono',monospace;font-size:12px;color:#e2e8f0;font-weight:600;}
/* ── TOP MOVERS ── */
.movers-wrap{padding:10px 14px 6px;}
.movers-hdr{font-family:'Orbitron',monospace;font-size:8px;letter-spacing:1px;color:rgba(0,200,255,0.4);margin-bottom:5px;margin-top:8px;}
.mover-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--border2);}
.mover-row:last-child{border-bottom:none;}
.mover-sym{font-family:'JetBrains Mono',monospace;font-size:11px;color:#e2e8f0;font-weight:700;}
.mover-name{font-family:'Inter',sans-serif;font-size:9px;color:rgba(226,232,240,0.3);margin-top:1px;}
.mover-pct{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;}
.mover-pct.up{color:var(--green);}
.mover-pct.down{color:var(--red);}
/* #conditions-body removed — market data now in center Market tab */
.acct-bot-hdr{padding:10px 14px 8px;border-bottom:1px solid var(--border2);display:flex;align-items:center;gap:8px;}
.acct-exch-badge{font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;letter-spacing:0.8px;padding:2px 7px;border-radius:4px;background:rgba(0,200,255,0.08);color:var(--cyan);border:1px solid rgba(0,200,255,0.2);text-transform:uppercase;}
.acct-bot-name{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(226,232,240,0.35);}
.acct-refresh-btn{margin-left:auto;background:none;border:none;color:rgba(0,200,255,0.4);cursor:pointer;font-size:14px;padding:0 2px;transition:color 0.2s;}
.acct-refresh-btn:hover{color:var(--cyan);}
.acct-section{padding:10px 14px;}
.acct-section+.acct-section{border-top:1px solid var(--border2);}
.acct-section-title{font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(0,200,255,0.4);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;}
.acct-row{display:grid;grid-template-columns:40px 54px 1fr 64px 46px;gap:2px 5px;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,0.04);}
.acct-row:last-child{border-bottom:none;}
.acct-coin{font-family:'JetBrains Mono',monospace;font-size:16px;color:rgba(226,232,240,0.85);font-weight:700;}
.acct-usd{font-family:'JetBrains Mono',monospace;font-size:15px;color:rgba(226,232,240,0.75);text-align:right;}
.acct-amt{font-family:'JetBrains Mono',monospace;font-size:13px;color:rgba(226,232,240,0.45);}
.acct-entry{font-family:'JetBrains Mono',monospace;font-size:13px;color:rgba(145,70,255,0.7);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.acct-chg{font-family:'JetBrains Mono',monospace;font-size:15px;text-align:right;min-width:52px;}
.acct-chg.up{color:var(--green);}
.acct-chg.down{color:var(--red);}
.acct-entry{font-family:'JetBrains Mono',monospace;font-size:13px;color:rgba(0,200,255,0.45);}
.acct-empty{font-family:'JetBrains Mono',monospace;font-size:15px;color:rgba(226,232,240,0.2);padding:6px 0;}
.acct-footer{font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(226,232,240,0.15);padding:8px 14px 10px;text-align:right;border-top:1px solid var(--border2);}

/* ── LIVE FEED ── */
.feed-quick-bar{display:flex;align-items:center;gap:6px;padding:5px 10px;border-bottom:1px solid var(--border2);background:rgba(0,0,0,0.15);flex-shrink:0;}
.feed-quick-btn{font-family:'JetBrains Mono',monospace;font-size:9px;padding:2px 9px;border-radius:100px;border:1px solid rgba(0,200,255,0.15);background:none;color:rgba(226,232,240,0.35);cursor:pointer;transition:all 0.15s;white-space:nowrap;}
.feed-quick-btn:hover{border-color:rgba(0,200,255,0.35);color:var(--cyan);}
.feed-quick-btn.active{background:rgba(255,140,0,0.1);border-color:rgba(255,140,0,0.4);color:var(--orange);}
.feed-quick-btn.briefing{border-color:rgba(124,58,237,0.25);color:rgba(160,130,255,0.5);}
.feed-quick-btn.briefing:hover{border-color:rgba(124,58,237,0.5);color:#a78bfa;}
#feed-panel.feed-critical-only .feed-item:not([data-type="warn"]){display:none;}
.feed-body{padding:10px;overflow-y:auto;flex:1;min-height:0;}
.feed-item{padding:5px 8px;border-bottom:1px solid var(--border2);font-size:11px;font-family:'JetBrains Mono',monospace;display:flex;gap:6px;align-items:center;}
.feed-time{color:rgba(226,232,240,0.38);font-size:9px;min-width:52px;flex-shrink:0;}
.feed-msg{color:rgba(226,232,240,0.88);flex:1;}
.feed-msg.buy{color:var(--green);text-shadow:0 0 8px rgba(0,200,100,0.25);}
.feed-msg.sell{color:var(--red);text-shadow:0 0 8px rgba(255,60,80,0.25);}
.feed-msg.warn{color:var(--orange);}
.feed-msg.info{color:rgba(0,200,255,0.95);}

/* ── TRADINGVIEW CHART ── */
#tv-panel{display:none!important;visibility:hidden;pointer-events:none;}
#feed-panel{display:flex;flex-direction:column;min-height:0;}
/* ── CHART THEME BAR ── */
.chart-theme-bar{display:flex;align-items:center;gap:6px;padding:5px 12px;border-bottom:1px solid var(--border2);background:rgba(4,8,16,0.9);flex-shrink:0;}
.chart-theme-label{font-family:'JetBrains Mono',monospace;font-size:7px;color:rgba(226,232,240,0.2);letter-spacing:0.8px;text-transform:uppercase;margin-right:4px;}
.chart-theme-btn{font-family:'JetBrains Mono',monospace;font-size:8px;padding:2px 9px;border-radius:4px;cursor:pointer;border:1px solid var(--border);background:none;color:rgba(226,232,240,0.3);transition:all 0.2s;letter-spacing:0.3px;}
.chart-theme-btn.active{border-color:rgba(0,200,255,0.45);color:var(--cyan);background:rgba(0,200,255,0.06);}
.chart-theme-btn:hover:not(.active){border-color:rgba(0,200,255,0.25);color:rgba(226,232,240,0.6);}

/* ── EXECUTE TRADE ── */
.exec-body{padding:14px;}
.exec-pair{font-family:'Orbitron',monospace;font-size:18px;font-weight:900;color:#fff;margin-bottom:2px;}
.exec-price{font-family:'JetBrains Mono',monospace;font-size:24px;font-weight:600;color:var(--cyan);margin-bottom:12px;}
.exec-price span{font-size:13px;color:rgba(226,232,240,0.3);}
.exec-label{font-size:10px;color:rgba(226,232,240,0.3);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;}
.size-pills{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap;}
.size-pill{background:rgba(0,200,255,0.06);border:1px solid rgba(0,200,255,0.15);color:rgba(0,200,255,0.6);font-size:10px;padding:3px 10px;border-radius:100px;cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.15s;}
.size-pill:hover,.size-pill.active{background:rgba(0,200,255,0.15);border-color:rgba(0,200,255,0.4);color:var(--cyan);}
.exec-input{width:100%;background:rgba(40,15,100,0.18);border:1px solid rgba(100,80,255,0.24);border-radius:8px;padding:8px 12px;color:#e2e8f0;font-family:'JetBrains Mono',monospace;font-size:13px;margin-bottom:8px;outline:none;}
.exec-input:focus{border-color:rgba(120,80,255,0.55);box-shadow:0 0 0 2px rgba(80,50,200,0.10);}
/* ── EXEC LAYOUT TOGGLE ── */
.exec-layout-btns{display:flex;align-items:center;gap:3px;}
.exec-layout-btn{width:22px;height:22px;border-radius:5px;border:1px solid rgba(100,80,255,0.18);background:none;color:rgba(160,130,255,0.3);cursor:pointer;transition:all 0.15s;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;padding:0;}
.exec-layout-btn.active{background:rgba(80,50,200,0.18);border-color:rgba(140,100,255,0.55);color:#a78bfa;}
.exec-layout-btn:hover:not(.active){border-color:rgba(100,80,255,0.38);color:rgba(160,130,255,0.7);}
/* ── EXEC SPLIT LAYOUTS ── */
#exec-body{display:flex;flex-direction:column;}
.exec-info{min-width:0;overflow-y:auto;}
.exec-controls{min-width:0;}
#exec-body.exec-split-r,#exec-body.exec-split-l{flex-direction:row;gap:14px;align-items:flex-start;}
#exec-body.exec-split-l{flex-direction:row-reverse;}
#exec-body.exec-split-r .exec-info,#exec-body.exec-split-l .exec-info{flex:1;}
#exec-body.exec-split-r .exec-controls,#exec-body.exec-split-l .exec-controls{flex:1;}
#exec-body.exec-split-r .pair-stats,#exec-body.exec-split-l .pair-stats{flex-wrap:wrap;}
#exec-body.exec-split-r .exec-pair,#exec-body.exec-split-l .exec-pair{font-size:15px;}
#exec-body.exec-split-r .exec-price,#exec-body.exec-split-l .exec-price{font-size:18px;}
.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;}
.btn-buy{background:linear-gradient(135deg,rgba(0,255,136,0.15),rgba(0,200,255,0.1));border:1px solid rgba(0,255,136,0.3);color:var(--green);font-family:'Orbitron',monospace;font-size:11px;font-weight:700;padding:11px;border-radius:8px;cursor:pointer;transition:all 0.2s;letter-spacing:1px;}
.btn-buy:hover{background:linear-gradient(135deg,rgba(0,255,136,0.25),rgba(0,200,255,0.15));border-color:rgba(0,255,136,0.5);}
.btn-sell{background:linear-gradient(135deg,rgba(255,68,102,0.15),rgba(255,68,102,0.08));border:1px solid rgba(255,68,102,0.3);color:var(--red);font-family:'Orbitron',monospace;font-size:11px;font-weight:700;padding:11px;border-radius:8px;cursor:pointer;transition:all 0.2s;letter-spacing:1px;}
.btn-sell:hover{background:linear-gradient(135deg,rgba(255,68,102,0.25),rgba(255,68,102,0.15));border-color:rgba(255,68,102,0.5);}

/* ── MARKET PRICES ── */
.price-sym{grid-column:1;font-family:'Orbitron',monospace;font-size:10px;color:rgba(226,232,240,0.5);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.price-val{grid-column:4;font-family:'JetBrains Mono',monospace;color:#fff;font-size:11px;text-align:right;white-space:nowrap;}
.price-chg{grid-column:5;font-family:'JetBrains Mono',monospace;font-size:10px;text-align:right;white-space:nowrap;}
.price-chg.up{color:var(--green);}
.price-chg.down{color:var(--red);}
.px-spark{grid-column:3;display:block;flex-shrink:0;opacity:0.8;}

/* ── ORDER BOOK ── */
.book-header-row{display:flex;justify-content:space-between;padding:6px 14px;font-size:9px;color:rgba(226,232,240,0.3);letter-spacing:1px;text-transform:uppercase;font-family:'JetBrains Mono',monospace;border-bottom:1px solid var(--border2);}
.book-row{display:flex;justify-content:space-between;align-items:center;padding:4px 14px;font-family:'JetBrains Mono',monospace;font-size:11px;position:relative;}
.book-row.ask .book-price{color:var(--red);}
.book-row.bid .book-price{color:var(--green);}
.book-size{color:rgba(226,232,240,0.4);}
.book-bar{position:absolute;right:0;top:0;bottom:0;opacity:0.07;}
.book-bar.ask{background:var(--red);}
.book-bar.bid{background:var(--green);}
.book-spread{text-align:center;padding:4px;font-size:9px;color:rgba(226,232,240,0.25);font-family:'JetBrains Mono',monospace;border-top:1px solid var(--border2);border-bottom:1px solid var(--border2);}

/* ── SUPPORT CARDS ── */
.support-section{padding:20px 24px;background:rgba(0,0,0,0.3);border-top:1px solid var(--border);}
.support-title{font-family:'Orbitron',monospace;font-size:10px;color:var(--cyan);letter-spacing:2px;margin-bottom:12px;}
.support-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.support-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px;text-decoration:none;transition:all 0.2s;display:block;}
.support-card:hover{border-color:rgba(0,200,255,0.3);background:rgba(0,200,255,0.04);}
.support-card-icon{font-size:18px;margin-bottom:6px;}
.support-card-name{font-family:'Orbitron',monospace;font-size:9px;color:var(--cyan);font-weight:700;margin-bottom:3px;letter-spacing:0.5px;}
.support-card-desc{font-size:10px;color:rgba(226,232,240,0.35);}

/* ── EDIT CONFIG MODE ── */
.edit-field{margin-bottom:10px;}
.edit-label{display:block;font-size:9px;color:rgba(0,200,255,0.55);letter-spacing:0.8px;text-transform:uppercase;margin-bottom:4px;font-family:'JetBrains Mono',monospace;}
.edit-select,.edit-input{width:100%;background:rgba(0,0,0,0.35);border:1px solid var(--border);border-radius:7px;padding:7px 10px;color:#e2e8f0;font-family:'JetBrains Mono',monospace;font-size:11px;outline:none;transition:border-color 0.2s;}
.edit-select:focus,.edit-input:focus{border-color:rgba(0,200,255,0.4);}
.edit-select option{background:#0d1526;}
.reconnect-btn{width:100%;padding:9px;background:linear-gradient(135deg,var(--cyan),var(--purple));border:none;border-radius:8px;font-family:'Orbitron',monospace;font-size:10px;font-weight:700;color:#000;cursor:pointer;letter-spacing:1px;transition:opacity 0.2s;margin-top:4px;}
.reconnect-btn:hover{opacity:0.87;}
.cancel-edit-btn{width:100%;padding:6px;background:none;border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-family:'Inter',sans-serif;font-size:11px;color:rgba(226,232,240,0.35);cursor:pointer;margin-top:6px;transition:all 0.2s;}
.cancel-edit-btn:hover{border-color:rgba(226,232,240,0.2);color:rgba(226,232,240,0.6);}
#crypto-body{overflow-y:auto;flex:1;min-height:0;}
#account-body{overflow-y:auto;flex:1;min-height:0;}

/* ── VOICE BUTTON ── */
.voice-btn{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:2px 9px;border-radius:100px;background:rgba(0,200,255,0.04);border:1px solid var(--border);color:rgba(226,232,240,0.35);cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;white-space:nowrap;}
.voice-btn.critical{background:rgba(255,140,0,0.08);border-color:rgba(255,140,0,0.4);color:var(--orange);}
.voice-btn.on{background:rgba(0,255,136,0.08);border-color:rgba(0,255,136,0.3);color:var(--green);}
.voice-btn:hover{border-color:rgba(0,200,255,0.3);color:var(--cyan);}
.voice-freq-btn{display:inline-flex;align-items:center;font-size:8px;padding:2px 7px;border-radius:100px;background:rgba(0,200,255,0.02);border:1px solid rgba(0,200,255,0.08);color:rgba(226,232,240,0.2);cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;white-space:nowrap;letter-spacing:0.3px;}
.voice-freq-btn.active{background:rgba(124,58,237,0.1);border-color:rgba(124,58,237,0.4);color:var(--purple);}
.voice-freq-btn:hover{border-color:rgba(0,200,255,0.2);color:rgba(226,232,240,0.5);}
/* ── BOT TABS ── */
.bot-tabs{display:flex;align-items:center;gap:4px;padding:8px 14px 0;border-bottom:1px solid var(--border2);}
.bot-tab{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:0.6px;padding:4px 11px;border-radius:6px 6px 0 0;border:1px solid transparent;border-bottom:none;background:rgba(0,200,255,0.03);color:rgba(226,232,240,0.35);cursor:pointer;transition:all 0.2s;position:relative;bottom:-1px;}
.bot-tab:hover{color:var(--cyan);background:rgba(0,200,255,0.06);}
.bot-tab.active{background:var(--card);border-color:var(--border);color:var(--cyan);}
.bot-tab .dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-left:4px;vertical-align:middle;}
.bot-tab-add{font-family:'Orbitron',monospace;font-size:13px;font-weight:700;width:22px;height:22px;border-radius:6px;border:1px dashed rgba(0,200,255,0.25);background:none;color:rgba(0,200,255,0.45);cursor:pointer;transition:all 0.2s;line-height:1;display:flex;align-items:center;justify-content:center;margin-left:2px;}
.bot-tab-add:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(0,200,255,0.06);}

/* ── DISCONNECT BUTTON (legacy, kept for safety) ── */
.disconnect-btn{font-size:9px;padding:2px 8px;border-radius:100px;background:rgba(255,68,102,0.04);color:rgba(255,68,102,0.45);border:1px solid rgba(255,68,102,0.18);cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;}
.disconnect-btn:hover{background:rgba(255,68,102,0.1);color:var(--red);border-color:rgba(255,68,102,0.4);}

/* ── BOT ACTION BUTTON (single smart button replacing conn-badge + disconnect-btn) ── */
.bot-action-btn{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:0.7px;text-transform:uppercase;padding:3px 10px;border-radius:100px;border:1px solid rgba(0,200,255,0.2);background:rgba(0,200,255,0.05);color:rgba(0,200,255,0.55);cursor:pointer;transition:all 0.2s;}
.bot-action-btn:hover{border-color:rgba(0,200,255,0.45);background:rgba(0,200,255,0.1);color:rgba(0,200,255,0.95);}
.bot-action-btn.connected{border-color:rgba(34,197,94,0.3);background:rgba(34,197,94,0.05);color:rgba(34,197,94,0.7);}
.bot-action-btn.connected:hover{border-color:rgba(0,200,255,0.4);background:rgba(0,200,255,0.08);color:rgba(0,200,255,0.9);}

/* ── BOT TAB CLOSE BUTTON ── */
.bot-tab-close{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:transparent;color:rgba(226,232,240,0.25);font-size:10px;line-height:1;margin-left:4px;vertical-align:middle;cursor:pointer;border:none;padding:0;transition:all 0.15s;position:relative;top:-1px;}
.bot-tab-close:hover{background:rgba(255,68,102,0.18);color:var(--red);}

/* ── CLICKABLE PRICE ROWS ── */
.price-row{display:grid;grid-template-columns:72px 24px 54px 1fr 54px;align-items:center;gap:3px 5px;padding:6px 12px;border-bottom:1px solid var(--border2);font-size:12px;cursor:pointer;transition:background 0.15s;}
.price-row:last-child{border-bottom:none;}
.price-row:hover{background:rgba(0,200,255,0.04);}
.price-row.selected{background:rgba(0,200,255,0.07);border-left:2px solid var(--cyan);padding-left:10px;}
.price-row.selected .price-sym{color:var(--cyan);}

/* ── AI CHAT PANEL ── */
.ai-fab{position:fixed;bottom:24px;right:24px;width:50px;height:50px;background:linear-gradient(135deg,var(--cyan),var(--purple));border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:500;box-shadow:0 4px 20px rgba(0,200,255,0.35);transition:transform 0.2s,box-shadow 0.5s;}
.ai-fab:hover{transform:scale(1.08);}
.ai-fab-label{position:absolute;top:-8px;right:-6px;background:transparent;padding:0;line-height:0;}

/* ── AXIOM MOOD RING ── */
#axiom-mood-ring{
  position:fixed;bottom:24px;right:24px;
  width:50px;height:50px;border-radius:50%;
  pointer-events:none;z-index:499;
  --axm-c:rgba(0,200,255,0.0);
  --axm-c2:rgba(0,200,255,0.0);
  --axm-c3:rgba(0,200,255,0.0);
  --axm-spd:4s;
}
#axiom-mood-ring::before,
#axiom-mood-ring::after{
  content:'';position:absolute;border-radius:50%;
  border:1.5px solid var(--axm-c);
  animation:axm-ring var(--axm-spd) ease-in-out infinite;
  transition:border-color 1.8s ease, opacity 1.8s ease;
}
#axiom-mood-ring::before{inset:-6px;}
#axiom-mood-ring::after{
  inset:-14px;
  border-color:var(--axm-c2);
  animation-delay:calc(var(--axm-spd) * -0.33);
  opacity:.55;
}
/* third ring via box-shadow on the ring element itself */
#axiom-mood-ring{
  box-shadow:0 0 0 22px var(--axm-c3),
             0 0 40px 4px var(--axm-c3);
  transition:box-shadow 1.8s ease, --axm-spd 1.8s ease;
}
@keyframes axm-ring{
  0%,100%{transform:scale(1);opacity:.9;}
  50%{transform:scale(1.18);opacity:.15;}
}
/* Breach mode — override speed via utility class for instant urgency */
#axiom-mood-ring.axm-breach{--axm-spd:0.5s !important;}
.ai-panel{position:fixed;bottom:86px;right:24px;width:370px;max-height:540px;background:rgba(4,8,16,0.98);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;z-index:499;box-shadow:0 8px 40px rgba(0,0,0,0.7);backdrop-filter:blur(24px);}
.ai-panel.hidden{display:none;}
.ai-panel-header{padding:11px 16px;border-bottom:1px solid rgba(255,170,0,0.12);display:flex;align-items:center;justify-content:space-between;background:rgba(255,140,0,0.03);border-radius:16px 16px 0 0;flex-shrink:0;}
.ai-panel-title{font-family:'Orbitron',monospace;font-size:10px;color:rgba(255,185,0,0.9);font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:7px;}
.ai-panel-rank{font-family:'Orbitron',monospace;font-size:6px;font-weight:700;letter-spacing:0.8px;padding:1px 6px;border-radius:3px;border:1px solid rgba(255,170,0,0.5);color:rgba(255,185,0,0.9);background:rgba(255,140,0,0.08);line-height:1.6;white-space:nowrap;}
.ai-panel-status{display:flex;align-items:center;gap:4px;font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(255,185,0,0.35);letter-spacing:0.5px;margin-left:2px;}
.ai-panel-status-dot{width:5px;height:5px;border-radius:50%;background:rgba(0,255,136,0.85);box-shadow:0 0 5px rgba(0,255,136,0.6);animation:blink 2.2s ease-in-out infinite;flex-shrink:0;}
.ai-panel-close{background:none;border:none;color:rgba(226,232,240,0.25);cursor:pointer;font-size:18px;line-height:1;padding:2px 4px;transition:color 0.2s;}
.ai-panel-close:hover{color:rgba(226,232,240,0.7);}
.ai-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:180px;}
.ai-msg{font-size:12px;line-height:1.65;border-radius:10px;padding:9px 13px;}
.ai-msg.bot{background:rgba(0,200,255,0.06);border:1px solid rgba(0,200,255,0.12);color:rgba(226,232,240,0.85);align-self:flex-start;max-width:92%;}
.ai-msg.user{background:rgba(124,58,237,0.14);border:1px solid rgba(124,58,237,0.25);color:#fff;align-self:flex-end;max-width:80%;}
.ai-msg code{background:rgba(0,0,0,0.4);padding:1px 5px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--cyan);}
.ai-suggestions{display:flex;flex-wrap:wrap;gap:5px;padding:0 14px 10px;flex-shrink:0;}
.ai-sug{font-size:10px;padding:3px 10px;border-radius:100px;background:rgba(0,200,255,0.04);border:1px solid rgba(0,200,255,0.12);color:rgba(0,200,255,0.55);cursor:pointer;transition:all 0.15s;font-family:'Inter',sans-serif;}
.ai-sug:hover{background:rgba(0,200,255,0.1);color:var(--cyan);border-color:var(--border);}
.ai-input-row{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border2);flex-shrink:0;}
.ai-input{flex:1;background:rgba(0,200,255,0.04);border:1px solid var(--border);border-radius:8px;padding:8px 11px;color:#e2e8f0;font-family:'Inter',sans-serif;font-size:12px;outline:none;}
.ai-input:focus{border-color:rgba(0,200,255,0.35);}
.ai-send{background:linear-gradient(135deg,var(--cyan),var(--purple));border:none;border-radius:8px;padding:8px 14px;color:#000;font-family:'Orbitron',monospace;font-size:9px;font-weight:700;cursor:pointer;letter-spacing:0.5px;transition:opacity 0.2s;white-space:nowrap;}
.ai-send:hover{opacity:0.85;}
@media(max-width:480px){.ai-panel{width:calc(100vw - 32px);right:16px;bottom:82px;}.ai-fab{bottom:16px;right:16px;}}

/* ── NAV MOVERS STRIP ── */
.nav-movers{display:flex;align-items:center;gap:3px;overflow-x:auto;overflow-y:hidden;flex:1;justify-content:center;padding:0 8px;scrollbar-width:none;-ms-overflow-style:none;}
.nav-movers::-webkit-scrollbar{display:none;}
.nav-mover-sep{width:1px;height:14px;background:rgba(0,200,255,0.18);margin:0 5px;flex-shrink:0;}
.nav-mover-pill{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:5px;font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;cursor:pointer;transition:all 0.15s;white-space:nowrap;border:1px solid transparent;letter-spacing:0.2px;flex-shrink:0;}
.nav-mover-pill.up{color:var(--green);background:rgba(0,255,136,0.06);border-color:rgba(0,255,136,0.14);}
.nav-mover-pill.up:hover{background:rgba(0,255,136,0.14);border-color:rgba(0,255,136,0.3);}
.nav-mover-pill.down{color:var(--red);background:rgba(255,68,102,0.06);border-color:rgba(255,68,102,0.14);}
.nav-mover-pill.down:hover{background:rgba(255,68,102,0.14);border-color:rgba(255,68,102,0.3);}
.nav-mover-label{font-size:7px;color:rgba(0,200,255,0.3);letter-spacing:0.8px;text-transform:uppercase;font-family:'JetBrains Mono',monospace;white-space:nowrap;flex-shrink:0;}

/* ── PAIR STATS BAR ── */
.pair-stats{display:flex;gap:0;margin-bottom:12px;flex-wrap:nowrap;border:1px solid var(--border2);border-radius:8px;overflow:hidden;}
.pair-stat{display:flex;flex-direction:column;gap:1px;padding:6px 10px;flex:1;border-right:1px solid var(--border2);}
.pair-stat:last-child{border-right:none;}
.pair-stat-key{font-size:8px;color:rgba(226,232,240,0.3);letter-spacing:0.6px;text-transform:uppercase;font-family:'JetBrains Mono',monospace;}
.pair-stat-val{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:#e2e8f0;}
.pair-stat-val.up{color:var(--green);}
.pair-stat-val.down{color:var(--red);}

/* ── MARKET PANEL (center) ── */
#market-panel,#altcoin-panel{display:none;flex:1;flex-direction:column;overflow-y:auto;min-height:300px;}
.mkt-panel-section-hdr{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(0,200,255,0.4);letter-spacing:1.2px;text-transform:uppercase;padding:10px 13px 6px;border-bottom:1px solid var(--border2);}
/* Category Heatmap */
.cat-heatmap-wrap{padding:10px 10px 6px;}
.cat-heatmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;}
.cat-cell{border-radius:8px;padding:9px 10px;cursor:default;transition:opacity 0.2s;border:1px solid transparent;}
.cat-cell:hover{opacity:0.82;}
.cat-cell.g3{background:rgba(0,255,136,0.22);border-color:rgba(0,255,136,0.28);}
.cat-cell.g2{background:rgba(0,255,136,0.12);border-color:rgba(0,255,136,0.15);}
.cat-cell.g1{background:rgba(0,255,136,0.05);border-color:rgba(0,255,136,0.09);}
.cat-cell.r3{background:rgba(255,68,102,0.22);border-color:rgba(255,68,102,0.28);}
.cat-cell.r2{background:rgba(255,68,102,0.12);border-color:rgba(255,68,102,0.15);}
.cat-cell.r1{background:rgba(255,68,102,0.05);border-color:rgba(255,68,102,0.09);}
.cat-cell.n0{background:rgba(226,232,240,0.03);border-color:rgba(226,232,240,0.06);}
.cat-name{font-family:'Inter',sans-serif;font-size:9px;color:rgba(226,232,240,0.65);margin-bottom:4px;font-weight:600;line-height:1.2;}
.cat-chg{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;line-height:1;}
.cat-vol{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(226,232,240,0.3);margin-top:2px;}
/* Movers table */
.movers-filter-tabs{display:flex;gap:0;margin:6px 13px 8px;background:rgba(0,200,255,0.03);border:1px solid var(--border2);border-radius:7px;overflow:hidden;}
.movers-ftab{flex:1;padding:5px;font-size:8px;font-family:'JetBrains Mono',monospace;font-weight:700;letter-spacing:0.5px;background:none;border:none;color:rgba(226,232,240,0.3);cursor:pointer;transition:all 0.2s;}
.movers-ftab.active{background:rgba(0,200,255,0.08);color:var(--cyan);}
.movers-table-outer{padding:0 8px 10px;}
.movers-table{width:100%;border-collapse:collapse;}
.movers-th{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(0,200,255,0.35);letter-spacing:0.6px;text-transform:uppercase;padding:5px 6px;border-bottom:1px solid var(--border2);text-align:left;}
.movers-th.r{text-align:right;}
.movers-td{font-family:'JetBrains Mono',monospace;font-size:10px;padding:5px 6px;border-bottom:1px solid rgba(255,255,255,0.03);}
.movers-td.r{text-align:right;}

/* ── ALTCOIN INDEX PANEL ── */
.altcoin-gauge-wrap{padding:14px 14px 10px;border-bottom:1px solid var(--border2);}
.altcoin-gauge-bar{height:10px;border-radius:100px;background:linear-gradient(to right,#ff4466 0%,#ff8c00 25%,rgba(226,232,240,0.25) 50%,#7c3aed 75%,#00c8ff 100%);position:relative;margin:10px 0 6px;}
.altcoin-gauge-ptr{position:absolute;top:-7px;transform:translateX(-50%);width:4px;height:24px;background:#fff;border-radius:2px;box-shadow:0 0 10px rgba(255,255,255,0.6);transition:left 1s ease;}
.altcoin-gauge-labels{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(226,232,240,0.25);}
.altcoin-score-row{display:flex;align-items:flex-start;gap:14px;margin-top:12px;}
.altcoin-big-num{font-family:'Orbitron',monospace;font-size:38px;font-weight:700;line-height:1;transition:color 0.8s;}
.altcoin-denom{font-family:'Orbitron',monospace;font-size:14px;color:rgba(226,232,240,0.2);font-weight:400;}
.altcoin-label-col{display:flex;flex-direction:column;gap:4px;padding-top:4px;}
.altcoin-season-lbl{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;}
.altcoin-season-badge{display:inline-block;font-size:8px;padding:2px 9px;border-radius:100px;font-family:'JetBrains Mono',monospace;font-weight:700;letter-spacing:0.5px;}
.altcoin-season-badge.alt{background:rgba(0,200,255,0.1);color:var(--cyan);border:1px solid rgba(0,200,255,0.22);}
.altcoin-season-badge.btc{background:rgba(255,140,0,0.1);color:var(--orange);border:1px solid rgba(255,140,0,0.22);}
.altcoin-season-badge.neutral{background:rgba(226,232,240,0.05);color:rgba(226,232,240,0.4);border:1px solid rgba(226,232,240,0.08);}
.altcoin-sub-desc{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(226,232,240,0.22);margin-top:8px;line-height:1.5;}
/* Top performers bar chart */
.altcoin-perf-wrap{padding:10px 13px 12px;}
.altcoin-perf-title{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(0,200,255,0.4);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;}
.alt-perf-row{display:flex;align-items:center;gap:6px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,0.03);}
.alt-perf-row:last-child{border-bottom:none;}
.alt-perf-sym{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;color:#e2e8f0;min-width:40px;}
.alt-perf-bar-wrap{flex:1;height:5px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;}
.alt-perf-bar{height:100%;border-radius:3px;transition:width 0.8s ease;}
.alt-perf-bar.pos{background:linear-gradient(to right,rgba(0,255,136,0.5),var(--green));}
.alt-perf-bar.neg{background:linear-gradient(to right,rgba(255,68,102,0.5),var(--red));}
.alt-perf-pct{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;min-width:46px;text-align:right;}
.alt-perf-pct.up{color:var(--green);}
.alt-perf-pct.down{color:var(--red);}
/* Altcoin global stats */
.altcoin-global-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border2);margin:0 0 8px;}
.altcoin-g-stat{background:var(--darker);padding:8px 13px;}
.altcoin-g-key{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(0,200,255,0.35);letter-spacing:0.6px;text-transform:uppercase;margin-bottom:3px;}
.altcoin-g-val{font-family:'JetBrains Mono',monospace;font-size:12px;color:#e2e8f0;font-weight:600;}

/* ── ORDER LOG inside ACCOUNT TAB ── */
.acct-log-empty{font-size:10px;color:rgba(226,232,240,0.2);padding:8px 0;font-family:'JetBrains Mono',monospace;}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(0,200,255,0.15);border-radius:2px;}

/* ── MOBILE ── */
.mob-nav-btn{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;}
.mob-nav-btn span{display:block;width:20px;height:2px;background:var(--cyan);border-radius:2px;transition:all 0.3s;}
.mob-nav-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.mob-nav-btn.open span:nth-child(2){opacity:0;}
.mob-nav-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mob-menu{display:none;position:fixed;top:56px;left:0;right:0;background:rgba(4,8,16,0.99);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:199;flex-direction:column;}
.mob-menu.open{display:flex;}
.mob-menu a{padding:14px 20px;font-size:14px;color:rgba(226,232,240,0.7);text-decoration:none;border-bottom:1px solid rgba(0,200,255,0.06);}
.mob-menu a.mob-cta{color:var(--cyan);font-weight:700;}

@media(max-width:960px) and (min-width:769px){
  .station-grid{grid-template-columns:1fr;overflow:auto;}
  .col{border-right:none;border-bottom:1px solid var(--border2);overflow-y:visible;max-height:none;}
  .station-wrap{height:auto;overflow:auto;}
  .support-cards{grid-template-columns:repeat(2,1fr);}
  #tv-panel{min-height:400px;}
  .nav-center{display:none;}
  .nav-status{display:none;}
  .mob-nav-btn{display:flex;}
}
@media(max-width:480px){
  .support-cards{grid-template-columns:1fr 1fr;}
  .btn-row{grid-template-columns:1fr;}
}

/* ═══════════════════════════════════════════════════════════
   MOBILE SWIPE LAYOUT (≤ 768px)
   Three horizontal pages: [Config] [Chart] [Pairs]
   ═══════════════════════════════════════════════════════════ */
@media(max-width:768px){
  .nav-movers{display:none!important;}
  .mob-page-bar{
    position:fixed;top:56px;left:0;right:0;height:34px;
    display:flex;align-items:stretch;
    background:rgba(4,8,16,0.98);
    border-bottom:1px solid var(--border2);
    z-index:90;
  }
  .mob-page-btn{
    flex:1;font-family:'Orbitron',monospace;font-size:8px;font-weight:700;
    letter-spacing:0.8px;text-transform:uppercase;
    color:rgba(0,200,255,0.3);background:none;border:none;border-bottom:2px solid transparent;
    cursor:pointer;transition:all 0.15s;padding:0;
  }
  .mob-page-btn.active{color:var(--cyan);border-bottom-color:var(--cyan);background:rgba(0,200,255,0.04);}
  .mob-page-btn:hover:not(.active){color:rgba(0,200,255,0.55);}

  .station-wrap{
    padding-top:90px!important;
    height:100svh;height:100vh;
    overflow:hidden;
    display:flex;flex-direction:column;
  }
  .station-grid{
    display:flex!important;
    flex-direction:row!important;
    overflow-x:scroll;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    flex:1;
    min-height:0;
  }
  .station-grid::-webkit-scrollbar{display:none;}
  .col{
    flex:0 0 100vw!important;
    width:100vw!important;
    min-width:100vw!important;
    scroll-snap-align:start;
    overflow-y:auto;
    overflow-x:hidden;
    height:100%;
    border-right:none!important;
    border-bottom:none!important;
  }
  .col:last-child{overflow:auto!important;}
  .nav-center{display:none;}
  .nav-status{display:none;}
  .mob-nav-btn{display:flex;}
  #tv-panel{min-height:320px;}
  /* Keep execute trade always visible at bottom of chart page */
  .exec-section{position:sticky;bottom:0;z-index:10;background:var(--darker);}
  /* Theme variants for mob-page-bar */
  body.page-midnight .mob-page-btn.active{color:#bf00ff;border-bottom-color:#bf00ff;}
  body.page-terminal .mob-page-bar{background:rgba(0,8,0,0.98);border-bottom-color:rgba(0,150,0,0.2);}
  body.page-terminal .mob-page-btn{color:rgba(0,200,0,0.3);font-family:'Share Tech Mono',monospace;}
  body.page-terminal .mob-page-btn.active{color:#00ff44;border-bottom-color:#00ff44;}
  body.page-light .mob-page-bar{background:rgba(248,250,252,0.99);border-bottom-color:rgba(0,0,0,0.07);}
  body.page-light .mob-page-btn{color:rgba(15,23,42,0.3);}
  body.page-light .mob-page-btn.active{color:#0066cc;border-bottom-color:#0066cc;}
  body.page-pro .mob-page-btn.active{color:#00c8ff;border-bottom-color:#00c8ff;}
}
@media(min-width:769px){
  .mob-page-bar{display:none!important;}
}

/* ═══════════════════════════════════════════════════════════
   PAGE THEME SYSTEM
   ═══════════════════════════════════════════════════════════ */

/* ── Page theme buttons (panel-header right side) ── */
.page-theme-btns{display:flex;align-items:center;gap:4px;}
.page-theme-btn{font-family:'JetBrains Mono',monospace;font-size:8px;padding:2px 9px;border-radius:4px;cursor:pointer;border:1px solid var(--border);background:none;color:rgba(226,232,240,0.3);transition:all 0.2s;letter-spacing:0.3px;}
.page-theme-btn.active{border-color:rgba(0,200,255,0.45);color:var(--cyan);background:rgba(0,200,255,0.06);}
.page-theme-btn:hover:not(.active){border-color:rgba(0,200,255,0.25);color:rgba(226,232,240,0.6);}

/* ── Light mode nav button ── */
.light-mode-btn{font-size:10px;padding:3px 10px;border-radius:6px;background:none;border:1px solid rgba(255,255,255,0.1);color:rgba(226,232,240,0.35);cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;letter-spacing:0.3px;white-space:nowrap;}
.light-mode-btn:hover{border-color:rgba(255,220,80,0.4);color:rgba(255,220,80,0.8);}
.light-mode-btn.on{background:rgba(255,220,80,0.1);border-color:rgba(255,220,80,0.4);color:#ffd700;}

/* ── Stealth mode nav button ── */
.stealth-mode-btn{font-size:10px;padding:3px 10px;border-radius:6px;background:none;border:1px solid rgba(255,255,255,0.08);color:rgba(226,232,240,0.25);cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;letter-spacing:0.3px;white-space:nowrap;}
.stealth-mode-btn:hover{border-color:rgba(70,75,90,0.6);color:rgba(130,135,150,0.7);}
.stealth-mode-btn.on{background:rgba(15,18,28,0.9);border-color:rgba(50,55,70,0.5);color:rgba(90,95,115,0.7);}

/* ── Nav eye (privacy screen) + fullscreen ── */
.nav-eye{background:none;border:none;color:rgba(226,232,240,0.18);cursor:pointer;font-size:14px;padding:0 3px;line-height:1;transition:color 0.2s;}
.nav-eye:hover{color:rgba(226,232,240,0.5);}
.nav-fullscreen{background:none;border:none;color:rgba(226,232,240,0.18);cursor:pointer;font-size:14px;padding:0 3px;line-height:1;transition:color 0.2s;}
.nav-fullscreen:hover{color:rgba(226,232,240,0.5);}
.nav-fullscreen.active{color:rgba(0,200,255,0.7);}

/* ── Game mobile controls (shown only on mobile) ── */
.game-mobile-btns{display:none;gap:8px;padding:8px 10px;flex-shrink:0;}
@media(max-width:768px){.game-mobile-btns{display:flex !important;}}

/* ── Privacy Screensaver Overlay ── */
.privacy-overlay{position:fixed;inset:0;background:#000;z-index:9800;cursor:none;overflow:hidden;}
.privacy-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(255,255,255,0.1);pointer-events:none;letter-spacing:2px;text-transform:uppercase;}

/* ╔══════════════════════════════════════════════════════════╗
   ║  MIDNIGHT THEME — pure black, everything glows          ║
   ╚══════════════════════════════════════════════════════════╝ */
body.page-midnight{
  --cyan:#bf00ff;--green:#00ffcc;--purple:#ff00cc;--red:#ff0055;--orange:#ff6600;
  --dark:#030008;--darker:#000000;--card:#07000f;
  --border:rgba(200,50,255,0.35);--border2:rgba(120,0,200,0.15);
  background:#000000;color:#ffffff;
}
body.page-midnight .station-nav{background:rgba(0,0,8,0.99);border-bottom:1px solid rgba(180,0,255,0.3);}
body.page-midnight .nav-logo{background:linear-gradient(135deg,#bf00ff,#ff00cc);-webkit-background-clip:text;background-clip:text;}
body.page-midnight .mob-menu{background:rgba(0,0,10,0.99);border-bottom-color:rgba(180,0,255,0.2);}
body.page-midnight .mob-menu a{color:rgba(255,255,255,0.7);border-bottom-color:rgba(180,0,255,0.1);}
body.page-midnight .panel-header{background:rgba(120,0,255,0.05);border-bottom-color:rgba(120,0,200,0.15);}
body.page-midnight .panel-title{color:#bf00ff;text-shadow:0 0 10px rgba(191,0,255,0.5),0 0 20px rgba(191,0,255,0.2);}
body.page-midnight .panel{border-color:rgba(120,0,200,0.12);}
body.page-midnight .col{border-right-color:rgba(120,0,200,0.12);}
body.page-midnight .config-key{color:rgba(200,100,255,0.5);}
body.page-midnight .config-val{color:#bf00ff;text-shadow:0 0 6px rgba(191,0,255,0.35);}
body.page-midnight .config-val.green{color:#00ffcc;text-shadow:0 0 6px rgba(0,255,200,0.35);}
body.page-midnight .config-val.orange{color:#ff6600;text-shadow:0 0 6px rgba(255,100,0,0.35);}
body.page-midnight .config-row{border-bottom-color:rgba(120,0,200,0.1);}
body.page-midnight .badge-live{background:rgba(0,255,200,0.08);color:#00ffcc;border-color:rgba(0,255,200,0.35);text-shadow:0 0 8px rgba(0,255,200,0.5);}
body.page-midnight .badge-warn{background:rgba(255,0,200,0.08);color:#ff00cc;border-color:rgba(255,0,200,0.4);text-shadow:0 0 8px rgba(255,0,200,0.4);}
body.page-midnight .badge-idle{background:rgba(191,0,255,0.06);color:rgba(191,0,255,0.5);border-color:rgba(191,0,255,0.15);}
body.page-midnight .status-dot{background:#bf00ff;box-shadow:0 0 8px #bf00ff,0 0 18px rgba(191,0,255,0.6);}
body.page-midnight .nav-status{color:rgba(255,255,255,0.5);}
body.page-midnight .nav-exit{color:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.08);}
body.page-midnight .nav-exit:hover{color:#ff0055;border-color:rgba(255,0,85,0.4);}
body.page-midnight .panel-toggle{background:rgba(191,0,255,0.03);}
body.page-midnight .toggle-btn{color:rgba(255,255,255,0.25);}
body.page-midnight .toggle-btn.active{color:#bf00ff;background:rgba(191,0,255,0.08);}
body.page-midnight .toggle-btn:hover:not(.active){color:rgba(255,255,255,0.6);}
body.page-midnight .exec-pair{color:#ff00cc;text-shadow:0 0 12px rgba(255,0,204,0.5);}
body.page-midnight .exec-price{color:#bf00ff;text-shadow:0 0 14px rgba(191,0,255,0.45);}
body.page-midnight .exec-price span{color:rgba(200,100,255,0.5);}
body.page-midnight .exec-input{background:rgba(191,0,255,0.04);border-color:rgba(191,0,255,0.2);color:#fff;}
body.page-midnight .exec-input:focus{border-color:rgba(191,0,255,0.5);}
body.page-midnight .size-pill{background:rgba(191,0,255,0.05);border-color:rgba(191,0,255,0.2);color:rgba(200,100,255,0.6);}
body.page-midnight .size-pill:hover,.page-midnight .size-pill.active{background:rgba(191,0,255,0.18);border-color:rgba(191,0,255,0.5);color:#bf00ff;}
body.page-midnight .btn-buy{background:linear-gradient(135deg,rgba(0,255,200,0.15),rgba(0,200,255,0.08));border-color:rgba(0,255,200,0.45);color:#00ffcc;box-shadow:0 0 22px rgba(0,255,200,0.12),inset 0 0 22px rgba(0,255,200,0.04);}
body.page-midnight .btn-buy:hover{box-shadow:0 0 36px rgba(0,255,200,0.28),inset 0 0 30px rgba(0,255,200,0.08);border-color:rgba(0,255,200,0.7);}
body.page-midnight .btn-sell{background:linear-gradient(135deg,rgba(255,0,85,0.15),rgba(255,0,204,0.08));border-color:rgba(255,0,85,0.45);color:#ff0055;box-shadow:0 0 22px rgba(255,0,85,0.12),inset 0 0 22px rgba(255,0,85,0.04);}
body.page-midnight .btn-sell:hover{box-shadow:0 0 36px rgba(255,0,85,0.28),inset 0 0 30px rgba(255,0,85,0.08);border-color:rgba(255,0,85,0.7);}
body.page-midnight .chart-theme-bar{background:rgba(0,0,8,0.9);border-bottom-color:rgba(120,0,200,0.15);}
body.page-midnight .chart-theme-btn{color:rgba(200,100,255,0.35);border-color:rgba(120,0,200,0.2);}
body.page-midnight .chart-theme-btn.active{border-color:rgba(191,0,255,0.5);color:#bf00ff;background:rgba(191,0,255,0.08);}
body.page-midnight .page-theme-btn.active{border-color:rgba(191,0,255,0.5);color:#bf00ff;background:rgba(191,0,255,0.08);}
body.page-midnight .light-mode-btn{border-color:rgba(255,255,255,0.1);color:rgba(255,255,255,0.3);}
body.page-midnight .light-mode-btn.on{background:rgba(255,220,80,0.1);border-color:rgba(255,220,80,0.4);color:#ffd700;}
body.page-midnight .feed-msg{color:rgba(255,255,255,0.9);}
body.page-midnight .feed-msg.buy{color:#00ffcc;text-shadow:0 0 8px rgba(0,255,200,0.45);}
body.page-midnight .feed-msg.sell{color:#ff0055;text-shadow:0 0 8px rgba(255,0,85,0.45);}
body.page-midnight .feed-msg.info{color:#d966ff;}
body.page-midnight .feed-time{color:rgba(200,100,255,0.45);}
body.page-midnight .support-res-link:hover{background:rgba(191,0,255,0.05);}
body.page-midnight .support-res-arrow{color:rgba(191,0,255,0.35);}
body.page-midnight .support-card{background:rgba(7,0,15,0.9);border-color:rgba(120,0,200,0.2);}
body.page-midnight .support-card:hover{background:rgba(15,0,30,0.95);border-color:rgba(191,0,255,0.4);}
body.page-midnight .support-card-name{color:#bf00ff;}
body.page-midnight .support-section{background:rgba(0,0,0,0.5);border-top-color:rgba(120,0,200,0.25);}
body.page-midnight .price-row:hover{background:rgba(191,0,255,0.04);}
body.page-midnight .price-row.selected{background:rgba(191,0,255,0.07);border-left-color:#bf00ff;}
body.page-midnight .price-row.selected .price-sym{color:#bf00ff;}
body.page-midnight .nav-mover-pill.up{color:#00ffcc;background:rgba(0,255,200,0.07);border-color:rgba(0,255,200,0.2);}
body.page-midnight .nav-mover-pill.down{color:#ff0055;background:rgba(255,0,85,0.07);border-color:rgba(255,0,85,0.2);}
body.page-midnight .book-row.ask .book-price{color:#ff0055;}
body.page-midnight .book-row.bid .book-price{color:#00ffcc;}
body.page-midnight .ai-fab{background:linear-gradient(135deg,#bf00ff,#ff00cc);box-shadow:0 4px 24px rgba(191,0,255,0.5);}
body.page-midnight .ai-panel{background:rgba(2,0,12,0.98);border-color:rgba(191,0,255,0.25);}
body.page-midnight .ai-msg.bot{background:rgba(191,0,255,0.06);border-color:rgba(191,0,255,0.15);}
body.page-midnight .ai-msg.user{background:rgba(255,0,204,0.12);border-color:rgba(255,0,204,0.25);}
body.page-midnight .pair-stat-key{color:rgba(200,100,255,0.4);}
body.page-midnight .disconnect-btn{color:rgba(255,0,85,0.5);border-color:rgba(255,0,85,0.2);}
body.page-midnight .disconnect-btn:hover{color:#ff0055;border-color:rgba(255,0,85,0.5);}
body.page-midnight .bot-tab.active{background:rgba(7,0,15,0.95);border-color:rgba(120,0,200,0.3);color:#bf00ff;}
body.page-midnight .bot-tab:hover{color:#bf00ff;background:rgba(191,0,255,0.06);}
body.page-midnight .reconnect-btn{background:linear-gradient(135deg,#bf00ff,#ff00cc);}
body.page-midnight .acct-exch-badge{background:rgba(191,0,255,0.08);color:#bf00ff;border-color:rgba(191,0,255,0.25);}
body.page-midnight .mkt-tab.active{color:#bf00ff;border-bottom-color:#bf00ff;}

/* ╔══════════════════════════════════════════════════════════╗
   ║  TERMINAL THEME — 90s CRT retro, green phosphor         ║
   ╚══════════════════════════════════════════════════════════╝ */
body.page-terminal{
  --cyan:#00ff00;--green:#00ff00;--purple:#ffb000;--red:#ff2200;--orange:#ffb000;
  --dark:#001200;--darker:#000c00;--card:#000e00;
  --border:rgba(0,255,0,0.22);--border2:rgba(0,200,0,0.1);
  background:#000c00;color:#00dd00;
  font-family:'Share Tech Mono',monospace;
}
/* CRT scanline overlay */
body.page-terminal::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,0.07) 0px,rgba(0,0,0,0.07) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:9999;}
/* No rounded corners — everything boxy */
body.page-terminal *{border-radius:0!important;}
body.page-terminal .station-nav{background:rgba(0,10,0,0.99);border-bottom:1px solid #005500;}
body.page-terminal .nav-logo{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:#00ff00;color:#00ff00;font-family:'VT323',monospace;font-size:18px;letter-spacing:3px;}
body.page-terminal .nav-status{color:#00aa00;font-family:'VT323',monospace;font-size:16px;letter-spacing:1px;}
body.page-terminal .status-dot{background:#00ff00;box-shadow:0 0 10px #00ff00,0 0 20px rgba(0,255,0,0.4);}
body.page-terminal .nav-exit{font-family:'VT323',monospace;font-size:14px;color:#00aa00;border-color:rgba(0,200,0,0.3);}
body.page-terminal .nav-exit:hover{color:#00ff00;border-color:#00ff00;}
body.page-terminal .mob-menu{background:rgba(0,10,0,0.99);border-bottom-color:rgba(0,200,0,0.2);}
body.page-terminal .mob-menu a{color:#00aa00;border-bottom-color:rgba(0,150,0,0.15);font-family:'VT323',monospace;font-size:18px;}
body.page-terminal .panel-header{background:rgba(0,255,0,0.03);border-bottom:1px solid rgba(0,180,0,0.2);}
body.page-terminal .panel-title{color:#00ff00;font-family:'VT323',monospace;font-size:14px;letter-spacing:3px;text-shadow:0 0 8px rgba(0,255,0,0.5);}
body.page-terminal .panel{border-color:rgba(0,180,0,0.15);}
body.page-terminal .col{border-right-color:rgba(0,180,0,0.12);}
body.page-terminal .config-key{color:rgba(0,180,0,0.6);font-family:'VT323',monospace;font-size:15px;}
body.page-terminal .config-val{color:#00ff00;font-family:'VT323',monospace;font-size:15px;}
body.page-terminal .config-val.green{color:#00ff00;}
body.page-terminal .config-val.orange{color:#ffb000;}
body.page-terminal .config-row{border-bottom-color:rgba(0,150,0,0.12);}
body.page-terminal .badge-live{background:rgba(0,255,0,0.07);color:#00ff00;border:1px solid rgba(0,200,0,0.4);font-family:'VT323',monospace;font-size:13px;text-shadow:0 0 6px rgba(0,255,0,0.4);}
body.page-terminal .badge-warn{background:rgba(255,176,0,0.07);color:#ffb000;border:1px solid rgba(255,176,0,0.4);font-family:'VT323',monospace;font-size:13px;}
body.page-terminal .badge-idle{background:rgba(0,150,0,0.05);color:rgba(0,200,0,0.5);border:1px solid rgba(0,150,0,0.25);font-family:'VT323',monospace;font-size:13px;}
body.page-terminal .panel-toggle{background:rgba(0,255,0,0.02);border-bottom-color:rgba(0,150,0,0.12);}
body.page-terminal .toggle-btn{font-family:'VT323',monospace;font-size:14px;letter-spacing:1px;color:rgba(0,180,0,0.5);}
body.page-terminal .toggle-btn.active{color:#00ff00;background:rgba(0,255,0,0.05);border-bottom:2px solid #00ff00;}
body.page-terminal .toggle-btn:hover:not(.active){color:#00cc00;}
body.page-terminal .exec-pair{color:#00ff00;font-family:'VT323',monospace;font-size:30px;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,0,0.4);}
body.page-terminal .exec-price{color:#00ff00;font-family:'VT323',monospace;font-size:36px;text-shadow:0 0 12px rgba(0,255,0,0.4);}
body.page-terminal .exec-price span{color:rgba(0,180,0,0.5);font-size:14px;}
body.page-terminal .exec-label{font-family:'VT323',monospace;font-size:14px;letter-spacing:2px;color:rgba(0,180,0,0.6);}
body.page-terminal .exec-input{background:rgba(0,255,0,0.04);border:1px solid rgba(0,200,0,0.35);color:#00ff00;font-family:'VT323',monospace;font-size:18px;}
body.page-terminal .exec-input:focus{border-color:#00ff00;box-shadow:0 0 8px rgba(0,255,0,0.15);}
body.page-terminal .size-pill{border:1px solid rgba(0,200,0,0.3);color:rgba(0,200,0,0.65);background:rgba(0,255,0,0.03);font-family:'VT323',monospace;font-size:14px;}
body.page-terminal .size-pill:hover,.page-terminal .size-pill.active{background:rgba(0,255,0,0.1);border-color:#00ff00;color:#00ff00;box-shadow:0 0 6px rgba(0,255,0,0.15);}
body.page-terminal .btn-buy{background:rgba(0,255,0,0.06);border:2px solid rgba(0,200,0,0.6);color:#00ff00;font-family:'VT323',monospace;font-size:18px;letter-spacing:3px;text-shadow:0 0 8px rgba(0,255,0,0.5);}
body.page-terminal .btn-buy:hover{background:rgba(0,255,0,0.15);border-color:#00ff00;box-shadow:0 0 18px rgba(0,255,0,0.25);}
body.page-terminal .btn-sell{background:rgba(255,34,0,0.06);border:2px solid rgba(200,34,0,0.5);color:#ff2200;font-family:'VT323',monospace;font-size:18px;letter-spacing:3px;text-shadow:0 0 8px rgba(255,34,0,0.4);}
body.page-terminal .btn-sell:hover{background:rgba(255,34,0,0.15);border-color:#ff2200;box-shadow:0 0 18px rgba(255,34,0,0.2);}
body.page-terminal .chart-theme-bar{background:rgba(0,10,0,0.92);border-bottom-color:rgba(0,150,0,0.18);}
body.page-terminal .chart-theme-label{font-family:'VT323',monospace;font-size:11px;color:rgba(0,200,0,0.4);}
body.page-terminal .chart-theme-btn{font-family:'VT323',monospace;font-size:12px;color:rgba(0,180,0,0.5);border-color:rgba(0,180,0,0.25);}
body.page-terminal .chart-theme-btn.active{color:#00ff00;border-color:rgba(0,200,0,0.6);background:rgba(0,255,0,0.05);}
body.page-terminal .page-theme-btn{font-family:'VT323',monospace;font-size:12px;color:rgba(0,180,0,0.5);border-color:rgba(0,180,0,0.25);}
body.page-terminal .page-theme-btn.active{color:#00ff00;border-color:rgba(0,200,0,0.6);background:rgba(0,255,0,0.05);}
body.page-terminal .light-mode-btn{font-family:'VT323',monospace;font-size:14px;color:rgba(0,180,0,0.5);border-color:rgba(0,180,0,0.25);}
body.page-terminal .light-mode-btn:hover{border-color:rgba(255,176,0,0.4);color:#ffb000;}
body.page-terminal .light-mode-btn.on{background:rgba(255,176,0,0.07);border-color:rgba(255,176,0,0.4);color:#ffb000;}
body.page-terminal .feed-item{border-bottom-color:rgba(0,150,0,0.12);}
body.page-terminal .feed-msg{color:rgba(0,200,0,0.75);font-family:'VT323',monospace;font-size:15px;}
body.page-terminal .feed-msg.buy{color:#00ff00;text-shadow:0 0 5px rgba(0,255,0,0.3);}
body.page-terminal .feed-msg.sell{color:#ff2200;}
body.page-terminal .feed-msg.warn{color:#ffb000;}
body.page-terminal .feed-msg.info{color:#00ff00;}
body.page-terminal .feed-time{color:rgba(0,180,0,0.35);font-family:'VT323',monospace;font-size:13px;}
body.page-terminal .support-res-link{border-bottom-color:rgba(0,150,0,0.12);}
body.page-terminal .support-res-link:hover{background:rgba(0,255,0,0.04);}
body.page-terminal .support-res-name{color:#00dd00;font-family:'VT323',monospace;font-size:15px;}
body.page-terminal .support-res-desc{color:rgba(0,180,0,0.5);font-family:'Share Tech Mono',monospace;}
body.page-terminal .support-res-arrow{color:rgba(0,200,0,0.35);}
body.page-terminal .support-card{background:rgba(0,10,0,0.9);border-color:rgba(0,180,0,0.2);}
body.page-terminal .support-card:hover{background:rgba(0,20,0,0.95);border-color:rgba(0,255,0,0.4);}
body.page-terminal .support-card-name{color:#00ff00;font-family:'VT323',monospace;font-size:13px;letter-spacing:1px;}
body.page-terminal .support-card-desc{color:rgba(0,180,0,0.5);}
body.page-terminal .support-section{background:rgba(0,8,0,0.5);border-top-color:rgba(0,180,0,0.2);}
body.page-terminal .support-title{color:#00ff00;font-family:'VT323',monospace;font-size:14px;letter-spacing:3px;}
body.page-terminal .price-sym{color:rgba(0,180,0,0.7);font-family:'VT323',monospace;font-size:13px;}
body.page-terminal .price-val{color:#00dd00;font-family:'VT323',monospace;}
body.page-terminal .price-chg{font-family:'VT323',monospace;font-size:13px;}
body.page-terminal .price-chg.up{color:#00ff00;}
body.page-terminal .price-chg.down{color:#ff2200;}
body.page-terminal .price-row:hover{background:rgba(0,255,0,0.03);}
body.page-terminal .price-row.selected{background:rgba(0,255,0,0.05);border-left-color:#00ff00;}
body.page-terminal .price-row.selected .price-sym{color:#00ff00;}
body.page-terminal .nav-mover-pill{font-family:'VT323',monospace;font-size:11px;}
body.page-terminal .nav-mover-pill.up{color:#00ff00;background:rgba(0,255,0,0.07);border-color:rgba(0,255,0,0.2);}
body.page-terminal .nav-mover-pill.down{color:#ff2200;background:rgba(255,34,0,0.07);border-color:rgba(255,34,0,0.2);}
body.page-terminal .nav-mover-label{font-family:'VT323',monospace;font-size:11px;color:rgba(0,180,0,0.4);}
body.page-terminal .mover-sym{color:#00dd00;font-family:'VT323',monospace;font-size:15px;}
body.page-terminal .mover-pct{font-family:'VT323',monospace;font-size:15px;}
body.page-terminal .mover-pct.up{color:#00ff00;}
body.page-terminal .mover-pct.down{color:#ff2200;}
body.page-terminal .book-row.ask .book-price{color:#ff2200;}
body.page-terminal .book-row.bid .book-price{color:#00ff00;}
body.page-terminal .book-size{color:rgba(0,180,0,0.5);}
body.page-terminal .book-spread{color:rgba(0,180,0,0.3);border-color:rgba(0,150,0,0.15);}
body.page-terminal .ai-fab{background:linear-gradient(135deg,#00aa00,#006600);box-shadow:0 4px 20px rgba(0,255,0,0.3);}
body.page-terminal .ai-fab-label{background:#ffb000;color:#000;}
body.page-terminal .ai-panel{background:rgba(0,10,0,0.98);border-color:rgba(0,200,0,0.25);}
body.page-terminal .ai-panel-title{color:#00ff00;font-family:'VT323',monospace;font-size:14px;letter-spacing:2px;}
body.page-terminal .ai-msg.bot{background:rgba(0,255,0,0.04);border-color:rgba(0,200,0,0.15);color:rgba(0,220,0,0.9);font-family:'Share Tech Mono',monospace;}
body.page-terminal .ai-msg.user{background:rgba(255,176,0,0.08);border-color:rgba(255,176,0,0.2);color:#ffb000;font-family:'Share Tech Mono',monospace;}
body.page-terminal .ai-input{background:rgba(0,255,0,0.04);border-color:rgba(0,200,0,0.25);color:#00dd00;font-family:'Share Tech Mono',monospace;}
body.page-terminal .ai-send{background:linear-gradient(135deg,#00aa00,#006600);color:#000;font-family:'VT323',monospace;font-size:13px;letter-spacing:1px;}
body.page-terminal .ai-sug{background:rgba(0,200,0,0.04);border-color:rgba(0,180,0,0.15);color:rgba(0,200,0,0.55);}
body.page-terminal .ai-sug:hover{background:rgba(0,255,0,0.08);color:#00ff00;border-color:rgba(0,200,0,0.35);}
body.page-terminal .bot-tab{font-family:'VT323',monospace;font-size:12px;color:rgba(0,180,0,0.45);}
body.page-terminal .bot-tab.active{background:rgba(0,14,0,0.95);border-color:rgba(0,180,0,0.3);color:#00ff00;}
body.page-terminal .bot-tab:hover{color:#00ff00;background:rgba(0,255,0,0.04);}
body.page-terminal .disconnect-btn{color:rgba(255,34,0,0.5);border-color:rgba(255,34,0,0.2);}
body.page-terminal .disconnect-btn:hover{color:#ff2200;border-color:rgba(255,34,0,0.5);}
body.page-terminal .reconnect-btn{background:linear-gradient(135deg,#00aa00,#006600);color:#000;font-family:'VT323',monospace;font-size:15px;letter-spacing:2px;}
body.page-terminal .acct-exch-badge{background:rgba(0,200,0,0.07);color:#00dd00;border-color:rgba(0,200,0,0.25);font-family:'VT323',monospace;font-size:12px;}
body.page-terminal .mkt-tab{font-family:'VT323',monospace;font-size:11px;color:rgba(0,180,0,0.4);}
body.page-terminal .mkt-tab.active{color:#00ff00;border-bottom-color:#00ff00;}
body.page-terminal .pair-stat-key{color:rgba(0,180,0,0.4);font-family:'VT323',monospace;font-size:12px;}
body.page-terminal .pair-stat-val{color:#00dd00;font-family:'VT323',monospace;}
body.page-terminal .pair-stat-val.up{color:#00ff00;}
body.page-terminal .pair-stat-val.down{color:#ff2200;}
body.page-terminal .fg-score{font-family:'VT323',monospace;}
body.page-terminal .fg-classify{font-family:'VT323',monospace;}
body.page-terminal .fg-title{color:rgba(0,200,0,0.4);font-family:'VT323',monospace;letter-spacing:2px;}
body.page-terminal .mkt-stat-key{color:rgba(0,180,0,0.4);font-family:'VT323',monospace;}
body.page-terminal .mkt-stat-val{color:#00dd00;font-family:'VT323',monospace;}
body.page-terminal ::-webkit-scrollbar{width:6px;background:rgba(0,20,0,0.5);}
body.page-terminal ::-webkit-scrollbar-thumb{background:#00aa00;}

/* ╔══════════════════════════════════════════════════════════╗
   ║  STEALTH THEME — ultra-dark, all muted, ghost mode      ║
   ╚══════════════════════════════════════════════════════════╝ */
body.page-stealth{
  --cyan:rgba(80,110,130,0.65);--green:rgba(50,80,50,0.85);--purple:rgba(70,55,90,0.75);
  --red:rgba(90,45,50,0.85);--orange:rgba(90,70,35,0.8);
  --dark:#040508;--darker:#020305;--card:#05070e;
  --border:rgba(40,45,65,0.35);--border2:rgba(30,35,55,0.22);
  background:#020305;color:rgba(130,140,160,0.55);
}
body.page-stealth .station-nav{background:rgba(2,3,6,0.99);border-bottom-color:rgba(35,40,60,0.4);}
body.page-stealth .nav-logo{-webkit-text-fill-color:rgba(60,75,100,0.55);color:rgba(60,75,100,0.55);}
body.page-stealth .status-dot{background:rgba(40,55,40,0.8);box-shadow:none;animation:none;}
body.page-stealth .panel-header{background:rgba(4,6,14,0.95);border-bottom-color:rgba(35,40,60,0.3);}
body.page-stealth .panel-title{color:rgba(70,80,105,0.5);text-shadow:none;}
body.page-stealth .config-key{color:rgba(70,80,100,0.4);}
body.page-stealth .config-val{color:rgba(80,95,120,0.55);}
body.page-stealth .toggle-btn{color:rgba(60,70,90,0.4);}
body.page-stealth .toggle-btn.active{color:rgba(70,90,115,0.65);background:rgba(20,25,45,0.3);border-bottom-color:rgba(60,80,110,0.5);}
body.page-stealth .price-sym{color:rgba(80,90,115,0.45);}
body.page-stealth .price-val{color:rgba(100,110,135,0.6);}
body.page-stealth .price-chg.up{color:rgba(45,70,45,0.75);}
body.page-stealth .price-chg.down{color:rgba(80,40,45,0.75);}
body.page-stealth .price-row:hover{background:rgba(15,18,30,0.5);}
body.page-stealth .price-row.selected{background:rgba(15,20,40,0.5);border-left-color:rgba(50,75,110,0.4);}
body.page-stealth .btn-buy{background:rgba(0,20,0,0.4);border-color:rgba(30,55,30,0.4);color:rgba(45,70,45,0.7);text-shadow:none;}
body.page-stealth .btn-buy:hover{background:rgba(0,30,0,0.5);border-color:rgba(40,70,40,0.5);}
body.page-stealth .btn-sell{background:rgba(20,0,0,0.4);border-color:rgba(55,25,25,0.4);color:rgba(80,35,40,0.7);text-shadow:none;}
body.page-stealth .btn-sell:hover{background:rgba(30,0,0,0.5);border-color:rgba(70,30,30,0.5);}
body.page-stealth .feed-msg{color:rgba(70,80,100,0.4);}
body.page-stealth .feed-msg.buy{color:rgba(45,70,45,0.65);}
body.page-stealth .feed-msg.sell{color:rgba(80,40,45,0.65);}
body.page-stealth .feed-msg.warn{color:rgba(80,65,30,0.65);}
body.page-stealth .feed-msg.info{color:rgba(50,75,100,0.55);}
body.page-stealth .exec-pair{color:rgba(80,95,120,0.5);}
body.page-stealth .exec-price{color:rgba(60,85,110,0.5);}
body.page-stealth .badge-live{background:rgba(20,25,45,0.5);color:rgba(60,80,110,0.5);border-color:rgba(40,50,80,0.3);}
body.page-stealth .nav-mover-pill.up{color:rgba(40,65,40,0.7);background:rgba(0,30,0,0.2);border-color:rgba(30,55,30,0.2);}
body.page-stealth .nav-mover-pill.down{color:rgba(75,35,40,0.7);background:rgba(30,0,0,0.2);border-color:rgba(55,20,20,0.2);}
body.page-stealth .px-exch-k{color:rgba(50,80,110,0.4);border-color:rgba(40,65,90,0.15);}
body.page-stealth .px-exch-okx{color:rgba(90,70,35,0.4);border-color:rgba(80,60,25,0.15);}
body.page-stealth .stealth-mode-btn.on{background:rgba(15,18,28,0.95);border-color:rgba(50,55,75,0.6);color:rgba(80,90,115,0.65);}

/* ╔══════════════════════════════════════════════════════════╗
   ║  LIGHT THEME — mostly white, clean and airy             ║
   ╚══════════════════════════════════════════════════════════╝ */
body.page-light{
  --cyan:#0066cc;--green:#16a34a;--purple:#7c3aed;--red:#dc2626;--orange:#ea580c;
  --dark:#f1f5f9;--darker:#f8fafc;--card:#ffffff;
  --border:rgba(0,0,0,0.09);--border2:rgba(0,0,0,0.05);
  background:#f8fafc;color:#0f172a;
}
body.page-light .station-nav{background:rgba(255,255,255,0.97);border-bottom:1px solid rgba(0,0,0,0.09);box-shadow:0 1px 8px rgba(0,0,0,0.06);}
body.page-light .nav-logo{background:linear-gradient(135deg,#0066cc,#7c3aed);-webkit-background-clip:text;background-clip:text;}
body.page-light .nav-status{color:rgba(15,23,42,0.45);}
body.page-light .status-dot{background:#16a34a;box-shadow:none;}
body.page-light .nav-exit{color:rgba(15,23,42,0.35);border-color:rgba(0,0,0,0.1);}
body.page-light .nav-exit:hover{color:#dc2626;border-color:rgba(220,38,38,0.3);}
body.page-light .light-mode-btn{border-color:rgba(0,0,0,0.15);color:rgba(15,23,42,0.4);}
body.page-light .light-mode-btn:hover{border-color:rgba(0,102,204,0.3);color:#0066cc;}
body.page-light .light-mode-btn.on{background:rgba(0,102,204,0.07);border-color:rgba(0,102,204,0.35);color:#0066cc;}
body.page-light .mob-menu{background:rgba(255,255,255,0.99);border-bottom-color:rgba(0,0,0,0.08);}
body.page-light .mob-menu a{color:rgba(15,23,42,0.7);border-bottom-color:rgba(0,0,0,0.05);}
body.page-light .col{background:#ffffff;border-right-color:rgba(0,0,0,0.07);}
body.page-light .panel{border-bottom-color:rgba(0,0,0,0.06);}
body.page-light .panel-header{background:rgba(0,102,204,0.03);border-bottom-color:rgba(0,0,0,0.07);}
body.page-light .panel-title{color:#0066cc;}
body.page-light .config-key{color:rgba(15,23,42,0.72);}
body.page-light #monitor-select{background:rgba(0,102,204,0.06);border-color:rgba(0,102,204,0.25);color:#0f172a;}
body.page-light #monitor-select option{background:#f0f6ff;color:#0f172a;}
body.page-terminal #monitor-select{background:rgba(0,180,0,0.07);border-color:rgba(0,180,0,0.25);color:#00ff44;font-family:'VT323',monospace;font-size:14px;}
body.page-terminal #monitor-select option{background:#000a00;color:#00ff44;}
body.page-midnight #monitor-select{background:rgba(120,0,200,0.06);border-color:rgba(150,0,255,0.25);color:rgba(200,100,255,0.8);}
body.page-midnight #monitor-select option{background:#0a0010;color:rgba(200,100,255,0.9);}
body.page-stealth #monitor-select{background:rgba(30,35,55,0.5);border-color:rgba(50,60,80,0.3);color:rgba(90,100,130,0.6);}
body.page-stealth #monitor-select option{background:#080c18;color:rgba(100,115,150,0.8);}
#monitor-select option{background:#060d16;color:rgba(226,232,240,0.8);}
#dts-tab-select,#dts-vibe-select{background:#060d1a;color:rgba(226,232,240,0.75);}
#dts-tab-select option,#dts-vibe-select option{background:#060d1a;color:rgba(226,232,240,0.85);}
body.page-light .config-val{color:#0066cc;}
body.page-light .config-val.green{color:#16a34a;}
body.page-light .config-val.orange{color:#ea580c;}
body.page-light .config-row{border-bottom-color:rgba(0,0,0,0.05);}
body.page-light .badge-live{background:rgba(22,163,74,0.1);color:#16a34a;border-color:rgba(22,163,74,0.3);}
body.page-light .badge-warn{background:rgba(234,88,12,0.1);color:#ea580c;border-color:rgba(234,88,12,0.3);}
body.page-light .badge-idle{background:rgba(0,102,204,0.07);color:rgba(0,102,204,0.6);border-color:rgba(0,102,204,0.18);}
body.page-light .panel-toggle{background:rgba(0,0,0,0.02);border-bottom-color:rgba(0,0,0,0.06);}
body.page-light .toggle-btn{color:rgba(15,23,42,0.35);}
body.page-light .toggle-btn.active{color:#0066cc;background:rgba(0,102,204,0.06);}
body.page-light .toggle-btn:hover:not(.active){color:rgba(15,23,42,0.6);}
body.page-light .exec-pair{color:#0f172a;}
body.page-light .exec-price{color:#0066cc;}
body.page-light .exec-price span{color:rgba(15,23,42,0.35);}
body.page-light .exec-label{color:rgba(15,23,42,0.4);}
body.page-light .exec-input{background:#f8fafc;border-color:rgba(0,0,0,0.13);color:#0f172a;}
body.page-light .exec-input:focus{border-color:rgba(0,102,204,0.45);}
body.page-light .size-pill{background:rgba(0,102,204,0.05);border-color:rgba(0,102,204,0.2);color:rgba(0,102,204,0.65);}
body.page-light .size-pill:hover,.page-light .size-pill.active{background:rgba(0,102,204,0.14);border-color:rgba(0,102,204,0.4);color:#0066cc;}
body.page-light .btn-buy{background:linear-gradient(135deg,rgba(22,163,74,0.14),rgba(0,102,204,0.07));border-color:rgba(22,163,74,0.4);color:#16a34a;}
body.page-light .btn-buy:hover{background:linear-gradient(135deg,rgba(22,163,74,0.24),rgba(0,102,204,0.12));border-color:rgba(22,163,74,0.6);}
body.page-light .btn-sell{background:linear-gradient(135deg,rgba(220,38,38,0.12),rgba(220,38,38,0.06));border-color:rgba(220,38,38,0.4);color:#dc2626;}
body.page-light .btn-sell:hover{background:linear-gradient(135deg,rgba(220,38,38,0.22),rgba(220,38,38,0.1));border-color:rgba(220,38,38,0.6);}
body.page-light .chart-theme-bar{background:rgba(0,0,0,0.03);border-bottom-color:rgba(0,0,0,0.07);}
body.page-light .chart-theme-label{color:rgba(15,23,42,0.3);}
body.page-light .chart-theme-btn{color:rgba(15,23,42,0.35);border-color:rgba(0,0,0,0.1);}
body.page-light .chart-theme-btn.active{border-color:rgba(0,102,204,0.45);color:#0066cc;background:rgba(0,102,204,0.06);}
body.page-light .page-theme-btn{color:rgba(15,23,42,0.35);border-color:rgba(0,0,0,0.1);}
body.page-light .page-theme-btn.active{border-color:rgba(0,102,204,0.45);color:#0066cc;background:rgba(0,102,204,0.06);}
body.page-light .feed-item{border-bottom-color:rgba(0,0,0,0.05);}
body.page-light .feed-msg{color:rgba(15,23,42,0.55);}
body.page-light .feed-msg.buy{color:#16a34a;}
body.page-light .feed-msg.sell{color:#dc2626;}
body.page-light .feed-msg.warn{color:#ea580c;}
body.page-light .feed-msg.info{color:#0066cc;}
body.page-light .feed-time{color:rgba(15,23,42,0.25);}
body.page-light .support-res-link{border-bottom-color:rgba(0,0,0,0.05);}
body.page-light .support-res-link:hover{background:rgba(0,102,204,0.04);}
body.page-light .support-res-name{color:#0f172a;}
body.page-light .support-res-desc{color:rgba(15,23,42,0.35);}
body.page-light .support-res-arrow{color:rgba(0,102,204,0.3);}
body.page-light .support-card{background:#ffffff;border-color:rgba(0,0,0,0.09);}
body.page-light .support-card:hover{background:#f0f7ff;border-color:rgba(0,102,204,0.25);}
body.page-light .support-card-name{color:#0066cc;}
body.page-light .support-card-desc{color:rgba(15,23,42,0.4);}
body.page-light .support-section{background:rgba(0,0,0,0.02);border-top-color:rgba(0,0,0,0.07);}
body.page-light .support-title{color:#0066cc;}
body.page-light .price-sym{color:rgba(15,23,42,0.55);}
body.page-light .price-val{color:#0f172a;}
body.page-light .price-chg.up{color:#16a34a;}
body.page-light .price-chg.down{color:#dc2626;}
body.page-light .price-row{border-bottom-color:rgba(0,0,0,0.05);}
body.page-light .price-row:hover{background:rgba(0,102,204,0.04);}
body.page-light .price-row.selected{background:rgba(0,102,204,0.07);border-left-color:#0066cc;}
body.page-light .price-row.selected .price-sym{color:#0066cc;}
body.page-light .nav-mover-pill.up{color:#16a34a;background:rgba(22,163,74,0.07);border-color:rgba(22,163,74,0.2);}
body.page-light .nav-mover-pill.down{color:#dc2626;background:rgba(220,38,38,0.07);border-color:rgba(220,38,38,0.2);}
body.page-light .nav-mover-label{color:rgba(15,23,42,0.3);}
body.page-light .mover-sym{color:#0f172a;}
body.page-light .mover-name{color:rgba(15,23,42,0.35);}
body.page-light .mover-pct.up{color:#16a34a;}
body.page-light .mover-pct.down{color:#dc2626;}
body.page-light .book-row.ask .book-price{color:#dc2626;}
body.page-light .book-row.bid .book-price{color:#16a34a;}
body.page-light .book-size{color:rgba(15,23,42,0.4);}
body.page-light .book-spread{color:rgba(15,23,42,0.25);border-color:rgba(0,0,0,0.06);}
body.page-light .ai-fab{background:linear-gradient(135deg,#0066cc,#7c3aed);box-shadow:0 4px 20px rgba(0,102,204,0.3);}
body.page-light .ai-panel{background:rgba(255,255,255,0.98);border-color:rgba(0,0,0,0.1);box-shadow:0 8px 40px rgba(0,0,0,0.15);}
body.page-light .ai-panel-title{color:#0066cc;}
body.page-light .ai-panel-header{background:rgba(0,102,204,0.03);border-bottom-color:rgba(0,0,0,0.07);}
body.page-light .ai-msg.bot{background:rgba(0,102,204,0.05);border-color:rgba(0,102,204,0.12);color:#0f172a;}
body.page-light .ai-msg.user{background:rgba(124,58,237,0.08);border-color:rgba(124,58,237,0.18);color:#0f172a;}
body.page-light .ai-input{background:#f8fafc;border-color:rgba(0,0,0,0.12);color:#0f172a;}
body.page-light .ai-input:focus{border-color:rgba(0,102,204,0.35);}
body.page-light .ai-sug{background:rgba(0,102,204,0.05);border-color:rgba(0,102,204,0.12);color:rgba(0,102,204,0.6);}
body.page-light .ai-sug:hover{background:rgba(0,102,204,0.1);color:#0066cc;}
body.page-light .ai-panel-close{color:rgba(15,23,42,0.25);}
body.page-light .bot-tab{color:rgba(15,23,42,0.35);background:rgba(0,0,0,0.02);border-color:transparent;}
body.page-light .bot-tab.active{background:#ffffff;border-color:rgba(0,0,0,0.1);color:#0066cc;}
body.page-light .bot-tab:hover{color:#0066cc;background:rgba(0,102,204,0.04);}
body.page-light .disconnect-btn{color:rgba(220,38,38,0.5);border-color:rgba(220,38,38,0.15);}
body.page-light .disconnect-btn:hover{color:#dc2626;border-color:rgba(220,38,38,0.4);}
body.page-light .reconnect-btn{background:linear-gradient(135deg,#0066cc,#7c3aed);color:#fff;}
body.page-light .acct-exch-badge{background:rgba(0,102,204,0.07);color:#0066cc;border-color:rgba(0,102,204,0.2);}
body.page-light .acct-section-title{color:rgba(0,102,204,0.6);}
body.page-light .acct-coin{color:rgba(15,23,42,0.85);}
body.page-light .acct-amt{color:rgba(15,23,42,0.5);}
body.page-light .acct-usd{color:rgba(15,23,42,0.4);}
body.page-light .acct-empty{color:rgba(15,23,42,0.25);}
body.page-light .acct-footer{color:rgba(15,23,42,0.18);}
body.page-light .mkt-tab{color:rgba(15,23,42,0.4);}
body.page-light .mkt-tab.active{color:#0066cc;border-bottom-color:#0066cc;}
body.page-light .pair-stat-key{color:rgba(15,23,42,0.35);}
body.page-light .pair-stat{border-right-color:rgba(0,0,0,0.07);}
body.page-light .pair-stats{border-color:rgba(0,0,0,0.07);}
body.page-light .fg-title{color:rgba(0,102,204,0.5);}
body.page-light .mkt-stat{background:#f8fafc;}
body.page-light .mkt-stat-key{color:rgba(15,23,42,0.4);}
body.page-light .mkt-stat-val{color:#0f172a;}
body.page-light .movers-hdr{color:rgba(0,102,204,0.5);}
body.page-light .edit-label{color:rgba(0,102,204,0.6);}
body.page-light .edit-select,.page-light .edit-input{background:#f8fafc;border-color:rgba(0,0,0,0.12);color:#0f172a;}
body.page-light .cancel-edit-btn{border-color:rgba(0,0,0,0.1);color:rgba(15,23,42,0.4);}
/* ═══════════════════════════════════════════════════════════
   ║  PRO THEME — original HSR look: clean dark + sharp cyan  ║
   ═══════════════════════════════════════════════════════════ */
body.page-pro{
  --cyan:#00c8ff;
  --purple:#7c3aed;
  --border:rgba(0,200,255,0.12);
  --border2:rgba(0,200,255,0.06);
}
body.page-pro .station-nav{background:rgba(4,8,16,0.98);border-bottom-color:rgba(0,200,255,0.12);}
body.page-pro .nav-logo{background:linear-gradient(135deg,#00c8ff,#7c3aed);-webkit-background-clip:text;background-clip:text;}
body.page-pro .status-dot{background:#00c8ff;box-shadow:0 0 7px rgba(0,200,255,0.8),0 0 16px rgba(0,200,255,0.35);}
body.page-pro .panel-header{background:rgba(4,8,16,0.92);border-bottom-color:rgba(0,200,255,0.1);}
body.page-pro .panel-title{color:#00c8ff;text-shadow:none;}
body.page-pro .badge-live{background:rgba(0,200,255,0.08);color:#00c8ff;border-color:rgba(0,200,255,0.3);text-shadow:none;}
body.page-pro .badge-idle{background:rgba(0,200,255,0.04);color:rgba(0,200,255,0.4);border-color:rgba(0,200,255,0.1);}
body.page-pro .badge-warn{background:rgba(255,140,0,0.1);color:#ff8c00;border-color:rgba(255,140,0,0.25);}
body.page-pro .panel-toggle{background:rgba(4,8,16,0.92);border-bottom-color:rgba(0,200,255,0.1);}
body.page-pro .toggle-btn{color:rgba(0,200,255,0.28);border-right-color:rgba(0,200,255,0.1);}
body.page-pro .toggle-btn.active{color:#00c8ff;background:rgba(0,200,255,0.09);border-bottom-color:#00c8ff;}
body.page-pro .toggle-btn:hover:not(.active){color:rgba(0,200,255,0.72);background:rgba(0,200,255,0.05);}
body.page-pro .config-val{color:#00c8ff;}
body.page-pro .acct-section-title{color:rgba(0,200,255,0.45);}
body.page-pro .exec-input{background:rgba(4,8,16,0.8);border-color:rgba(0,200,255,0.18);}
body.page-pro .exec-input:focus{border-color:rgba(0,200,255,0.45);box-shadow:0 0 0 2px rgba(0,200,255,0.08);}
body.page-pro .exec-pair{color:#e2e8f0;}
body.page-pro .exec-price{color:#00c8ff;}
body.page-pro .exec-price span{color:rgba(226,232,240,0.3);}
body.page-pro .size-pill{background:rgba(0,200,255,0.04);border-color:rgba(0,200,255,0.18);color:rgba(0,200,255,0.55);}
body.page-pro .size-pill:hover,.page-pro .size-pill.active{background:rgba(0,200,255,0.13);border-color:rgba(0,200,255,0.42);color:#00c8ff;}
body.page-pro .chart-theme-bar{background:rgba(4,8,16,0.92);border-bottom-color:rgba(0,200,255,0.09);}
body.page-pro .chart-theme-btn{color:rgba(0,200,255,0.35);border-color:rgba(0,200,255,0.16);}
body.page-pro .chart-theme-btn.active{border-color:rgba(0,200,255,0.52);color:#00c8ff;background:rgba(0,200,255,0.07);}
body.page-pro .page-theme-btn.active{border-color:rgba(0,200,255,0.52);color:#00c8ff;background:rgba(0,200,255,0.07);}
body.page-pro .pair-sync-btn.on{background:rgba(0,200,255,0.08);border-color:rgba(0,200,255,0.4);color:#00c8ff;}
body.page-pro .price-row.selected{background:rgba(0,200,255,0.06);border-left-color:#00c8ff;}
body.page-pro .price-row.selected .price-sym{color:#00c8ff;}
body.page-pro .price-row:hover{background:rgba(0,200,255,0.04);}
body.page-pro .mkt-tab.active{color:#00c8ff;border-bottom-color:#00c8ff;}
body.page-pro .sort-btn.active{background:rgba(0,200,255,0.1);border-color:#00c8ff;color:#00c8ff;}
body.page-pro .feed-quick-btn.active{background:rgba(0,200,255,0.08);border-color:rgba(0,200,255,0.38);color:#00c8ff;}
body.page-pro .ekg-lbl{color:rgba(0,200,255,0.4);}
body.page-pro .ekg-bpm{color:rgba(0,200,255,0.65);}
body.page-pro .ekg-beat-dot{background:#00c8ff;}
body.page-pro .exec-layout-btn.active{background:rgba(0,200,255,0.12);border-color:rgba(0,200,255,0.5);color:#00c8ff;}
body.page-pro .bot-tab.active{background:rgba(0,200,255,0.06);border-color:rgba(0,200,255,0.2);color:#00c8ff;}
body.page-pro .acct-exch-badge{background:rgba(0,200,255,0.06);color:#00c8ff;border-color:rgba(0,200,255,0.2);}
body.page-pro .mob-menu{background:rgba(4,8,16,0.99);}
body.page-pro .nav-exit:hover{color:#ff2255;}

/* TRON / MATRIX PANELS */
#tron-panel,#matrix-panel{flex:1;min-height:0;display:none;flex-direction:column;border-top:1px solid var(--border2);background:#000;}
#tron-canvas,#matrix-canvas{display:block;width:100%;flex:1;min-height:0;}

/* EXCHANGE BADGES */
.px-exch{grid-column:2;display:block;font-size:7px;font-family:'JetBrains Mono',monospace;font-weight:700;padding:1px 3px;border-radius:2px;line-height:1.4;align-self:center;}
.px-exch-k{color:rgba(98,190,255,0.65);border:1px solid rgba(98,190,255,0.2);background:rgba(98,190,255,0.06);}
.px-exch-okx{color:rgba(255,160,50,0.75);border:1px solid rgba(255,160,50,0.2);background:rgba(255,160,50,0.06);}
/* EKG HEARTBEAT MONITOR */
.ekg-panel{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--border2);background:var(--darker);}
.ekg-hdr{display:flex;align-items:center;justify-content:space-between;padding:5px 11px 2px;flex-shrink:0;}
.ekg-lbl{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(0,200,255,0.4);letter-spacing:1.4px;text-transform:uppercase;}
.ekg-bpm{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(0,200,255,0.65);letter-spacing:0.4px;}
.ekg-beat-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-right:4px;opacity:0;transition:opacity 0.05s;}
.ekg-beat-dot.flash{opacity:1;}
#ekg-canvas{display:block;width:100%;flex:1;min-height:0;}
body.page-midnight .ekg-panel{border-top-color:rgba(120,0,200,0.12);}
body.page-midnight .ekg-lbl{color:rgba(191,0,255,0.4);}
body.page-midnight .ekg-bpm{color:rgba(191,0,255,0.65);}
body.page-midnight .ekg-beat-dot{background:#bf00ff;}
body.page-terminal .ekg-panel{border-top-color:rgba(0,150,0,0.15);}
body.page-terminal .ekg-lbl{font-family:'VT323',monospace;font-size:12px;color:rgba(0,255,68,0.45);letter-spacing:2px;}
body.page-terminal .ekg-bpm{font-family:'VT323',monospace;font-size:13px;color:rgba(0,255,68,0.7);}
body.page-terminal .ekg-beat-dot{background:#00ff44;}
body.page-light .ekg-panel{background:#f0f5ff;border-top-color:rgba(0,0,0,0.07);}
body.page-light .ekg-lbl{color:rgba(0,102,204,0.4);}
body.page-light .ekg-bpm{color:rgba(0,102,204,0.65);}
body.page-light .ekg-beat-dot{background:#0066cc;}
.sort-bar{display:flex;align-items:center;gap:4px;padding:5px 10px 4px;border-bottom:1px solid var(--border2);background:rgba(4,8,16,0.97);flex-shrink:0;position:sticky;top:42px;z-index:5;}
.sort-bar-lbl{font-size:9px;color:rgba(226,232,240,0.3);letter-spacing:0.6px;text-transform:uppercase;margin-right:2px;}
.sort-btn{font-family:'JetBrains Mono',monospace;font-size:9px;padding:2px 7px;border-radius:3px;border:1px solid rgba(0,200,255,0.15);background:transparent;color:rgba(226,232,240,0.4);cursor:pointer;transition:all 0.15s;}
.sort-btn:hover{border-color:var(--cyan);color:var(--cyan);}
.sort-btn.active{background:rgba(0,200,255,0.12);border-color:var(--cyan);color:var(--cyan);}
body.page-midnight .sort-btn.active{background:rgba(191,0,255,0.15);border-color:#bf00ff;color:#bf00ff;}
body.page-terminal .sort-btn{font-family:'Share Tech Mono',monospace;border-color:rgba(0,255,68,0.2);color:rgba(0,221,0,0.5);}
body.page-terminal .sort-btn.active{background:rgba(0,255,68,0.12);border-color:#00ff44;color:#00ff44;}
body.page-light .sort-bar{background:rgba(0,102,204,0.04);border-color:rgba(0,0,0,0.08);}
body.page-light .sort-bar-lbl{color:rgba(15,23,42,0.3);}
body.page-light .sort-btn{border-color:rgba(0,102,204,0.2);color:rgba(15,23,42,0.4);}
body.page-light .sort-btn.active{background:rgba(0,102,204,0.1);border-color:#0066cc;color:#0066cc;}

/* ══════════════════════════════════════════════════════════
   THEME OVERRIDES — LSP panels, Admin panel, Roadmap modal
   ══════════════════════════════════════════════════════════ */

/* ── MIDNIGHT ── */
body.page-midnight .lsp{background:rgba(2,0,12,0.99);border-right-color:rgba(180,0,255,0.2);}
body.page-midnight #profile-panel,body.page-midnight #chat-panel,body.page-midnight #referral-panel{border-top-color:rgba(180,0,255,0.3) !important;border-left-color:rgba(180,0,255,0.15) !important;}
body.page-midnight .lsp-hdr{border-bottom-color:rgba(180,0,255,0.14);background:rgba(180,0,255,0.03);}
body.page-midnight .lsp-title{background:linear-gradient(135deg,#bf00ff,#ff44cc);-webkit-background-clip:text;background-clip:text;}
body.page-midnight .lsp-w-btn{border-color:rgba(180,0,255,0.18);color:rgba(226,232,240,0.3);}
body.page-midnight .lsp-w-btn:hover,body.page-midnight .lsp-w-btn.active{border-color:rgba(180,0,255,0.6);color:#bf00ff;background:rgba(180,0,255,0.09);}
body.page-midnight .lsp-body::-webkit-scrollbar-thumb{background:rgba(180,0,255,0.18);}
body.page-midnight .admin-panel{background:rgba(2,0,12,0.99);border-top-color:rgba(180,0,255,0.3);}
body.page-midnight .admin-panel-hdr{border-bottom-color:rgba(180,0,255,0.2);}
body.page-midnight .admin-panel-title{background:linear-gradient(135deg,#bf00ff,#ff44cc);-webkit-background-clip:text;background-clip:text;}
body.page-midnight .admin-section{border-bottom-color:rgba(180,0,255,0.1);}
body.page-midnight .admin-section-title{color:#bf00ff;}
body.page-midnight .admin-btn{border-color:rgba(180,0,255,0.2);color:rgba(226,232,240,0.5);}
body.page-midnight .admin-btn.primary{background:rgba(180,0,255,0.12);border-color:rgba(180,0,255,0.45);color:#bf00ff;}
body.page-midnight .admin-btn.danger{border-color:rgba(255,0,80,0.25);color:rgba(255,60,100,0.6);}
body.page-midnight .admin-input,.page-midnight .admin-textarea{border-color:rgba(180,0,255,0.15);background:rgba(180,0,255,0.03);}
body.page-midnight #roadmap-modal>div{border-color:rgba(180,0,255,0.2);}

/* ── TERMINAL ── */
body.page-terminal .lsp{background:rgba(0,6,0,0.99);border-right-color:rgba(0,255,68,0.2);}
body.page-terminal #profile-panel,body.page-terminal #chat-panel,body.page-terminal #referral-panel{border-top-color:rgba(0,255,68,0.28) !important;border-left-color:rgba(0,255,68,0.14) !important;}
body.page-terminal .lsp-hdr{border-bottom-color:rgba(0,255,68,0.14);background:rgba(0,255,68,0.02);}
body.page-terminal .lsp-title{background:linear-gradient(135deg,#00ff44,#00cc88);-webkit-background-clip:text;background-clip:text;}
body.page-terminal .lsp-w-btn{border-color:rgba(0,255,68,0.18);color:rgba(200,240,200,0.3);font-family:'Share Tech Mono',monospace;}
body.page-terminal .lsp-w-btn:hover,body.page-terminal .lsp-w-btn.active{border-color:rgba(0,255,68,0.6);color:#00ff44;background:rgba(0,255,68,0.07);}
body.page-terminal .lsp-body::-webkit-scrollbar-thumb{background:rgba(0,255,68,0.18);}
body.page-terminal .admin-panel{background:rgba(0,6,0,0.99);border-top-color:rgba(0,255,68,0.28);}
body.page-terminal .admin-panel-hdr{border-bottom-color:rgba(0,255,68,0.18);}
body.page-terminal .admin-panel-title{background:linear-gradient(135deg,#00ff44,#00cc88);-webkit-background-clip:text;background-clip:text;}
body.page-terminal .admin-section{border-bottom-color:rgba(0,255,68,0.09);}
body.page-terminal .admin-section-title{color:#00ff44;}
body.page-terminal .admin-btn{border-color:rgba(0,255,68,0.2);color:rgba(200,240,200,0.5);font-family:'Share Tech Mono',monospace;}
body.page-terminal .admin-btn.primary{background:rgba(0,255,68,0.08);border-color:rgba(0,255,68,0.45);color:#00ff44;}
body.page-terminal .admin-btn.danger{border-color:rgba(255,60,60,0.28);color:rgba(255,80,80,0.6);}
body.page-terminal .admin-input,.page-terminal .admin-textarea{border-color:rgba(0,255,68,0.15);background:rgba(0,255,68,0.025);color:#c0e8c0;font-family:'Share Tech Mono',monospace;}
body.page-terminal #roadmap-modal>div{border-color:rgba(0,255,68,0.2);}
body.page-terminal .game-sel-btn{border-color:rgba(0,255,68,0.18);color:rgba(0,200,68,0.4);}
body.page-terminal .game-sel-btn:hover,body.page-terminal .game-sel-btn.active{border-color:#00ff44;color:#00ff44;background:rgba(0,255,68,0.08);}

/* ── LIGHT ── */
body.page-light .lsp{background:rgba(255,255,255,0.99);border-right-color:rgba(0,0,0,0.1);}
body.page-light #profile-panel,body.page-light #chat-panel,body.page-light #referral-panel{border-top-color:rgba(0,102,204,0.25) !important;border-left-color:rgba(0,102,204,0.12) !important;}
body.page-light .lsp-hdr{border-bottom-color:rgba(0,0,0,0.08);background:rgba(0,102,204,0.03);}
body.page-light .lsp-title{background:linear-gradient(135deg,#0066cc,#7c3aed);-webkit-background-clip:text;background-clip:text;}
body.page-light .lsp-w-btn{border-color:rgba(0,102,204,0.2);color:rgba(15,23,42,0.35);}
body.page-light .lsp-w-btn:hover,body.page-light .lsp-w-btn.active{border-color:rgba(0,102,204,0.6);color:#0066cc;background:rgba(0,102,204,0.08);}
body.page-light .lsp-close{color:rgba(15,23,42,0.3);border-color:rgba(0,0,0,0.1);}
body.page-light .lsp-body::-webkit-scrollbar-thumb{background:rgba(0,102,204,0.18);}
body.page-light .admin-panel{background:rgba(255,255,255,0.99);border-top-color:rgba(0,0,0,0.12);}
body.page-light .admin-panel-hdr{border-bottom-color:rgba(0,0,0,0.08);}
body.page-light .admin-panel-title{background:linear-gradient(135deg,#0066cc,#7c3aed);-webkit-background-clip:text;background-clip:text;}
body.page-light .admin-section-title{color:#0066cc;}
body.page-light .admin-section{border-bottom-color:rgba(0,0,0,0.07);}
body.page-light .admin-label{color:rgba(15,23,42,0.45);}
body.page-light .admin-btn{border-color:rgba(0,102,204,0.2);color:rgba(15,23,42,0.5);background:rgba(248,250,252,0.5);}
body.page-light .admin-btn.primary{background:rgba(0,102,204,0.09);border-color:rgba(0,102,204,0.45);color:#0066cc;}
body.page-light .admin-btn.danger{border-color:rgba(220,38,38,0.28);color:rgba(220,38,38,0.7);}
body.page-light .admin-input,.page-light .admin-textarea{border-color:rgba(0,0,0,0.1);background:#fff;color:#0f172a;}
body.page-light .admin-support-note{background:rgba(0,102,204,0.04);border-color:rgba(0,102,204,0.15);color:rgba(15,23,42,0.5);}
body.page-light #roadmap-modal{background:rgba(0,0,0,0.7);}
body.page-light .game-sel-btn{border-color:rgba(0,102,204,0.2);color:rgba(15,23,42,0.4);}
body.page-light .game-sel-btn:hover,body.page-light .game-sel-btn.active{border-color:#0066cc;color:#0066cc;background:rgba(0,102,204,0.08);}

/* ── STEALTH ── */
body.page-stealth .lsp{background:rgba(4,5,10,0.99);border-right-color:rgba(40,50,70,0.3);}
body.page-stealth .lsp-hdr{border-bottom-color:rgba(40,50,70,0.2);background:rgba(15,18,28,0.4);}
body.page-stealth .lsp-title{background:linear-gradient(135deg,rgba(80,95,125,0.7),rgba(60,70,100,0.5));-webkit-background-clip:text;background-clip:text;}
body.page-stealth .lsp-w-btn{border-color:rgba(50,60,85,0.3);color:rgba(80,90,115,0.35);}
body.page-stealth .lsp-w-btn:hover,body.page-stealth .lsp-w-btn.active{border-color:rgba(70,85,115,0.5);color:rgba(100,115,145,0.7);background:rgba(20,25,40,0.3);}
body.page-stealth .admin-panel{background:rgba(4,5,10,0.99);border-top-color:rgba(40,50,70,0.3);}
body.page-stealth .admin-panel-hdr{border-bottom-color:rgba(40,50,70,0.2);}
body.page-stealth .admin-section-title{color:rgba(80,95,125,0.6);}
body.page-stealth .admin-btn{border-color:rgba(50,60,85,0.25);color:rgba(80,90,115,0.4);}
body.page-stealth .admin-btn.primary{background:rgba(20,25,45,0.4);border-color:rgba(60,75,110,0.4);color:rgba(90,110,145,0.65);}

/* ── GAME SELECTOR ── */
.game-sel-btn{font-family:'JetBrains Mono',monospace;font-size:9px;padding:3px 9px;border-radius:3px;border:1px solid rgba(0,200,255,0.15);background:transparent;color:rgba(226,232,240,0.4);cursor:pointer;transition:all 0.15s;}
.game-sel-btn:hover{border-color:var(--cyan);color:var(--cyan);}
.game-sel-btn.active{background:rgba(0,200,255,0.12);border-color:var(--cyan);color:var(--cyan);}

/* ── PREDICTIONS ── */
.pred-cat-btn{font-family:'JetBrains Mono',monospace;font-size:9px;padding:3px 10px;border-radius:100px;border:1px solid rgba(192,132,252,0.2);background:transparent;color:rgba(226,232,240,0.4);cursor:pointer;transition:all 0.15s;}
.pred-cat-btn:hover{border-color:#c084fc;color:#c084fc;}
.pred-cat-btn.active{background:rgba(192,132,252,0.12);border-color:#c084fc;color:#c084fc;}
.pred-card{background:rgba(192,132,252,0.04);border:1px solid rgba(192,132,252,0.12);border-radius:8px;padding:10px 12px;cursor:pointer;transition:all 0.15s;position:relative;}
.pred-card:hover{background:rgba(192,132,252,0.09);border-color:rgba(192,132,252,0.28);}
.pred-card.selected{background:rgba(192,132,252,0.13);border-color:#c084fc;box-shadow:0 0 12px rgba(192,132,252,0.15);}
.pred-card-title{font-size:11px;color:rgba(226,232,240,0.88);line-height:1.45;margin-bottom:8px;font-weight:500;}
.pred-card-bar-row{display:flex;gap:4px;align-items:center;margin-bottom:3px;}
.pred-card-bar-label{font-size:9px;font-family:'JetBrains Mono',monospace;width:22px;flex-shrink:0;}
.pred-card-bar-track{flex:1;height:4px;border-radius:2px;overflow:hidden;}
.pred-card-bar-fill{height:100%;border-radius:2px;transition:width 0.3s;}
.pred-card-bar-pct{font-size:9px;font-family:'JetBrains Mono',monospace;width:30px;text-align:right;flex-shrink:0;}
.pred-card-meta{display:flex;gap:10px;margin-top:7px;font-size:9px;color:rgba(226,232,240,0.3);font-family:'JetBrains Mono',monospace;}
.pred-card-cat{position:absolute;top:8px;right:10px;font-size:8px;font-family:'JetBrains Mono',monospace;color:rgba(192,132,252,0.45);letter-spacing:0.5px;text-transform:uppercase;}

/* ── MULTIPLAYER LOBBY ── */
.mp-game-btn{font-family:'JetBrains Mono',monospace;font-size:12px;padding:9px 20px;border-radius:8px;border:1px solid rgba(0,200,255,0.25);background:rgba(0,200,255,0.06);color:rgba(226,232,240,0.5);cursor:pointer;transition:all 0.2s;letter-spacing:1px;}
.mp-game-btn:hover,.mp-game-btn.active{border-color:#00c8ff;color:#00c8ff;background:rgba(0,200,255,0.12);}
.mp-action-btn{font-family:'JetBrains Mono',monospace;font-size:11px;padding:10px 16px;border-radius:8px;border:1px solid rgba(0,200,255,0.4);background:rgba(0,200,255,0.08);color:#00c8ff;cursor:pointer;transition:all 0.2s;letter-spacing:1px;}
.mp-action-btn:hover{background:rgba(0,200,255,0.16);border-color:#00c8ff;}
.mp-player-slot{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;background:rgba(0,200,255,0.04);border:1px solid rgba(0,200,255,0.12);border-radius:10px;padding:14px 8px;}
.mp-light{width:10px;height:10px;border-radius:50%;background:#ff4466;box-shadow:0 0 8px currentColor;display:inline-block;transition:background 0.3s,box-shadow 0.3s;}
.mp-slot-avatar{font-size:24px;line-height:1;}
.mp-slot-name{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(0,200,255,0.7);text-align:center;word-break:break-all;}

/* ── AVATAR CIRCLE (nav) ── */
.nav-avatar{width:30px;height:30px;border-radius:50%;border:2px solid rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.75);cursor:pointer;overflow:hidden;flex-shrink:0;transition:border-color 0.2s,box-shadow 0.2s;background:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.1);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 0 14px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.5);}
.nav-avatar:hover{border-color:rgba(0,200,255,0.8);box-shadow:0 0 14px rgba(0,200,255,0.35);}
.nav-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}

/* ── LEFT SLIDE PANEL (Profile / Chat / Referrals) ── */
.lsp-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:980;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity 0.25s;}
.lsp-overlay.open{opacity:1;pointer-events:all;}
/* Bottom-rise panels — Profile, Chat, Referral */
#profile-panel,#chat-panel,#referral-panel{
  left:50% !important;top:auto !important;bottom:-110% !important;
  transform:translateX(-50%) !important;
  width:min(700px,96vw) !important;height:auto !important;max-height:88vh !important;
  border-radius:16px 16px 0 0 !important;border-right:none !important;
  border-top:1px solid rgba(0,200,255,0.25) !important;
  border-left:1px solid rgba(0,200,255,0.15) !important;border-bottom:none !important;
  box-shadow:0 -12px 60px rgba(0,0,0,0.8),0 0 80px rgba(0,200,255,0.04) !important;
  transition:bottom 0.42s cubic-bezier(0.34,1.38,0.64,1) !important;
  visibility:visible !important;
  pointer-events:none !important;
}
#profile-panel.open,#chat-panel.open,#referral-panel.open{
  bottom:0 !important;
  left:50% !important;
  pointer-events:all !important;
}
#chat-panel,#referral-panel{min-height:min(540px,76vh) !important;}
.lsp{position:fixed;top:0;left:-520px;width:400px;height:100vh;background:rgba(4,6,14,0.99);border-right:1px solid rgba(0,200,255,0.2);z-index:990;display:flex;flex-direction:column;transition:left 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:8px 0 40px rgba(0,0,0,0.7);pointer-events:none;visibility:hidden;}
.lsp.open{left:0;pointer-events:all;visibility:visible;}
.lsp.w-wide{width:560px;}
.lsp.w-full{width:100vw;}
.lsp-hdr{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(0,200,255,0.12);flex-shrink:0;background:rgba(0,200,255,0.03);}
.lsp-title{font-family:'Orbitron',monospace;font-size:12px;font-weight:700;background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex:1;}
.lsp-width-btns{display:flex;gap:3px;}
.lsp-w-btn{background:none;border:1px solid rgba(0,200,255,0.15);border-radius:4px;color:rgba(226,232,240,0.3);font-size:10px;padding:2px 7px;cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.15s;}
.lsp-w-btn:hover,.lsp-w-btn.active{border-color:rgba(0,200,255,0.5);color:var(--cyan);background:rgba(0,200,255,0.08);}
.lsp-close{background:none;border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:rgba(226,232,240,0.35);font-size:14px;width:28px;height:28px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;}
.lsp-close:hover{border-color:rgba(255,68,102,0.4);color:var(--red);}
.lsp-body{flex:1;overflow-y:auto;padding:0;}
.lsp-body::-webkit-scrollbar{width:4px;}
.lsp-body::-webkit-scrollbar-thumb{background:rgba(0,200,255,0.15);border-radius:2px;}

/* ── ALERT DOT ON AVATAR ── */
.nav-avatar{position:relative;}
.alert-dot{position:absolute;top:0;right:0;width:9px;height:9px;background:#ff4466;border-radius:50%;border:2px solid #040810;box-shadow:0 0 6px rgba(255,68,102,0.8);animation:alertPulse 1.8s ease-in-out infinite;display:none;}
@keyframes alertPulse{0%,100%{box-shadow:0 0 6px rgba(255,68,102,0.8);}50%{box-shadow:0 0 14px rgba(255,68,102,1);}}

/* ── INBOX / ALERTS IN PROFILE ── */
.inbox-item{background:rgba(0,200,255,0.04);border:1px solid rgba(0,200,255,0.12);border-radius:10px;padding:13px 14px;margin-bottom:8px;cursor:pointer;transition:all 0.2s;position:relative;box-sizing:border-box;max-width:100%;overflow:hidden;}
.inbox-item:hover{border-color:rgba(0,200,255,0.25);background:rgba(0,200,255,0.07);}
.inbox-item.unread{border-color:rgba(0,200,255,0.3);background:rgba(0,200,255,0.07);}
.inbox-item.unread::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cyan);border-radius:3px 0 0 3px;}
.inbox-item-hdr{display:flex;align-items:center;gap:6px;margin-bottom:5px;min-width:0;}
.inbox-item-icon{font-size:15px;flex-shrink:0;}
.inbox-item-title{font-size:11px;font-weight:700;color:#fff;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inbox-item-date{font-size:9px;color:rgba(226,232,240,0.25);font-family:'JetBrains Mono',monospace;flex-shrink:0;white-space:nowrap;}
.inbox-item-body{font-size:11px;color:rgba(226,232,240,0.55);line-height:1.55;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;overflow-wrap:anywhere;}
.inbox-item-from{font-size:9px;color:rgba(0,200,255,0.5);font-family:'JetBrains Mono',monospace;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inbox-item.mail{border-color:rgba(160,100,255,0.2);background:rgba(120,60,255,0.04);}
.inbox-item.mail.unread{border-color:rgba(160,100,255,0.4);background:rgba(120,60,255,0.08);}
.inbox-item.mail.unread::before{background:linear-gradient(180deg,#7c3aed,#a855f7);}
.inbox-item-action{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap;}
.inbox-action-btn{font-size:10px;padding:5px 12px;border-radius:6px;border:1px solid rgba(0,200,255,0.25);background:transparent;color:var(--cyan);cursor:pointer;font-family:'Inter',sans-serif;transition:all 0.2s;}
.inbox-action-btn:hover{background:rgba(0,200,255,0.12);border-color:var(--cyan);}
.inbox-action-btn.primary{background:linear-gradient(135deg,rgba(0,200,255,0.2),rgba(124,58,237,0.2));border-color:rgba(0,200,255,0.4);}
.inbox-empty{text-align:center;padding:28px 16px;font-size:12px;color:rgba(226,232,240,0.2);font-family:'JetBrains Mono',monospace;}

/* ── CONTACT SUPPORT IN PROFILE ── */
.support-chat-wrap{display:flex;flex-direction:column;gap:8px;}
.support-chat-msg{padding:10px 13px;border-radius:10px;font-size:12px;line-height:1.6;max-width:90%;}
.support-chat-msg.ai{background:rgba(0,200,255,0.07);border:1px solid rgba(0,200,255,0.15);color:rgba(226,232,240,0.7);align-self:flex-start;}
.support-chat-msg.user{background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);color:rgba(226,232,240,0.8);align-self:flex-end;}
.support-input-row{display:flex;gap:6px;margin-top:6px;}
.support-input{flex:1;background:rgba(0,200,255,0.04);border:1px solid rgba(0,200,255,0.15);border-radius:8px;padding:9px 12px;color:#e2e8f0;font-size:12px;font-family:'Inter',sans-serif;outline:none;resize:none;}
.support-input:focus{border-color:rgba(0,200,255,0.35);}
.support-send-btn{background:linear-gradient(135deg,var(--cyan),var(--purple));border:none;border-radius:8px;color:#000;font-weight:700;font-size:11px;padding:0 14px;cursor:pointer;white-space:nowrap;}
.support-esc-row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;}
.support-esc-btn{flex:1;padding:8px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;text-align:center;border:1px solid rgba(0,200,255,0.2);background:transparent;color:rgba(226,232,240,0.6);transition:all 0.2s;font-family:'Inter',sans-serif;}
.support-esc-btn:hover{background:rgba(0,200,255,0.08);color:#fff;}
.support-esc-btn.primary{background:rgba(0,200,255,0.1);border-color:rgba(0,200,255,0.3);color:var(--cyan);}

/* ── REVIEW MODAL ── */
.review-modal{display:none;position:fixed;inset:0;z-index:18000;background:rgba(4,8,16,0.85);backdrop-filter:blur(8px);align-items:center;justify-content:center;}
.review-modal.open{display:flex;}
.review-box{background:linear-gradient(135deg,rgba(13,21,38,0.99),rgba(8,14,28,0.99));border:1px solid rgba(0,200,255,0.2);border-radius:18px;padding:36px 32px;max-width:420px;width:90%;text-align:center;}
.review-box h3{font-family:'Orbitron',monospace;font-size:16px;color:#fff;margin-bottom:8px;}
.review-box p{font-size:13px;color:rgba(226,232,240,0.5);line-height:1.7;margin-bottom:24px;}
.review-options{display:flex;flex-direction:column;gap:10px;}
.review-opt{padding:13px 20px;border-radius:10px;border:1px solid rgba(0,200,255,0.2);background:rgba(0,200,255,0.04);color:rgba(226,232,240,0.8);font-size:13px;cursor:pointer;transition:all 0.2s;text-align:left;display:flex;align-items:center;gap:12px;}
.review-opt:hover{border-color:rgba(0,200,255,0.4);background:rgba(0,200,255,0.1);}
.review-opt-icon{font-size:20px;flex-shrink:0;}
.review-opt-text{flex:1;}
.review-opt-label{font-weight:700;font-size:13px;color:#fff;display:block;}
.review-opt-sub{font-size:11px;color:rgba(226,232,240,0.4);margin-top:2px;display:block;}
.vent-form{display:none;flex-direction:column;gap:10px;margin-top:16px;text-align:left;}
.vent-form textarea{background:rgba(0,200,255,0.03);border:1px solid rgba(0,200,255,0.15);border-radius:8px;padding:10px 12px;color:#e2e8f0;font-size:12px;font-family:'Inter',sans-serif;resize:vertical;min-height:80px;outline:none;}
.vent-form textarea:focus{border-color:rgba(0,200,255,0.35);}
.vent-submit{background:linear-gradient(135deg,var(--cyan),var(--purple));border:none;border-radius:8px;color:#000;font-weight:700;font-size:12px;padding:11px;cursor:pointer;font-family:'Orbitron',monospace;}
/* ── STAR RATING ── */
.star-rating-row{display:flex;justify-content:center;gap:6px;margin:18px 0 22px;}
.star-btn{font-size:40px;cursor:pointer;color:rgba(255,215,0,0.2);transition:color 0.1s,transform 0.1s,text-shadow 0.1s;line-height:1;user-select:none;}
.star-btn.lit,.star-btn.hov{color:rgba(255,215,0,0.95);text-shadow:0 0 14px rgba(255,215,0,0.45);}
.star-btn:active{transform:scale(1.3);}
.review-fb-stars{font-size:24px;letter-spacing:4px;margin:8px 0 4px;text-align:center;}
.review-close-btn{margin-top:16px;background:none;border:none;color:rgba(226,232,240,0.25);font-size:11px;cursor:pointer;font-family:'Inter',sans-serif;}

/* ── ADMIN JOURNEY + ALERTS ── */
.journey-flow{display:flex;flex-direction:column;gap:0;margin-top:12px;}
.journey-stage{display:flex;gap:12px;align-items:flex-start;position:relative;}
.journey-stage::before{content:'';position:absolute;left:15px;top:32px;bottom:-8px;width:2px;background:linear-gradient(180deg,rgba(0,200,255,0.3),rgba(0,200,255,0.05));}
.journey-stage:last-child::before{display:none;}
.journey-dot{width:30px;height:30px;border-radius:50%;border:2px solid rgba(0,200,255,0.4);background:rgba(0,200,255,0.08);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:2px;}
.journey-dot.warn{border-color:rgba(255,140,0,0.5);background:rgba(255,140,0,0.08);}
.journey-dot.danger{border-color:rgba(255,68,102,0.5);background:rgba(255,68,102,0.08);}
.journey-content{flex:1;padding-bottom:20px;}
.journey-title{font-size:12px;font-weight:700;color:#fff;margin-bottom:3px;}
.journey-desc{font-size:11px;color:rgba(226,232,240,0.45);line-height:1.6;}
.journey-checkpoint{display:inline-flex;align-items:center;gap:4px;margin-top:5px;font-size:10px;color:#ff9400;font-family:'JetBrains Mono',monospace;background:rgba(255,140,0,0.08);border:1px solid rgba(255,140,0,0.2);border-radius:4px;padding:2px 7px;}
.admin-alert-item{background:rgba(0,200,255,0.04);border:1px solid rgba(0,200,255,0.1);border-radius:8px;padding:10px 13px;margin-bottom:7px;display:flex;align-items:center;gap:10px;}
.admin-alert-icon{font-size:16px;flex-shrink:0;}
.admin-alert-info{flex:1;}
.admin-alert-title{font-size:11px;font-weight:700;color:#fff;}
.admin-alert-meta{font-size:9px;color:rgba(226,232,240,0.3);font-family:'JetBrains Mono',monospace;margin-top:2px;}
.admin-alert-del{background:none;border:1px solid rgba(255,68,102,0.2);border-radius:5px;color:rgba(255,68,102,0.5);font-size:11px;cursor:pointer;padding:2px 7px;transition:all 0.2s;}
.admin-alert-del:hover{border-color:var(--red);color:var(--red);}
.support-msg-item{background:rgba(0,200,255,0.03);border:1px solid rgba(0,200,255,0.1);border-radius:8px;padding:11px 13px;margin-bottom:7px;}
.support-msg-from{font-size:11px;font-weight:700;color:var(--cyan);margin-bottom:3px;}
.support-msg-body{font-size:11px;color:rgba(226,232,240,0.55);line-height:1.5;}
.support-msg-ts{font-size:9px;color:rgba(226,232,240,0.2);margin-top:4px;font-family:'JetBrains Mono',monospace;}

/* ── USERNAME STATUS ── */
.username-status{font-size:10px;font-family:'JetBrains Mono',monospace;margin-top:5px;display:none;padding:4px 8px;border-radius:5px;}
.username-status.ok{color:#00c8ff;background:rgba(0,200,255,0.08);display:block;}
.username-status.taken{color:#ff4466;background:rgba(255,68,102,0.08);display:block;}

/* ── USER SEARCH ── */
.user-search-results{margin-top:8px;display:flex;flex-direction:column;gap:6px;}
.user-result{display:flex;align-items:center;gap:10px;padding:9px 12px;background:rgba(0,200,255,0.05);border:1px solid rgba(0,200,255,0.12);border-radius:8px;}
.user-result-avatar{font-size:20px;line-height:1;flex-shrink:0;}
.user-result-name{font-size:12px;font-weight:600;color:rgba(226,232,240,0.9);}
.user-result-rank{font-size:9px;color:rgba(0,200,255,0.5);font-family:'JetBrains Mono',monospace;}
.user-result-actions{display:flex;gap:5px;flex-shrink:0;}
.user-result-btn{font-size:10px;padding:4px 9px;border-radius:6px;border:1px solid rgba(0,200,255,0.3);background:transparent;color:rgba(0,200,255,0.8);cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;white-space:nowrap;}
.user-result-btn:hover{background:rgba(0,200,255,0.15);}
.user-result-btn.block-btn{border-color:rgba(255,68,102,0.3);color:rgba(255,68,102,0.7);}
.user-result-btn.block-btn:hover{background:rgba(255,68,102,0.1);}
.user-result-btn.goto-btn{background:rgba(124,58,237,0.1);border-color:rgba(124,58,237,0.35);color:rgba(172,138,255,0.85);}
.user-result-btn.goto-btn:hover{background:rgba(124,58,237,0.2);color:rgba(172,138,255,1);}
.user-result-btn.goto-btn.dimmed{opacity:0.3;pointer-events:none;cursor:default;}
.user-no-result{font-size:11px;color:rgba(226,232,240,0.25);font-family:'JetBrains Mono',monospace;padding:10px 0;}
/* ── PUBLIC PROFILE PANEL ─────────────────────────────────────────── */
#pub-profile-panel{position:fixed;left:0;top:0;width:380px;height:100vh;background:#04080e;border-right:1px solid rgba(0,200,255,0.15);z-index:1200;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.16,1,0.3,1);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;}
#pub-profile-panel.open{transform:translateX(0);}
.pub-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(0,200,255,0.1);flex-shrink:0;background:#04080e;position:sticky;top:0;z-index:2;}
.pub-panel-back{background:none;border:none;color:rgba(0,200,255,0.6);font-size:11px;font-family:'JetBrains Mono',monospace;cursor:pointer;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:5px;}
.pub-panel-back:hover{color:rgba(0,200,255,0.95);background:rgba(0,200,255,0.07);}
.pub-hero-bg{position:relative;padding:32px 20px 22px;text-align:center;background:linear-gradient(180deg,rgba(0,200,255,0.06) 0%,transparent 100%);background-size:cover;background-position:center;border-bottom:1px solid rgba(0,200,255,0.1);overflow:hidden;}
.pub-hero-bg-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(4,8,14,0.45) 0%,rgba(4,8,14,0.85) 100%);pointer-events:none;}
.pub-hero-avatar-wrap{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;background:rgba(0,200,255,0.12);border:2px solid rgba(0,200,255,0.3);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 10px;overflow:hidden;}
.pub-hero-avatar-wrap img{width:100%;height:100%;object-fit:cover;}
.pub-hero-username{position:relative;z-index:1;font-family:'Orbitron',monospace;font-size:14px;font-weight:700;color:rgba(226,232,240,0.95);margin-bottom:3px;}
.pub-hero-rank{position:relative;z-index:1;font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(0,200,255,0.6);letter-spacing:1.5px;margin-bottom:8px;}
.pub-hero-bio{position:relative;z-index:1;font-size:11px;color:rgba(226,232,240,0.5);line-height:1.5;margin-bottom:14px;word-break:break-word;}
.pub-add-friend-btn{position:relative;z-index:1;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 16px;border-radius:100px;border:1px solid rgba(0,200,255,0.4);background:rgba(0,200,255,0.08);color:rgba(0,200,255,0.85);cursor:pointer;transition:all 0.2s;}
.pub-add-friend-btn:hover{background:rgba(0,200,255,0.18);color:var(--cyan);}
.pub-add-friend-btn.added{border-color:rgba(34,197,94,0.4);background:rgba(34,197,94,0.08);color:rgba(34,197,94,0.8);cursor:default;}
.pub-orb-row{display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(0,200,255,0.03);border-bottom:1px solid rgba(0,200,255,0.08);}
.pub-orb-circle{width:56px;height:56px;border-radius:50%;border:2px solid rgba(0,200,255,0.4);background:linear-gradient(135deg,rgba(0,200,255,0.18),rgba(124,58,237,0.28));display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;}
.pub-orb-num{font-family:'Orbitron',monospace;font-size:12px;font-weight:900;color:var(--cyan);line-height:1;}
.pub-orb-lbl{font-family:'JetBrains Mono',monospace;font-size:6px;color:rgba(0,200,255,0.5);letter-spacing:1px;margin-top:2px;}
.pub-orb-rank-name{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;color:rgba(226,232,240,0.8);margin-bottom:3px;}
.pub-orb-pts-label{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(0,200,255,0.5);}
@media(max-width:600px){#pub-profile-panel{width:100%;border-right:none;}}

/* ── FRIENDS + BLOCKED ── */
.friend-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(0,200,255,0.07);}
.friend-item:last-child{border-bottom:none;}
.friend-info{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer;border-radius:8px;padding:3px 6px;margin:-3px -6px;transition:background 0.15s;}
.friend-info:hover{background:rgba(0,200,255,0.07);}
.friend-avatar{font-size:18px;flex-shrink:0;}
.friend-name-col{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;}
.friend-name{font-size:12px;color:rgba(226,232,240,0.85);font-weight:600;transition:color 0.15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.friend-info:hover .friend-name{color:var(--cyan);}
.friend-rank{font-size:9px;color:rgba(0,200,255,0.55);font-family:'JetBrains Mono',monospace;letter-spacing:0.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.friend-remove-btn{font-size:10px;padding:3px 8px;border-radius:5px;border:1px solid rgba(255,68,102,0.25);background:transparent;color:rgba(255,68,102,0.5);cursor:pointer;font-family:'JetBrains Mono',monospace;}
.friend-remove-btn:hover{background:rgba(255,68,102,0.1);}
.blocked-item{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,68,102,0.07);}
.blocked-item:last-child{border-bottom:none;}
.blocked-name{flex:1;font-size:12px;color:rgba(226,232,240,0.5);font-family:'JetBrains Mono',monospace;}
.unblock-btn{font-size:10px;padding:3px 8px;border-radius:5px;border:1px solid rgba(0,200,255,0.25);background:transparent;color:rgba(0,200,255,0.6);cursor:pointer;font-family:'JetBrains Mono',monospace;}
.unblock-btn:hover{background:rgba(0,200,255,0.1);}
.social-empty{font-size:11px;color:rgba(226,232,240,0.2);font-family:'JetBrains Mono',monospace;padding:8px 0;}
.user-search-results{margin-top:10px;}
.usr-card{display:flex;align-items:center;gap:10px;padding:9px 10px;background:rgba(0,200,255,0.04);border:1px solid rgba(0,200,255,0.1);border-radius:8px;margin-bottom:6px;}
.usr-card-avatar{font-size:20px;flex-shrink:0;}
.usr-card-info{flex:1;min-width:0;}
.usr-card-name{font-size:12px;font-weight:700;color:rgba(226,232,240,0.9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.usr-card-rank{font-size:9px;color:rgba(0,200,255,0.5);font-family:'JetBrains Mono',monospace;margin-top:2px;}
.usr-card-bio{font-size:10px;color:rgba(226,232,240,0.3);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.usr-card-actions{display:flex;gap:5px;flex-shrink:0;}
.usr-add-btn{font-size:10px;padding:4px 9px;border-radius:5px;border:1px solid rgba(0,200,255,0.3);background:rgba(0,200,255,0.08);color:rgba(0,200,255,0.8);cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;white-space:nowrap;}
.usr-add-btn:hover{background:rgba(0,200,255,0.18);}
.usr-add-btn.added{border-color:rgba(0,255,136,0.3);background:rgba(0,255,136,0.05);color:rgba(0,255,136,0.7);cursor:default;}
.usr-msg-btn{font-size:10px;padding:4px 8px;border-radius:5px;border:1px solid rgba(160,100,255,0.25);background:rgba(124,58,237,0.08);color:rgba(180,130,255,0.8);cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;}
.usr-msg-btn:hover{background:rgba(124,58,237,0.18);}
.usr-view-btn{font-size:10px;padding:4px 8px;border-radius:5px;border:1px solid rgba(226,232,240,0.1);background:transparent;color:rgba(226,232,240,0.35);cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;}
.usr-view-btn:hover{background:rgba(226,232,240,0.06);color:rgba(226,232,240,0.6);}
/* Commander profile view modal */
#commander-view-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.7);align-items:center;justify-content:center;}
#commander-view-modal.open{display:flex;}
.cvm-card{background:#07111f;border:1px solid rgba(0,200,255,0.2);border-radius:14px;width:min(340px,90vw);padding:24px;position:relative;}
.cvm-close{position:absolute;top:12px;right:12px;background:none;border:none;color:rgba(226,232,240,0.4);font-size:18px;cursor:pointer;line-height:1;}
.cvm-avatar{font-size:40px;text-align:center;margin-bottom:10px;}
.cvm-username{font-size:16px;font-weight:700;color:#e2e8f0;text-align:center;margin-bottom:4px;}
.cvm-rank{font-size:10px;color:rgba(0,200,255,0.6);font-family:'JetBrains Mono',monospace;text-align:center;margin-bottom:12px;letter-spacing:1px;}
.cvm-bio{font-size:11px;color:rgba(226,232,240,0.5);line-height:1.6;text-align:center;margin-bottom:14px;}
.cvm-actions{display:flex;gap:8px;justify-content:center;}
/* AXIOM transcript bubble */
.axiom-transcript{display:flex;align-items:flex-start;gap:8px;padding:7px 12px;background:rgba(0,200,255,0.04);border-left:2px solid rgba(0,200,255,0.3);margin:3px 0;border-radius:0 6px 6px 0;}
/* ── COMMANDER PROFILE HEADER MODAL ── */
/* ── Commander Profile Header broadcast modal ─────────────────────── */
#cph-modal{display:none;position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,0.82);align-items:center;justify-content:center;backdrop-filter:blur(6px);padding:16px;}
#cph-modal.open{display:flex;}
.cph-card{width:min(440px,96vw);border-radius:18px;overflow:hidden;border:1px solid rgba(0,200,255,0.18);background:#04080e;position:relative;box-shadow:0 28px 70px rgba(0,0,0,0.85);}
/* ── Hero area ──────────────────────────────────────────────────── */
.cph-hero{position:relative;padding:28px 20px 22px;text-align:center;background:linear-gradient(180deg,rgba(0,200,255,0.06) 0%,transparent 100%);background-size:cover;background-position:center;}
.cph-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(4,8,14,0.38) 0%,rgba(4,8,14,0.82) 100%);pointer-events:none;}
.cph-close{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.55);border:none;color:rgba(226,232,240,0.5);font-size:15px;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:4;line-height:1;transition:color 0.2s;}
.cph-close:hover{color:rgba(226,232,240,0.9);}
/* Avatar circle — mirrors .prof-avatar-img */
.cph-av-wrap{position:relative;z-index:1;display:inline-block;margin-bottom:12px;}
.cph-av-circle{width:86px;height:86px;border-radius:50%;border:3px solid rgba(0,200,255,0.55);display:flex;align-items:center;justify-content:center;font-size:46px;background:rgba(0,200,255,0.09);box-shadow:0 0 22px rgba(0,200,255,0.22);overflow:hidden;transition:border-color 0.4s,box-shadow 0.4s;}
.cph-av-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.cph-av-circle.gold-rank{border-color:rgba(255,210,50,0.7);box-shadow:0 0 24px rgba(255,210,50,0.28);}
/* Username */
.cph-username{font-family:'Orbitron',monospace;font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;position:relative;z-index:1;letter-spacing:0.5px;}
/* Rank line — color set dynamically via JS */
.cph-rank-lbl{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(0,200,255,0.85);letter-spacing:2px;position:relative;z-index:1;margin-bottom:10px;text-transform:uppercase;}
/* Bio */
.cph-bio{font-size:11px;color:rgba(226,232,240,0.45);line-height:1.55;max-width:300px;margin:0 auto;position:relative;z-index:1;font-style:italic;}
/* ── Orb row (below hero, mirrors .points-display) ──────────────── */
.cph-orb-row{display:flex;align-items:center;gap:12px;padding:13px 18px;background:rgba(0,200,255,0.04);border-top:1px solid rgba(0,200,255,0.09);}
.cph-orb{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,rgba(0,200,255,0.2),rgba(124,58,237,0.3));border:2px solid rgba(0,200,255,0.4);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color 0.4s,background 0.4s;}
.cph-orb.gold-rank{background:linear-gradient(135deg,rgba(255,200,50,0.22),rgba(200,100,0,0.28));border-color:rgba(255,210,50,0.5);}
.cph-orb-num{font-size:12px;font-weight:700;color:rgba(0,200,255,0.95);font-family:'JetBrains Mono',monospace;line-height:1;}
.cph-orb-num.gold-rank{color:rgba(255,215,0,0.95);}
.cph-orb-lbl{font-size:6px;color:rgba(0,200,255,0.4);letter-spacing:1.5px;font-family:'JetBrains Mono',monospace;margin-top:2px;}
.cph-orb-info{flex:1;min-width:0;}
.cph-orb-fleet{font-family:'Orbitron',monospace;font-size:7px;font-weight:700;letter-spacing:1.5px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cph-orb-tier{font-family:'Orbitron',monospace;font-size:10px;color:#c084fc;margin-bottom:2px;}
.cph-orb-next{font-size:9px;color:rgba(226,232,240,0.3);font-family:'JetBrains Mono',monospace;}
.cph-orb-bar-wrap{margin-top:5px;height:3px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden;}
.cph-orb-bar{height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:2px;transition:width 0.6s;}
/* ADD COMMANDER pill — right side of orb row */
.cph-add-pill{flex-shrink:0;font-size:8px;font-family:'JetBrains Mono',monospace;letter-spacing:1px;padding:6px 12px;border-radius:100px;border:1px solid rgba(0,255,136,0.45);background:rgba(0,255,136,0.07);color:rgba(0,255,136,0.9);cursor:pointer;transition:all 0.2s;text-transform:uppercase;white-space:nowrap;}
.cph-add-pill:hover{background:rgba(0,255,136,0.18);border-color:rgba(0,255,136,0.7);}
.cph-add-pill.added{border-color:rgba(0,200,255,0.25);background:rgba(0,200,255,0.04);color:rgba(0,200,255,0.4);cursor:default;}
.axiom-transcript-label{font-size:8px;color:rgba(0,200,255,0.5);font-family:'Orbitron',monospace;font-weight:700;letter-spacing:1px;margin-bottom:3px;}
.axiom-transcript-text{font-size:11px;color:rgba(226,232,240,0.7);font-family:'JetBrains Mono',monospace;line-height:1.5;}

/* ── PRIVATE ROOMS ── */
.room-card{background:rgba(0,200,255,0.04);border:1px solid rgba(0,200,255,0.14);border-radius:10px;padding:12px 14px;margin-bottom:8px;}
.room-card-hdr{display:flex;align-items:center;gap:8px;margin-bottom:4px;}
.room-card-name{flex:1;font-size:12px;font-weight:700;color:rgba(226,232,240,0.9);}
.room-card-code{font-size:10px;font-family:'JetBrains Mono',monospace;color:rgba(0,200,255,0.6);background:rgba(0,200,255,0.1);padding:2px 7px;border-radius:4px;letter-spacing:2px;}
.room-card-meta{font-size:10px;color:rgba(226,232,240,0.3);margin-bottom:8px;}
.room-card-actions{display:flex;gap:6px;}
.room-action-btn{font-size:10px;padding:5px 13px;border-radius:6px;border:1px solid rgba(0,200,255,0.3);background:rgba(0,200,255,0.08);color:var(--cyan);cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;}
.room-action-btn:hover{background:rgba(0,200,255,0.18);}
.room-code-display{text-align:center;font-size:26px;font-family:'Orbitron',monospace;color:var(--cyan);letter-spacing:6px;margin:10px 0;padding:12px;background:rgba(0,200,255,0.06);border-radius:8px;border:1px dashed rgba(0,200,255,0.3);cursor:pointer;transition:background 0.2s;}
.room-code-display:hover{background:rgba(0,200,255,0.12);}
.room-create-row{display:flex;gap:8px;margin-bottom:8px;}
.room-create-row input,.room-join-row input{flex:1;background:rgba(0,200,255,0.07);border:1px solid rgba(0,200,255,0.2);border-radius:7px;padding:8px 11px;font-size:12px;color:#e2e8f0;font-family:'JetBrains Mono',monospace;outline:none;}
.room-join-row{display:flex;gap:8px;margin-top:8px;}

/* ── PROFILE PANEL ── */
.prof-hero{position:relative;padding:24px 20px 18px;text-align:center;background:linear-gradient(180deg,rgba(0,200,255,0.06) 0%,transparent 100%);border-bottom:1px solid rgba(0,200,255,0.1);}
.prof-avatar-wrap{position:relative;display:inline-block;margin-bottom:14px;}
.prof-avatar-img{width:90px;height:90px;border-radius:50%;border:3px solid rgba(0,200,255,0.5);display:flex;align-items:center;justify-content:center;font-size:48px;background:rgba(0,200,255,0.08);box-shadow:0 0 24px rgba(0,200,255,0.2);cursor:default;overflow:hidden;}
.prof-avatar-img img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.prof-avatar-edit{position:absolute;bottom:2px;right:2px;width:24px;height:24px;border-radius:50%;background:rgba(0,200,255,0.2);border:1px solid rgba(0,200,255,0.5);color:var(--cyan);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.prof-avatar-edit:hover{background:rgba(0,200,255,0.4);}
.prof-username{font-family:'Orbitron',monospace;font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;}
.prof-rank{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--cyan);letter-spacing:1px;margin-bottom:8px;}
.prof-bio{font-size:12px;color:rgba(226,232,240,0.45);line-height:1.5;max-width:280px;margin:0 auto;}
.prof-section{padding:16px 20px;border-bottom:1px solid rgba(0,200,255,0.08);}
.prof-sec-title{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;color:rgba(0,200,255,0.45);letter-spacing:2px;margin-bottom:12px;display:flex;align-items:center;cursor:pointer;user-select:none;}
.admin-section-title{display:flex !important;align-items:center;cursor:pointer;user-select:none;}
.prof-sec-title::after,.admin-section-title::after{content:'▾';margin-left:auto;padding-left:10px;font-size:13px;opacity:0.35;flex-shrink:0;transition:transform 0.2s;font-family:sans-serif;}
.prof-section.collapsed .prof-sec-title::after,.admin-section.collapsed .admin-section-title::after{transform:rotate(-90deg);}
.prof-section.collapsed > *:not(.prof-sec-title){display:none !important;}
.admin-section.collapsed > *:not(.admin-section-title){display:none !important;}

/* ── Admin panel two-column layout ─────────────────────────── */
.admin-cols{display:flex;gap:18px;align-items:flex-start;}
.admin-col{flex:1;min-width:0;}
.admin-group{margin-bottom:18px;border:1px solid rgba(160,80,255,0.18);border-radius:10px;overflow:hidden;}
.admin-group-title{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;color:#d8b4fe;letter-spacing:1.5px;padding:11px 14px;background:rgba(160,80,255,0.08);cursor:pointer;user-select:none;display:flex;align-items:center;}
.admin-group-title::after{content:'▾';margin-left:auto;padding-left:10px;font-size:13px;opacity:0.45;flex-shrink:0;transition:transform 0.2s;font-family:sans-serif;}
.admin-group.collapsed .admin-group-title::after{transform:rotate(-90deg);}
.admin-group-body{padding:14px 14px 4px;}
.admin-group.collapsed .admin-group-body{display:none;}
.admin-group .admin-section{border-bottom-color:rgba(160,80,255,0.08);}
body.page-terminal .admin-group{border-color:rgba(0,255,68,0.15);}
body.page-terminal .admin-group-title{color:#00ff88;background:rgba(0,255,68,0.06);}
body.page-light .admin-group{border-color:rgba(0,80,200,0.18);}
body.page-light .admin-group-title{color:#0055cc;background:rgba(0,80,200,0.05);}
body.page-midnight .admin-group{border-color:rgba(180,0,255,0.2);}
body.page-midnight .admin-group-title{color:#d8b4fe;background:rgba(180,0,255,0.07);}
@media(max-width:700px){.admin-cols{flex-direction:column;}}

/* ── Drag-and-drop section reorder ─────────────────────────────── */
.hsr-drag-handle{cursor:grab !important;}
.hsr-drag-handle:active{cursor:grabbing !important;}
.prof-section.hsr-dragging,.admin-section.hsr-dragging,.admin-group.hsr-dragging{opacity:0.35;outline:1px dashed rgba(160,80,255,0.35);border-radius:8px;}
.prof-section.hsr-drop-above{border-top:2px solid rgba(0,200,255,0.85) !important;margin-top:-2px;}
.prof-section.hsr-drop-below{border-bottom:2px solid rgba(0,200,255,0.85) !important;}
.admin-section.hsr-drop-above,.admin-group.hsr-drop-above{border-top:2px solid rgba(160,80,255,0.85) !important;margin-top:-2px;}
.admin-section.hsr-drop-below,.admin-group.hsr-drop-below{border-bottom:2px solid rgba(160,80,255,0.85) !important;}
.arch-card{background:rgba(0,200,255,0.03);border:1px solid rgba(0,200,255,0.10);border-radius:10px;padding:12px;cursor:pointer;position:relative;transition:border-color 0.2s,background 0.2s;}
.arch-card:hover{border-color:rgba(0,200,255,0.28);background:rgba(0,200,255,0.06);}
.arch-card.arch-down{border-color:rgba(239,68,68,0.2) !important;background:rgba(239,68,68,0.03) !important;}
.arch-status-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:#444;}
.arch-status-dot.up{background:#22c55e;box-shadow:0 0 5px #22c55e;animation:arch-pulse 2s infinite;}
.arch-status-dot.down{background:#ef4444;box-shadow:0 0 4px rgba(239,68,68,0.5);}
.arch-status-dot.unknown{background:#fbbf24;box-shadow:0 0 4px rgba(251,191,36,0.4);}
@keyframes arch-pulse{0%,100%{box-shadow:0 0 4px #22c55e;}50%{box-shadow:0 0 12px #22c55e,0 0 22px rgba(34,197,94,0.3);}}
.arch-card-name{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;color:rgba(226,232,240,0.85);margin-bottom:3px;padding-right:18px;}
.arch-card-role{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(226,232,240,0.32);margin-bottom:6px;}
.arch-card-detail{display:none;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,200,255,0.08);font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(226,232,240,0.42);line-height:1.6;}
.arch-card.arch-expanded .arch-card-detail{display:block;}
.arch-ideal-row{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-bottom:1px solid rgba(140,0,255,0.07);}
.arch-ideal-row:last-child{border-bottom:none;}
.prof-field{margin-bottom:12px;}
.prof-label{font-size:9px;font-family:'JetBrains Mono',monospace;color:rgba(0,200,255,0.45);letter-spacing:0.8px;text-transform:uppercase;margin-bottom:4px;}
.prof-input{width:100%;background:rgba(0,200,255,0.04);border:1px solid rgba(0,200,255,0.15);border-radius:6px;padding:7px 10px;color:#e2e8f0;font-family:'Inter',sans-serif;font-size:12px;outline:none;transition:border-color 0.2s;}
.prof-input:focus{border-color:rgba(0,200,255,0.4);}
select.prof-input{background:#070d18;color:rgba(226,232,240,0.75);cursor:pointer;}
select.prof-input option,select.prof-input optgroup{background:#070d18;color:rgba(226,232,240,0.75);}
.prof-textarea{height:68px;resize:vertical;font-family:'Inter',sans-serif;}
.prof-save-btn{width:100%;padding:8px;background:linear-gradient(135deg,rgba(0,200,255,0.2),rgba(124,58,237,0.2));border:1px solid rgba(0,200,255,0.35);border-radius:7px;color:var(--cyan);font-family:'Orbitron',monospace;font-size:10px;font-weight:700;cursor:pointer;letter-spacing:1px;transition:all 0.2s;}
.prof-save-btn:hover{background:linear-gradient(135deg,rgba(0,200,255,0.3),rgba(124,58,237,0.3));border-color:rgba(0,200,255,0.6);}
/* Kalshi leverage chip selector (kept for potential reuse) */
.exch-lev-chip{flex:1;padding:5px 4px;background:rgba(0,200,255,0.04);border:1px solid rgba(0,200,255,0.15);border-radius:5px;color:rgba(226,232,240,0.4);font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;cursor:pointer;transition:all 0.18s;letter-spacing:0.3px;}
.exch-lev-chip:hover{border-color:rgba(0,200,255,0.35);color:rgba(0,200,255,0.7);}
.exch-lev-chip.active{background:rgba(0,200,255,0.12);border-color:rgba(0,200,255,0.5);color:var(--cyan);}
/* ── Perpetuals Leverage Slider ────────────────────────────── */
/* Position size — CYAN */
.pct-slider{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:rgba(0,200,255,0.15);border-radius:2px;outline:none;cursor:pointer;}
.pct-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:rgba(0,229,255,0.85);cursor:pointer;border:2px solid rgba(0,0,0,0.4);box-shadow:0 0 6px rgba(0,229,255,0.45);transition:transform 0.12s,box-shadow 0.12s;}
.pct-slider::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 14px rgba(0,229,255,0.65);}
.pct-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:rgba(0,229,255,0.85);cursor:pointer;border:2px solid rgba(0,0,0,0.4);}
/* Leverage — AMBER */
.perp-slider{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:rgba(255,160,0,0.15);border-radius:2px;outline:none;cursor:pointer;}
.perp-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:rgba(255,180,0,0.85);cursor:pointer;border:2px solid rgba(0,0,0,0.4);box-shadow:0 0 6px rgba(255,180,0,0.45);transition:transform 0.12s,box-shadow 0.12s;}
.perp-slider::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 14px rgba(255,180,0,0.65);}
.perp-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:rgba(255,180,0,0.85);cursor:pointer;border:2px solid rgba(0,0,0,0.4);}
/* perp-slider theme variants */
body.page-light .perp-slider{background:rgba(0,0,0,0.08);}
body.page-light .perp-slider::-webkit-slider-thumb{background:rgba(160,80,0,0.85);box-shadow:0 0 4px rgba(160,80,0,0.25);}
body.page-light .perp-slider::-moz-range-thumb{background:rgba(160,80,0,0.85);}
body.page-terminal .perp-slider{background:rgba(0,255,0,0.1);}
body.page-terminal .perp-slider::-webkit-slider-thumb{background:rgba(0,200,0,0.9);box-shadow:0 0 6px rgba(0,255,0,0.4);}
body.page-terminal .perp-slider::-moz-range-thumb{background:rgba(0,200,0,0.9);}
body.page-midnight .perp-slider{background:rgba(191,0,255,0.12);}
body.page-midnight .perp-slider::-webkit-slider-thumb{background:rgba(191,0,255,0.85);box-shadow:0 0 6px rgba(191,0,255,0.4);}
body.page-midnight .perp-slider::-moz-range-thumb{background:rgba(191,0,255,0.85);}
body.page-stealth .perp-slider{background:rgba(50,60,85,0.18);}
body.page-stealth .perp-slider::-webkit-slider-thumb{background:rgba(70,85,115,0.55);box-shadow:none;}
body.page-stealth .perp-slider::-moz-range-thumb{background:rgba(70,85,115,0.55);}

/* ── PROFILE PANEL — UNSAVED CHANGES SYSTEM ── */
#prof-unsaved-badge{display:none;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;color:#ff6b35;letter-spacing:0.5px;animation:alertPulse 1.4s ease-in-out infinite;}
#prof-global-save-btn{padding:5px 14px;background:rgba(0,200,255,0.05);border:1px solid rgba(0,200,255,0.2);border-radius:7px;color:rgba(0,200,255,0.4);font-family:'Orbitron',monospace;font-size:9px;font-weight:700;cursor:pointer;letter-spacing:0.5px;transition:all 0.25s;}
#prof-global-save-btn.dirty{background:rgba(0,200,255,0.15);border-color:rgba(0,200,255,0.6);color:#00e5ff;box-shadow:0 0 10px rgba(0,200,255,0.15);}
#prof-global-save-btn.dirty:hover{background:rgba(0,200,255,0.25);box-shadow:0 0 18px rgba(0,200,255,0.25);}

/* ── PROFILE SECTIONS — TWO-COLUMN GRID ── */
.prof-sections-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:4px;}
.prof-sections-grid .prof-section{margin-bottom:0;}
.prof-section.span-2{grid-column:1/-1;}
/* ── My Transmission Feed ── */
.tx-feed-wrap{border-bottom:1px solid rgba(0,200,255,0.08);padding:14px 20px;}
.tx-feed-hdr{display:flex;align-items:center;gap:8px;margin-bottom:10px;cursor:pointer;user-select:none;}
.tx-feed-hdr-title{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;color:rgba(0,200,255,0.55);letter-spacing:2px;flex:1;}
.tx-feed-hdr::after{content:'▾';color:rgba(0,200,255,0.3);font-size:13px;font-family:sans-serif;transition:transform 0.2s;}
.tx-feed-wrap.collapsed .tx-feed-hdr::after{transform:rotate(-90deg);}
.tx-feed-wrap.collapsed .tx-feed-body{display:none;}
.tx-feed-body{}
/* Sub-sections */
.tx-subsec{border:1px solid rgba(0,200,255,0.09);border-radius:8px;margin-bottom:8px;overflow:hidden;}
.tx-subsec-hdr{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;cursor:pointer;user-select:none;background:rgba(0,200,255,0.04);font-family:'Orbitron',monospace;font-size:8px;font-weight:700;color:rgba(0,200,255,0.45);letter-spacing:1.5px;}
.tx-subsec-hdr::after{content:'▾';font-size:12px;font-family:sans-serif;color:rgba(0,200,255,0.25);transition:transform 0.18s;}
.tx-subsec.collapsed .tx-subsec-hdr::after{transform:rotate(-90deg);}
.tx-subsec.collapsed .tx-subsec-body{display:none;}
.tx-subsec-body{padding:10px;}
.tx-subsec-body-feed{padding:8px;}
/* ── RR Optimizer ──────────────────────────────────────────────── */
.rro-wrap{font-family:'JetBrains Mono',monospace;}
.rro-tabs{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap;}
.rro-tab{background:rgba(0,200,255,0.04);border:1px solid rgba(0,200,255,0.14);border-radius:6px;color:rgba(0,200,255,0.45);font-size:9px;padding:4px 10px;cursor:pointer;font-family:'Orbitron',monospace;letter-spacing:.8px;transition:all 0.15s;}
.rro-tab:hover{border-color:rgba(0,200,255,0.4);color:rgba(0,200,255,0.85);}
.rro-tab.active{background:rgba(0,200,255,0.12);border-color:rgba(0,200,255,0.5);color:rgba(0,200,255,0.95);}
.rro-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap;}
.rro-refresh-btn{background:rgba(0,200,255,0.06);border:1px solid rgba(0,200,255,0.2);border-radius:6px;color:rgba(0,200,255,0.7);font-size:9px;padding:4px 10px;cursor:pointer;transition:all 0.15s;font-family:'JetBrains Mono',monospace;}
.rro-refresh-btn:hover{background:rgba(0,200,255,0.14);color:#fff;}
.rro-last-updated{font-size:8px;color:rgba(226,232,240,0.25);margin-left:auto;}
.rro-status{font-size:8px;padding:2px 8px;border-radius:100px;font-family:'JetBrains Mono',monospace;}
.rro-status.live{background:rgba(0,220,110,0.12);color:rgba(0,220,110,0.8);border:1px solid rgba(0,220,110,0.2);}
.rro-status.loading{background:rgba(255,185,0,0.08);color:rgba(255,185,0,0.6);border:1px solid rgba(255,185,0,0.15);}
.rro-status.err{background:rgba(255,60,80,0.08);color:rgba(255,60,80,0.6);border:1px solid rgba(255,60,80,0.15);}
.rro-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px;}
.rro-kpi{background:rgba(0,200,255,0.03);border:1px solid rgba(0,200,255,0.1);border-radius:8px;padding:9px 11px;}
.rro-kpi-label{font-size:7.5px;color:rgba(226,232,240,0.3);letter-spacing:.5px;text-transform:uppercase;margin-bottom:3px;}
.rro-kpi-val{font-size:16px;font-weight:700;color:rgba(226,232,240,0.9);letter-spacing:-.5px;line-height:1;}
.rro-kpi-val.pos{color:rgba(0,220,110,0.95);}
.rro-kpi-val.neg{color:rgba(255,60,80,0.95);}
.rro-kpi-val.neutral{color:rgba(0,200,255,0.8);}
.rro-kpi-sub{font-size:7.5px;color:rgba(226,232,240,0.25);margin-top:2px;}
.rro-section-hdr{font-family:'Orbitron',monospace;font-size:8px;font-weight:700;color:rgba(0,200,255,0.4);letter-spacing:1.5px;text-transform:uppercase;margin:12px 0 7px;padding-bottom:4px;border-bottom:1px solid rgba(0,200,255,0.08);}
.rro-bal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:5px;margin-bottom:10px;}
.rro-bal-card{background:rgba(0,200,255,0.03);border:1px solid rgba(0,200,255,0.1);border-radius:6px;padding:7px 9px;}
.rro-bal-asset{font-size:9px;color:rgba(0,200,255,0.6);font-weight:700;margin-bottom:2px;}
.rro-bal-amt{font-size:12px;font-weight:700;color:rgba(226,232,240,0.88);}
.rro-bal-usd{font-size:7.5px;color:rgba(226,232,240,0.3);margin-top:1px;}
.rro-table{width:100%;border-collapse:collapse;font-size:9px;margin-bottom:10px;}
.rro-table th{color:rgba(0,200,255,0.4);font-size:7.5px;letter-spacing:.5px;text-transform:uppercase;text-align:left;padding:4px 6px;border-bottom:1px solid rgba(0,200,255,0.1);}
.rro-table td{padding:5px 6px;border-bottom:1px solid rgba(0,200,255,0.05);color:rgba(226,232,240,0.7);vertical-align:middle;}
.rro-table tr:hover td{background:rgba(0,200,255,0.03);}
.rro-pnl-pos{color:rgba(0,220,110,0.9);font-weight:700;}
.rro-pnl-neg{color:rgba(255,60,80,0.9);font-weight:700;}
.rro-side-buy{color:rgba(0,220,110,0.7);font-size:7.5px;font-weight:700;}
.rro-side-sell{color:rgba(255,60,80,0.7);font-size:7.5px;font-weight:700;}
.rro-open-badge{background:rgba(255,185,0,0.1);border:1px solid rgba(255,185,0,0.2);color:rgba(255,185,0,0.7);font-size:7px;padding:1px 5px;border-radius:100px;}
.rro-empty{text-align:center;color:rgba(226,232,240,0.2);font-size:9px;padding:20px;}
.tx-composer{background:rgba(0,200,255,0.03);border:1px solid var(--tx-c-border,rgba(0,200,255,0.12));border-radius:10px;padding:10px;margin-bottom:0;transition:border-color 0.25s;}
.tx-composer-textarea{width:100%;min-height:58px;background:transparent;border:none;outline:none;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--tx-c-text,rgba(226,232,240,0.75));resize:none;line-height:1.55;box-sizing:border-box;transition:color 0.25s;}
.tx-composer-textarea::placeholder{color:rgba(0,200,255,0.25);}
.tx-composer-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding-top:8px;border-top:1px solid rgba(0,200,255,0.08);margin-top:6px;}
.tx-action-btn{background:none;border:1px solid rgba(0,200,255,0.15);border-radius:6px;color:rgba(0,200,255,0.45);font-size:11px;padding:3px 8px;cursor:pointer;transition:all 0.15s;font-family:'JetBrains Mono',monospace;font-size:9px;}
.tx-action-btn:hover{border-color:rgba(0,200,255,0.4);color:rgba(0,200,255,0.9);}
.tx-post-btn{margin-left:auto;background:linear-gradient(135deg,rgba(0,200,255,0.15),rgba(124,58,237,0.15));border:1px solid rgba(0,200,255,0.3);color:rgba(0,200,255,0.9);font-family:'Orbitron',monospace;font-size:8px;letter-spacing:1px;padding:4px 12px;border-radius:6px;cursor:pointer;transition:all 0.2s;}
.tx-post-btn:hover{background:linear-gradient(135deg,rgba(0,200,255,0.25),rgba(124,58,237,0.25));}
.tx-picker-row{margin-top:8px;padding:8px;background:rgba(0,0,0,0.2);border-radius:8px;border:1px solid rgba(0,200,255,0.1);display:none;}
.tx-picker-row.open{display:block;}
.tx-emoji-grid{display:flex;flex-wrap:wrap;gap:2px;max-height:120px;overflow-y:auto;}
.tx-emoji-grid span{font-size:18px;cursor:pointer;padding:3px;border-radius:4px;transition:background 0.1s;}
.tx-emoji-grid span:hover{background:rgba(0,200,255,0.12);}
.tx-gif-row{display:flex;gap:6px;align-items:center;}
.tx-gif-input{flex:1;background:rgba(0,200,255,0.04);border:1px solid rgba(0,200,255,0.18);border-radius:6px;color:rgba(226,232,240,0.7);font-family:'JetBrains Mono',monospace;font-size:9px;padding:5px 9px;outline:none;}
.tx-mention-list{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto;}
.tx-mention-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;cursor:pointer;background:transparent;border:none;width:100%;text-align:left;color:rgba(226,232,240,0.7);font-size:11px;font-family:'JetBrains Mono',monospace;}
.tx-mention-item:hover{background:rgba(0,200,255,0.08);}
.tx-image-preview{margin-top:6px;position:relative;display:none;}
.tx-image-preview img{max-width:100%;max-height:140px;border-radius:8px;object-fit:cover;}
.tx-image-remove{position:absolute;top:4px;right:4px;background:rgba(0,0,0,0.65);border:none;border-radius:50%;width:20px;height:20px;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.tx-color-swatch{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,0.25);cursor:pointer;overflow:hidden;flex-shrink:0;position:relative;}
.tx-color-swatch input[type=color]{position:absolute;inset:0;width:100%;height:100%;border:none;padding:0;cursor:pointer;opacity:0;}
.tx-posts-list{display:flex;flex-direction:column;gap:6px;}
.tx-post{background:rgba(0,200,255,0.03);border:1px solid rgba(0,200,255,0.1);border-radius:9px;padding:10px 12px;font-family:'JetBrains Mono',monospace;font-size:10px;line-height:1.55;position:relative;}
.tx-post-meta{display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:9px;}
.tx-post-user{color:rgba(0,200,255,0.6);font-weight:700;}
.tx-post-time{color:rgba(226,232,240,0.2);}
.tx-post-del{background:none;border:none;color:rgba(255,80,100,0.35);font-size:11px;cursor:pointer;padding:0;margin-left:auto;line-height:1;}
.tx-post-del:hover{color:rgba(255,80,100,0.9);}
.tx-post-text{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;}
.tx-post-img{margin-top:6px;max-width:100%;border-radius:7px;}
.tx-post-gif{margin-top:6px;max-width:200px;border-radius:7px;}
.tx-post-mention{color:rgba(0,200,255,0.8);font-weight:600;}
.tx-post-reactions{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap;}
.tx-react-btn{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:100px;padding:2px 8px;font-size:10px;cursor:pointer;color:rgba(226,232,240,0.5);transition:all 0.15s;}
.tx-react-btn:hover,.tx-react-btn.reacted{background:rgba(0,200,255,0.08);border-color:rgba(0,200,255,0.25);color:rgba(0,200,255,0.9);}
.tx-feed-empty{font-size:10px;color:rgba(226,232,240,0.2);text-align:center;padding:18px 0;font-family:'JetBrains Mono',monospace;}
.tx-char-count{font-size:8px;color:rgba(226,232,240,0.2);font-family:'JetBrains Mono',monospace;margin-left:4px;}

/* ── ALERT EXPAND MODAL ── */
#alert-expand-modal{position:fixed;right:20px;bottom:20px;width:min(400px,calc(100vw - 40px));max-height:calc(100vh - 120px);background:rgba(4,8,20,0.98);border:1px solid rgba(0,200,255,0.3);border-radius:16px;padding:22px 20px;box-shadow:0 24px 80px rgba(0,0,0,0.85),0 0 0 1px rgba(0,200,255,0.08);z-index:1200;display:none;flex-direction:column;gap:14px;overflow-y:auto;backdrop-filter:blur(12px);}
#alert-expand-modal.open{display:flex;}
.alert-modal-hdr{display:flex;align-items:flex-start;gap:12px;}
.alert-modal-icon{font-size:26px;line-height:1;flex-shrink:0;}
.alert-modal-titles{flex:1;min-width:0;}
.alert-modal-title{font-family:'Orbitron',monospace;font-size:12px;font-weight:700;color:rgba(226,232,240,0.92);letter-spacing:0.5px;margin-bottom:4px;}
.alert-modal-date{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(0,200,255,0.4);}
.alert-modal-close{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:rgba(226,232,240,0.4);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s;}
.alert-modal-close:hover{background:rgba(255,68,102,0.15);border-color:rgba(255,68,102,0.4);color:#ff4466;}
.alert-modal-body{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(226,232,240,0.6);line-height:1.7;}

/* ── AVATAR PICKER ── */
.avatar-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:4px 0;}
.av-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:6px 4px;border-radius:8px;border:2px solid transparent;transition:all 0.2s;}
.av-item:hover{background:rgba(0,200,255,0.07);border-color:rgba(0,200,255,0.2);}
.av-item.selected{background:rgba(0,200,255,0.1);border-color:rgba(0,200,255,0.5);}
.av-emoji{font-size:28px;line-height:1;}
.av-name{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(226,232,240,0.4);text-align:center;}
.av-upload-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background:rgba(124,58,237,0.06);border:1px dashed rgba(124,58,237,0.3);border-radius:6px;color:rgba(192,132,252,0.6);font-size:11px;cursor:pointer;transition:all 0.2s;font-family:'JetBrains Mono',monospace;}
.av-upload-btn:hover{background:rgba(124,58,237,0.1);border-color:rgba(192,132,252,0.5);color:#c084fc;}

/* ── POINTS & BADGES ── */
.points-display{display:flex;align-items:center;gap:12px;padding:14px 20px;background:rgba(0,200,255,0.04);border-bottom:1px solid rgba(0,200,255,0.08);}
.points-orb{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,rgba(0,200,255,0.2),rgba(124,58,237,0.3));border:2px solid var(--orb-border,rgba(0,200,255,0.4));display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:visible;transition:background 1.2s,border-color 0.6s;animation:orb-pulse var(--orb-pulse-dur,3.5s) ease-in-out infinite;}
.points-orb.has-unread{animation:orb-pulse var(--orb-pulse-dur,3.5s) ease-in-out infinite,orb-shimmer 1.8s linear infinite;}
@keyframes orb-pulse{0%,100%{box-shadow:0 0 var(--orb-glow-min,10px) 2px var(--orb-color,rgba(0,200,255,0.18)),0 0 4px 0 var(--orb-color,rgba(0,200,255,0.1));transform:scale(1);}50%{box-shadow:0 0 var(--orb-glow-max,26px) 4px var(--orb-color,rgba(0,200,255,0.38)),0 0 8px 2px var(--orb-color,rgba(0,200,255,0.2));transform:scale(var(--orb-pulse-scale,1.05));}}
@keyframes orb-shimmer{0%{border-color:var(--orb-border,rgba(0,200,255,0.5));}30%{border-color:rgba(255,220,60,0.85);}60%{border-color:rgba(255,80,120,0.7);}100%{border-color:var(--orb-border,rgba(0,200,255,0.5));}}
#orb-particles{position:absolute;left:-22px;top:-22px;width:96px;height:96px;pointer-events:none;z-index:0;border-radius:50%;}
.points-num{font-family:'Orbitron',monospace;font-size:14px;font-weight:900;color:var(--orb-text,var(--cyan));line-height:1;position:relative;z-index:1;}
.points-lbl{font-family:'JetBrains Mono',monospace;font-size:7px;color:rgba(0,200,255,0.5);letter-spacing:1px;position:relative;z-index:1;}
.points-info{flex:1;}
.points-rank-name{font-family:'Orbitron',monospace;font-size:11px;color:#c084fc;margin-bottom:3px;}
.points-next{font-size:10px;color:rgba(226,232,240,0.3);font-family:'JetBrains Mono',monospace;}
.points-bar-wrap{margin-top:5px;height:4px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden;}
.points-bar-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:2px;transition:width 0.5s;}

/* ── POINTS EARN MODAL ── */
#pts-earn-modal{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:min(370px,calc(100vw - 32px));max-height:calc(100vh - 120px);background:rgba(4,8,20,0.98);border:1px solid rgba(0,200,255,0.25);border-radius:16px;padding:0;box-shadow:0 24px 80px rgba(0,0,0,0.9),0 0 0 1px rgba(0,200,255,0.06);z-index:1400;display:none;flex-direction:column;overflow:hidden;backdrop-filter:blur(16px);}
#pts-earn-modal.open{display:flex;animation:pem-up 0.22s cubic-bezier(0.16,1,0.3,1);}
@keyframes pem-up{from{opacity:0;transform:translateX(-50%) translateY(18px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}
.pem-hdr{padding:15px 18px 11px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(0,200,255,0.1);flex-shrink:0;}
.pem-title{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;color:var(--cyan);letter-spacing:1px;}
.pem-eng{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(0,200,255,0.4);margin-top:3px;}
.pem-close{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:rgba(226,232,240,0.4);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;flex-shrink:0;}
.pem-close:hover{background:rgba(255,68,102,0.15);border-color:rgba(255,68,102,0.4);color:#ff4466;}
/* ── Wallet tab bar ─────────────────────────────────────────────── */
.pem-tab-bar{display:flex;gap:0;padding:0 14px;background:rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,200,255,0.1);flex-shrink:0;}
.pem-tab{flex:1;padding:9px 4px;background:transparent;border:none;border-bottom:2px solid transparent;color:rgba(226,232,240,0.38);font-family:'Orbitron',monospace;font-size:8px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all 0.18s;white-space:nowrap;}
.pem-tab:hover{color:rgba(226,232,240,0.65);}
.pem-tab.active{color:#00c8ff;border-bottom-color:#00c8ff;}
.pem-tab-content{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;}
.pem-tab-content.hidden{display:none;}
.pem-body{padding:10px 14px 14px;display:flex;flex-direction:column;gap:5px;}
.pem-sec{font-family:'Orbitron',monospace;font-size:7px;font-weight:700;color:rgba(0,200,255,0.35);letter-spacing:2px;text-transform:uppercase;margin-top:8px;margin-bottom:1px;}
.pem-row{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;background:rgba(0,200,255,0.03);border:1px solid rgba(0,200,255,0.07);transition:background 0.15s;}
.pem-row:hover{background:rgba(0,200,255,0.07);}
.pem-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0;}
.pem-desc{flex:1;font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(226,232,240,0.65);line-height:1.3;}
.pem-cap{font-size:8px;color:rgba(226,232,240,0.28);display:block;margin-top:1px;}
.pem-pts{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;color:#c084fc;flex-shrink:0;white-space:nowrap;}
.pem-pts.gold{color:var(--yellow);}
/* ── Redeem Now section ───────────────────────────────────────── */
.pem-redeem-hdr{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;color:rgba(232,121,249,0.9);letter-spacing:2px;text-transform:uppercase;padding:14px 14px 10px;border-bottom:1px solid rgba(160,32,240,0.15);}
.pem-bal-row{display:flex;gap:10px;padding:10px 14px 0;}
.pem-bal-card{flex:1;background:rgba(0,0,0,0.35);border:1px solid rgba(160,32,240,0.2);border-radius:10px;padding:9px 10px;text-align:center;}
.pem-bal-num{font-family:'Orbitron',monospace;font-size:17px;font-weight:700;color:#c084fc;line-height:1;}
.pem-bal-lbl{font-family:'JetBrains Mono',monospace;font-size:7px;color:rgba(226,232,240,0.3);letter-spacing:1px;text-transform:uppercase;margin-top:4px;}
.pem-rcard-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px 14px;}
.pem-rcard{background:rgba(0,0,0,0.3);border:1px solid rgba(160,32,240,0.2);border-radius:12px;padding:11px;display:flex;flex-direction:column;gap:5px;transition:border-color 0.2s;}
.pem-rcard:hover{border-color:rgba(160,32,240,0.45);}
.pem-rcard.bill{border-color:rgba(250,200,60,0.2);}
.pem-rcard.bill:hover{border-color:rgba(250,200,60,0.45);}
.pem-rcard-icon{font-size:20px;line-height:1;}
.pem-rcard-name{font-family:'Orbitron',monospace;font-size:8px;font-weight:700;color:rgba(226,232,240,0.85);letter-spacing:0.5px;}
.pem-rcard-cost{font-family:'JetBrains Mono',monospace;font-size:9px;color:#c084fc;}
.pem-rcard.bill .pem-rcard-cost{color:rgba(250,200,60,0.85);}
.pem-rcard-btn{margin-top:auto;padding:4px 8px;border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:9px;cursor:pointer;border:1px solid rgba(160,32,240,0.35);background:rgba(160,32,240,0.1);color:rgba(232,121,249,0.9);transition:all 0.15s;}
.pem-rcard-btn:hover:not(:disabled){background:rgba(160,32,240,0.25);border-color:rgba(160,32,240,0.6);}
.pem-rcard.bill .pem-rcard-btn{border-color:rgba(250,200,60,0.3);background:rgba(250,200,60,0.07);color:rgba(250,200,60,0.9);}
.pem-rcard.bill .pem-rcard-btn:hover:not(:disabled){background:rgba(250,200,60,0.15);}
.pem-rcard-btn:disabled{opacity:0.3;cursor:not-allowed;}
.pem-redeem-status{font-family:'JetBrains Mono',monospace;font-size:9px;min-height:16px;padding:0 14px 8px;color:rgba(0,255,136,0.7);}
/* ── Station Password field */
.prof-pw-row{position:relative;margin-top:6px;}
.prof-pw-eye{position:absolute;right:9px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:13px;opacity:0.35;transition:opacity 0.15s;user-select:none;line-height:1;}
.prof-pw-eye:hover{opacity:0.75;}
.prof-pw-note{font-size:9px;color:rgba(255,200,60,0.5);font-family:'JetBrains Mono',monospace;margin-top:6px;line-height:1.5;}
/* ── Redeem Auth Modal */
#redeem-auth-modal{display:none;position:fixed;inset:0;z-index:10500;background:rgba(0,0,0,0.78);align-items:center;justify-content:center;backdrop-filter:blur(8px);}
#redeem-auth-modal.open{display:flex;}
.ram-card{width:min(340px,92vw);background:rgba(4,8,20,0.98);border:1px solid rgba(160,32,240,0.4);border-radius:16px;padding:22px 20px;box-shadow:0 24px 60px rgba(0,0,0,0.85);}
.ram-title{font-family:'Orbitron',monospace;font-size:11px;color:#c084fc;letter-spacing:0.8px;margin-bottom:4px;font-weight:700;}
.ram-sub{font-size:9px;color:rgba(226,232,240,0.35);font-family:'JetBrains Mono',monospace;margin-bottom:16px;line-height:1.5;}
.ram-input-row{position:relative;margin-bottom:10px;}
.ram-input{width:100%;box-sizing:border-box;background:rgba(0,0,0,0.4);border:1px solid rgba(160,32,240,0.3);border-radius:8px;color:#e2e8f0;font-family:'JetBrains Mono',monospace;font-size:12px;padding:9px 36px 9px 12px;outline:none;transition:border-color 0.15s;}
.ram-input:focus{border-color:rgba(160,32,240,0.7);}
.ram-input.shake{animation:ramShake 0.4s ease;}
@keyframes ramShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}60%{transform:translateX(7px)}}
.ram-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:14px;opacity:0.35;user-select:none;transition:opacity 0.15s;}
.ram-eye:hover{opacity:0.75;}
.ram-err{font-size:9px;font-family:'JetBrains Mono',monospace;color:rgba(255,68,102,0.85);min-height:14px;margin-bottom:8px;line-height:1.4;}
.ram-btns{display:flex;gap:8px;}
.ram-ok{flex:1;padding:9px;background:rgba(160,32,240,0.18);border:1px solid rgba(160,32,240,0.45);border-radius:8px;color:#c084fc;font-family:'Orbitron',monospace;font-size:9px;cursor:pointer;transition:all 0.15s;letter-spacing:0.5px;}
.ram-ok:hover:not(:disabled){background:rgba(160,32,240,0.32);}
.ram-ok:disabled{opacity:0.5;cursor:not-allowed;}
.ram-cancel{padding:9px 16px;background:transparent;border:1px solid rgba(226,232,240,0.1);border-radius:8px;color:rgba(226,232,240,0.35);font-family:'JetBrains Mono',monospace;font-size:9px;cursor:pointer;transition:border-color 0.15s;}
.ram-cancel:hover{border-color:rgba(226,232,240,0.28);}
/* ── Avatar Spin Modal */
#avatar-spin-modal{display:none;position:fixed;inset:0;z-index:10600;background:rgba(0,0,0,0.88);align-items:center;justify-content:center;}
#avatar-spin-modal.open{display:flex;}
.asm-card{width:min(300px,88vw);background:rgba(4,8,20,0.98);border-radius:20px;padding:28px 22px;text-align:center;box-shadow:0 32px 80px rgba(0,0,0,0.9);}
.asm-spin-label{font-family:'Orbitron',monospace;font-size:9px;color:rgba(160,32,240,0.7);letter-spacing:2px;margin-bottom:18px;}
.asm-spinning{font-size:52px;animation:asmFlip 0.12s linear infinite;display:inline-block;}
@keyframes asmFlip{0%,100%{transform:scaleX(1)}50%{transform:scaleX(-1)}}
.asm-reveal{display:none;}
.asm-result-lbl{font-family:'Orbitron',monospace;font-size:9px;letter-spacing:2px;margin-bottom:12px;color:rgba(0,200,255,0.6);}
.asm-avatar-emoji{font-size:58px;line-height:1;margin-bottom:10px;display:block;}
.asm-av-name{font-family:'Orbitron',monospace;font-size:14px;font-weight:700;color:#e2e8f0;margin-bottom:5px;}
.asm-av-desc{font-size:10px;color:rgba(226,232,240,0.4);font-family:'JetBrains Mono',monospace;margin-bottom:12px;line-height:1.5;}
.asm-rarity{display:inline-block;padding:3px 12px;border-radius:100px;font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;}
.asm-rarity.common{background:rgba(148,163,184,0.1);border:1px solid rgba(148,163,184,0.3);color:rgba(148,163,184,0.85);}
.asm-rarity.rare{background:rgba(96,165,250,0.1);border:1px solid rgba(96,165,250,0.3);color:rgba(96,165,250,0.9);}
.asm-rarity.legendary{background:rgba(255,215,0,0.08);border:1px solid rgba(255,215,0,0.45);color:#ffd700;animation:asmLegGlow 1.4s ease-in-out infinite;}
@keyframes asmLegGlow{0%,100%{box-shadow:0 0 8px rgba(255,215,0,0.25)}50%{box-shadow:0 0 22px rgba(255,215,0,0.65),0 0 40px rgba(255,165,0,0.25)}}
.asm-supply{font-family:'JetBrains Mono',monospace;font-size:8px;color:#ffd700;margin-bottom:12px;}
.asm-close-btn{padding:9px 24px;background:rgba(0,200,255,0.1);border:1px solid rgba(0,200,255,0.3);border-radius:8px;color:rgba(0,200,255,0.85);font-family:'Orbitron',monospace;font-size:9px;cursor:pointer;transition:all 0.15s;letter-spacing:0.5px;}
.asm-close-btn:hover{background:rgba(0,200,255,0.2);}
/* ── Vault Goal Modal */
#vault-goal-modal{display:none;position:fixed;inset:0;z-index:10700;background:rgba(0,0,0,0.78);align-items:center;justify-content:center;backdrop-filter:blur(6px);}
#vault-goal-modal.open{display:flex;}
.vgm-card{width:min(360px,92vw);background:rgba(4,8,20,0.98);border:1px solid rgba(0,200,255,0.2);border-radius:18px;padding:22px;box-shadow:0 28px 70px rgba(0,0,0,0.85);}
.vgm-title{font-family:'Orbitron',monospace;font-size:11px;color:rgba(0,200,255,0.85);letter-spacing:1px;margin-bottom:4px;font-weight:700;}
.vgm-sub{font-size:9px;color:rgba(226,232,240,0.35);font-family:'JetBrains Mono',monospace;margin-bottom:14px;line-height:1.5;}
.vgm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;}
.vgm-opt{background:rgba(0,0,0,0.3);border:1px solid rgba(0,200,255,0.13);border-radius:10px;padding:10px 8px;text-align:center;cursor:pointer;transition:all 0.15s;}
.vgm-opt:hover{border-color:rgba(0,200,255,0.4);background:rgba(0,200,255,0.06);}
.vgm-opt.selected{border-color:rgba(0,200,255,0.6);background:rgba(0,200,255,0.11);}
.vgm-opt-ico{font-size:22px;margin-bottom:4px;}
.vgm-opt-lbl{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(226,232,240,0.6);line-height:1.4;}
.vgm-save-btn{width:100%;padding:9px;background:rgba(0,200,255,0.1);border:1px solid rgba(0,200,255,0.3);border-radius:8px;color:rgba(0,200,255,0.85);font-family:'Orbitron',monospace;font-size:9px;cursor:pointer;margin-bottom:6px;transition:all 0.15s;letter-spacing:0.5px;}
.vgm-save-btn:hover:not(:disabled){background:rgba(0,200,255,0.2);}
.vgm-skip{width:100%;padding:6px;background:transparent;border:none;color:rgba(226,232,240,0.22);font-family:'JetBrains Mono',monospace;font-size:9px;cursor:pointer;}
/* ── Avatar rarity badges in picker */
.av-rarity{display:block;font-family:'JetBrains Mono',monospace;font-size:6px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;text-align:center;margin-top:1px;}
.av-rarity.rare{color:rgba(96,165,250,0.85);}
.av-rarity.legendary{color:#ffd700;}
/* ── Vault & bill countdown labels */
.pem-rcard-countdown{font-family:'JetBrains Mono',monospace;font-size:7px;color:rgba(255,160,50,0.75);text-align:center;margin-top:2px;display:none;line-height:1.4;}
.pem-bill-countdown-bar{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(255,160,50,0.8);padding:4px 14px 2px;display:none;line-height:1.4;}
/* ── Space Vault full-width card */
.pem-vault-full{margin:0 14px 10px;background:rgba(0,0,0,0.3);border:1px solid rgba(0,200,255,0.22);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;}
.pem-vault-full:hover{border-color:rgba(0,200,255,0.42);}
.pem-vault-full-top{display:flex;align-items:center;gap:10px;}
.pem-vault-full-icon{font-size:24px;line-height:1;}
.pem-vault-full-info{flex:1;}
.pem-vault-full-name{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;color:rgba(226,232,240,0.9);letter-spacing:0.5px;}
.pem-vault-full-desc{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(226,232,240,0.35);margin-top:2px;line-height:1.5;}
.pem-vault-full-row{display:flex;align-items:center;gap:8px;}
.pem-vault-full-row input{flex:1;min-width:0;background:rgba(0,0,0,0.35);border:1px solid rgba(0,200,255,0.22);border-radius:6px;color:#e2e8f0;font-family:'JetBrains Mono',monospace;font-size:11px;text-align:center;padding:5px 8px;outline:none;}
.pem-vault-full-row button{white-space:nowrap;padding:5px 14px;border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:9px;cursor:pointer;border:1px solid rgba(0,200,255,0.35);background:rgba(0,200,255,0.1);color:rgba(0,200,255,0.9);transition:all 0.15s;}
.pem-vault-full-row button:hover:not(:disabled){background:rgba(0,200,255,0.22);border-color:rgba(0,200,255,0.6);}
.pem-vault-full-row button:disabled{opacity:0.3;cursor:not-allowed;}
.pem-vault-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px;}
.pem-vault-stat{background:rgba(0,0,0,0.25);border:1px solid rgba(0,200,255,0.15);border-radius:8px;padding:8px 10px;text-align:center;}
.pem-vault-stat-num{font-family:'Orbitron',monospace;font-size:13px;font-weight:700;color:rgba(0,200,255,0.9);}
.pem-vault-stat-num.avail{color:rgba(0,255,136,0.9);}
.pem-vault-stat-lbl{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(226,232,240,0.4);margin-top:2px;}
.pem-vault-unlock-row{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(255,215,0,0.65);text-align:center;padding:4px 0;}
.pem-vault-section-lbl{font-size:8px;color:rgba(226,232,240,0.35);font-family:'JetBrains Mono',monospace;margin-top:6px;margin-bottom:2px;letter-spacing:0.5px;}
/* ── Set picker inline */
.pem-set-picker{display:none;flex-direction:column;gap:5px;margin-top:6px;}
.pem-set-picker.open{display:flex;}
.pem-set-opt{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(160,32,240,0.18);border-radius:7px;cursor:pointer;transition:all 0.15s;}
.pem-set-opt:hover{border-color:rgba(160,32,240,0.5);background:rgba(160,32,240,0.06);}
.pem-set-opt.selected{border-color:rgba(160,32,240,0.65);background:rgba(160,32,240,0.1);}
.pem-set-opt-ico{font-size:15px;}
.pem-set-opt-name{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(226,232,240,0.7);flex:1;}
.points-display{cursor:pointer;transition:background 0.2s;}
.points-display:hover{background:rgba(0,200,255,0.08);}
.share-btn-hero{position:absolute;bottom:10px;right:12px;background:rgba(0,200,255,0.08);border:1px solid rgba(0,200,255,0.28);border-radius:20px;padding:5px 13px;font-family:'Orbitron',monospace;font-size:9px;font-weight:700;letter-spacing:1px;color:rgba(0,200,255,0.75);cursor:pointer;transition:all 0.2s;z-index:2;}
.share-btn-hero:hover{background:rgba(0,200,255,0.18);border-color:rgba(0,200,255,0.6);color:var(--cyan);}
#share-modal{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:min(400px,calc(100vw - 32px));max-height:calc(100vh - 80px);background:rgba(4,8,20,0.98);border:1px solid rgba(0,200,255,0.25);border-radius:16px;padding:0;box-shadow:0 24px 80px rgba(0,0,0,0.9),0 0 0 1px rgba(0,200,255,0.06);z-index:1401;display:none;flex-direction:column;overflow:hidden;backdrop-filter:blur(16px);}
#share-modal.open{display:flex;animation:pem-up 0.22s cubic-bezier(0.16,1,0.3,1);}
.share-modal-body{padding:10px 14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;}
.share-canvas-wrap{width:100%;border-radius:10px;overflow:hidden;background:#010410;line-height:0;}
.share-canvas-wrap canvas{width:100%;height:auto;display:block;}
.share-actions{display:flex;gap:8px;flex-wrap:wrap;}
.share-plat-btn{flex:1;min-width:90px;padding:10px 8px;border-radius:8px;border:1px solid rgba(0,200,255,0.2);background:rgba(0,200,255,0.06);color:rgba(226,232,240,0.8);font-family:'Orbitron',monospace;font-size:10px;font-weight:700;letter-spacing:0.5px;cursor:pointer;transition:all 0.15s;}
.share-plat-btn:hover{background:rgba(0,200,255,0.14);border-color:rgba(0,200,255,0.4);}
.spl-native{border-color:rgba(0,200,255,0.4);background:rgba(0,200,255,0.12);color:var(--cyan);}
.spl-fb{border-color:rgba(24,119,242,0.35);background:rgba(24,119,242,0.07);color:#4a9eff;}
.spl-fb:hover{background:rgba(24,119,242,0.16);}
.share-hint{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(226,232,240,0.3);text-align:center;margin:0;line-height:1.5;}
.share-format-row{display:flex;gap:8px;padding:0 2px;}
.share-fmt-btn{flex:1;padding:8px;border-radius:8px;border:1px solid rgba(0,200,255,0.15);background:transparent;color:rgba(226,232,240,0.4);font-size:10px;font-family:'Orbitron',monospace;font-weight:700;letter-spacing:0.5px;cursor:pointer;transition:all 0.2s;}
.share-fmt-btn.active{border-color:rgba(0,200,255,0.55);background:rgba(0,200,255,0.1);color:rgba(0,200,255,0.9);}
.share-fmt-btn:hover:not(.active){color:rgba(226,232,240,0.7);background:rgba(255,255,255,0.03);}
/* ── share-modal theme variants ── */
body.page-light #share-modal{background:rgba(255,255,255,0.99);border-color:rgba(0,102,204,0.25);box-shadow:0 24px 80px rgba(0,0,0,0.18),0 0 0 1px rgba(0,102,204,0.05);}
body.page-light #share-modal .pem-hdr{border-bottom-color:rgba(0,102,204,0.1);}
body.page-light #share-modal .pem-title{color:#0066cc;}
body.page-light #share-modal .pem-eng{color:rgba(0,102,204,0.45);}
body.page-light #share-modal .pem-close{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.1);color:rgba(15,23,42,0.35);}
body.page-light #share-modal .share-plat-btn{border-color:rgba(0,102,204,0.2);background:rgba(0,102,204,0.06);color:rgba(15,23,42,0.75);}
body.page-light #share-modal .share-plat-btn:hover{background:rgba(0,102,204,0.14);border-color:rgba(0,102,204,0.4);}
body.page-light #share-modal .share-fmt-btn{border-color:rgba(0,102,204,0.15);color:rgba(15,23,42,0.35);}
body.page-light #share-modal .share-fmt-btn.active{border-color:rgba(0,102,204,0.55);background:rgba(0,102,204,0.1);color:#0066cc;}
body.page-light #share-modal .share-hint{color:rgba(15,23,42,0.3);}
body.page-terminal #share-modal{background:rgba(0,8,0,0.99);border-color:rgba(0,200,0,0.35);box-shadow:0 24px 80px rgba(0,0,0,0.9),0 0 0 1px rgba(0,200,0,0.07);}
body.page-terminal #share-modal .pem-hdr{border-bottom-color:rgba(0,200,0,0.15);}
body.page-terminal #share-modal .pem-title{color:#00ff44;font-family:'VT323',monospace;font-size:14px;letter-spacing:2px;}
body.page-terminal #share-modal .pem-eng{color:rgba(0,200,0,0.4);font-family:'Share Tech Mono',monospace;}
body.page-terminal #share-modal .share-plat-btn{border-color:rgba(0,200,0,0.2);background:rgba(0,255,0,0.04);color:#00cc44;}
body.page-terminal #share-modal .share-plat-btn:hover{background:rgba(0,255,0,0.1);border-color:rgba(0,255,0,0.4);color:#00ff44;}
body.page-terminal #share-modal .share-fmt-btn{border-color:rgba(0,200,0,0.15);color:rgba(0,180,0,0.5);}
body.page-terminal #share-modal .share-fmt-btn.active{border-color:rgba(0,255,0,0.5);background:rgba(0,255,0,0.08);color:#00ff44;}
body.page-terminal #share-modal .share-hint{color:rgba(0,180,0,0.35);font-family:'Share Tech Mono',monospace;}
body.page-midnight #share-modal{background:rgba(2,0,12,0.99);border-color:rgba(191,0,255,0.28);box-shadow:0 24px 80px rgba(0,0,0,0.9),0 0 0 1px rgba(191,0,255,0.06);}
body.page-midnight #share-modal .pem-hdr{border-bottom-color:rgba(191,0,255,0.12);}
body.page-midnight #share-modal .pem-title{color:#bf00ff;}
body.page-midnight #share-modal .pem-eng{color:rgba(191,0,255,0.4);}
body.page-midnight #share-modal .share-plat-btn{border-color:rgba(191,0,255,0.2);background:rgba(191,0,255,0.04);color:rgba(200,100,255,0.8);}
body.page-midnight #share-modal .share-plat-btn:hover{background:rgba(191,0,255,0.12);border-color:rgba(191,0,255,0.4);}
body.page-midnight #share-modal .share-fmt-btn{border-color:rgba(191,0,255,0.15);color:rgba(191,0,255,0.4);}
body.page-midnight #share-modal .share-fmt-btn.active{border-color:rgba(191,0,255,0.5);background:rgba(191,0,255,0.1);color:#bf00ff;}
body.page-midnight #share-modal .share-hint{color:rgba(200,100,255,0.3);}
body.page-stealth #share-modal{background:rgba(4,5,10,0.99);border-color:rgba(40,50,70,0.35);box-shadow:0 24px 80px rgba(0,0,0,0.9),0 0 0 1px rgba(40,50,70,0.08);}
body.page-stealth #share-modal .pem-hdr{border-bottom-color:rgba(40,50,70,0.2);}
body.page-stealth #share-modal .pem-title{color:rgba(80,90,120,0.6);}
body.page-stealth #share-modal .pem-eng{color:rgba(60,70,95,0.35);}
body.page-stealth #share-modal .share-plat-btn{border-color:rgba(50,60,85,0.25);background:rgba(20,25,40,0.3);color:rgba(80,90,120,0.5);}
body.page-stealth #share-modal .share-plat-btn:hover{background:rgba(20,25,40,0.5);border-color:rgba(60,70,95,0.4);}
body.page-stealth #share-modal .share-fmt-btn{border-color:rgba(50,60,85,0.2);color:rgba(70,80,110,0.35);}
body.page-stealth #share-modal .share-fmt-btn.active{border-color:rgba(60,75,110,0.4);background:rgba(20,25,45,0.3);color:rgba(80,95,130,0.7);}
body.page-stealth #share-modal .share-hint{color:rgba(60,70,95,0.3);}

.drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.drop-card{background:rgba(0,0,0,0.3);border-radius:8px;padding:12px;text-align:center;border:1px solid rgba(0,200,255,0.1);cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden;}
.drop-card:hover{border-color:rgba(0,200,255,0.35);background:rgba(0,200,255,0.05);}
.drop-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple));}
.drop-icon{font-size:24px;margin-bottom:6px;}
.drop-name{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;color:var(--cyan);margin-bottom:3px;letter-spacing:0.5px;}
.drop-pts{font-family:'JetBrains Mono',monospace;font-size:11px;color:#c084fc;}
.drop-desc{font-size:9px;color:rgba(226,232,240,0.3);margin-top:3px;}

.badge-rack{display:flex;flex-wrap:wrap;gap:6px;}
.badge-chip{display:flex;align-items:center;gap:5px;padding:4px 9px;border-radius:100px;font-size:10px;font-family:'JetBrains Mono',monospace;border:1px solid;}
.badge-chip.earned{background:rgba(0,200,255,0.08);border-color:rgba(0,200,255,0.3);color:var(--cyan);}
.badge-chip.locked{background:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.08);color:rgba(226,232,240,0.2);}

/* ══ WHITEBOARD PANEL ══════════════════════════════════════════════════════ */
#whiteboard-panel{display:none;flex:1;flex-direction:column;overflow:hidden;background:#2a2a2e;}
/* Toolbar */
#wb-toolbar{display:flex;align-items:center;gap:2px;padding:5px 8px;background:#1e1e22;border-bottom:1px solid rgba(0,200,255,0.12);flex-shrink:0;flex-wrap:wrap;}
.wb-tool-group{display:flex;align-items:center;gap:2px;}
.wb-divider{width:1px;height:24px;background:rgba(255,255,255,0.12);margin:0 4px;flex-shrink:0;}
.wb-tool-btn{width:32px;height:32px;border:1px solid transparent;border-radius:5px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all 0.12s;position:relative;padding:0;color:#c8ccd4;}
.wb-tool-btn:hover{background:rgba(0,200,255,0.1);border-color:rgba(0,200,255,0.3);}
.wb-tool-btn.active{background:rgba(0,200,255,0.18);border-color:rgba(0,200,255,0.55);color:#00c8ff;}
.wb-tool-btn title{display:none;}
/* Brush size row */
.wb-size-btn{width:28px;height:28px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.12s;padding:0;}
.wb-size-btn.active{border-color:rgba(0,200,255,0.55);background:rgba(0,200,255,0.15);}
.wb-size-btn:hover{border-color:rgba(0,200,255,0.3);}
.wb-size-dot{border-radius:50%;background:#c8ccd4;flex-shrink:0;}
/* Color display (active colors box) */
.wb-active-colors{position:relative;width:38px;height:30px;flex-shrink:0;}
.wb-color-secondary{position:absolute;bottom:0;right:0;width:18px;height:18px;border:2px solid #555;border-radius:2px;cursor:pointer;}
.wb-color-primary{position:absolute;top:0;left:0;width:22px;height:22px;border:2px solid #aaa;border-radius:2px;cursor:pointer;z-index:1;}
/* Undo/redo labels */
.wb-act-btn{padding:3px 10px;border:1px solid rgba(255,255,255,0.12);border-radius:4px;background:transparent;color:rgba(200,204,212,0.7);font-family:'JetBrains Mono',monospace;font-size:9px;cursor:pointer;transition:all 0.12s;white-space:nowrap;}
.wb-act-btn:hover{border-color:rgba(0,200,255,0.35);color:#c8ccd4;}
.wb-act-btn:disabled{opacity:0.3;cursor:not-allowed;}
/* Canvas area */
#wb-canvas-area{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start;padding:12px;background:#3a3a3e;min-height:0;}
#wb-canvas-wrap{position:relative;display:inline-block;box-shadow:0 4px 24px rgba(0,0,0,0.6),0 0 0 1px rgba(0,0,0,0.4);flex-shrink:0;}
#wb-canvas{display:block;background:#fff;cursor:crosshair;}
#wb-overlay{position:absolute;top:0;left:0;pointer-events:none;}
/* Cursor states */
#whiteboard-panel[data-tool="eraser"] #wb-canvas{cursor:cell;}
#whiteboard-panel[data-tool="fill"] #wb-canvas{cursor:crosshair;}
#whiteboard-panel[data-tool="eyedrop"] #wb-canvas{cursor:copy;}
#whiteboard-panel[data-tool="text"] #wb-canvas{cursor:text;}
#whiteboard-panel[data-tool="select"] #wb-canvas{cursor:default;}
/* Palette bar */
#wb-palette{display:flex;align-items:center;gap:0;padding:5px 8px;background:#1e1e22;border-top:1px solid rgba(0,200,255,0.1);flex-shrink:0;flex-wrap:wrap;row-gap:2px;}
.wb-palette-swatch{width:18px;height:18px;border:1px solid rgba(0,0,0,0.5);cursor:pointer;flex-shrink:0;transition:transform 0.1s;}
.wb-palette-swatch:hover{transform:scale(1.25);z-index:1;position:relative;border-color:#fff;}
/* SAVE pill */
/* ── Whiteboard share / voice pills ─────────────────────────────── */
.wb-pill{padding:3px 11px;border:1px solid rgba(0,200,255,0.28);border-radius:100px;background:rgba(0,200,255,0.07);color:rgba(0,200,255,0.85);font-family:'Orbitron',monospace;font-size:8px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all 0.15s;white-space:nowrap;height:28px;display:flex;align-items:center;}
.wb-pill:hover{background:rgba(0,200,255,0.16);border-color:rgba(0,200,255,0.55);}
.wb-pill.wb-pill-voice{border-color:rgba(0,255,136,0.28);background:rgba(0,255,136,0.06);color:rgba(0,255,136,0.8);font-size:14px;}
.wb-pill.wb-pill-voice:hover{background:rgba(0,255,136,0.14);border-color:rgba(0,255,136,0.5);}
.wb-pill.wb-pill-voice.active{background:rgba(255,80,80,0.1);border-color:rgba(255,80,80,0.4);color:rgba(255,100,100,0.9);}
/* ── Dim slider + dark pill (palette row) ─────────────────────── */
.wb-dim-wrap{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0;}
.wb-dim-label{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(200,204,212,0.4);white-space:nowrap;}
#wb-dim-slider{width:70px;height:4px;accent-color:#00c8ff;cursor:pointer;}
.wb-dark-btn{padding:3px 9px;border:1px solid rgba(255,255,255,0.12);border-radius:4px;background:transparent;color:rgba(200,204,212,0.55);font-family:'JetBrains Mono',monospace;font-size:8px;cursor:pointer;transition:all 0.12s;white-space:nowrap;height:22px;}
.wb-dark-btn.active{background:rgba(255,255,255,0.07);border-color:rgba(200,204,212,0.35);color:#e2e8f0;}
.wb-dark-btn:hover{border-color:rgba(0,200,255,0.3);color:#c8ccd4;}
/* ── Whiteboard share modal ───────────────────────────────────── */
#wb-share-modal{position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:2200;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
#wb-share-modal.open{display:flex;}
.wb-share-card{background:rgba(4,8,20,0.98);border:1px solid rgba(0,200,255,0.28);border-radius:16px;padding:22px 24px;width:min(320px,calc(100vw - 32px));box-shadow:0 24px 80px rgba(0,0,0,0.9);}
.wb-share-title{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;color:#e2e8f0;margin-bottom:16px;letter-spacing:0.5px;}
.wb-share-opt{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;border:1px solid rgba(0,200,255,0.1);background:rgba(0,200,255,0.03);cursor:pointer;margin-bottom:8px;transition:all 0.15s;}
.wb-share-opt:hover{background:rgba(0,200,255,0.09);border-color:rgba(0,200,255,0.3);}
.wb-share-opt-ico{font-size:20px;width:26px;text-align:center;flex-shrink:0;}
.wb-share-opt-info{flex:1;}
.wb-share-opt-lbl{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;color:#e2e8f0;letter-spacing:0.5px;margin-bottom:2px;}
.wb-share-opt-sub{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(226,232,240,0.35);line-height:1.4;}
.wb-share-cancel{width:100%;padding:8px;background:transparent;border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:rgba(226,232,240,0.35);font-family:'JetBrains Mono',monospace;font-size:10px;cursor:pointer;margin-top:4px;transition:all 0.15s;}
.wb-share-cancel:hover{border-color:rgba(255,68,102,0.3);color:rgba(255,100,100,0.7);}
/* ── Whiteboard voice room modal ──────────────────────────────── */
#wb-voice-modal{position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:2200;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
#wb-voice-modal.open{display:flex;}
.wb-voice-card{background:rgba(4,8,20,0.98);border:1px solid rgba(0,255,136,0.25);border-radius:16px;padding:22px 24px;width:min(300px,calc(100vw - 32px));box-shadow:0 24px 80px rgba(0,0,0,0.9);}
.wb-voice-title{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;color:rgba(0,255,136,0.85);letter-spacing:1px;margin-bottom:14px;}
.wb-voice-status{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(0,255,136,0.55);min-height:16px;margin-bottom:10px;}
/* ── Send-to-friend picker ────────────────────────────────────── */
#wb-friend-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.wb-friend-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid rgba(0,200,255,0.1);background:rgba(0,200,255,0.03);cursor:pointer;transition:all 0.15s;}
.wb-friend-row:hover{background:rgba(0,200,255,0.09);border-color:rgba(0,200,255,0.3);}
.wb-friend-row.selected{background:rgba(0,200,255,0.14);border-color:rgba(0,200,255,0.5);}
#wb-save-pill{position:absolute;bottom:64px;right:20px;padding:9px 22px;background:linear-gradient(135deg,rgba(0,200,255,0.22),rgba(124,58,237,0.22));border:1px solid rgba(0,200,255,0.5);border-radius:100px;color:#00c8ff;font-family:'Orbitron',monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;cursor:pointer;display:none;box-shadow:0 4px 20px rgba(0,200,255,0.25);transition:all 0.2s;z-index:10;}
#wb-save-pill:hover{background:linear-gradient(135deg,rgba(0,200,255,0.35),rgba(124,58,237,0.35));box-shadow:0 4px 28px rgba(0,200,255,0.4);}
@keyframes wb-pill-in{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
#wb-save-pill.show{display:block;animation:wb-pill-in 0.25s cubic-bezier(0.16,1,0.3,1);}
/* Name modal */
#wb-name-modal{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:2100;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
#wb-name-modal.open{display:flex;}
.wb-name-card{background:rgba(4,8,20,0.98);border:1px solid rgba(0,200,255,0.28);border-radius:16px;padding:24px 28px;width:min(340px,calc(100vw - 32px));box-shadow:0 24px 80px rgba(0,0,0,0.9);}
.wb-name-title{font-family:'Orbitron',monospace;font-size:13px;font-weight:700;color:#e2e8f0;margin-bottom:6px;letter-spacing:0.5px;}
.wb-name-sub{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(226,232,240,0.35);margin-bottom:16px;line-height:1.5;}
.wb-name-input{width:100%;box-sizing:border-box;background:rgba(0,0,0,0.4);border:1px solid rgba(0,200,255,0.3);border-radius:8px;color:#e2e8f0;font-family:'JetBrains Mono',monospace;font-size:13px;padding:10px 14px;outline:none;margin-bottom:14px;}
.wb-name-input:focus{border-color:rgba(0,200,255,0.6);}
.wb-name-btns{display:flex;gap:8px;}
.wb-name-save{flex:1;padding:10px;border-radius:8px;border:none;background:linear-gradient(135deg,rgba(0,200,255,0.3),rgba(124,58,237,0.3));color:#00c8ff;font-family:'Orbitron',monospace;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all 0.15s;}
.wb-name-save:hover{background:linear-gradient(135deg,rgba(0,200,255,0.45),rgba(124,58,237,0.45));}
.wb-name-cancel{padding:10px 18px;border-radius:8px;border:1px solid rgba(255,255,255,0.12);background:transparent;color:rgba(226,232,240,0.4);font-family:'JetBrains Mono',monospace;font-size:11px;cursor:pointer;transition:all 0.15s;}
.wb-name-cancel:hover{border-color:rgba(255,255,255,0.25);color:rgba(226,232,240,0.7);}
.wb-name-status{font-family:'JetBrains Mono',monospace;font-size:10px;min-height:14px;margin-top:8px;text-align:center;}
/* Text input overlay (for Text tool) */
#wb-text-input-wrap{position:absolute;display:none;z-index:5;}
#wb-text-input{background:transparent;border:1px dashed rgba(0,0,0,0.5);outline:none;font-family:Arial,sans-serif;resize:none;min-width:60px;min-height:20px;line-height:1.2;padding:1px 3px;}
/* Inbox whiteboard item */
.inbox-item.whiteboard{border-color:rgba(0,200,255,0.2);background:rgba(0,200,255,0.04);}
.inbox-item.whiteboard.unread{border-color:rgba(0,200,255,0.4);background:rgba(0,200,255,0.08);}
.inbox-item.whiteboard.unread::before{background:linear-gradient(180deg,#00c8ff,#7c3aed);}
/* ══ END WHITEBOARD ═══════════════════════════════════════════════════════ */

/* ── SUPPORT COLLAPSIBLE ── */
.panel-header.collapsible{cursor:pointer;user-select:none;}
.panel-header.collapsible:hover{background:linear-gradient(90deg,rgba(90,0,200,0.28),rgba(0,50,150,0.2),rgba(60,0,180,0.18));}
.support-collapse-arrow{font-size:10px;color:rgba(0,200,255,0.4);transition:transform 0.25s;margin-left:4px;}
.support-res-links.collapsed{display:none;}

/* ── INTERSTELLAR SECTION HEADER ── */
.interstellar-hdr{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(160,32,240,0.22),rgba(0,50,200,0.16),rgba(100,0,220,0.14));border-bottom:1px solid rgba(160,32,240,0.25);border-top:1px solid rgba(160,32,240,0.12);}
.interstellar-title{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;color:#e879f9;text-shadow:0 0 14px rgba(232,121,249,0.45);letter-spacing:1.5px;}
.interstellar-badge{font-family:'JetBrains Mono',monospace;font-size:9px;padding:2px 8px;border-radius:100px;background:rgba(160,32,240,0.12);color:#e879f9;border:1px solid rgba(232,121,249,0.3);}
.interstellar-links{display:flex;flex-direction:column;}
.interstellar-link{display:flex;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;border-bottom:1px solid var(--border2);transition:background 0.15s;cursor:pointer;}
.interstellar-link:last-child{border-bottom:none;}
.interstellar-link:hover{background:rgba(160,32,240,0.06);}
.interstellar-link-icon{font-size:15px;width:20px;text-align:center;}
.interstellar-link-info{flex:1;}
.interstellar-link-name{font-size:12px;color:rgba(226,232,240,0.8);font-weight:600;}
.interstellar-link-desc{font-size:10px;color:rgba(226,232,240,0.3);margin-top:1px;}
.interstellar-link-arrow{font-size:11px;color:rgba(160,32,240,0.4);}

/* ── INTERSTELLAR — THEME OVERRIDES ── */
/* Pro: clean cyan */
body.page-pro .interstellar-hdr{background:linear-gradient(90deg,rgba(0,200,255,0.12),rgba(0,150,200,0.07),rgba(0,180,240,0.09));border-bottom-color:rgba(0,200,255,0.18);border-top-color:rgba(0,200,255,0.1);}
body.page-pro .interstellar-title{color:#00c8ff;text-shadow:none;}
body.page-pro .interstellar-badge{background:rgba(0,200,255,0.08);color:#00c8ff;border-color:rgba(0,200,255,0.25);}
body.page-pro .interstellar-link:hover{background:rgba(0,200,255,0.05);}
body.page-pro .interstellar-link-arrow{color:rgba(0,200,255,0.38);}
body.page-pro .chat-channel-tabs{border-bottom-color:rgba(0,200,255,0.15);}
body.page-pro .chat-ch-btn.active{color:#00c8ff;border-bottom-color:#00c8ff;background:rgba(0,200,255,0.07);}
body.page-pro .chat-ch-btn:hover:not(.active){color:rgba(0,200,255,0.55);}
body.page-pro .chat-messages::-webkit-scrollbar-thumb{background:rgba(0,200,255,0.18);}
body.page-pro .chat-input-row{border-top-color:rgba(0,200,255,0.13);}

/* Midnight: keep purple (native fit) */
body.page-midnight .interstellar-hdr{background:linear-gradient(90deg,rgba(160,32,240,0.28),rgba(80,0,200,0.18),rgba(120,0,240,0.18));border-bottom-color:rgba(160,32,240,0.3);border-top-color:rgba(160,32,240,0.15);}

/* Terminal: green */
body.page-terminal .interstellar-hdr{background:linear-gradient(90deg,rgba(0,180,60,0.18),rgba(0,120,40,0.10),rgba(0,200,68,0.12));border-bottom-color:rgba(0,255,68,0.2);border-top-color:rgba(0,255,68,0.1);}
body.page-terminal .interstellar-title{color:#00ff44;text-shadow:0 0 14px rgba(0,255,68,0.45);}
body.page-terminal .interstellar-badge{background:rgba(0,255,68,0.1);color:#00ff44;border-color:rgba(0,255,68,0.3);}
body.page-terminal .interstellar-link:hover{background:rgba(0,255,68,0.05);}
body.page-terminal .interstellar-link-arrow{color:rgba(0,255,68,0.4);}
body.page-terminal .chat-channel-tabs{border-bottom-color:rgba(0,255,68,0.2);}
body.page-terminal .chat-ch-btn.active{color:#00ff44;border-bottom-color:#00ff44;background:rgba(0,255,68,0.07);}
body.page-terminal .chat-ch-btn:hover:not(.active){color:rgba(0,255,68,0.6);}
body.page-terminal .chat-messages::-webkit-scrollbar-thumb{background:rgba(0,255,68,0.2);}
body.page-terminal .chat-input-row{border-top-color:rgba(0,255,68,0.15);}

/* Light: blue */
body.page-light .interstellar-hdr{background:linear-gradient(90deg,rgba(0,102,204,0.1),rgba(0,80,180,0.06),rgba(0,120,220,0.08));border-bottom-color:rgba(0,102,204,0.18);border-top-color:rgba(0,102,204,0.1);}
body.page-light .interstellar-title{color:#0066cc;text-shadow:none;}
body.page-light .interstellar-badge{background:rgba(0,102,204,0.08);color:#0066cc;border-color:rgba(0,102,204,0.25);}
body.page-light .interstellar-link:hover{background:rgba(0,102,204,0.05);}
body.page-light .interstellar-link-arrow{color:rgba(0,102,204,0.4);}
body.page-light .interstellar-link-name{color:rgba(15,23,42,0.85);}
body.page-light .interstellar-link-desc{color:rgba(15,23,42,0.4);}
body.page-light .chat-channel-tabs{border-bottom-color:rgba(0,102,204,0.18);}
body.page-light .chat-ch-btn.active{color:#0066cc;border-bottom-color:#0066cc;background:rgba(0,102,204,0.07);}
body.page-light .chat-ch-btn:hover:not(.active){color:rgba(0,102,204,0.6);}
body.page-light .chat-messages::-webkit-scrollbar-thumb{background:rgba(0,102,204,0.2);}
body.page-light .chat-input-row{border-top-color:rgba(0,102,204,0.14);}

/* ── Commander tab — page-light overrides ─────────────────────────────────── */
/* cmd-bridge stays dark in all themes (space cockpit aesthetic — intentional) */
body.page-light .cmd-stats-row{border-bottom-color:rgba(0,80,180,0.12);}
body.page-light .cmd-stat-card{background:rgba(0,80,180,0.03);border-right-color:rgba(0,80,180,0.1);}
body.page-light .cmd-stat-card:hover{background:rgba(0,80,180,0.07);}
body.page-light .cmd-sc-val{color:#0f172a;}
body.page-light .cmd-sc-lbl{color:rgba(0,80,180,0.6);}
body.page-light .cmd-sc-info-btn{color:rgba(0,80,180,0.3);}
body.page-light .cmd-sc-info-btn:hover{color:rgba(0,80,180,0.75);}
body.page-light .cmd-sc-info-bubble{background:rgba(240,248,255,0.97);border-color:rgba(0,80,180,0.2);color:#0f172a;}
body.page-light .cmd-left-combined{border-right-color:rgba(0,80,180,0.1);}
body.page-light .cmd-creator-controls{border-top-color:rgba(0,80,180,0.1);}
body.page-light .cmd-type-btn{background:rgba(0,80,180,0.04);border-color:rgba(0,80,180,0.18);color:rgba(0,80,180,0.6);}
body.page-light .cmd-type-btn.active,
body.page-light .cmd-type-btn:hover{background:rgba(0,80,180,0.12);border-color:rgba(0,80,180,0.45);color:#0050b4;}
body.page-light .cmd-sub-label{color:rgba(0,80,180,0.5);border-bottom-color:rgba(0,80,180,0.09);}
body.page-light .cmd-av-action-btn{background:rgba(0,80,180,0.08);border-color:rgba(0,80,180,0.3);color:#0050b4;}
body.page-light .cmd-av-action-btn:hover{background:rgba(0,80,180,0.16);box-shadow:0 0 14px rgba(0,80,180,0.12);}
body.page-light .cmd-outfit-btn{background:rgba(0,80,180,0.04);border-color:rgba(0,80,180,0.12);color:rgba(0,80,180,0.5);}
body.page-light .cmd-outfit-btn.active,
body.page-light .cmd-outfit-btn:hover{background:rgba(0,80,180,0.12);border-color:rgba(0,80,180,0.4);color:#0050b4;}
body.page-light .cmd-model-card{background:rgba(0,80,180,0.03);border-color:rgba(0,80,180,0.12);}
body.page-light .cmd-model-card.active,
body.page-light .cmd-model-card:hover{background:rgba(0,80,180,0.1);border-color:rgba(0,80,180,0.4);}
body.page-light .cmd-model-icon{color:rgba(0,80,180,0.7);}
body.page-light .cmd-model-name{color:rgba(15,23,42,0.85);}
body.page-light .cmd-model-sub{color:rgba(0,80,180,0.5);}
body.page-light .cmd-apply-btn{background:linear-gradient(135deg,rgba(0,80,180,0.12),rgba(100,50,200,0.12));border-color:rgba(0,80,180,0.4);color:#0050b4;}
body.page-light .cmd-apply-btn:hover{background:linear-gradient(135deg,rgba(0,80,180,0.2),rgba(100,50,200,0.2));box-shadow:0 0 18px rgba(0,80,180,0.12);}
body.page-light .cmd-av-reset-btn{border-color:rgba(15,23,42,0.12);color:rgba(15,23,42,0.35);}
body.page-light .cmd-av-reset-btn:hover{border-color:rgba(200,40,40,0.3);color:rgba(200,40,40,0.6);}
body.page-light .cmd-center-col{border-right-color:rgba(0,80,180,0.1);}
body.page-light .cmd-section-title{color:rgba(0,80,180,0.55);border-bottom-color:rgba(0,80,180,0.09);}
body.page-light .cmd-badge-card{background:rgba(0,80,180,0.04);border-color:rgba(0,80,180,0.14);}
body.page-light .cmd-badge-card:hover{border-color:rgba(0,80,180,0.35);box-shadow:0 0 12px rgba(0,80,180,0.08);}
body.page-light .cmd-badge-lbl{color:rgba(15,23,42,0.45);}
body.page-light .cmd-empty-msg{color:rgba(15,23,42,0.35);}
body.page-light .cmd-right-col{border-left-color:rgba(0,80,180,0.1);}
body.page-light .cmd-rcol-tabs{border-bottom-color:rgba(0,80,180,0.12);}
body.page-light .cmd-rcol-tab{color:rgba(15,23,42,0.35);}
body.page-light .cmd-rcol-tab:hover{color:rgba(15,23,42,0.7);}
body.page-light .cmd-rcol-tab.active{color:#0050b4;border-bottom-color:#0050b4;}
/* Exec log */
body.page-light .cmd-exec-header{color:rgba(0,80,180,0.45);border-bottom-color:rgba(0,80,180,0.1);}
body.page-light .cmd-exec-row{border-bottom-color:rgba(0,80,180,0.06);}
body.page-light .cmd-exec-row:hover{background:rgba(0,80,180,0.04);}
body.page-light .cmd-exec-pair{color:rgba(15,23,42,0.75);}
body.page-light .cmd-exec-price{color:rgba(15,23,42,0.55);}
body.page-light .cmd-exec-vol{color:rgba(15,23,42,0.35);}
body.page-light .cmd-exec-time{color:rgba(15,23,42,0.3);}
body.page-light .cmd-exec-ph-title{color:rgba(0,80,180,0.45);}
body.page-light .cmd-exec-ph-msg{color:rgba(15,23,42,0.35);}
/* Position cards */
body.page-light .cmd-pos-card{background:rgba(0,80,180,0.025);border-color:rgba(0,80,180,0.12);}
body.page-light .cmd-pos-card:hover{background:rgba(0,80,180,0.06);border-color:rgba(0,80,180,0.22);}
body.page-light .cmd-pos-card-sel{border-color:rgba(0,80,180,0.45)!important;background:rgba(0,80,180,0.07)!important;box-shadow:0 0 14px rgba(0,80,180,0.1)!important;}
body.page-light .cmd-pos-card-ticker{color:rgba(15,23,42,0.9);}
body.page-light .cmd-pos-cell-lbl{color:rgba(15,23,42,0.32);}
body.page-light .cmd-pos-cell-val{color:rgba(15,23,42,0.8);}
body.page-light .cmd-pos-acct-bar{color:rgba(15,23,42,0.6);border-top-color:rgba(0,80,180,0.08);}
body.page-light .cmd-pos-acct-lbl{color:rgba(15,23,42,0.32);}
body.page-light .cmd-pos-no-pos{color:rgba(15,23,42,0.3);}
body.page-light .cmd-pos-card-hint{color:rgba(15,23,42,0.22);}
body.page-light .cmd-pos-card-sel .cmd-pos-card-hint{color:rgba(0,80,180,0.5);}
body.page-light .cmd-positions-strip{background:rgba(0,80,180,0.03);border-color:rgba(0,80,180,0.1);}
body.page-light .cmd-pos-pill{background:rgba(0,80,180,0.06);border-color:rgba(0,80,180,0.15);color:rgba(15,23,42,0.65);}
/* VPS / svc admin cards */
body.page-light .cmd-admin-vps-health{background:rgba(240,246,255,0.85);border-color:rgba(0,80,180,0.15);}
body.page-light .cmd-vps-health-meta span{color:rgba(15,23,42,0.45);}
body.page-light .cmd-vps-health-meta b{color:#0050b4;}
body.page-light .cmd-vps-csv-btn{background:rgba(0,80,180,0.06);border-color:rgba(0,80,180,0.2);color:rgba(0,80,180,0.6);}
body.page-light .cmd-vps-csv-btn:hover{background:rgba(0,80,180,0.12);color:#0050b4;}
body.page-light .cmd-vps-signal-title{color:rgba(0,80,180,0.55);}
body.page-light .cmd-vps-signal-table td{color:rgba(15,23,42,0.6);}
body.page-light .cmd-vps-err-ts{color:rgba(15,23,42,0.35);}
body.page-light .cmd-svc-card{background:rgba(240,246,255,0.65);border-color:rgba(0,80,180,0.12);}
body.page-light .cmd-svc-name{color:rgba(0,80,180,0.8);}
body.page-light .cmd-svc-meta{color:rgba(15,23,42,0.45);}
body.page-light .cmd-svc-meta b{color:#0050b4;}
body.page-light .cmd-svc-csv-btn{background:rgba(0,80,180,0.05);border-color:rgba(0,80,180,0.18);color:rgba(0,80,180,0.55);}
body.page-light .cmd-svc-csv-btn:hover{background:rgba(0,80,180,0.12);color:#0050b4;}
body.page-light .cmd-ping-log{background:rgba(240,246,255,0.8);border-color:rgba(0,80,180,0.1);}
/* Performance chart */
body.page-light .cmd-chart-header{border-bottom-color:rgba(0,80,180,0.1);}
body.page-light .cmd-chart-title{color:rgba(15,23,42,0.8);}
body.page-light .cmd-period-btn{background:rgba(0,80,180,0.04);border-color:rgba(0,80,180,0.15);color:rgba(15,23,42,0.5);}
body.page-light .cmd-period-btn:hover{border-color:rgba(0,80,180,0.3);color:#0050b4;}
body.page-light .cmd-period-btn.active{background:rgba(0,80,180,0.12);border-color:rgba(0,80,180,0.4);color:#0050b4;}
body.page-light .cmd-activity-header{border-bottom-color:rgba(0,80,180,0.1);}
body.page-light .cmd-activity-sub{color:rgba(15,23,42,0.3);}
body.page-light .cmd-mode-btn{background:rgba(0,80,180,0.04);border-color:rgba(0,80,180,0.12);color:rgba(15,23,42,0.5);}
body.page-light .cmd-mode-btn:hover{background:rgba(0,80,180,0.08);color:rgba(0,80,180,0.8);}
/* Social / fleet pulse */
body.page-light .cmd-fleet-pulse{border-color:rgba(0,80,180,0.1);}
body.page-light .cmd-pulse-item:hover{background:rgba(0,80,180,0.04);}
body.page-light .cmd-pulse-name{color:rgba(15,23,42,0.8);}
body.page-light .cmd-pulse-type{color:rgba(0,80,180,0.55);}
body.page-light .cmd-pulse-ago{color:rgba(15,23,42,0.35);}
body.page-light .cmd-pulse-content{color:rgba(15,23,42,0.65);}
body.page-light .cmd-fleet-leaders{border-color:rgba(0,80,180,0.08);}
body.page-light .cmd-leader-row{border-bottom-color:rgba(0,80,180,0.06);}
body.page-light .cmd-leader-row:hover{background:rgba(0,80,180,0.04);}
body.page-light .cmd-leader-row.cmd-leader-you{background:rgba(0,80,180,0.06);}
body.page-light .cmd-leader-rank{color:rgba(15,23,42,0.4);}
body.page-light .cmd-leader-name{color:rgba(15,23,42,0.85);}
body.page-light .cmd-leader-pts{color:rgba(0,80,180,0.75);}
body.page-light .cmd-leader-title{color:rgba(15,23,42,0.4);}
/* Social / carousel */
body.page-light .cmd-carousel-arrow{background:rgba(0,80,180,0.05);border-color:rgba(0,80,180,0.15);color:rgba(0,80,180,0.5);}
body.page-light .cmd-carousel-arrow:hover:not(.disabled){color:#0050b4;border-color:rgba(0,80,180,0.45);}
body.page-light .cmd-social-refresh-btn{border-color:rgba(0,80,180,0.2);color:rgba(0,80,180,0.45);}
body.page-light .cmd-social-refresh-btn:hover{color:#0050b4;border-color:rgba(0,80,180,0.4);}
/* CIPHER-1 engine grid */
body.page-light .cmd-engine-grid{border-color:rgba(0,80,180,0.1);}
body.page-light .cmd-eng-lbl{color:rgba(15,23,42,0.65);}
body.page-light .cmd-eng-dot.eng-neutral{color:rgba(15,23,42,0.18);}
/* Chart context bar */
body.page-light .cmd-chart-context-bar{background:rgba(0,80,180,0.04);border-color:rgba(0,80,180,0.1);}
body.page-light .cmd-chart-context-lbl{color:rgba(15,23,42,0.55);}

/* Stealth: muted */
body.page-stealth .interstellar-hdr{background:rgba(10,12,22,0.6);border-bottom-color:rgba(40,50,70,0.25);border-top-color:rgba(40,50,70,0.15);}
body.page-stealth .interstellar-title{color:rgba(80,90,120,0.55);text-shadow:none;}
body.page-stealth .interstellar-badge{background:rgba(20,25,45,0.4);color:rgba(70,80,110,0.5);border-color:rgba(40,50,70,0.3);}
body.page-stealth .interstellar-link:hover{background:rgba(15,18,30,0.4);}
body.page-stealth .interstellar-link-arrow{color:rgba(60,70,95,0.35);}
body.page-stealth .interstellar-link-name{color:rgba(90,100,130,0.55);}
body.page-stealth .interstellar-link-desc{color:rgba(60,70,95,0.35);}

/* ── PAIR SEARCH ── */
.pair-search-input{background:rgba(0,200,255,0.05);border:1px solid rgba(0,200,255,0.15);border-radius:5px;padding:3px 8px;color:#e2e8f0;font-family:'JetBrains Mono',monospace;font-size:10px;outline:none;width:90px;transition:all 0.2s;}
.pair-search-input:focus{border-color:rgba(0,200,255,0.45);width:110px;background:rgba(0,200,255,0.08);}
.pair-search-input::placeholder{color:rgba(226,232,240,0.25);}

/* ── INTERSTELLAR CHAT ── */
.chat-channel-tabs{display:flex;gap:0;border-bottom:1px solid rgba(160,32,240,0.2);background:rgba(0,0,0,0.2);flex-shrink:0;}
.chat-ch-btn{flex:1;padding:9px 4px;font-family:'Orbitron',monospace;font-size:8px;font-weight:700;letter-spacing:0.5px;background:none;border:none;border-bottom:2px solid transparent;color:rgba(226,232,240,0.3);cursor:pointer;transition:all 0.2s;}
.chat-ch-btn.active{color:#e879f9;border-bottom-color:#e879f9;background:rgba(160,32,240,0.08);}
.chat-ch-btn:hover:not(.active){color:rgba(232,121,249,0.6);}
.chat-messages{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:0;}
.chat-messages::-webkit-scrollbar{width:4px;}
.chat-messages::-webkit-scrollbar-thumb{background:rgba(160,32,240,0.2);border-radius:2px;}
.chat-msg{display:flex;gap:9px;align-items:flex-start;}
.chat-msg.mine{flex-direction:row-reverse;}
.chat-msg-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;background:rgba(0,200,255,0.08);border:1px solid rgba(0,200,255,0.2);}
.chat-msg.mine .chat-msg-avatar{border-color:rgba(124,58,237,0.4);}
.chat-msg-bubble{max-width:75%;background:rgba(0,200,255,0.06);border:1px solid rgba(0,200,255,0.12);border-radius:10px 10px 10px 2px;padding:7px 10px;}
.chat-msg.mine .chat-msg-bubble{background:rgba(124,58,237,0.12);border-color:rgba(124,58,237,0.25);border-radius:10px 10px 2px 10px;}
.chat-msg.axiom .chat-msg-bubble{background:rgba(255,60,0,0.06);border-color:rgba(255,100,0,0.2);border-radius:10px 10px 10px 2px;}
.chat-msg-name{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(0,200,255,0.5);margin-bottom:3px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.chat-rank-badge{font-family:'Orbitron',monospace;font-size:7px;font-weight:700;letter-spacing:0.8px;padding:1px 5px;border-radius:3px;border:1px solid;line-height:1.6;white-space:nowrap;}
.chat-msg.mine .chat-msg-name{color:rgba(192,132,252,0.6);text-align:right;}
.chat-msg.axiom .chat-msg-name{color:rgba(255,140,0,0.7);}
.chat-msg-text{font-size:12px;color:rgba(226,232,240,0.85);line-height:1.5;word-break:break-word;}
.chat-msg-time{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(226,232,240,0.2);margin-top:3px;}
.chat-input-row{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(160,32,240,0.15);flex-shrink:0;background:rgba(0,0,0,0.2);}
.chat-input{flex:1;background:rgba(160,32,240,0.05);border:1px solid rgba(160,32,240,0.2);border-radius:8px;padding:8px 11px;color:#e2e8f0;font-family:'Inter',sans-serif;font-size:12px;outline:none;transition:border-color 0.2s;}
.chat-input:focus{border-color:rgba(232,121,249,0.4);}
.emoji-picker-wrap{position:relative;flex-shrink:0;}
.emoji-btn{background:transparent;border:none;font-size:17px;padding:4px 7px;cursor:pointer;border-radius:6px;transition:background 0.15s;line-height:1;flex-shrink:0;}
.emoji-btn:hover{background:rgba(255,255,255,0.08);}
.chat-emoji-grid{position:absolute;bottom:calc(100% + 8px);right:0;background:rgba(4,8,20,0.98);border:1px solid rgba(160,32,240,0.3);border-radius:12px;padding:8px;display:none;grid-template-columns:repeat(8,30px);gap:3px;z-index:620;backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(0,0,0,0.8);}
.chat-emoji-grid.open{display:grid;}
.chat-emoji-grid button{background:transparent;border:none;font-size:17px;width:30px;height:30px;border-radius:6px;cursor:pointer;transition:background 0.1s;padding:0;display:flex;align-items:center;justify-content:center;}
.chat-emoji-grid button:hover{background:rgba(160,32,240,0.2);}
.chat-send-btn{background:linear-gradient(135deg,rgba(160,32,240,0.6),rgba(0,200,255,0.4));border:none;border-radius:8px;padding:8px 14px;color:#fff;font-family:'Orbitron',monospace;font-size:9px;font-weight:700;cursor:pointer;letter-spacing:0.5px;transition:opacity 0.2s;}
.chat-send-btn:hover{opacity:0.85;}
.chat-online-bar{padding:6px 12px;background:rgba(0,0,0,0.15);border-bottom:1px solid rgba(160,32,240,0.12);display:flex;align-items:center;gap:6px;flex-shrink:0;}
.chat-online-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px rgba(0,255,136,0.6);}
.chat-online-lbl{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(226,232,240,0.3);}
.axiom-banner{padding:7px 12px;background:rgba(255,80,0,0.06);border-bottom:1px solid rgba(255,100,0,0.15);display:flex;align-items:center;gap:8px;flex-shrink:0;}
.axiom-icon{font-size:14px;}
.axiom-label{font-family:'Orbitron',monospace;font-size:9px;color:rgba(255,140,0,0.8);letter-spacing:1px;}
.axiom-desc{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(226,232,240,0.3);margin-left:auto;}
.chat-strike-warn{background:rgba(255,80,0,0.1);border:1px solid rgba(255,100,0,0.3);border-radius:6px;padding:8px 12px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--orange);margin:6px 12px;flex-shrink:0;display:none;}
.chat-mod-btn{padding:2px 8px;border-radius:4px;font-size:8px;font-family:'JetBrains Mono',monospace;font-weight:700;letter-spacing:1px;border:1px solid rgba(240,80,80,0.35);background:rgba(240,80,80,0.08);color:rgba(240,120,100,0.8);cursor:pointer;transition:all 0.15s;display:none;}
.chat-mod-btn:hover{border-color:rgba(240,80,80,0.6);color:rgba(240,80,80,1);}
.chat-mod-drawer{background:rgba(240,80,80,0.04);border-bottom:1px solid rgba(240,80,80,0.12);padding:10px 14px;flex-shrink:0;display:none;}
.msg-mod-btn{padding:1px 6px;font-size:8px;font-family:'JetBrains Mono',monospace;border:1px solid rgba(240,80,80,0.25);background:none;color:rgba(240,80,80,0.5);border-radius:3px;cursor:pointer;margin-left:6px;vertical-align:middle;transition:all 0.15s;}
.msg-mod-btn:hover{border-color:rgba(240,80,80,0.6);color:rgba(240,80,80,0.9);}
#mod-strike-modal{display:none;position:fixed;inset:0;z-index:9800;background:rgba(0,0,0,0.8);align-items:center;justify-content:center;}
#mod-strike-inner{background:#0a0c18;border:1px solid rgba(240,80,80,0.25);border-radius:10px;padding:20px;width:300px;max-width:92vw;}
#officer-tour-modal{display:none;position:fixed;inset:0;z-index:9950;background:rgba(0,0,0,0.88);backdrop-filter:blur(6px);align-items:center;justify-content:center;}
#officer-tour-inner{background:linear-gradient(145deg,#0a0c18,#08091a);border:1px solid rgba(0,200,255,0.2);border-radius:14px;padding:28px 24px 20px;width:360px;max-width:93vw;box-shadow:0 0 60px rgba(0,200,255,0.06);text-align:center;}
.tour-dot{width:7px;height:7px;border-radius:50%;background:rgba(226,232,240,0.15);border:1px solid rgba(226,232,240,0.2);cursor:pointer;transition:all 0.2s;}
.tour-dot.active{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 6px rgba(0,200,255,0.5);}
.game-sel-btn.beta{color:rgba(250,200,60,0.65);border-color:rgba(250,200,60,0.2);}
.game-sel-btn.beta:hover,.game-sel-btn.beta.active{color:rgba(250,200,60,1);border-color:rgba(250,200,60,0.6);background:rgba(250,200,60,0.06);}

/* ── REFERRALS PANEL ── */
.ref-hero{padding:20px;background:linear-gradient(135deg,rgba(160,32,240,0.12),rgba(0,200,255,0.06));border-bottom:1px solid rgba(160,32,240,0.15);text-align:center;}
.ref-code-box{background:rgba(0,0,0,0.3);border:1px solid rgba(0,200,255,0.25);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;margin:12px 0;}
.ref-code-val{font-family:'Orbitron',monospace;font-size:13px;color:var(--cyan);font-weight:700;letter-spacing:2px;flex:1;}
.ref-copy-btn{background:rgba(0,200,255,0.1);border:1px solid rgba(0,200,255,0.3);border-radius:5px;color:var(--cyan);font-size:11px;padding:4px 10px;cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;}
.ref-copy-btn:hover{background:rgba(0,200,255,0.2);}
.ref-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;}
.ref-stat{background:rgba(0,0,0,0.2);border-radius:6px;padding:8px;text-align:center;border:1px solid rgba(160,32,240,0.12);}
.ref-stat-num{font-family:'Orbitron',monospace;font-size:16px;font-weight:700;color:#e879f9;}
.ref-stat-lbl{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(226,232,240,0.3);margin-top:2px;}
.redeem-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(160,32,240,0.08);}
.redeem-item:last-child{border-bottom:none;}
.redeem-icon{font-size:20px;flex-shrink:0;}
.redeem-info{flex:1;}
.redeem-name{font-size:12px;color:rgba(226,232,240,0.8);font-weight:600;}
.redeem-desc{font-size:10px;color:rgba(226,232,240,0.3);margin-top:1px;}
.redeem-cost{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--cyan);margin-right:4px;flex-shrink:0;}
.redeem-btn{background:rgba(0,200,255,0.08);border:1px solid rgba(0,200,255,0.2);border-radius:5px;color:rgba(0,200,255,0.6);font-size:9px;padding:3px 9px;cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all 0.2s;white-space:nowrap;}
.redeem-btn:hover{background:rgba(0,200,255,0.15);color:var(--cyan);border-color:rgba(0,200,255,0.4);}
.redeem-btn:disabled{opacity:0.3;cursor:not-allowed;}
.leaderboard-row{display:flex;align-items:center;gap:8px;padding:7px 14px;border-bottom:1px solid rgba(160,32,240,0.06);}
.lb-rank{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;width:20px;color:rgba(226,232,240,0.3);}
.lb-rank.gold{color:var(--yellow);}
.lb-rank.silver{color:rgba(200,200,200,0.8);}
.lb-rank.bronze{color:rgba(205,127,50,0.9);}
.lb-av{font-size:18px;width:26px;text-align:center;}
.lb-name{font-size:11px;font-family:'JetBrains Mono',monospace;color:rgba(226,232,240,0.7);flex:1;}
.lb-pts{font-family:'Orbitron',monospace;font-size:11px;color:var(--cyan);}

/* ── Demo Mode ─────────────────────────────────────────────────────────── */
#demo-banner{display:none;position:fixed;top:0;left:0;right:0;z-index:99999;height:38px;background:linear-gradient(90deg,#0a0018,#160030,#0a0018);border-bottom:1px solid rgba(160,80,255,0.35);align-items:center;justify-content:space-between;padding:0 18px;font-family:'JetBrains Mono',monospace;font-size:11px;}
body.demo-mode #demo-banner{display:flex;}
body.demo-mode{padding-top:38px;}
.demo-badge{background:rgba(160,80,255,0.15);border:1px solid rgba(160,80,255,0.4);border-radius:4px;padding:3px 8px;color:#c4a0ff;letter-spacing:1.5px;font-size:9px;font-weight:700;}
.demo-banner-msg{color:rgba(226,232,240,0.55);font-size:10px;letter-spacing:.5px;}
.demo-subscribe-btn{background:linear-gradient(135deg,rgba(160,80,255,0.2),rgba(120,60,220,0.15));border:1px solid rgba(160,80,255,0.5);border-radius:6px;padding:5px 14px;color:#c4a0ff;font-family:'Orbitron',monospace;font-size:9px;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:all .2s;}
.demo-subscribe-btn:hover{background:rgba(160,80,255,0.3);border-color:#a050ff;color:#fff;}
#demo-gate-modal{display:none;position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,0.82);backdrop-filter:blur(14px);align-items:center;justify-content:center;}
#demo-gate-modal.open{display:flex;}
.demo-gate-card{background:linear-gradient(160deg,#0d0020,#060015);border:1px solid rgba(160,80,255,0.25);border-radius:20px;padding:48px 44px;max-width:440px;width:90%;text-align:center;position:relative;}
.demo-gate-orb{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(160,80,255,0.6),rgba(80,20,200,0.3));box-shadow:0 0 40px rgba(160,80,255,0.3);margin:0 auto 24px;animation:demo-orb-pulse 3s ease-in-out infinite;}
@keyframes demo-orb-pulse{0%,100%{box-shadow:0 0 30px rgba(160,80,255,0.3);}50%{box-shadow:0 0 60px rgba(160,80,255,0.5);}}
.demo-gate-eyebrow{font-family:'Orbitron',monospace;font-size:9px;letter-spacing:3px;color:rgba(160,80,255,0.6);margin-bottom:14px;text-transform:uppercase;}
.demo-gate-title{font-family:'Orbitron',monospace;font-size:22px;font-weight:900;color:rgba(226,232,240,0.95);margin-bottom:14px;line-height:1.3;}
.demo-gate-body{font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(226,232,240,0.5);line-height:1.8;margin-bottom:32px;}
.demo-gate-cta{display:block;width:100%;padding:15px;background:linear-gradient(135deg,rgba(160,80,255,0.2),rgba(120,60,220,0.15));border:1px solid rgba(160,80,255,0.45);border-radius:10px;color:#c4a0ff;font-family:'Orbitron',monospace;font-size:11px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .25s;margin-bottom:12px;text-decoration:none;}
.demo-gate-cta:hover{background:rgba(160,80,255,0.3);border-color:#a050ff;color:#fff;box-shadow:0 0 24px rgba(160,80,255,0.2);}
.demo-gate-dismiss{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(226,232,240,0.25);cursor:pointer;letter-spacing:.5px;background:none;border:none;padding:4px 8px;}
.demo-gate-dismiss:hover{color:rgba(226,232,240,0.5);}
.demo-gate-close{position:absolute;top:16px;right:18px;background:none;border:none;color:rgba(226,232,240,0.3);font-size:18px;cursor:pointer;line-height:1;}
.demo-gate-close:hover{color:rgba(226,232,240,0.7);}

/* ═══ CIPHER-1 CHART ENGINE ═══ */
.cipher-toolbar{display:flex;align-items:center;gap:10px;padding:7px 12px;background:rgba(0,5,20,0.95);border-bottom:1px solid rgba(0,200,255,0.13);flex-shrink:0;}
.cipher-toolbar-label{font-family:'Orbitron',monospace;font-size:11px;color:var(--cyan);letter-spacing:2px;font-weight:700;white-space:nowrap;}
#cipher-pair-sel{background:rgba(0,200,255,0.06);border:1px solid rgba(0,200,255,0.2);border-radius:6px;color:var(--cyan);font-family:'JetBrains Mono',monospace;font-size:11px;padding:3px 7px;cursor:pointer;outline:none;}
.cipher-tf-btns{display:flex;gap:3px;flex-shrink:0;}
.cipher-tf-btn{background:rgba(0,200,255,0.05);border:1px solid rgba(0,200,255,0.15);border-radius:5px;color:rgba(0,200,255,0.45);font-family:'JetBrains Mono',monospace;font-size:10px;padding:3px 8px;cursor:pointer;transition:all .15s;}
.cipher-tf-btn.active,.cipher-tf-btn:hover{background:rgba(0,200,255,0.15);border-color:rgba(0,200,255,0.5);color:var(--cyan);}
.cipher-live-dot{width:7px;height:7px;border-radius:50%;background:#00ff88;box-shadow:0 0 6px #00ff88;animation:pulse2 1.8s ease-in-out infinite;flex-shrink:0;}
.cipher-dashboard{width:188px;flex-shrink:0;background:rgba(2,2,10,0.98);border-left:1px solid rgba(0,200,255,0.1);padding:10px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;}
.cipher-dash-hdr{font-family:'Orbitron',monospace;font-size:9px;letter-spacing:2px;color:var(--cyan);text-align:center;padding:6px 4px;background:rgba(0,30,80,0.7);border-radius:6px;margin-bottom:4px;border:1px solid rgba(0,200,255,0.1);}
.cipher-engine-row{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(226,232,240,0.5);background:rgba(255,255,255,0.015);transition:background .2s;}
.cipher-engine-row .ce-val{font-size:13px;line-height:1;}
.cipher-signal-banner{text-align:center;padding:7px 4px;border-radius:6px;font-family:'Orbitron',monospace;font-size:9px;letter-spacing:1.5px;font-weight:700;background:rgba(0,30,60,0.5);color:rgba(0,200,255,0.5);margin-top:6px;border:1px solid rgba(0,200,255,0.1);transition:all .3s;}
.cipher-signal-banner.bull{background:rgba(0,160,80,0.18);color:#00ff88;border-color:rgba(0,255,136,0.25);box-shadow:0 0 14px rgba(0,255,136,0.08);}
.cipher-signal-banner.bear{background:rgba(180,20,40,0.18);color:#ff4466;border-color:rgba(255,68,102,0.25);}
.cipher-pos-row{text-align:center;padding:5px;font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(226,232,240,0.35);}
.cipher-ovl-row{border-top:1px solid rgba(0,200,255,0.08);margin-top:6px;padding-top:12px;}
.cipher-ovl-label{font-size:9px;color:rgba(0,200,255,0.35);font-family:monospace;text-align:center;letter-spacing:1px;margin-bottom:5px;}
.cipher-ovl-btns{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;}
.cipher-ovl-btn{background:rgba(0,200,255,0.05);border:1px solid rgba(0,200,255,0.15);border-radius:4px;color:rgba(0,200,255,0.4);font-family:'JetBrains Mono',monospace;font-size:9px;padding:3px 7px;cursor:pointer;transition:all .15s;}
.cipher-ovl-btn.active{background:rgba(0,200,255,0.18);color:var(--cyan);border-color:rgba(0,200,255,0.45);}
.cipher-status-note{font-size:9px;color:rgba(0,200,255,0.25);font-family:monospace;text-align:center;margin-top:4px;line-height:1.5;}
.cipher-draw-grp{display:flex;gap:3px;flex-shrink:0;}
.cipher-draw-btn{background:rgba(0,200,255,0.05);border:1px solid rgba(0,200,255,0.15);border-radius:5px;color:rgba(0,200,255,0.5);font-size:13px;padding:2px 8px;cursor:pointer;transition:all .15s;line-height:1.4;}
.cipher-draw-btn:hover,.cipher-draw-btn.active{background:rgba(0,200,255,0.18);border-color:rgba(0,200,255,0.55);color:var(--cyan);}
.cd-cat{font-size:9px;font-family:'JetBrains Mono',monospace;color:rgba(0,200,255,0.5);letter-spacing:1px;padding:5px 12px 3px;background:rgba(0,200,255,0.03);border-top:1px solid rgba(0,200,255,0.07);text-transform:uppercase;}
.cd-row{display:flex;justify-content:space-between;align-items:center;padding:2px 12px;font-size:9px;font-family:'JetBrains Mono',monospace;border-bottom:1px solid rgba(255,255,255,0.02);}
.cd-key{color:rgba(226,232,240,0.35);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cd-val{color:rgba(226,232,240,0.75);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:6px;}
.cd-val.bull{color:rgba(0,255,136,0.9);}
.cd-val.bear{color:rgba(255,68,102,0.9);}
.cd-val.warn{color:rgba(255,180,0,0.9);}
.cipher-vol-section{border-top:1px solid rgba(0,200,255,0.08);margin-top:18px;padding-top:8px;}
#cipher-vol-canvas{width:100%;height:90px;display:block;border-radius:3px;background:rgba(0,5,18,0.4);margin-top:4px;}
/* ── Ticker stats bar ────────────────────────────────────── */
.cipher-stats-bar{display:flex;align-items:center;gap:7px;padding:4px 12px;background:rgba(0,200,255,0.04);border-bottom:1px solid rgba(0,200,255,0.08);font-family:'JetBrains Mono',monospace;font-size:9px;flex-shrink:0;white-space:nowrap;overflow:hidden;}
.c1-ver-lbl{font-size:8px;color:rgba(0,200,255,0.22);letter-spacing:0.3px;margin-left:auto;flex-shrink:0;}
.c1-cal-wrap{flex-shrink:0;display:inline-flex;align-items:center;}
.c1-cal-btn{background:none;border:none;color:rgba(0,200,255,0.38);font-size:11px;cursor:pointer;padding:0 2px;line-height:1;vertical-align:middle;transition:color 0.15s;}
.c1-cal-btn:hover{color:rgba(0,200,255,0.9);}
/* Calibration modal */
#c1-cal-modal{position:fixed;inset:0;z-index:9100;display:none;align-items:center;justify-content:center;}
#c1-cal-modal.open{display:flex;}
#c1-cal-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.72);}
#c1-cal-modal-box{position:relative;z-index:1;width:min(480px,92vw);max-height:80vh;overflow-y:auto;background:rgba(4,8,20,0.98);border:1px solid rgba(0,200,255,0.22);border-radius:14px;padding:20px 22px 18px;box-shadow:0 16px 60px rgba(0,0,0,0.85);font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(226,232,240,0.6);line-height:1.7;}
#c1-cal-modal-box::-webkit-scrollbar{width:4px;}
#c1-cal-modal-box::-webkit-scrollbar-thumb{background:rgba(0,200,255,0.18);border-radius:2px;}
.c1-cal-modal-title{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;color:rgba(0,200,255,0.8);letter-spacing:2px;margin-bottom:4px;}
.c1-cal-modal-close{position:absolute;top:14px;right:16px;background:none;border:none;color:rgba(226,232,240,0.3);font-size:16px;cursor:pointer;line-height:1;padding:2px 5px;border-radius:4px;transition:color 0.15s;}
.c1-cal-modal-close:hover{color:rgba(255,80,100,0.8);}
.c1-cal-entry{border:1px solid rgba(0,200,255,0.1);border-radius:8px;padding:12px 14px;margin-bottom:12px;}
.c1-cal-entry:last-child{margin-bottom:0;}
.c1-cal-entry-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.c1-cal-entry-ver{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;color:rgba(0,200,255,0.65);letter-spacing:1px;}
.c1-cal-entry-date{color:rgba(0,200,255,0.4);font-size:8px;}
.c1-cal-entry-summary{color:rgba(226,232,240,0.45);font-size:8.5px;margin-bottom:8px;line-height:1.6;}
.c1-cal-row{display:flex;gap:8px;margin-bottom:3px;font-size:8.5px;}
.c1-cal-row b{color:rgba(255,200,80,0.7);flex-shrink:0;min-width:90px;}
.c1-cal-row span{color:rgba(226,232,240,0.55);}
.c1-cal-stat{display:inline-block;background:rgba(0,200,255,0.06);border:1px solid rgba(0,200,255,0.1);border-radius:4px;padding:2px 7px;margin:3px 3px 0 0;font-size:7.5px;color:rgba(0,200,255,0.5);}
.c1-cal-entry-tags{display:flex;flex-wrap:wrap;margin-top:8px;}
.c1-cal-tag{display:inline-block;background:rgba(0,200,255,0.08);border:1px solid rgba(0,200,255,0.2);border-radius:4px;padding:2px 8px;margin:3px 3px 0 0;font-size:7.5px;color:rgba(0,200,255,0.7);letter-spacing:.3px;}
.cstat-sym{color:var(--cyan);font-weight:700;letter-spacing:1px;font-size:10px;}
.cstat-sep{color:rgba(0,200,255,0.18);}
.cstat-lbl{color:rgba(0,200,255,0.4);}
.cstat-val{color:rgba(226,232,240,0.65);font-variant-numeric:tabular-nums;}
.cstat-diff{font-variant-numeric:tabular-nums;font-weight:700;}
.cstat-diff.bull{color:#00ff88;}
.cstat-diff.bear{color:#ff4466;}
/* ── Overview section ───────────────────────────────────── */
#overview-section{border-top:1px solid rgba(255,255,255,0.07);margin-top:10px;padding-top:0;}
.ov-header{padding:9px 14px 7px;background:rgba(0,200,255,0.04);border-bottom:1px solid rgba(0,200,255,0.08);display:flex;align-items:center;gap:8px;}
.ov-title{font-family:'Orbitron',monospace;font-size:10px;letter-spacing:1.5px;color:var(--cyan);}
.ov-type-badge{font-family:'JetBrains Mono',monospace;font-size:8px;padding:2px 7px;border-radius:10px;background:rgba(0,200,255,0.1);border:1px solid rgba(0,200,255,0.2);color:rgba(0,200,255,0.7);letter-spacing:.5px;white-space:nowrap;}
.ov-type-badge.meme{background:rgba(255,180,0,0.1);border-color:rgba(255,180,0,0.25);color:rgba(255,200,0,0.8);}
.ov-type-badge.defi{background:rgba(120,60,255,0.1);border-color:rgba(120,60,255,0.25);color:rgba(170,120,255,0.8);}
.ov-type-badge.l1{background:rgba(0,200,255,0.1);border-color:rgba(0,200,255,0.25);color:rgba(0,200,255,0.8);}
.ov-type-badge.l2{background:rgba(0,160,200,0.1);border-color:rgba(0,160,200,0.25);color:rgba(0,180,220,0.8);}
.ov-body{padding:10px 14px;}
.ov-desc{font-size:10px;color:rgba(226,232,240,0.6);line-height:1.65;margin-bottom:10px;}
.ov-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.ov-link{font-family:'JetBrains Mono',monospace;font-size:8px;padding:3px 9px;border-radius:5px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);color:rgba(226,232,240,0.5);text-decoration:none;cursor:pointer;transition:all .15s;white-space:nowrap;}
.ov-link:hover{background:rgba(0,200,255,0.08);border-color:rgba(0,200,255,0.25);color:var(--cyan);}
.ov-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;}
.ov-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid rgba(255,255,255,0.03);font-family:'JetBrains Mono',monospace;font-size:9px;}
.ov-key{color:rgba(226,232,240,0.3);}
.ov-val{color:rgba(226,232,240,0.75);text-align:right;}
.ov-val.bull{color:#00ff88;}
.ov-val.bear{color:#ff4466;}
.ov-val.warn{color:rgba(255,180,0,0.9);}
.ov-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;}
.ov-tag{font-size:8px;font-family:'JetBrains Mono',monospace;padding:2px 7px;border-radius:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:rgba(226,232,240,0.35);}

/* ── DOS Terminal Tab ── */
#dos-panel{display:none;flex:1;flex-direction:column;overflow:hidden;min-height:0;background:#02040a;font-family:'JetBrains Mono','Courier New',monospace;}
.dos-output{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:0;min-height:0;}
.dos-output::-webkit-scrollbar{width:4px;}
.dos-output::-webkit-scrollbar-thumb{background:rgba(0,255,136,0.2);border-radius:2px;}
#dos-lines{margin-top:auto;padding:14px 16px 6px;font-size:12px;line-height:1.7;color:#00ff88;word-break:break-word;width:100%;box-sizing:border-box;}
.dos-line{margin:0;padding:0;}
.dos-line.sys{color:rgba(0,200,255,0.75);}
.dos-line.warn{color:rgba(255,180,0,0.85);}
.dos-line.err{color:rgba(255,60,80,0.85);}
.dos-line.dim{color:rgba(0,255,136,0.3);}
.dos-line.gold{color:rgba(255,200,30,0.9);}
.dos-line.white{color:rgba(226,232,240,0.8);}
.dos-line.cyan{color:rgba(0,200,255,0.9);}
.dos-line.purple{color:rgba(180,100,255,0.9);}
.dos-line.white{color:rgba(226,232,240,0.88);}
.dos-line.blank{color:transparent;user-select:none;}
.dos-input-row{display:flex;align-items:center;padding:8px 16px 12px;border-top:1px solid rgba(0,255,136,0.1);gap:8px;flex-shrink:0;}
.dos-prompt{color:rgba(0,200,255,0.7);font-family:'JetBrains Mono',monospace;font-size:12px;white-space:nowrap;flex-shrink:0;}
.dos-input{flex:1;background:transparent;border:none;outline:none;color:#00ff88;font-family:'JetBrains Mono',monospace;font-size:12px;caret-color:#00ff88;}
.dos-input::placeholder{color:rgba(0,255,136,0.18);}
.dos-admin-badge{display:inline-block;font-size:8px;padding:1px 6px;border-radius:3px;background:rgba(255,200,30,0.12);border:1px solid rgba(255,200,30,0.3);color:rgba(255,200,30,0.9);letter-spacing:.5px;vertical-align:middle;margin-left:6px;}

/* ── Station OS v4.0 — Split Monitor ── */
#dos-output-wrap{display:flex;flex:1;min-height:0;overflow:hidden;}
#dos-split-pane{
  width:160px;flex-shrink:0;
  background:#020508;
  border-left:1px solid rgba(0,200,255,0.15);
  padding:10px 8px;
  overflow:hidden;
  font-family:'JetBrains Mono',monospace;
  font-size:8.5px;
  color:rgba(226,232,240,0.45);
  display:none; /* shown via SPLIT ON */
  flex-direction:column;
  gap:2px;
  position:relative;
}
.dos-split-header{
  color:rgba(0,200,255,0.6);
  font-size:8px;
  letter-spacing:1px;
  border-bottom:1px solid rgba(0,200,255,0.18);
  padding-bottom:5px;
  margin-bottom:6px;
}
.dos-split-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;}
.dos-split-lbl{color:rgba(226,232,240,0.3);font-size:8px;}
.dos-split-val{font-size:8px;}
.dos-split-sep{border-top:1px solid rgba(0,200,255,0.08);margin:5px 0;}

/* ── Intel Tab ── */
#intel-panel{display:none;flex:1;flex-direction:column;overflow:hidden;background:#03060f;}
.intel-toolbar{padding:10px 14px 8px;border-bottom:1px solid rgba(0,200,255,0.08);display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0;}
.intel-search{flex:1;min-width:120px;padding:5px 10px;background:rgba(0,200,255,0.05);border:1px solid rgba(0,200,255,0.15);border-radius:6px;color:rgba(226,232,240,0.8);font-size:11px;font-family:'JetBrains Mono',monospace;outline:none;}
.intel-search::placeholder{color:rgba(0,200,255,0.22);}
.intel-cat-pills{display:flex;gap:5px;flex-wrap:wrap;}
.intel-cat{font-size:9px;font-family:'JetBrains Mono',monospace;padding:3px 9px;border-radius:20px;border:1px solid rgba(0,200,255,0.18);background:transparent;color:rgba(0,200,255,0.45);cursor:pointer;transition:all 0.18s;letter-spacing:.3px;white-space:nowrap;}
.intel-cat.active,.intel-cat:hover{background:rgba(0,200,255,0.1);border-color:rgba(0,200,255,0.5);color:rgba(0,200,255,0.95);}
.intel-refresh-btn{font-size:9px;font-family:'JetBrains Mono',monospace;padding:4px 10px;border-radius:6px;border:1px solid rgba(0,200,255,0.2);background:transparent;color:rgba(0,200,255,0.5);cursor:pointer;flex-shrink:0;transition:all 0.2s;}
.intel-refresh-btn:hover{background:rgba(0,200,255,0.08);color:rgba(0,200,255,0.9);}
.intel-feed{flex:1;overflow-y:auto;padding:12px 14px;}
.intel-feed::-webkit-scrollbar{width:4px;}
.intel-feed::-webkit-scrollbar-thumb{background:rgba(0,200,255,0.15);border-radius:2px;}
.intel-featured{background:rgba(0,200,255,0.04);border:1px solid rgba(0,200,255,0.14);border-radius:10px;padding:16px;margin-bottom:14px;cursor:pointer;transition:all 0.2s;}
.intel-featured:hover{background:rgba(0,200,255,0.08);border-color:rgba(0,200,255,0.28);}
.intel-featured-label{font-size:8px;font-family:'JetBrains Mono',monospace;color:rgba(0,200,255,0.5);letter-spacing:2px;margin-bottom:8px;}
.intel-featured-title{font-size:14px;font-weight:700;color:#e2e8f0;line-height:1.4;margin-bottom:8px;}
.intel-featured-meta{font-size:9px;font-family:'JetBrains Mono',monospace;color:rgba(226,232,240,0.3);display:flex;gap:10px;flex-wrap:wrap;}
.intel-featured-summary{font-size:11px;color:rgba(226,232,240,0.5);line-height:1.6;margin-top:8px;}
.intel-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
@media(max-width:600px){.intel-grid{grid-template-columns:1fr;}}
.intel-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:11px 12px;cursor:pointer;transition:all 0.18s;}
.intel-card:hover{background:rgba(0,200,255,0.05);border-color:rgba(0,200,255,0.2);}
.intel-card-cat{font-size:7.5px;font-family:'JetBrains Mono',monospace;letter-spacing:1.2px;margin-bottom:5px;}
.intel-card-title{font-size:11px;font-weight:600;color:rgba(226,232,240,0.85);line-height:1.45;margin-bottom:6px;}
.intel-card-meta{font-size:9px;font-family:'JetBrains Mono',monospace;color:rgba(226,232,240,0.2);}
.intel-empty{text-align:center;padding:40px 20px;color:rgba(0,200,255,0.25);font-family:'JetBrains Mono',monospace;font-size:11px;}
.intel-footer-bar{padding:6px 14px;border-top:1px solid rgba(0,200,255,0.06);font-size:9px;font-family:'JetBrains Mono',monospace;color:rgba(0,200,255,0.25);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;}
/* Intel list — article images */
.intel-featured-img{width:100%;max-height:180px;object-fit:cover;border-radius:6px;margin:8px 0;display:block;}
.intel-card-imgwrap{height:90px;border-radius:6px 6px 0 0;overflow:hidden;margin:-12px -12px 8px;}
.intel-card-img{width:100%;height:100%;object-fit:cover;display:block;}
/* Intel inline reader */
.intel-reader{flex:1;overflow-y:auto;flex-direction:column;background:#03060f;}
.intel-reader::-webkit-scrollbar{width:4px;}
.intel-reader::-webkit-scrollbar-thumb{background:rgba(0,200,255,0.15);border-radius:2px;}
.intel-reader-back-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(0,200,255,0.08);background:#03060f;position:sticky;top:0;z-index:2;flex-shrink:0;}
.intel-reader-back{background:none;border:1px solid rgba(0,200,255,0.2);border-radius:6px;color:rgba(0,200,255,0.7);font-family:'JetBrains Mono',monospace;font-size:10px;padding:5px 12px;cursor:pointer;letter-spacing:0.5px;transition:all 0.15s;}
.intel-reader-back:hover{background:rgba(0,200,255,0.08);color:rgba(0,200,255,1);}
.intel-reader-inner{padding:20px 18px 32px;overflow-y:auto;flex:1;}
.intel-reader-meta{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(226,232,240,0.35);letter-spacing:0.5px;margin-bottom:10px;}
.intel-reader-title{font-size:17px;font-weight:700;color:#e2e8f0;line-height:1.4;margin:0 0 16px;}
.intel-reader-imgwrap{margin-bottom:16px;border-radius:8px;overflow:hidden;}
.intel-reader-img{width:100%;max-height:260px;object-fit:cover;display:block;}
.intel-reader-body{font-size:13px;line-height:1.8;color:rgba(226,232,240,0.78);}
.intel-reader-body p{margin:0 0 14px;}
.intel-reader-body h1,.intel-reader-body h2,.intel-reader-body h3,.intel-reader-body h4{color:#e2e8f0;margin:18px 0 8px;font-size:14px;font-weight:600;}
.intel-reader-body a{color:rgba(0,200,255,0.8);text-decoration:none;}
.intel-reader-body a:hover{text-decoration:underline;}
.intel-reader-body img{max-width:100%;height:auto;border-radius:6px;margin:8px 0;display:block;}
.intel-reader-body blockquote{border-left:2px solid rgba(0,200,255,0.3);margin:12px 0;padding:8px 14px;color:rgba(226,232,240,0.55);font-style:italic;}
.intel-reader-body ul,.intel-reader-body ol{padding-left:20px;margin:0 0 14px;}
.intel-reader-body li{margin-bottom:4px;}
.intel-reader-body figure{margin:12px 0;}
.intel-reader-body figure img{max-width:100%;border-radius:6px;}
.intel-reader-reflinks{margin-top:24px;padding-top:16px;border-top:1px solid rgba(226,232,240,0.05);}
.intel-reader-reflabel{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(226,232,240,0.28);letter-spacing:1px;margin-bottom:8px;}
.intel-reader-reflink{display:block;font-size:11px;color:rgba(0,200,255,0.55);text-decoration:none;padding:4px 0;border-bottom:1px solid rgba(226,232,240,0.04);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.intel-reader-reflink:hover{color:rgba(0,200,255,0.9);}
.intel-reader-extlink-wrap{margin-top:28px;padding-top:20px;border-top:1px solid rgba(0,200,255,0.08);text-align:center;}
.intel-reader-extlink{display:inline-block;background:rgba(0,200,255,0.07);border:1px solid rgba(0,200,255,0.2);border-radius:8px;padding:10px 20px;color:rgba(0,200,255,0.8);text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.5px;transition:all 0.15s;}
.intel-reader-extlink:hover{background:rgba(0,200,255,0.14);color:rgba(0,200,255,1);border-color:rgba(0,200,255,0.4);}
.intel-full-loading{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(0,200,255,0.35);padding:14px 0 4px;text-align:center;animation:intel-blink 1.4s step-end infinite;}
@keyframes intel-blink{0%,100%{opacity:1}50%{opacity:0.15}}

/* Intel category colours */
.intel-cat-color-btc{color:rgba(255,170,0,0.85);}.intel-card-cat.btc{color:rgba(255,170,0,0.85);}
.intel-cat-color-eth{color:rgba(100,150,255,0.85);}.intel-card-cat.eth{color:rgba(100,150,255,0.85);}
.intel-cat-color-defi{color:rgba(0,255,136,0.8);}.intel-card-cat.defi{color:rgba(0,255,136,0.8);}
.intel-cat-color-reg{color:rgba(255,80,80,0.8);}.intel-card-cat.reg{color:rgba(255,80,80,0.8);}
.intel-cat-color-markets{color:rgba(0,200,255,0.85);}.intel-card-cat.markets{color:rgba(0,200,255,0.85);}
.intel-cat-color-alts{color:rgba(200,100,255,0.85);}.intel-card-cat.alts{color:rgba(200,100,255,0.85);}
.intel-cat-color-tech{color:rgba(100,220,255,0.8);}.intel-card-cat.tech{color:rgba(100,220,255,0.8);}

/* ── Tab visibility toggle pill ── */
.tab-vis-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;border-bottom:1px solid rgba(255,255,255,0.04);background:rgba(255,255,255,0.02);}
.tab-vis-row:last-child{border-bottom:none;}
.tab-vis-label{font-size:11px;color:rgba(226,232,240,0.75);}
.tab-vis-locked{font-size:9px;font-family:'JetBrains Mono',monospace;color:rgba(0,200,255,0.3);letter-spacing:.3px;}

/* ── Profile panel select inputs (DTS dropdowns) ── */
.prof-section select {
  background: rgba(4,10,20,0.9);
  color: #e2e8f0;
  border: 1px solid rgba(0,200,255,0.18);
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(0,200,255,0.4)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 30px !important;
}
.prof-section select:focus {
  border-color: rgba(0,200,255,0.45);
  outline: none;
}
.prof-section select option {
  background: #060c18;
  color: #e2e8f0;
}


/* ── Review Modal CSS ── */
#tour-overlay{position:fixed;inset:0;z-index:19000;pointer-events:none;}
#tour-overlay.active{pointer-events:all;}
#tour-spot{
  position:fixed;z-index:19001;border-radius:10px;
  box-shadow:0 0 0 9999px rgba(4,8,16,0.82),0 0 0 2px rgba(0,200,255,0.7),0 0 24px rgba(0,200,255,0.35);
  transition:all 0.35s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
}
#tour-bubble{
  position:fixed;z-index:19002;
  background:linear-gradient(135deg,rgba(13,21,38,0.98),rgba(8,14,28,0.98));
  border:1px solid rgba(0,200,255,0.3);
  border-radius:16px;
  padding:24px 26px 20px;
  width:300px;
  box-shadow:0 12px 48px rgba(0,0,0,0.6),0 0 30px rgba(0,200,255,0.08);
  transition:all 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events:all;
}
#tour-bubble::before{
  content:'';position:absolute;width:12px;height:12px;
  background:rgba(13,21,38,0.98);border:1px solid rgba(0,200,255,0.3);
  transform:rotate(45deg);
}
#tour-bubble.arrow-left::before{left:-7px;top:50%;margin-top:-6px;border-right:none;border-top:none;}
#tour-bubble.arrow-right::before{right:-7px;top:50%;margin-top:-6px;border-left:none;border-bottom:none;}
#tour-bubble.arrow-top::before{top:-7px;left:50%;margin-left:-6px;border-right:none;border-bottom:none;}
#tour-bubble.arrow-bottom::before{bottom:-7px;left:50%;margin-left:-6px;border-left:none;border-top:none;}
#tour-bubble.arrow-none::before{display:none;}
.tour-step-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(0,200,255,0.5);font-family:'Orbitron',monospace;margin-bottom:8px;}
.tour-title{font-family:'Orbitron',monospace;font-size:14px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.3;}
.tour-text{font-size:13px;color:rgba(226,232,240,0.6);line-height:1.7;margin-bottom:20px;}
.tour-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.tour-dots{display:flex;gap:5px;align-items:center;flex:1;}
.tour-dot{width:5px;height:5px;border-radius:50%;background:rgba(0,200,255,0.2);transition:all 0.2s;}
.tour-dot.active{background:var(--cyan,#00c8ff);width:14px;border-radius:3px;}
#tour-skip{background:none;border:none;color:rgba(226,232,240,0.25);font-size:11px;cursor:pointer;font-family:'Inter',sans-serif;padding:4px 8px;transition:color 0.2s;}
#tour-skip:hover{color:rgba(226,232,240,0.5);}
#tour-next{background:linear-gradient(135deg,#00c8ff,#7c3aed);border:none;border-radius:8px;color:#000;font-weight:700;font-size:12px;font-family:'Orbitron',monospace;padding:9px 20px;cursor:pointer;letter-spacing:0.5px;transition:transform 0.15s,box-shadow 0.2s;white-space:nowrap;}
#tour-next:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,200,255,0.3);}
/* Center modal variant */
#tour-center{
  position:fixed;z-index:19002;
  top:50%;left:50%;transform:translate(-50%,-50%);
  background:linear-gradient(135deg,rgba(13,21,38,0.99),rgba(8,14,28,0.99));
  border:1px solid rgba(0,200,255,0.25);
  border-radius:20px;padding:40px 44px 32px;
  width:420px;max-width:90vw;text-align:center;
  box-shadow:0 24px 80px rgba(0,0,0,0.7),0 0 60px rgba(0,200,255,0.06);
  pointer-events:all;display:none;
}
.tour-center-icon{font-size:48px;margin-bottom:16px;display:block;}
.tour-center-title{font-family:'Orbitron',monospace;font-size:20px;font-weight:900;color:#fff;margin-bottom:12px;line-height:1.2;}
.tour-center-text{font-size:14px;color:rgba(226,232,240,0.55);line-height:1.8;margin-bottom:28px;}
#tour-center-btn{background:linear-gradient(135deg,#00c8ff,#7c3aed);border:none;border-radius:10px;color:#000;font-weight:700;font-size:14px;font-family:'Orbitron',monospace;padding:14px 40px;cursor:pointer;letter-spacing:0.5px;width:100%;transition:transform 0.15s,box-shadow 0.2s;}
#tour-center-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,200,255,0.35);}
#tour-center-skip{display:block;margin-top:14px;font-size:11px;color:rgba(226,232,240,0.2);cursor:pointer;background:none;border:none;font-family:'Inter',sans-serif;width:100%;transition:color 0.2s;}
#tour-center-skip:hover{color:rgba(226,232,240,0.4);}

/* ═══════════════════════════════════════════════════════════════
   COMMANDER TAB
   ═══════════════════════════════════════════════════════════════ */

/* Command Bridge Header */
.cmd-bridge {
  position: relative;
  flex-shrink: 0;
  height: 106px;
  background: linear-gradient(160deg, #020e1e 0%, #040d16 40%, #050510 100%);
  border-bottom: 1px solid rgba(0,229,255,0.14);
  overflow: hidden;
}
.cmd-starfield {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cmd-bridge-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 22px;
  height: 100%;
}

/* Avatar ring */
.cmd-avatar-ring {
  position: relative;
  flex-shrink: 0;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  border: 2px solid rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.8);
  box-shadow: 0 0 30px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.55), inset 0 0 18px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.12);
  background: radial-gradient(circle, rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.12) 0%, rgba(0,0,0,0) 70%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cmd-avatar-glow {
  position: absolute;
  inset: -5px;
  border-radius: 50%;
  border: 1px solid rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.35);
  animation: cmdAvatarPulse 3s ease-in-out infinite;
}
@keyframes cmdAvatarPulse {
  0%,100% { opacity: 0.4; transform: scale(1); }
  50%      { opacity: 1;   transform: scale(1.06); }
}
.cmd-avatar-inner {
  font-family: 'Orbitron', monospace;
  font-size: 22px;
  font-weight: 900;
  color: var(--card-accent);
  text-shadow: 0 0 14px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.5);
}

/* Identity */
.cmd-identity { flex: 1; min-width: 0; }
.cmd-callsign {
  font-family: 'Orbitron', monospace;
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 1.5px;
  text-shadow: 0 0 20px rgba(0,229,255,0.25);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cmd-rank-badge {
  font-family: 'Orbitron', monospace;
  font-size: 10px;
  letter-spacing: 2px;
  color: rgba(0,229,255,0.65);
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cmd-spacer { flex: 1; }

/* Session block */
.cmd-session-block { text-align: center; flex-shrink: 0; }
.cmd-session-timer {
  font-family: 'Orbitron', monospace;
  font-size: 20px;
  font-weight: 700;
  color: #00e5ff;
  letter-spacing: 2px;
  text-shadow: 0 0 12px rgba(0,229,255,0.4);
}
.cmd-session-lbl {
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  letter-spacing: 2px;
  color: rgba(0,229,255,0.35);
  margin-top: 4px;
}

/* Status cluster */
.cmd-status-cluster {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex-shrink: 0;
}
.cmd-status-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  letter-spacing: 1.5px;
  color: rgba(255,255,255,0.3);
}
.cmd-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,0.1);
  flex-shrink: 0;
}
.cmd-status-dot.active {
  background: #00ff88;
  box-shadow: 0 0 8px #00ff8888;
  animation: cmdDotPulse 2s ease-in-out infinite;
}
@keyframes cmdDotPulse {
  0%,100% { opacity: 0.7; }
  50%      { opacity: 1; box-shadow: 0 0 14px #00ff8899; }
}

/* Stat cards row */
.cmd-stats-row {
  display: flex;
  gap: 0;
  border-bottom: 1px solid rgba(0,229,255,0.08);
  flex-shrink: 0;
}
.cmd-stat-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 8px;
  border-right: 1px solid rgba(0,229,255,0.07);
  background: rgba(0,229,255,0.01);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.34,1.56,0.64,1), background 0.2s;
  cursor: default;
}
.cmd-stat-card:last-child { border-right: none; }
.cmd-stat-card.visible { opacity: 1; transform: translateY(0); }
.cmd-stat-card:hover {
  background: rgba(0,229,255,0.035);
}
.cmd-sc-icon {
  font-size: 14px;
  opacity: 0.5;
  margin-bottom: 4px;
  line-height: 1;
}
.cmd-sc-val {
  font-family: 'Orbitron', monospace;
  font-size: 17px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.5px;
  line-height: 1;
}
.cmd-sc-lbl {
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  letter-spacing: 1.5px;
  color: rgba(0,229,255,0.4);
  margin-top: 5px;
  white-space: nowrap;
}

/* Main split — 2 columns: avatar col | performance+social col */
.cmd-main-split {
  display: grid;
  grid-template-columns: minmax(230px, 260px) 1fr;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

/* COL 1 — Combined: ring + avatar viewer + controls */
.cmd-left-combined {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 1px solid rgba(0,229,255,0.07);
  padding: 10px 10px 10px;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  gap: 6px;
}

/* Creator controls block below the viewer */
.cmd-creator-controls {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid rgba(0,229,255,0.07);
  padding-top: 8px;
  margin-top: 4px;
}

/* (legacy — kept for mobile breakpoint ref) */
.cmd-avatar-col {
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(0,229,255,0.07);
  padding: 12px 10px 10px;
  overflow-y: auto;
  overflow-x: hidden;
  gap: 0;
  min-height: 0;
}
.cmd-type-row {
  display: flex;
  gap: 4px;
  margin-bottom: 10px;
}
.cmd-type-btn {
  flex: 1;
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  letter-spacing: 0.8px;
  font-weight: 700;
  background: rgba(0,229,255,0.04);
  border: 1px solid rgba(0,229,255,0.15);
  border-radius: 5px;
  color: rgba(0,229,255,0.5);
  padding: 5px 2px;
  cursor: pointer;
  transition: all 0.18s;
}
.cmd-type-btn.active,
.cmd-type-btn:hover {
  background: rgba(0,229,255,0.12);
  border-color: rgba(0,229,255,0.45);
  color: #00e5ff;
}
.cmd-sub-panel { display: flex; flex-direction: column; }
.cmd-sub-label {
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  letter-spacing: 1.5px;
  color: rgba(0,229,255,0.35);
  margin-bottom: 5px;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(0,229,255,0.06);
}
.cmd-av-action-btn {
  width: 100%;
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 0.5px;
  font-weight: 700;
  background: rgba(0,229,255,0.08);
  border: 1px solid rgba(0,229,255,0.3);
  border-radius: 6px;
  color: #00e5ff;
  padding: 8px 4px;
  cursor: pointer;
  transition: all 0.18s;
  margin-bottom: 2px;
}
.cmd-av-action-btn:hover {
  background: rgba(0,229,255,0.18);
  box-shadow: 0 0 14px rgba(0,229,255,0.2);
}
.cmd-outfit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}
.cmd-outfit-btn {
  font-family: 'Orbitron', monospace;
  font-size: 6.5px;
  letter-spacing: 0.5px;
  font-weight: 700;
  background: rgba(0,229,255,0.04);
  border: 1px solid rgba(0,229,255,0.12);
  border-radius: 4px;
  color: rgba(0,229,255,0.45);
  padding: 5px 2px;
  cursor: pointer;
  transition: all 0.18s;
}
.cmd-outfit-btn.active,
.cmd-outfit-btn:hover {
  background: rgba(0,229,255,0.12);
  border-color: rgba(0,229,255,0.4);
  color: #00e5ff;
}
.cmd-model-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  margin-bottom: 4px;
}
.cmd-model-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 8px 4px 6px;
  background: rgba(0,229,255,0.03);
  border: 1px solid rgba(0,229,255,0.12);
  border-radius: 7px;
  cursor: pointer;
  transition: all 0.18s;
}
.cmd-model-card.active,
.cmd-model-card:hover {
  background: rgba(0,229,255,0.1);
  border-color: rgba(0,229,255,0.4);
  box-shadow: 0 0 10px rgba(0,229,255,0.12);
}
.cmd-model-icon { font-size: 16px; line-height: 1; color: rgba(0,229,255,0.7); }
.cmd-model-name {
  font-family: 'Orbitron', monospace;
  font-size: 6px;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: rgba(226,232,240,0.8);
  text-align: center;
}
.cmd-model-sub {
  font-family: 'JetBrains Mono', monospace;
  font-size: 6px;
  color: rgba(0,229,255,0.4);
  text-align: center;
}
.cmd-color-row {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.cmd-color-swatch {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform 0.15s, border-color 0.15s;
  flex-shrink: 0;
}
.cmd-color-swatch:hover { transform: scale(1.2); }
.cmd-color-swatch.active { border-color: rgba(255,255,255,0.8); transform: scale(1.1); }
.cmd-apply-btn {
  width: 100%;
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 1px;
  background: linear-gradient(135deg, rgba(0,229,255,0.18), rgba(192,132,252,0.18));
  border: 1px solid rgba(0,229,255,0.4);
  border-radius: 6px;
  color: #00e5ff;
  padding: 8px 4px;
  cursor: pointer;
  transition: all 0.2s;
  margin-top: 2px;
}
.cmd-apply-btn:hover {
  background: linear-gradient(135deg, rgba(0,229,255,0.28), rgba(192,132,252,0.28));
  box-shadow: 0 0 18px rgba(0,229,255,0.25);
}
.cmd-av-reset-btn {
  width: 100%;
  font-family: 'JetBrains Mono', monospace;
  font-size: 8px;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 5px;
  color: rgba(255,255,255,0.25);
  padding: 5px;
  cursor: pointer;
  transition: all 0.18s;
  margin-top: 4px;
  margin-bottom: 2px;
}
.cmd-av-reset-btn:hover { border-color: rgba(255,100,100,0.3); color: rgba(255,100,100,0.6); }

/* Rank ring sizing inside combined col */
.cmd-center-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 1px solid rgba(0,229,255,0.07);
  padding: 12px 8px 10px;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  gap: 8px;
}

/* Rank ring */
.cmd-ring-wrap { width: 158px; flex-shrink: 0; }
.cmd-rank-svg  { width: 158px; height: 158px; display: block; }
.cmd-rank-ring {
  stroke-dashoffset: 478;
  filter: drop-shadow(0 0 6px rgba(0,229,255,0.5));
}

/* Badges */
.cmd-badges-section { width: 100%; }
.cmd-section-title {
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 2px;
  color: rgba(0,229,255,0.4);
  margin-bottom: 8px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(0,229,255,0.07);
}
.cmd-badges-rack {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.cmd-badge-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px 6px;
  background: rgba(0,229,255,0.04);
  border: 1px solid rgba(0,229,255,0.14);
  border-radius: 8px;
  width: 56px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.cmd-badge-card:hover {
  border-color: rgba(0,229,255,0.35);
  box-shadow: 0 0 12px rgba(0,229,255,0.12);
}
.cmd-badge-icon { font-size: 18px; line-height: 1; }
.cmd-badge-lbl  { font-family: 'Orbitron', monospace; font-size: 6px; letter-spacing: 0.5px; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.3; word-break: break-word; }
.cmd-empty-msg  { font-size: 11px; color: rgba(255,255,255,0.2); text-align: center; padding: 12px 0; line-height: 1.6; }

/* Right column */
.cmd-right-col {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-left: 1px solid rgba(0,229,255,0.07);
}

/* Right col tabs */
.cmd-rcol-tabs {
  display: flex;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(0,229,255,0.08);
}
.cmd-rcol-tab {
  flex: 1;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  color: rgba(226,232,240,0.3);
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 1px;
  padding: 9px 4px;
  cursor: pointer;
  transition: all 0.2s;
}
.cmd-rcol-tab:hover { color: rgba(226,232,240,0.7); }
.cmd-rcol-tab.active { color: #00e5ff; border-bottom-color: #00e5ff; }

/* Scrollable panes inside right col */
.cmd-rcol-pane {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

/* ─── Stat card info bubbles ─────────────────────────────────────────────── */
.cmd-stat-card { position: relative; }
.cmd-sc-info-btn {
  position: absolute;
  top: 5px; right: 7px;
  background: none;
  border: none;
  color: rgba(0,229,255,0.25);
  font-size: 11px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  transition: color 0.2s;
  z-index: 2;
}
.cmd-sc-info-btn:hover { color: rgba(0,229,255,0.8); }
.cmd-sc-info-bubble {
  display: none;
  position: fixed;
  background: rgba(2,8,18,0.97);
  border: 1px solid rgba(0,229,255,0.22);
  border-radius: 6px;
  padding: 9px 11px;
  width: 190px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  line-height: 1.55;
  color: rgba(226,232,240,0.7);
  z-index: 99999;
  white-space: normal;
  pointer-events: none;
  box-shadow: 0 4px 20px rgba(0,0,0,0.6);
}
/* Carousel picker */
.cmd-char-grid {
  display: flex !important;
  align-items: center;
  gap: 5px;
  margin: 6px 0 4px;
}
.cmd-carousel-viewport {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.cmd-carousel-arrow {
  background: none;
  border: 1px solid rgba(0,229,255,0.18);
  border-radius: 5px;
  color: rgba(0,229,255,0.5);
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  padding: 4px 6px;
  flex-shrink: 0;
  transition: color 0.15s, border-color 0.15s;
  width: 26px;
  text-align: center;
}
.cmd-carousel-arrow:hover:not(.disabled) { color: rgba(0,229,255,0.9); border-color: rgba(0,229,255,0.5); }
.cmd-carousel-arrow.disabled { opacity: 0.2; cursor: default; }

/* ─── Social right column ─────────────────────────────────────────────────── */
.cmd-social-refresh-btn {
  background: none;
  border: 1px solid rgba(0,229,255,0.15);
  border-radius: 4px;
  color: rgba(0,229,255,0.45);
  font-size: 13px;
  cursor: pointer;
  padding: 2px 6px;
  line-height: 1;
  transition: all 0.3s;
}
.cmd-social-refresh-btn:hover { color: #00e5ff; border-color: rgba(0,229,255,0.4); }

/* Fleet Pulse — activity feed */
.cmd-fleet-pulse {
  flex-shrink: 0;
  padding: 0 2px;
}
.cmd-pulse-item {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: background 0.15s;
}
.cmd-pulse-item:hover { background: rgba(0,229,255,0.03); }
.cmd-pulse-avatar {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  font-weight: 700;
  color: rgba(255,255,255,0.7);
  border: 1px solid rgba(255,255,255,0.1);
}
.cmd-pulse-body { flex: 1; min-width: 0; }
.cmd-pulse-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 3px;
  flex-wrap: wrap;
}
.cmd-pulse-name {
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  color: rgba(226,232,240,0.75);
  letter-spacing: 0.5px;
}
.cmd-pulse-type {
  font-family: 'JetBrains Mono', monospace;
  font-size: 7px;
  letter-spacing: 0.8px;
  padding: 1px 4px;
  border-radius: 3px;
  background: rgba(255,255,255,0.04);
}
.cmd-pulse-ago {
  font-family: 'JetBrains Mono', monospace;
  font-size: 8px;
  color: rgba(226,232,240,0.28);
  margin-left: auto;
}
.cmd-pulse-content {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  color: rgba(226,232,240,0.5);
  line-height: 1.45;
  word-break: break-word;
}

/* Fleet Leaders — leaderboard */
.cmd-fleet-leaders {
  flex-shrink: 0;
  padding: 0 2px 8px;
}
.cmd-leader-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.03);
  transition: background 0.15s;
}
.cmd-leader-row:hover { background: rgba(0,229,255,0.03); }
.cmd-leader-row.cmd-leader-you { background: rgba(0,229,255,0.05); }
.cmd-leader-rank {
  font-family: 'Orbitron', monospace;
  font-size: 10px;
  width: 22px;
  text-align: center;
  flex-shrink: 0;
  color: rgba(226,232,240,0.5);
}
.cmd-leader-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.cmd-leader-name {
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  color: rgba(226,232,240,0.75);
  letter-spacing: 0.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cmd-leader-you-badge {
  font-size: 6px;
  background: rgba(0,229,255,0.2);
  color: #00e5ff;
  border-radius: 3px;
  padding: 1px 3px;
  margin-left: 4px;
  letter-spacing: 0.5px;
}
.cmd-leader-title {
  font-family: 'JetBrains Mono', monospace;
  font-size: 8px;
  color: rgba(226,232,240,0.3);
}
.cmd-leader-pts {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  color: rgba(0,229,255,0.7);
  white-space: nowrap;
  flex-shrink: 0;
}

/* Chart */
.cmd-chart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px 8px;
  border-bottom: 1px solid rgba(0,229,255,0.06);
  flex-shrink: 0;
}
.cmd-chart-title {
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  letter-spacing: 2px;
  color: rgba(0,229,255,0.5);
}
.cmd-chart-period-tabs { display: flex; gap: 4px; }
.cmd-period-btn {
  background: rgba(0,229,255,0.04);
  border: 1px solid rgba(0,229,255,0.1);
  border-radius: 4px;
  color: rgba(0,229,255,0.4);
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 1px;
  padding: 3px 8px;
  cursor: pointer;
  transition: all 0.2s;
}
.cmd-period-btn:hover { border-color: rgba(0,229,255,0.3); color: #00e5ff; }
.cmd-period-btn.active {
  background: rgba(0,229,255,0.1);
  border-color: rgba(0,229,255,0.4);
  color: #00e5ff;
}
.cmd-chart-wrap {
  flex-shrink: 0;
  height: 130px;
  padding: 6px 6px 4px;
  position: relative;
}
.cmd-pnl-chart { width: 100%; height: 100%; display: block; }

/* Activity log */
.cmd-activity-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px 6px;
  border-top: 1px solid rgba(0,229,255,0.06);
  border-bottom: 1px solid rgba(0,229,255,0.06);
  flex-shrink: 0;
}
.cmd-activity-sub { font-family: 'Orbitron', monospace; font-size: 7px; color: rgba(255,255,255,0.2); }

.cmd-exec-log {
  flex: 1;
  overflow-y: auto;
  padding: 4px 0;
}
/* Activity log — 7-column expanded layout (Task #250) */
.cmd-exec-header {
  display: grid;
  grid-template-columns: 34px 68px 72px 72px 52px 46px 1fr;
  align-items: center;
  padding: 4px 16px;
  border-bottom: 1px solid rgba(0,229,255,0.08);
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  letter-spacing: .8px;
  color: rgba(0,229,255,0.3);
}
.cmd-exec-row {
  display: grid;
  grid-template-columns: 34px 68px 72px 72px 52px 46px 1fr;
  align-items: center;
  padding: 5px 16px;
  border-bottom: 1px solid rgba(0,229,255,0.04);
  font-size: 11px;
  transition: background 0.15s;
}
.cmd-exec-row:hover { background: rgba(0,229,255,0.03); }
.cmd-exec-exch-badge {
  display: inline-block;
  padding: 1px 4px;
  border-radius: 3px;
  border: 1px solid;
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .5px;
  text-align: center;
  min-width: 20px;
}
.cmd-exec-act  { font-family: 'Orbitron', monospace; font-size: 9px; letter-spacing: 1px; font-weight: 700; }
.cmd-exec-act.buy  { color: #00ff88; }
.cmd-exec-act.sell { color: #ff3860; }
.cmd-exec-pair  { font-family: 'Orbitron', monospace; font-size: 9px; color: rgba(255,255,255,0.7); }
.cmd-exec-price { font-family: 'Orbitron', monospace; font-size: 9px; color: rgba(255,255,255,0.5); }
.cmd-exec-vol   { font-size: 9px; color: rgba(255,255,255,0.3); }
.cmd-exec-slip  { font-size: 9px; }
.cmd-exec-time  { font-size: 9px; color: rgba(255,255,255,0.22); text-align: right; }

/* Rank badge card (Task #251) */
.cmd-badge-rank { border: 1px solid rgba(0,229,255,0.3); }

.cmd-exec-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 24px;
  text-align: center;
  gap: 10px;
}
.cmd-exec-ph-icon  { font-size: 28px; opacity: 0.35; }
.cmd-exec-ph-title { font-family: 'Orbitron', monospace; font-size: 11px; letter-spacing: 1.5px; color: rgba(0,229,255,0.35); }
.cmd-exec-ph-msg   { font-size: 11px; color: rgba(255,255,255,0.2); line-height: 1.7; max-width: 280px; }

/* ── Admin VPS Health Monitor (Task #252) ─────────────────────── */
.cmd-admin-vps-health {
  border: 1px solid rgba(0,229,255,0.1);
  border-radius: 6px;
  padding: 8px 10px;
  background: rgba(0,10,20,0.4);
}
.cmd-vps-health-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.cmd-vps-health-status {
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.cmd-vps-health-meta {
  display: flex;
  gap: 10px;
  flex: 1;
  flex-wrap: wrap;
}
.cmd-vps-health-meta span {
  font-family: 'JetBrains Mono', monospace;
  font-size: 8px;
  color: rgba(226,232,240,0.35);
  letter-spacing: .5px;
}
.cmd-vps-health-meta b { color: rgba(0,229,255,0.7); font-weight: 600; }
.cmd-vps-csv-btn {
  background: rgba(0,229,255,0.06);
  border: 1px solid rgba(0,229,255,0.2);
  color: rgba(0,229,255,0.5);
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  padding: 3px 8px;
  border-radius: 4px;
  cursor: pointer;
  letter-spacing: .5px;
  transition: all 0.2s;
}
.cmd-vps-csv-btn:hover { background: rgba(0,229,255,0.12); color: rgba(0,229,255,0.9); }
.cmd-vps-signal-title {
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 1px;
  color: rgba(0,229,255,0.4);
  margin-bottom: 5px;
}
.cmd-vps-signals-wrap { overflow-x: auto; }
.cmd-vps-signal-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'JetBrains Mono', monospace;
  font-size: 8.5px;
}
.cmd-vps-signal-table thead th {
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  color: rgba(0,229,255,0.3);
  letter-spacing: .7px;
  text-align: left;
  padding: 3px 6px;
  border-bottom: 1px solid rgba(0,229,255,0.08);
}
.cmd-vps-signal-table tbody tr { border-bottom: 1px solid rgba(255,255,255,0.03); }
.cmd-vps-signal-table tbody tr:hover { background: rgba(0,229,255,0.03); }
.cmd-vps-signal-table td { padding: 4px 6px; color: rgba(226,232,240,0.6); }
.cmd-vps-errors { display: flex; flex-direction: column; gap: 3px; }
.cmd-vps-err-row { display: flex; gap: 8px; align-items: flex-start; }
.cmd-vps-err-ts  { font-family: 'JetBrains Mono', monospace; font-size: 8px; color: rgba(226,232,240,0.3); white-space: nowrap; flex-shrink: 0; }
.cmd-vps-err-msg { font-family: 'JetBrains Mono', monospace; font-size: 8px; color: rgba(255,100,100,0.6); word-break: break-all; }

/* ── Systems Live Console — service card grid ─────────────────── */
.cmd-sys-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 8px;
}
@media (max-width: 540px) {
  .cmd-sys-grid { grid-template-columns: 1fr; }
}
.cmd-svc-card {
  background: rgba(0,10,20,0.5);
  border: 1px solid rgba(0,229,255,0.1);
  border-radius: 6px;
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.cmd-svc-card-hd {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}
.cmd-svc-name {
  font-family: 'Orbitron', monospace;
  font-size: 8.5px;
  letter-spacing: 1px;
  font-weight: 700;
  color: rgba(0,229,255,0.7);
  flex: 1;
}
.cmd-svc-meta {
  font-family: 'JetBrains Mono', monospace;
  font-size: 8px;
  color: rgba(226,232,240,0.35);
  letter-spacing: .4px;
}
.cmd-svc-meta b { color: rgba(0,229,255,0.7); font-weight: 600; }
.cmd-svc-csv-btn {
  background: rgba(0,229,255,0.05);
  border: 1px solid rgba(0,229,255,0.15);
  color: rgba(0,229,255,0.4);
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  padding: 2px 6px;
  border-radius: 3px;
  cursor: pointer;
  letter-spacing: .3px;
  transition: all 0.2s;
  white-space: nowrap;
  margin-left: auto;
}
.cmd-svc-csv-btn:hover { background: rgba(0,229,255,0.1); color: rgba(0,229,255,0.85); }
.cmd-ping-log {
  margin-top: 5px;
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(0,229,255,0.06);
  border-radius: 4px;
  padding: 4px 6px;
  max-height: 80px;
  overflow-y: auto;
}
.cmd-ping-row {
  font-family: 'JetBrains Mono', monospace;
  font-size: 7.5px;
  line-height: 1.7;
  letter-spacing: .3px;
}

/* ═══════════════════════════════════════════════════════════════
   SCANNER TAB
   ═══════════════════════════════════════════════════════════════ */

/* Top split: radar + engine list */
.scn-top-split {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid rgba(0,255,100,0.08);
  flex-shrink: 0;
  background: #020509;
}

/* Radar wrap */
.scn-radar-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 12px 12px;
  border-right: 1px solid rgba(0,255,100,0.07);
  flex-shrink: 0;
}
.scn-radar-canvas {
  display: block;
  border-radius: 50%;
  background: transparent;
  box-shadow: 0 0 40px rgba(0,255,100,0.08), inset 0 0 30px rgba(0,0,0,0.5);
}
.scn-radar-title {
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  letter-spacing: 2.5px;
  color: rgba(0,255,100,0.55);
  margin-top: 10px;
  text-align: center;
}
.scn-radar-sub {
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  letter-spacing: 1.5px;
  color: rgba(0,255,100,0.25);
  margin-top: 3px;
  text-align: center;
}

/* Legend column */
.scn-legend-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 14px;
  min-width: 0;
  gap: 10px;
}
.scn-pair-legend {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  letter-spacing: 1px;
  color: rgba(255,255,255,0.55);
}
.scn-pair-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* Engine table header */
.scn-eng-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0,255,100,0.08);
  padding-bottom: 6px;
  flex-shrink: 0;
}
.scn-eng-hdr-lbl {
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 2px;
  color: rgba(0,255,100,0.4);
}
.scn-eng-hdr-pairs {
  display: flex;
  gap: 10px;
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  letter-spacing: 1px;
  color: rgba(255,255,255,0.3);
}

/* Engine rows */
.scn-engine-list { display: flex; flex-direction: column; gap: 4px; flex: 1; overflow-y: auto; }
.scn-eng-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px 0;
}
.scn-eng-name {
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 0.5px;
  color: rgba(255,255,255,0.45);
  flex: 1;
  min-width: 0;
}
.scn-eng-pills { display: flex; gap: 6px; }
.scn-eng-pill {
  width: 22px;
  text-align: center;
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  font-weight: 700;
  padding: 2px 0;
  border-radius: 3px;
  transition: color 0.3s, background 0.3s;
}
.scn-eng-pill.bull { color: #00ff88; background: rgba(0,255,136,0.08); }
.scn-eng-pill.bear { color: #ff3860; background: rgba(255,56,96,0.08); }
.scn-eng-pill.neutral { color: rgba(255,255,255,0.2); background: rgba(255,255,255,0.03); }

/* Scan status */
.scn-scan-status {
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 2px;
  color: rgba(0,255,100,0.4);
  animation: scnBlink 2s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes scnBlink {
  0%,100% { opacity: 0.4; }
  50%      { opacity: 0.9; }
}

/* Pairs table section */
.scn-table-section {
  padding: 12px 16px 8px;
  border-bottom: 1px solid rgba(0,255,100,0.06);
  flex-shrink: 0;
}
.scn-section-title {
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 2px;
  color: rgba(0,229,255,0.4);
  margin-bottom: 10px;
}

/* Pairs table */
.scn-pairs-table { display: flex; flex-direction: column; gap: 0; }
.scn-tbl-head {
  display: grid;
  grid-template-columns: 80px 100px 70px 1fr 70px;
  align-items: center;
  padding: 4px 8px;
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  letter-spacing: 1.5px;
  color: rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,229,255,0.06);
  margin-bottom: 4px;
}
.scn-tbl-row {
  display: grid;
  grid-template-columns: 80px 100px 70px 1fr 70px;
  align-items: center;
  padding: 7px 8px;
  border-radius: 6px;
  transition: background 0.15s;
  gap: 0;
}
.scn-tbl-row:hover { background: rgba(0,229,255,0.025); }
.scn-tbl-pair  { font-family: 'Orbitron', monospace; font-size: 10px; font-weight: 700; letter-spacing: 0.5px; }
.scn-tbl-price { font-family: 'Orbitron', monospace; font-size: 10px; color: rgba(255,255,255,0.65); }
.scn-tbl-sig   { font-family: 'Orbitron', monospace; font-size: 9px; font-weight: 700; letter-spacing: 1px; }
.scn-tbl-sig.long  { color: #00ff88; }
.scn-tbl-sig.short { color: #ff3860; }

/* Engine bar (7 segments) */
.scn-eng-bar {
  display: flex;
  gap: 3px;
  align-items: center;
}
.scn-eng-seg {
  width: 12px;
  height: 16px;
  border-radius: 2px;
  transition: background 0.4s;
}
.scn-eng-seg.bull    { background: #00ff88; box-shadow: 0 0 5px rgba(0,255,136,0.5); }
.scn-eng-seg.bear    { background: #ff3860; box-shadow: 0 0 5px rgba(255,56,96,0.5); }
.scn-eng-seg.neutral { background: rgba(255,255,255,0.08); }

/* Sync button */
.scn-sync-btn {
  background: rgba(0,229,255,0.05);
  border: 1px solid rgba(0,229,255,0.18);
  border-radius: 5px;
  color: rgba(0,229,255,0.65);
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 1px;
  padding: 4px 8px;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.scn-sync-btn:hover {
  background: rgba(0,229,255,0.1);
  border-color: rgba(0,229,255,0.4);
  color: #00e5ff;
}

/* Alert Forge section */
.scn-forge-section {
  padding: 12px 16px;
  flex-shrink: 0;
}

/* Forge builder row */
.scn-forge-builder {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.scn-input {
  background: rgba(0,229,255,0.04);
  border: 1px solid rgba(0,229,255,0.14);
  border-radius: 6px;
  color: rgba(255,255,255,0.75);
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  letter-spacing: 0.5px;
  padding: 6px 10px;
  outline: none;
  transition: border-color 0.2s;
}
.scn-input:focus { border-color: rgba(0,229,255,0.4); }
.scn-input option { background: #0a0c18; }

.scn-forge-btn {
  background: linear-gradient(135deg, rgba(0,229,255,0.1), rgba(192,132,252,0.08));
  border: 1px solid rgba(0,229,255,0.3);
  border-radius: 6px;
  color: #00e5ff;
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.5px;
  padding: 7px 16px;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  flex-shrink: 0;
}
.scn-forge-btn:hover {
  background: linear-gradient(135deg, rgba(0,229,255,0.18), rgba(192,132,252,0.14));
  border-color: rgba(0,229,255,0.55);
  box-shadow: 0 0 16px rgba(0,229,255,0.15);
}

/* Manage button */
.scn-manage-btn {
  background: rgba(0,229,255,0.05);
  border: 1px solid rgba(0,229,255,0.18);
  border-radius: 6px;
  color: rgba(0,229,255,0.65);
  cursor: pointer;
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  letter-spacing: .5px;
  padding: 7px 12px;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.18s, border-color 0.18s;
}
.scn-manage-btn:hover { background: rgba(0,229,255,0.12); border-color: rgba(0,229,255,0.4); }

/* Manage Alerts modal box */
.scn-manage-box { width: 620px; max-width: 96vw; max-height: 78vh; }
.scn-manage-section-title {
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  letter-spacing: 1.5px;
  color: rgba(0,200,255,0.55);
  margin-bottom: 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(0,200,255,0.08);
}
.scn-manage-empty { font-size: 11px; color: rgba(255,255,255,0.2); padding: 6px 0 12px; }
.scn-manage-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  margin-bottom: 6px;
  background: rgba(0,200,255,0.03);
  border: 1px solid rgba(0,200,255,0.09);
  border-radius: 8px;
  flex-wrap: wrap;
}
.scn-manage-row.scn-manage-fired {
  border-color: rgba(255,184,0,0.2);
  background: rgba(255,184,0,0.03);
}
.scn-manage-left {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 80px;
}
.scn-manage-sym {
  font-family: 'Orbitron', monospace;
  font-size: 12px;
  font-weight: 700;
  color: rgba(226,232,240,0.9);
}
.scn-manage-ts  { font-size: 9px; color: rgba(226,232,240,0.3); font-family: 'JetBrains Mono', monospace; }
.scn-manage-status { font-size: 9px; color: rgba(0,200,255,0.55); font-family: 'JetBrains Mono', monospace; }
.scn-manage-row.scn-manage-fired .scn-manage-status { color: rgba(255,184,0,0.75); }
.scn-manage-controls { display: flex; align-items: center; gap: 7px; flex: 1; flex-wrap: wrap; }
.scn-manage-set-btn {
  background: rgba(0,200,255,0.08);
  border: 1px solid rgba(0,200,255,0.25);
  border-radius: 5px;
  color: rgba(0,200,255,0.8);
  cursor: pointer;
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  padding: 5px 10px;
  white-space: nowrap;
  transition: background 0.15s;
}
.scn-manage-set-btn:hover { background: rgba(0,200,255,0.16); }
.scn-manage-del-btn {
  background: none;
  border: none;
  color: rgba(255,56,96,0.5);
  cursor: pointer;
  font-size: 13px;
  padding: 4px 6px;
  line-height: 1;
  transition: color 0.15s;
}
.scn-manage-del-btn:hover { color: #ff3860; }
.scn-manage-price-inp { min-width: 0 !important; }

/* Alerts list */
.scn-alerts-list { display: flex; flex-direction: column; gap: 6px; }
.scn-empty-msg   { font-size: 11px; color: rgba(255,255,255,0.2); padding: 8px 0; }
.scn-catchup-banner {
  padding: 7px 12px;
  margin-bottom: 6px;
  background: rgba(255,184,0,0.08);
  border: 1px solid rgba(255,184,0,0.3);
  border-radius: 7px;
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  color: #ffb800;
  letter-spacing: 1px;
}

.scn-alert-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 12px;
  background: rgba(0,229,255,0.03);
  border: 1px solid rgba(0,229,255,0.1);
  border-radius: 7px;
  transition: border-color 0.2s;
}
.scn-alert-row.fired {
  border-color: rgba(255,184,0,0.3);
  background: rgba(255,184,0,0.04);
}
.scn-al-pair {
  font-family: 'Orbitron', monospace;
  font-size: 10px;
  font-weight: 700;
  color: #00e5ff;
  min-width: 32px;
}
.scn-al-cond { flex: 1; font-family: 'Orbitron', monospace; font-size: 9px; color: rgba(255,255,255,0.5); }
.scn-al-status {
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 1px;
  color: #00ff88;
}
.scn-alert-row.fired .scn-al-status { color: #ffb800; }
.scn-al-del {
  background: none;
  border: none;
  color: rgba(255,255,255,0.2);
  font-size: 12px;
  cursor: pointer;
  padding: 2px 4px;
  border-radius: 3px;
  transition: color 0.15s;
  flex-shrink: 0;
}
.scn-al-del:hover { color: #ff3860; }

/* Responsive: narrower screens */
@media (max-width: 640px) {
  .cmd-bridge-inner { gap: 12px; padding: 0 14px; }
  .cmd-avatar-ring  { width: 50px; height: 50px; }
  .cmd-avatar-inner { font-size: 18px; }
  .cmd-callsign     { font-size: 14px; }
  .cmd-session-timer { font-size: 16px; }
  .cmd-status-cluster { display: none; }
  .cmd-sc-val       { font-size: 14px; }
  .cmd-main-split      { grid-template-columns: 1fr; }
  .cmd-left-combined   { border-right: none; border-bottom: 1px solid rgba(0,229,255,0.07); }
  .cmd-right-col       { display: none; }
  .cmd-creator-controls { display: none; }
  .scn-top-split    { flex-direction: column; }
  .scn-tbl-head, .scn-tbl-row { grid-template-columns: 72px 90px 60px 1fr 60px; }
  .scn-forge-builder { flex-direction: column; align-items: stretch; }
  .scn-chart-col { min-height: 260px; }
  .scn-cs-grid { grid-template-columns: 1fr 1fr; }
  .scn-ls-wrap { flex-direction: column; }
  .scn-ls-filters { flex-direction: row; flex-wrap: wrap; width: auto; }
}

/* ═══════════════════════════════════════════════════════════
   SCANNER TAB v2 — Bridge Watch Chart, Custom Scans, Long Scans
   ═══════════════════════════════════════════════════════════ */

/* Chart column (right of radar) */
.scn-chart-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-left: 1px solid rgba(0,200,255,0.07);
  position: relative;
}

.scn-chart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 6px;
  flex-shrink: 0;
}

.scn-chart-title {
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  letter-spacing: 2.5px;
  color: rgba(0,200,255,0.55);
}

.scn-info-btn {
  background: none;
  border: 1px solid rgba(0,200,255,0.2);
  border-radius: 50%;
  color: rgba(0,200,255,0.55);
  width: 20px;
  height: 20px;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  padding: 0;
}
.scn-info-btn:hover { border-color: rgba(0,200,255,0.6); color: #00e5ff; }

.scn-info-bubble {
  position: absolute;
  top: 36px;
  right: 8px;
  width: 240px;
  background: rgba(2,8,20,0.97);
  border: 1px solid rgba(0,200,255,0.25);
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 10px;
  line-height: 1.7;
  color: rgba(226,232,240,0.75);
  z-index: 50;
  box-shadow: 0 8px 32px rgba(0,0,0,0.6);
}
.scn-info-close {
  position: absolute;
  top: 6px; right: 8px;
  background: none;
  border: none;
  color: rgba(255,255,255,0.3);
  cursor: pointer;
  font-size: 12px;
}
.scn-info-close:hover { color: #ff3860; }

/* Pair chip row */
.scn-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 4px 12px 6px;
  flex-shrink: 0;
}

.scn-chip {
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 0.8px;
  padding: 3px 9px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.35);
  cursor: pointer;
  transition: all 0.2s;
}
.scn-chip.active {
  border-color: var(--chip-c, #00e5ff);
  color: var(--chip-c, #00e5ff);
  background: color-mix(in srgb, var(--chip-c, #00e5ff) 10%, transparent);
  box-shadow: 0 0 8px color-mix(in srgb, var(--chip-c, #00e5ff) 30%, transparent);
}
.scn-chip.shimmer {
  animation: chip-shimmer 0.4s ease-in-out infinite alternate;
}
@keyframes chip-shimmer {
  from { box-shadow: 0 0 8px var(--chip-c, #00e5ff); }
  to   { box-shadow: 0 0 22px var(--chip-c, #00e5ff), 0 0 4px #fff; }
}

/* Bridge Watch chart canvas */
.scn-chart-wrap {
  flex: 1;
  min-height: 120px;
  position: relative;
  overflow: hidden;
}
.scn-chart-canvas {
  width: 100%;
  height: 100%;
  display: block;
}

/* Buy/Sell flow bars */
.scn-flow-bars {
  padding: 5px 12px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-shrink: 0;
  border-top: 1px solid rgba(0,200,255,0.06);
}
.scn-flow-row {
  display: flex;
  align-items: center;
  gap: 6px;
}
.scn-flow-shimmer .scn-flow-track { box-shadow: 0 0 8px rgba(255,255,100,0.25); }
.scn-flow-lbl {
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  letter-spacing: 0.5px;
  width: 24px;
  flex-shrink: 0;
}
.scn-flow-track {
  flex: 1;
  height: 6px;
  border-radius: 3px;
  background: rgba(255,255,255,0.06);
  display: flex;
  overflow: hidden;
}
.scn-flow-buy  { background: rgba(0,255,136,0.7); height: 100%; transition: width 0.8s ease; }
.scn-flow-sell { background: rgba(255,56,96,0.7);  height: 100%; transition: width 0.8s ease; }
.scn-flow-num {
  font-family: 'JetBrains Mono', monospace;
  font-size: 8px;
  min-width: 28px;
}
.scn-flow-buy-n  { color: rgba(0,255,136,0.7); }
.scn-flow-sell-n { color: rgba(255,56,96,0.7); text-align: right; }

/* Engine strip (compact, below top split) */
.scn-eng-strip {
  padding: 8px 16px 10px;
  border-bottom: 1px solid rgba(0,255,100,0.08);
  background: rgba(0,10,6,0.5);
  flex-shrink: 0;
}

/* Shimmer keyframe for canvas lines (CSS side for future use) */
@keyframes scn-shimmer {
  0%   { filter: brightness(1) drop-shadow(0 0 6px var(--c)); }
  50%  { filter: brightness(2.5) drop-shadow(0 0 22px var(--c)); }
  100% { filter: brightness(1) drop-shadow(0 0 6px var(--c)); }
}

/* ── Task 164: 2-col pairs grid ─────────────────────────────────────────── */
.scn-tbl-head-row {
  display: grid;
  grid-template-columns: 80px 1fr 60px 80px 60px;
  gap: 0;
  padding: 6px 12px;
  border-bottom: 1px solid rgba(0,255,100,0.08);
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 1.5px;
  color: rgba(0,255,100,0.4);
}

.scn-pairs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: rgba(0,255,100,0.04);
}
.scn-tbl-placeholder {
  cursor: default;
  opacity: 0.35;
}
.scn-placeholder-add {
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  color: rgba(255,255,255,0.3);
  letter-spacing: 1px;
  grid-column: 1/-1;
  text-align: center;
  padding: 8px 0;
}

/* ── Task 165: Custom Scan cards ─────────────────────────────────────────── */
.scn-cs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 2px 0 6px;
}
.scn-cs-card {
  background: rgba(0,200,255,0.04);
  border: 1px solid rgba(0,200,255,0.12);
  border-radius: 8px;
  padding: 10px 12px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.scn-cs-card:hover { border-color: rgba(0,200,255,0.35); background: rgba(0,200,255,0.07); }
.scn-cs-disabled {
  opacity: 0.45;
  border-color: rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.02);
}
.scn-cs-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.scn-cs-name {
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  letter-spacing: 0.8px;
  color: rgba(226,232,240,0.85);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}
.scn-cs-tog { transform: scale(0.7); transform-origin: right center; }
.scn-cs-badge {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  color: rgba(255,255,255,0.3);
  padding: 2px 7px;
  border-radius: 10px;
  background: rgba(255,255,255,0.05);
  align-self: flex-start;
}
.scn-cs-badge-hit {
  color: #00e5ff;
  background: rgba(0,229,255,0.1);
  box-shadow: 0 0 6px rgba(0,229,255,0.25);
}
.scn-cs-hint {
  font-size: 9px;
  color: rgba(255,255,255,0.25);
  font-family: monospace;
}

/* Custom Scan Modal */
.scn-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.75);
  backdrop-filter: blur(6px);
  z-index: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scn-modal-box {
  background: #060b18;
  border: 1px solid rgba(0,200,255,0.22);
  border-radius: 12px;
  width: 560px;
  max-width: 96vw;
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 24px 64px rgba(0,0,0,0.8);
}
.scn-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px 12px;
  border-bottom: 1px solid rgba(0,200,255,0.1);
}
.scn-modal-title {
  font-family: 'Orbitron', monospace;
  font-size: 11px;
  letter-spacing: 2px;
  color: rgba(0,200,255,0.8);
}
.scn-modal-close {
  background: none; border: none;
  color: rgba(255,255,255,0.35); cursor: pointer; font-size: 16px;
}
.scn-modal-close:hover { color: #ff3860; }
.scn-modal-body {
  flex: 1;
  overflow-y: auto;
  padding: 16px 20px;
}
.scn-modal-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.scn-modal-lbl {
  font-family: 'Orbitron', monospace;
  font-size: 8px;
  letter-spacing: 1.5px;
  color: rgba(0,200,255,0.5);
  min-width: 80px;
}
.scn-modal-name-input { flex: 1; }
.scn-crit-grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.scn-crit-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  border-radius: 6px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  transition: background 0.15s;
}
.scn-crit-row:hover { background: rgba(0,200,255,0.05); }
.scn-crit-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: rgba(226,232,240,0.75);
  cursor: pointer;
  flex: 1;
}
.scn-crit-val {
  background: rgba(0,5,15,0.8);
  border: 1px solid rgba(0,200,255,0.2);
  border-radius: 5px;
  color: rgba(226,232,240,0.8);
  font-size: 10px;
  padding: 3px 8px;
  min-width: 110px;
}
.scn-crit-input { min-width: 60px !important; width: 60px; text-align: center; }
.scn-modal-footer {
  display: flex;
  gap: 10px;
  padding: 14px 20px;
  border-top: 1px solid rgba(0,200,255,0.1);
  justify-content: flex-end;
}
.scn-modal-save {
  background: rgba(0,200,255,0.12);
  border: 1px solid rgba(0,200,255,0.4);
  border-radius: 6px;
  color: #00e5ff;
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  letter-spacing: 1px;
  padding: 7px 18px;
  cursor: pointer;
  transition: all 0.2s;
}
.scn-modal-save:hover { background: rgba(0,200,255,0.22); }
.scn-modal-cancel {
  background: none;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 6px;
  color: rgba(255,255,255,0.4);
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  letter-spacing: 1px;
  padding: 7px 14px;
  cursor: pointer;
}

/* ── Task 166: Long Scans ────────────────────────────────────────────────── */
.scn-ls-wrap {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.scn-ls-filters {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 130px;
  flex-shrink: 0;
}
.scn-ls-filter-btn {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 6px;
  color: rgba(226,232,240,0.5);
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  padding: 6px 10px;
  text-align: left;
  cursor: pointer;
  transition: all 0.15s;
}
.scn-ls-filter-btn:hover { border-color: rgba(0,200,255,0.3); color: rgba(0,200,255,0.8); }
.scn-ls-filter-btn.active {
  background: rgba(0,200,255,0.1);
  border-color: rgba(0,200,255,0.4);
  color: #00e5ff;
  box-shadow: 0 0 8px rgba(0,200,255,0.15);
}
.scn-ls-table-wrap {
  flex: 1;
  overflow-x: auto;
  min-width: 0;
}
.scn-ls-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10px;
}
.scn-ls-table th {
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  letter-spacing: 1.2px;
  color: rgba(0,255,100,0.4);
  text-align: left;
  padding: 5px 8px;
  border-bottom: 1px solid rgba(0,255,100,0.08);
  white-space: nowrap;
}
.scn-ls-row { border-bottom: 1px solid rgba(255,255,255,0.04); cursor: pointer; }
.scn-ls-row:hover { background: rgba(0,200,255,0.07); }
.scn-ls-row:hover td:first-child { text-decoration: underline; }
.scn-ls-row td { padding: 5px 8px; white-space: nowrap; }
.scn-ls-stars { color: rgba(255,180,0,0.7); font-size: 9px; letter-spacing: -1px; }
.scn-ls-sector { color: rgba(255,255,255,0.35); font-size: 9px; }
.scn-ls-vol { color: rgba(255,255,255,0.4); font-family: 'JetBrains Mono', monospace; }
.scn-ls-up  { color: #00ff88; font-family: 'JetBrains Mono', monospace; }
.scn-ls-dn  { color: #ff3860; font-family: 'JetBrains Mono', monospace; }

/* Radar title row + radar info bubble (Orange) */
.scn-radar-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
  margin-top: 6px;
  padding: 0 2px;
}
.scn-radar-info-btn {
  flex-shrink: 0;
  margin-top: 2px;
}
.scn-radar-info-bubble {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 60;
  background: rgba(4,12,6,0.97);
  border: 1px solid rgba(0,255,100,0.22);
  border-radius: 10px;
  padding: 14px 14px 30px 14px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  line-height: 1.65;
  color: rgba(226,232,240,0.75);
  box-shadow: 0 8px 32px rgba(0,0,0,0.7);
  margin-top: 4px;
}
.scn-radar-info-bubble strong {
  color: rgba(0,255,100,0.9);
  font-size: 9px;
  letter-spacing: 0.5px;
}
.scn-radar-wrap {
  position: relative;
}

/* Token picker dropdown (Yellow + Blue) */
.scn-token-picker {
  position: absolute;
  z-index: 200;
  background: rgba(4,10,18,0.98);
  border: 1px solid rgba(0,200,255,0.25);
  border-radius: 10px;
  padding: 10px;
  width: 280px;
  box-shadow: 0 12px 48px rgba(0,0,0,0.85), 0 0 24px rgba(0,200,255,0.06);
  backdrop-filter: blur(8px);
}
.scn-picker-search {
  width: 100%;
  box-sizing: border-box;
  background: rgba(0,200,255,0.05);
  border: 1px solid rgba(0,200,255,0.18);
  border-radius: 6px;
  color: #e2e8f0;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  padding: 6px 8px;
  margin-bottom: 8px;
  outline: none;
}
.scn-picker-search:focus { border-color: rgba(0,200,255,0.5); }
.scn-picker-search::placeholder { color: rgba(226,232,240,0.3); }
.scn-picker-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
  max-height: 220px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,200,255,0.15) transparent;
}
.scn-picker-tok {
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  letter-spacing: 0.5px;
  color: rgba(226,232,240,0.7);
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 5px;
  padding: 5px 2px;
  text-align: center;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.scn-picker-tok:hover {
  background: rgba(0,200,255,0.1);
  border-color: rgba(0,200,255,0.35);
  color: #00e5ff;
}
.scn-picker-tok.active {
  background: rgba(0,200,255,0.15);
  border-color: rgba(0,200,255,0.5);
  color: #00e5ff;
}

/* Pair remove button (Blue) */
.scn-pair-rm {
  background: none;
  border: none;
  color: rgba(255,56,96,0.45);
  font-size: 11px;
  cursor: pointer;
  padding: 0 2px;
  line-height: 1;
  transition: color 0.15s;
  flex-shrink: 0;
}
.scn-pair-rm:hover { color: #ff3860; }

/* ═══════════════════════════════════════════════════════════
   UPGRADE MODAL
   ═══════════════════════════════════════════════════════════ */

.upg-inner {
  position: relative;
  background: #060a14;
  border: 1px solid rgba(0,200,255,0.18);
  border-radius: 18px;
  padding: 36px 28px 26px;
  width: 100%;
  max-width: 840px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 40px 120px rgba(0,0,0,0.96), 0 0 80px rgba(0,200,255,0.05);
  scrollbar-width: thin;
  scrollbar-color: rgba(0,200,255,0.15) transparent;
}
.upg-close {
  position: absolute;
  top: 14px; right: 16px;
  background: none; border: none;
  color: rgba(226,232,240,0.3);
  font-size: 15px; cursor: pointer;
  padding: 4px 8px; border-radius: 6px;
  transition: color 0.2s;
}
.upg-close:hover { color: rgba(226,232,240,0.8); }
.upg-eyebrow {
  font-family: 'Orbitron', monospace;
  font-size: 9px; font-weight: 700;
  letter-spacing: 3px;
  color: rgba(0,200,255,0.45);
  text-align: center; margin-bottom: 6px;
}
.upg-title {
  font-family: 'Orbitron', monospace;
  font-size: 22px; font-weight: 800;
  color: #e2e8f0;
  text-align: center; margin-bottom: 6px;
}
.upg-subtitle {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  color: rgba(226,232,240,0.35);
  text-align: center; margin-bottom: 28px;
}
.upg-cards {
  display: flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 20px;
}
.upg-card {
  flex: 1;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
  padding: 22px 16px 18px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: border-color 0.25s, box-shadow 0.25s, transform 0.2s;
}
.upg-card:hover {
  border-color: rgba(0,200,255,0.3);
  box-shadow: 0 8px 32px rgba(0,200,255,0.08);
  transform: translateY(-2px);
}
.upg-card-featured {
  border-color: rgba(255,175,0,0.38);
  background: rgba(255,175,0,0.025);
  box-shadow: 0 0 40px rgba(255,175,0,0.07);
}
.upg-card-featured:hover {
  border-color: rgba(255,175,0,0.65);
  box-shadow: 0 12px 48px rgba(255,175,0,0.14);
}
.upg-badge {
  position: absolute;
  top: -11px; left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #ff8c00, #ffd700);
  color: #000;
  font-family: 'Orbitron', monospace;
  font-size: 8px; font-weight: 800;
  letter-spacing: 1.5px;
  padding: 3px 12px;
  border-radius: 20px;
  white-space: nowrap;
}
.upg-card-label {
  font-family: 'Orbitron', monospace;
  font-size: 9px; font-weight: 700;
  letter-spacing: 1.5px;
  color: rgba(0,200,255,0.65);
  margin-bottom: 10px;
}
.upg-card-featured .upg-card-label { color: rgba(255,200,0,0.75); }
.upg-price-wrap { margin-bottom: 8px; line-height: 1; }
.upg-price-num {
  font-family: 'Orbitron', monospace;
  font-size: 30px; font-weight: 800;
  color: #e2e8f0;
}
.upg-price-per {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  color: rgba(226,232,240,0.38);
  margin-left: 2px;
}
.upg-card-desc {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9.5px;
  color: rgba(226,232,240,0.4);
  margin-bottom: 14px;
  line-height: 1.5;
  min-height: 28px;
}
.upg-features {
  list-style: none; padding: 0; margin: 0 0 18px;
  flex: 1;
  display: flex; flex-direction: column; gap: 7px;
}
.upg-features li {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  color: rgba(226,232,240,0.62);
  padding-left: 13px;
  position: relative; line-height: 1.4;
}
.upg-features li::before {
  content: '▸'; position: absolute; left: 0;
  color: rgba(0,200,255,0.45);
}
.upg-card-featured .upg-features li::before { color: rgba(255,200,0,0.55); }
.upg-btn {
  width: 100%; padding: 11px;
  background: rgba(0,200,255,0.07);
  border: 1px solid rgba(0,200,255,0.28);
  border-radius: 8px;
  color: rgba(0,200,255,0.88);
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.4px; cursor: pointer;
  transition: all 0.2s;
  margin-top: auto;
}
.upg-btn:hover {
  background: rgba(0,200,255,0.15);
  border-color: rgba(0,200,255,0.6);
  color: #00c8ff;
}
.upg-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.upg-btn-featured {
  background: linear-gradient(135deg, rgba(255,140,0,0.12), rgba(255,215,0,0.08));
  border-color: rgba(255,175,0,0.45);
  color: rgba(255,200,0,0.9);
}
.upg-btn-featured:hover {
  background: linear-gradient(135deg, rgba(255,140,0,0.26), rgba(255,215,0,0.18));
  border-color: rgba(255,175,0,0.8);
  color: #ffd700;
}
.upg-footer {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  color: rgba(226,232,240,0.2);
  text-align: center;
}

/* Commander upgrade chip */
.cmd-upgrade-chip {
  font-family: 'JetBrains Mono', monospace;
  font-size: 8px; letter-spacing: 0.5px;
  color: rgba(255,200,0,0.65);
  border: 1px solid rgba(255,200,0,0.22);
  border-radius: 4px;
  padding: 2px 7px;
  cursor: pointer;
  transition: all 0.2s;
  display: inline-block;
  margin-top: 4px;
}
.cmd-upgrade-chip:hover {
  color: #ffd700;
  border-color: rgba(255,200,0,0.55);
  background: rgba(255,200,0,0.06);
}

@media (max-width: 640px) {
  .upg-cards { flex-direction: column; }
  .upg-inner { padding: 28px 16px 20px; border-radius: 14px; }
  .upg-title { font-size: 18px; }
}

/* Commander — Engine grid */
.cmd-engine-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  padding: 6px 0 2px;
}
.cmd-eng-row {
  display: flex;
  align-items: center;
  gap: 4px;
  background: rgba(0,229,255,0.03);
  border: 1px solid rgba(0,229,255,0.07);
  border-radius: 4px;
  padding: 4px 6px;
}
.cmd-eng-dot {
  font-size: 9px;
  font-weight: 700;
  min-width: 10px;
  text-align: center;
}
.cmd-eng-dot.eng-bull  { color: #00e5a0; }
.cmd-eng-dot.eng-bear  { color: #ff4b6e; }
.cmd-eng-dot.eng-neutral { color: rgba(226,232,240,0.25); }
.cmd-eng-lbl {
  font-size: 7.5px;
  font-family: 'JetBrains Mono', monospace;
  color: rgba(226,232,240,0.45);
  letter-spacing: .3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Commander — VPS live console */
.cmd-vps-console {
  background: rgba(0,0,0,0.35);
  border: 1px solid rgba(0,229,255,0.08);
  border-radius: 5px;
  padding: 6px 8px;
  max-height: 220px;
  overflow-y: auto;
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.vps-log-row {
  display: flex;
  gap: 8px;
  line-height: 1.5;
  border-bottom: 1px solid rgba(255,255,255,0.03);
  padding-bottom: 2px;
}
.vps-log-ts   { color: rgba(0,229,255,0.3); min-width: 68px; flex-shrink: 0; }
.vps-log-txt  { flex: 1; word-break: break-all; }
.vps-log-dim     .vps-log-txt { color: rgba(226,232,240,0.2); }
.vps-log-bar     .vps-log-txt { color: rgba(226,232,240,0.55); }
.vps-log-signal  .vps-log-txt { color: #00e5ff; font-weight: 700; }
.vps-log-skip    .vps-log-txt { color: rgba(255,200,80,0.7); }
.vps-log-webhook .vps-log-txt { color: rgba(0,229,160,0.7); }
.vps-log-err     .vps-log-txt { color: #ff4b6e; }

/* Commander — Active positions strip — 3 cards across */
.cmd-positions-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 5px 0 8px;
}
.cmd-pos-pill {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  letter-spacing: .5px;
  color: #00e5ff;
  background: rgba(0,229,255,0.08);
  border: 1px solid rgba(0,229,255,0.22);
  border-radius: 4px;
  padding: 2px 8px;
}

/* ── Commander: Kalshi Open Position Cards ───────────────────────────────── */
.cmd-pos-card {
  background: rgba(0,229,255,0.025);
  border: 1px solid rgba(0,229,255,0.1);
  border-radius: 6px;
  padding: 8px 10px;
  margin-bottom: 5px;
}
.cmd-pos-card-hd {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
}
.cmd-pos-card-ticker {
  font-family: 'JetBrains Mono', monospace;
  font-size: 16px;
  font-weight: 700;
  color: rgba(226,232,240,0.9);
  letter-spacing: .5px;
  min-width: 60px;
}
.cmd-pos-card-dir {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  letter-spacing: .4px;
  flex: 1;
}
.cmd-pos-card-pnl {
  font-family: 'JetBrains Mono', monospace;
  font-size: 16px;
  font-weight: 700;
}
.cmd-pos-card-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}
.cmd-pos-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cmd-pos-cell-lbl {
  font-size: 10px;
  color: rgba(226,232,240,0.28);
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: .3px;
  text-transform: uppercase;
}
.cmd-pos-cell-val {
  font-size: 14px;
  color: rgba(226,232,240,0.78);
  font-family: 'JetBrains Mono', monospace;
}
.cmd-pos-acct-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 5px;
  padding-top: 6px;
  border-top: 1px solid rgba(0,229,255,0.07);
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  color: rgba(226,232,240,0.55);
}
.cmd-pos-acct-lbl {
  color: rgba(226,232,240,0.28);
  margin-right: 4px;
}
.cmd-pos-no-pos {
  color: rgba(226,232,240,0.2);
  font-size: 13px;
  font-family: 'JetBrains Mono', monospace;
  padding: 4px 0;
}

/* ── Commander position card — enhanced (ticker-select rebuild) ─────────── */
.cmd-pos-card {
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
.cmd-pos-card:hover {
  background: rgba(0,229,255,0.05);
  border-color: rgba(0,229,255,0.18);
}
.cmd-pos-card-sel {
  border-color: rgba(0,229,255,0.45) !important;
  box-shadow: 0 0 14px rgba(0,229,255,0.12) !important;
  background: rgba(0,229,255,0.06) !important;
}
.cmd-pos-card-spark-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 5px 0 3px;
}
.cmd-pos-sparkline {
  display: block;
  width: 90px;
  height: 30px;
  border-radius: 3px;
  flex-shrink: 0;
}
.cmd-pos-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}
.cmd-pos-regime-badge {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  letter-spacing: .5px;
  padding: 1px 5px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 700;
}
.cmd-pos-regime-trending  { background: rgba(0,229,255,0.12);  color: #00e5ff; border: 1px solid rgba(0,229,255,0.3); }
.cmd-pos-regime-choppy    { background: rgba(255,214,0,0.1);   color: #ffd600; border: 1px solid rgba(255,214,0,0.3); }
.cmd-pos-regime-uncertain { background: rgba(100,116,139,0.15);color: #94a3b8; border: 1px solid rgba(100,116,139,0.3); }
.cmd-pos-avg-badge {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  letter-spacing: .5px;
  padding: 1px 5px;
  border-radius: 3px;
  background: rgba(245,158,11,0.1);
  color: rgba(245,158,11,0.65);
  border: 1px solid rgba(245,158,11,0.2);
}
.cmd-pos-pnl-pct {
  font-size: 12px;
  opacity: 0.75;
}
.cmd-pos-card-hint {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  color: rgba(226,232,240,0.2);
  letter-spacing: .3px;
  margin-top: 4px;
  text-align: right;
}
.cmd-pos-card-sel .cmd-pos-card-hint {
  color: rgba(0,229,255,0.4);
}

/* ── Commander chart context bar ─────────────────────────────────────────── */
.cmd-chart-context-bar {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 4px 0 6px;
  padding: 3px 6px;
  border-radius: 4px;
  background: rgba(0,229,255,0.03);
  border: 1px solid rgba(0,229,255,0.07);
}
.cmd-chart-ctx-icon {
  font-size: 7px;
  color: rgba(0,229,255,0.3);
}
.cmd-chart-context-lbl {
  font-family: 'JetBrains Mono', monospace;
  font-size: 8px;
  letter-spacing: 1px;
  color: rgba(0,229,255,0.4);
  transition: color 0.25s;
}

/* ── Commander ID Card Badge ──────────────────────────────────────────────── */
.cmd-id-card {
  width: 100%;
  border-radius: 10px;
  background: linear-gradient(145deg, #0a1828 0%, #060e1c 60%, #030913 100%);
  border: 1px solid rgba(0,229,255,0.22);
  box-shadow: 0 0 24px rgba(0,229,255,0.06), 0 4px 16px rgba(0,0,0,0.5);
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.cmd-id-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, var(--id-accent,#00e5ff) 50%, transparent 100%);
}
.cmd-id-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px;
  border-bottom: 1px solid rgba(0,229,255,0.08);
  background: rgba(0,229,255,0.03);
}
.cmd-id-fleet {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  font-weight: 700;
  color: rgba(0,229,255,0.75);
  letter-spacing: 1.5px;
}
.cmd-id-badge-type {
  font-family: 'JetBrains Mono', monospace;
  font-size: 7.5px;
  color: rgba(255,255,255,0.38);
  letter-spacing: 0.8px;
}
.cmd-id-body {
  display: flex;
  gap: 10px;
  padding: 10px;
  align-items: center;
}
.cmd-id-avatar-frame {
  width: 72px;
  height: 72px;
  border-radius: 8px;
  border: 1.5px solid rgba(0,229,255,0.2);
  background: radial-gradient(ellipse at 50% 80%, rgba(0,229,255,0.07) 0%, #020d18 100%);
  flex-shrink: 0;
  overflow: hidden;
}
.cmd-id-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cmd-id-info { flex: 1; min-width: 0; }
.cmd-id-callsign {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  font-weight: 700;
  color: #e8f4ff;
  letter-spacing: 0.3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
}
.cmd-id-rank-lbl {
  font-family: 'JetBrains Mono', monospace;
  font-size: 7.5px;
  color: rgba(0,229,255,0.55);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.cmd-id-pts-bar-wrap {
  height: 3px;
  background: rgba(0,229,255,0.1);
  border-radius: 2px;
  margin-bottom: 3px;
}
.cmd-id-pts-bar {
  height: 100%;
  background: linear-gradient(90deg, #00e5ff, #c084fc);
  border-radius: 2px;
  transition: width 1s ease;
}
.cmd-id-pts-lbl {
  font-family: 'JetBrains Mono', monospace;
  font-size: 8.5px;
  color: rgba(255,255,255,0.35);
  margin-bottom: 4px;
}
.cmd-id-type-lbl {
  font-family: 'JetBrains Mono', monospace;
  font-size: 7.5px;
  color: rgba(0,229,255,0.35);
  letter-spacing: 0.8px;
}
.cmd-id-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  border-top: 1px solid rgba(0,229,255,0.06);
  background: rgba(0,0,0,0.25);
}
.cmd-id-serial, .cmd-id-clearance {
  font-family: 'JetBrains Mono', monospace;
  font-size: 7px;
  color: rgba(255,255,255,0.2);
  letter-spacing: 0.3px;
}
.cmd-id-barcode {
  font-family: monospace;
  font-size: 10px;
  color: rgba(0,229,255,0.18);
  letter-spacing: -2px;
}

/* ── Character Picker Grid ────────────────────────────────────────────────── */
.cmd-char-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  margin: 6px 0 4px;
}
.cmd-char-thumb {
  background: rgba(0,229,255,0.03);
  border: 1px solid rgba(0,229,255,0.1);
  border-radius: 6px;
  cursor: pointer;
  padding: 4px 2px 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.cmd-char-thumb:hover {
  border-color: rgba(0,229,255,0.32);
  background: rgba(0,229,255,0.07);
}
.cmd-char-thumb.active {
  border-color: #00e5ff;
  background: rgba(0,229,255,0.1);
  box-shadow: 0 0 8px rgba(0,229,255,0.18);
}
.cmd-char-thumb img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: block;
}
.cmd-char-thumb-name {
  font-family: 'JetBrains Mono', monospace;
  font-size: 6px;
  color: rgba(255,255,255,0.4);
  text-align: center;
  letter-spacing: 0.2px;
  line-height: 1.2;
}
.cmd-skin-row { margin: 4px 0; }

/* ── TIER GATE OVERLAY ── */
.tier-gate-overlay {
  display: none; /* shown by JS for free users */
  position: absolute;
  inset: 0;
  z-index: 500;
  background: rgba(2,5,9,0.80);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  box-sizing: border-box;
}
.tgo-header {
  text-align: center;
}
.tgo-title {
  font-family: 'Orbitron', monospace;
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 6px;
}
.tgo-sub {
  font-size: 11px;
  color: rgba(226,232,240,0.45);
  letter-spacing: 0.5px;
}
.tgo-cards {
  display: flex;
  gap: 12px;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 800px;
  width: 100%;
}
.tgo-card {
  flex: 1;
  min-width: 160px;
  max-width: 220px;
  background: rgba(0,229,255,0.04);
  border: 1px solid rgba(0,229,255,0.14);
  border-radius: 12px;
  padding: 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: border-color 0.2s, background 0.2s;
}
.tgo-card:hover { border-color: rgba(0,229,255,0.3); background: rgba(0,229,255,0.07); }
.tgo-card.tgo-featured {
  border-color: rgba(192,132,252,0.4);
  background: rgba(192,132,252,0.06);
  position: relative;
}
.tgo-card.tgo-featured:hover { border-color: rgba(192,132,252,0.65); }
.tgo-badge {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg,#7c3aed,#c084fc);
  color: #fff;
  font-family: 'Orbitron', monospace;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 1.5px;
  padding: 3px 10px;
  border-radius: 20px;
  white-space: nowrap;
}
.tgo-name {
  font-family: 'Orbitron', monospace;
  font-size: 10px;
  font-weight: 700;
  color: #00e5ff;
  letter-spacing: 1.5px;
}
.tgo-card.tgo-featured .tgo-name { color: #c084fc; }
.tgo-price {
  font-family: 'Orbitron', monospace;
  font-size: 22px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
}
.tgo-price span { font-size: 11px; color: rgba(226,232,240,0.4); font-weight: 400; }
.tgo-desc {
  font-size: 10px;
  color: rgba(226,232,240,0.4);
  line-height: 1.5;
  flex: 1;
}
.tgo-btn {
  margin-top: 4px;
  padding: 8px 0;
  width: 100%;
  font-family: 'Orbitron', monospace;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.5px;
  border-radius: 7px;
  cursor: pointer;
  border: 1px solid rgba(0,229,255,0.3);
  background: rgba(0,229,255,0.08);
  color: #00e5ff;
  transition: all 0.2s;
}
.tgo-btn:hover { background: rgba(0,229,255,0.18); border-color: rgba(0,229,255,0.6); }
.tgo-card.tgo-featured .tgo-btn {
  border-color: rgba(192,132,252,0.4);
  background: rgba(192,132,252,0.1);
  color: #c084fc;
}
.tgo-card.tgo-featured .tgo-btn:hover {
  background: rgba(192,132,252,0.22);
  border-color: rgba(192,132,252,0.7);
}

/* ── PROFILE SUB-SECTIONS (Reminders & Alerts, etc.) ── */
.prof-subsec { border:1px solid rgba(0,200,255,0.1); border-radius:8px; overflow:hidden; }
.prof-subsec-hdr {
  display:flex; align-items:center; justify-content:space-between;
  padding:8px 12px; cursor:pointer; user-select:none;
  font-family:'Orbitron',monospace; font-size:8px; font-weight:700;
  color:rgba(0,200,255,0.5); letter-spacing:1.5px;
  background:rgba(0,200,255,0.03);
  transition:background 0.2s;
}
.prof-subsec-hdr:hover { background:rgba(0,200,255,0.07); }
.prof-subsec-arrow { font-size:10px; opacity:0.5; transition:transform 0.2s; }
.prof-subsec.open .prof-subsec-arrow { transform:rotate(180deg); }
.prof-subsec-body { padding:12px; border-top:1px solid rgba(0,200,255,0.08); }

/* ── ALERT SOUND SELECTOR ── */
.alert-sound-btn {
  font-family:'JetBrains Mono',monospace; font-size:9px; padding:4px 10px;
  border-radius:6px; border:1px solid rgba(0,200,255,0.2);
  background:rgba(0,200,255,0.04); color:rgba(0,200,255,0.5);
  cursor:pointer; transition:all 0.2s; letter-spacing:.3px;
}
.alert-sound-btn:hover { border-color:rgba(0,200,255,0.45); color:rgba(0,200,255,0.85); background:rgba(0,200,255,0.08); }
.alert-sound-btn.active { border-color:rgba(0,200,255,0.6); color:#00c8ff; background:rgba(0,200,255,0.12); }

/* ── ALERT OVERLAY POPUP ── */
#alert-overlay-popup {
  position:fixed; top:68px; right:16px; z-index:9999;
  width:300px; max-width:calc(100vw - 32px);
  background:rgba(4,8,16,0.97); border:1px solid rgba(0,200,255,0.3);
  border-left:3px solid #00c8ff; border-radius:10px;
  padding:12px 14px; box-shadow:0 4px 30px rgba(0,0,0,0.8);
  backdrop-filter:blur(20px); display:none;
  animation:alertSlideIn 0.3s cubic-bezier(0.16,1,0.3,1);
}
#alert-overlay-popup.buy-alert { border-left-color:#00ff88; border-color:rgba(0,255,136,0.3); }
#alert-overlay-popup.sell-alert { border-left-color:#ff4466; border-color:rgba(255,68,102,0.3); }
@keyframes alertSlideIn {
  from { opacity:0; transform:translateX(20px); }
  to   { opacity:1; transform:translateX(0); }
}
.aop-hdr { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.aop-label { font-family:'Orbitron',monospace; font-size:8px; font-weight:700; color:rgba(0,200,255,0.6); letter-spacing:2px; }
.aop-close { background:none; border:none; color:rgba(226,232,240,0.3); cursor:pointer; font-size:16px; line-height:1; padding:0 2px; transition:color 0.15s; }
.aop-close:hover { color:rgba(226,232,240,0.8); }
.aop-msg { font-family:'JetBrains Mono',monospace; font-size:11px; color:#e2e8f0; line-height:1.45; }
.aop-time { font-family:'JetBrains Mono',monospace; font-size:8px; color:rgba(226,232,240,0.25); margin-top:5px; }

/* ── FRIEND PRESENCE DOT ── */
.friend-presence { width:7px; height:7px; border-radius:50%; flex-shrink:0; display:inline-block; margin-right:4px; box-shadow:0 0 4px currentColor; }
.friend-presence.online  { background:#00ff88; color:#00ff88; }
.friend-presence.offline { background:rgba(255,68,102,0.7); color:#ff4466; }

/* ── COMMANDER CHART MODE TABS ── */
.cmd-chart-mode-tabs {
  display:flex; gap:6px; padding:8px 12px 4px;
}
.cmd-mode-btn {
  flex:1; padding:7px 6px;
  font-size:9px; font-family:'JetBrains Mono',monospace; font-weight:700;
  letter-spacing:1px; text-transform:uppercase;
  background:rgba(0,0,0,0.35); border:1px solid rgba(255,255,255,0.07);
  border-radius:7px; color:rgba(255,255,255,0.28);
  cursor:pointer; transition:all 0.2s; white-space:nowrap;
}
.cmd-mode-btn:hover {
  color:rgba(255,255,255,0.6); border-color:rgba(255,255,255,0.18);
  background:rgba(255,255,255,0.04);
}
/* DOLLARS SPENT — cyan */
.cmd-mode-btn[data-mode="spent"].active {
  color:#00e5ff; border-color:rgba(0,229,255,0.55);
  background:rgba(0,229,255,0.09);
  box-shadow:0 0 12px rgba(0,229,255,0.18), inset 0 0 8px rgba(0,229,255,0.06);
}
/* WIN/LOSS — gold */
.cmd-mode-btn[data-mode="winloss"].active {
  color:#ffd600; border-color:rgba(255,214,0,0.55);
  background:rgba(255,214,0,0.09);
  box-shadow:0 0 12px rgba(255,214,0,0.18), inset 0 0 8px rgba(255,214,0,0.06);
}
/* PNL HISTORY — purple */
.cmd-mode-btn[data-mode="pnl"].active {
  color:#a259ff; border-color:rgba(162,89,255,0.55);
  background:rgba(162,89,255,0.09);
  box-shadow:0 0 12px rgba(162,89,255,0.18), inset 0 0 8px rgba(162,89,255,0.06);
}

/* ── ALERT OVERLAY — direction badge + volume ── */
.aop-meta {
  display:flex; align-items:center; gap:8px;
  margin-bottom:6px;
}
.aop-direction {
  font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:700;
  letter-spacing:1px; padding:2px 8px; border-radius:100px;
}
.aop-direction.bull {
  color:#00ff88; background:rgba(0,255,136,0.1);
  border:1px solid rgba(0,255,136,0.3);
}
.aop-direction.bear {
  color:#ff4466; background:rgba(255,68,102,0.1);
  border:1px solid rgba(255,68,102,0.3);
}
.aop-vol-pct {
  font-family:'JetBrains Mono',monospace; font-size:10px;
  padding:2px 8px; border-radius:100px;
  background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1);
  color:rgba(226,232,240,0.55);
}
.aop-vol-pct.pos { color:#00ff88; background:rgba(0,255,136,0.06); border-color:rgba(0,255,136,0.2); }
.aop-vol-pct.neg { color:#ff4466; background:rgba(255,68,102,0.06); border-color:rgba(255,68,102,0.2); }

/* Social alert border variant */
#alert-overlay-popup.social-alert {
  border-left-color:#a855f7; border-color:rgba(168,85,247,0.3);
}

/* ═══════════════════════════════════════════════════════════════════════
   MOBILE EXPERIENCE — ≤ 768px
   Nav:         Full logo ⚡ HyperSignal Reactor + "APP COMING SOON" badge
                + Light toggle only. All other nav items hidden.
   Tab bar:     All tabs emoji-only. Chart always pinned. All other tabs
                user-toggleable via profile settings (no CSS force-hide).
   Chart:       CIPHER-1 engine dashboard + draw tools hidden — fills screen
   Vibe:        Vibe Control row hidden (app feature)
   Voice:       All AXIOM Voice UI hidden (app feature)
   Support:     Contact Support section + hamburger docs menu hidden
   Gating:      Tier-gate overlays unchanged
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* ── Nav bar ─────────────────────────────────────────────────────────── */
  #nav-movers,
  #nav-nyse,
  .nav-status,
  #axiom-nav-pill,
  #nav-user,
  #nav-fullscreen,
  #nav-eye,
  #nav-cog,
  .nav-exit,
  .mob-nav-btn,
  #mob-menu             { display: none !important; }

  /* Tighten nav for small screens */
  .station-nav          { padding: 0 10px; gap: 6px; min-height: 42px; }

  /* "APP COMING SOON" badge — shown on mobile only */
  .mob-app-badge {
    display: inline-flex;
    align-items: center;
    font-family: 'JetBrains Mono', monospace;
    font-size: 7px;
    letter-spacing: 1px;
    color: rgba(0,229,255,0.55);
    background: rgba(0,229,255,0.06);
    border: 1px solid rgba(0,229,255,0.18);
    border-radius: 100px;
    padding: 2px 7px;
    white-space: nowrap;
    flex-shrink: 0;
  }

  /* ── Tab bar ─────────────────────────────────────────────────────────── */
  /* Emoji only — hide text labels */
  .tab-label            { display: none; }

  /* Tabs scroll horizontally if many are enabled; each gets equal space */
  .panel-toggle         { display: flex; overflow-x: auto; }
  .panel-toggle .toggle-btn {
    flex: 1;
    text-align: center;
    padding: 10px 6px;
    font-size: 17px;
    min-width: 42px;
  }

  /* ── Chart tab — collapse engine dashboard + draw tools ──────────────── */
  #cipher-dash,
  .cipher-draw-grp      { display: none !important; }

  /* ── Vibe Control — hidden on mobile (app feature) ───────────────────── */
  #config-vibe-row      { display: none !important; }

  /* ── AXIOM Voice — hidden on mobile (app feature) ───────────────────── */
  #vc-overlay,
  #vc-voice-active,
  #vc-join-btn,
  #prof-voice-lab-section { display: none !important; }

  /* ── Support docs — hidden on mobile ────────────────────────────────── */
  #prof-contact-support { display: none !important; }
}

/* "APP COMING SOON" badge hidden on desktop (shown only inside media query above) */
.mob-app-badge          { display: none; }

/* Kalshi leverage multiplier chip buttons */
.kal-lev-chip{padding:3px 8px;border-radius:5px;font-size:9px;font-family:'JetBrains Mono',monospace;cursor:pointer;border:1px solid rgba(255,180,0,0.2);background:none;color:rgba(255,180,0,0.4);letter-spacing:0.3px;transition:all 0.15s;}
.kal-lev-chip:hover{border-color:rgba(255,180,0,0.45);color:rgba(255,180,0,0.75);}
.kal-lev-chip.kal-lev-active{background:rgba(255,180,0,0.1);border-color:rgba(255,180,0,0.5);color:rgba(255,180,0,0.9);}
/* kal-lev-chip theme variants */
body.page-light .kal-lev-chip{border-color:rgba(160,80,0,0.25);color:rgba(160,80,0,0.5);}
body.page-light .kal-lev-chip:hover{border-color:rgba(160,80,0,0.5);color:rgba(150,70,0,0.8);}
body.page-light .kal-lev-chip.kal-lev-active{background:rgba(160,80,0,0.1);border-color:rgba(160,80,0,0.55);color:rgba(140,65,0,0.95);}
body.page-terminal .kal-lev-chip{border-color:rgba(0,200,0,0.2);color:rgba(0,180,0,0.4);}
body.page-terminal .kal-lev-chip:hover{border-color:rgba(0,255,0,0.45);color:#00cc44;}
body.page-terminal .kal-lev-chip.kal-lev-active{background:rgba(0,255,0,0.08);border-color:rgba(0,255,0,0.5);color:#00ff44;}
body.page-midnight .kal-lev-chip{border-color:rgba(191,0,255,0.2);color:rgba(191,0,255,0.4);}
body.page-midnight .kal-lev-chip:hover{border-color:rgba(191,0,255,0.45);color:rgba(191,0,255,0.75);}
body.page-midnight .kal-lev-chip.kal-lev-active{background:rgba(191,0,255,0.1);border-color:rgba(191,0,255,0.5);color:#bf00ff;}
body.page-stealth .kal-lev-chip{border-color:rgba(50,60,85,0.2);color:rgba(70,80,110,0.35);}
body.page-stealth .kal-lev-chip:hover{border-color:rgba(60,70,95,0.35);color:rgba(80,95,125,0.55);}
body.page-stealth .kal-lev-chip.kal-lev-active{background:rgba(20,25,45,0.3);border-color:rgba(60,75,110,0.4);color:rgba(90,105,140,0.65);}

/* ── Legal Academy (Admin-only, Carlos gate) ─────────────────────────── */
#la-body h2,#la-body h3{margin:0 0 8px;font-weight:700;line-height:1.3;}
#la-body h2{font-size:17px;color:rgba(226,232,240,0.9);}
#la-body h3{font-size:14px;color:rgba(226,232,240,0.75);margin-top:16px;}
#la-body p{font-size:14px;color:rgba(226,232,240,0.6);line-height:1.65;margin:0 0 10px;}
#la-body ul,#la-body ol{padding-left:18px;margin:0 0 10px;}
#la-body li{font-size:14px;color:rgba(226,232,240,0.6);line-height:1.6;margin-bottom:4px;}
#la-body strong{color:rgba(226,232,240,0.88);font-weight:700;}
#la-body em{color:rgba(226,232,240,0.55);font-style:italic;}
.la-callout{background:rgba(0,180,216,0.06);border-left:3px solid rgba(0,180,216,0.4);border-radius:0 8px 8px 0;padding:10px 14px;margin:14px 0 8px;font-size:13px;color:rgba(226,232,240,0.65);line-height:1.55;}
.la-mod-card{background:rgba(226,232,240,0.03);border:1px solid rgba(226,232,240,0.07);border-radius:10px;padding:13px 14px;cursor:pointer;transition:background .15s,border-color .15s;}
.la-mod-card:active{background:rgba(226,232,240,0.07);}
.la-lesson-row{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:8px;cursor:pointer;border-bottom:1px solid rgba(226,232,240,0.04);transition:background .12s;}
.la-lesson-row:active{background:rgba(226,232,240,0.06);}
.la-lesson-title{font-size:18px;font-weight:800;color:rgba(226,232,240,0.9);margin:0 0 14px;line-height:1.3;}
.la-lesson-content{font-size:15px;line-height:1.7;color:rgba(226,232,240,0.65);}
.la-lesson-content h3{font-size:15px;color:rgba(226,232,240,0.85);font-weight:700;margin:18px 0 8px;}
.la-lesson-content p{margin:0 0 12px;font-size:15px;line-height:1.7;}
.la-lesson-content ul,.la-lesson-content ol{padding-left:20px;margin:0 0 12px;}
.la-lesson-content li{font-size:15px;line-height:1.65;margin-bottom:5px;}
.la-question{font-size:15px;font-weight:700;color:rgba(226,232,240,0.9);line-height:1.5;margin-bottom:18px;}
.la-opt{width:100%;text-align:left;background:rgba(226,232,240,0.03);border:1px solid rgba(226,232,240,0.1);border-radius:10px;padding:13px 14px;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:background .12s,border-color .15s;color:rgba(226,232,240,0.7);font-size:14px;line-height:1.45;}
.la-opt:active,.la-opt:hover{background:rgba(226,232,240,0.07);}
.la-opt-sel{background:rgba(0,180,216,0.1)!important;border-color:rgba(0,180,216,0.45)!important;color:rgba(226,232,240,0.95)!important;}
.la-opt-ltr{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(226,232,240,0.06);border:1px solid rgba(226,232,240,0.12);font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px;color:rgba(226,232,240,0.45);}
.la-opt-sel .la-opt-ltr{background:rgba(0,180,216,0.18);border-color:rgba(0,180,216,0.5);color:#00b4d8;}
.la-result-row{background:rgba(226,232,240,0.03);border-radius:8px;padding:12px 14px;font-size:13px;}
.la-result-q{font-size:13px;font-weight:600;color:rgba(226,232,240,0.8);line-height:1.4;flex:1;}
.la-result-exp{font-size:12px;color:rgba(226,232,240,0.45);line-height:1.5;margin-left:25px;}
.la-btn{border:none;border-radius:8px;padding:11px 16px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:background .15s,opacity .15s;}
.la-btn-primary{background:rgba(0,180,216,0.18);color:#00b4d8;border:1px solid rgba(0,180,216,0.35);}
.la-btn-primary:active{opacity:.75;}
.la-btn-ghost{background:rgba(226,232,240,0.05);color:rgba(226,232,240,0.45);border:1px solid rgba(226,232,240,0.1);}
.la-btn-ghost:active{background:rgba(226,232,240,0.1);}
.la-btn-sm{padding:6px 12px;font-size:11px;}
.la-resume{width:100%;display:flex;align-items:center;gap:12px;background:rgba(0,230,136,0.06);border:1px solid rgba(0,230,136,0.2);border-radius:10px;padding:13px 16px;cursor:pointer;text-align:left;transition:background .15s;}
.la-resume:active{background:rgba(0,230,136,0.12);}
.la-nav-row{display:flex;gap:8px;flex-wrap:wrap;}
.la-quiz-next{width:100%;justify-content:center;}

/* ══════════════════════════════════════════════════════════════════
   MOTHERSHIP DROP AD BANNER
   ══════════════════════════════════════════════════════════════════ */
.msd-banner{
  position:relative;overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.35);
  background:radial-gradient(ellipse at 50% 30%, rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.10) 0%, rgba(2,5,9,0.97) 65%);
  box-shadow:0 0 40px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.18), inset 0 0 60px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.04);
  padding:22px 20px 20px;
  margin-bottom:14px;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;
}
/* Starfield canvas — absolute behind everything */
.msd-stars{
  position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;
}
/* Pulsing rings */
.msd-ring{
  position:absolute;border-radius:50%;pointer-events:none;z-index:0;
  border:1px solid rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.18);
  animation:msd-pulse 3.5s ease-out infinite;
}
.msd-ring1{width:180px;height:180px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:0s;}
.msd-ring2{width:280px;height:280px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:1.1s;}
.msd-ring3{width:380px;height:380px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:2.2s;}
@keyframes msd-pulse{
  0%  {opacity:0.6;transform:translate(-50%,-50%) scale(0.9);}
  60% {opacity:0.12;}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.15);}
}
/* All children sit above canvas and rings */
.msd-banner > *:not(.msd-stars):not(.msd-ring){position:relative;z-index:1;}
/* Eyebrow */
.msd-eyebrow{
  font-size:7.5px;letter-spacing:3px;
  color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.6);
  font-family:'JetBrains Mono',monospace;
  margin-bottom:14px;
  animation:msd-flicker 6s steps(1) infinite;
}
@keyframes msd-flicker{0%,90%,96%,100%{opacity:1;}93%,97%{opacity:0.3;}}
/* Orb */
.msd-orb-wrap{
  width:88px;height:88px;margin:0 auto 12px;
  filter:drop-shadow(0 0 18px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.6))
         drop-shadow(0 0 40px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.25));
  animation:msd-float 4s ease-in-out infinite;
}
@keyframes msd-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
.msd-orb-svg{width:100%;height:100%;}
/* Title */
.msd-title-wrap{margin-bottom:10px;}
.msd-title{
  font-size:22px;font-weight:900;letter-spacing:3px;
  color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),1);
  text-shadow:0 0 30px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.8),
              0 0 60px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.4);
  font-family:'JetBrains Mono',monospace;
  line-height:1.1;
}
.msd-subtitle{
  font-size:8px;letter-spacing:2.5px;
  color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.5);
  font-family:'JetBrains Mono',monospace;
  margin-top:4px;
}
/* Badge */
.msd-badge{
  display:flex;flex-direction:column;align-items:center;
  background:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.10);
  border:1px solid rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.35);
  border-radius:50px;padding:7px 22px;margin-bottom:14px;
  box-shadow:0 0 18px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.18);
}
.msd-badge-num{
  font-size:20px;font-weight:900;letter-spacing:1px;
  color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),1);
  font-family:'JetBrains Mono',monospace;
  text-shadow:0 0 20px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.8);
  line-height:1.1;
}
.msd-badge-lbl{
  font-size:7px;letter-spacing:3px;
  color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.6);
  font-family:'JetBrains Mono',monospace;
}
/* Countdown label */
.msd-countdown-label{
  font-size:7px;letter-spacing:3px;
  color:rgba(226,232,240,0.3);
  font-family:'JetBrains Mono',monospace;
  margin-bottom:7px;
}
/* Countdown */
.msd-countdown{
  display:flex;align-items:flex-start;gap:4px;
  margin-bottom:16px;
}
.msd-cd-unit{display:flex;flex-direction:column;align-items:center;min-width:42px;}
.msd-cd-val{
  font-size:26px;font-weight:900;line-height:1;
  color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),1);
  font-family:'JetBrains Mono',monospace;
  text-shadow:0 0 20px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.8);
}
.msd-cd-lbl{
  font-size:6.5px;letter-spacing:2px;margin-top:3px;
  color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.45);
  font-family:'JetBrains Mono',monospace;
}
.msd-cd-sep{
  font-size:22px;font-weight:900;
  color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.4);
  font-family:'JetBrains Mono',monospace;
  padding-top:2px;
  animation:msd-blink 1s step-end infinite;
}
@keyframes msd-blink{0%,100%{opacity:1;}50%{opacity:0.15;}}
/* Divider */
.msd-divider{
  width:100%;display:flex;align-items:center;gap:8px;
  margin-bottom:12px;
}
.msd-divider::before,.msd-divider::after{
  content:'';flex:1;height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.3),transparent);
}
.msd-divider-text{
  font-size:7px;letter-spacing:2.5px;white-space:nowrap;
  color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.5);
  font-family:'JetBrains Mono',monospace;
}
/* Signup */
.msd-signup-wrap{width:100%;}
.msd-signup-copy{
  font-size:11px;line-height:1.55;
  color:rgba(226,232,240,0.45);
  margin-bottom:10px;
}
.msd-form{display:flex;gap:6px;width:100%;}
.msd-input{
  flex:1;min-width:0;
  background:rgba(2,5,9,0.7);
  border:1px solid rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.3);
  border-radius:8px;padding:9px 12px;
  font-size:11px;font-family:inherit;
  color:rgba(226,232,240,0.85);
  outline:none;transition:border-color .15s,box-shadow .15s;
}
.msd-input::placeholder{color:rgba(226,232,240,0.2);}
.msd-input:focus{
  border-color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.65);
  box-shadow:0 0 10px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.18);
}
.msd-btn{
  flex-shrink:0;
  background:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.18);
  border:1px solid rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.5);
  border-radius:8px;padding:9px 14px;
  font-size:10px;font-weight:700;letter-spacing:1.5px;font-family:'JetBrains Mono',monospace;
  color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),1);
  cursor:pointer;transition:background .15s,box-shadow .15s;
  text-shadow:0 0 10px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.6);
  box-shadow:0 0 12px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.15);
}
.msd-btn:hover{
  background:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.28);
  box-shadow:0 0 20px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.3);
}
.msd-btn:disabled{opacity:0.45;cursor:default;}
.msd-msg{
  font-size:11px;margin-top:8px;
  font-family:'JetBrains Mono',monospace;letter-spacing:0.5px;
  padding:7px 10px;border-radius:7px;
}
.msd-msg-ok{
  color:rgba(0,229,136,1);
  background:rgba(0,229,136,0.08);
  border:1px solid rgba(0,229,136,0.25);
}
.msd-msg-err{
  color:rgba(255,80,80,1);
  background:rgba(255,80,80,0.07);
  border:1px solid rgba(255,80,80,0.2);
}
/* Date stamp */
.msd-date-stamp{
  font-size:7px;letter-spacing:2px;
  color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.28);
  font-family:'JetBrains Mono',monospace;
  margin-top:14px;
}
/* Drop fired state */
.msd-banner.msd-fired .msd-countdown-label,
.msd-banner.msd-fired .msd-countdown{display:none;}
.msd-banner.msd-fired .msd-badge{
  background:rgba(0,229,136,0.12);
  border-color:rgba(0,229,136,0.4);
}
.msd-banner.msd-fired .msd-badge-num,
.msd-banner.msd-fired .msd-badge-lbl{color:rgba(0,229,136,1);}
.msd-fired-msg{
  font-size:13px;font-weight:700;letter-spacing:1px;
  color:rgba(0,229,136,1);
  font-family:'JetBrains Mono',monospace;
  text-shadow:0 0 18px rgba(0,229,136,0.7);
  margin-bottom:10px;display:none;
}
.msd-banner.msd-fired .msd-fired-msg{display:block;}

/* Mothership Drop — Share pill */
.msd-share-pill{
  position:absolute!important;top:10px;right:10px;z-index:10;
  display:flex;align-items:center;gap:5px;
  background:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.12);
  border:1px solid rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.35);
  border-radius:20px;padding:5px 11px 5px 8px;
  cursor:pointer;font-family:'JetBrains Mono',monospace;
  font-size:9px;font-weight:700;letter-spacing:1.5px;
  color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.9);
  transition:background .15s,box-shadow .15s;
  text-shadow:0 0 8px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.5);
}
.msd-share-pill:hover{
  background:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.22);
  box-shadow:0 0 14px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.25);
}
.msd-share-pill.msd-copied{
  color:rgba(0,229,136,1);
  border-color:rgba(0,229,136,0.45);
  background:rgba(0,229,136,0.1);
  text-shadow:0 0 8px rgba(0,229,136,0.5);
}
.msd-share-icon{font-size:12px;line-height:1;}

/* MSD share dropdown — position set by JS via getBoundingClientRect */
.msd-share-drop{
  background:#071018;border:1px solid rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.4);
  border-radius:10px;padding:5px;
  box-shadow:0 8px 32px rgba(0,0,0,0.85),0 0 24px rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.15);
  min-width:160px;
  animation:msd-drop-in 0.12s ease-out;
}
@keyframes msd-drop-in{
  from{opacity:0;transform:translateY(-4px);}
  to  {opacity:1;transform:translateY(0);}
}
.msd-drop-item{
  display:block;width:100%;text-align:left;
  background:transparent;border:none;
  padding:9px 14px;border-radius:7px;
  font-size:11px;font-weight:700;letter-spacing:1px;font-family:'JetBrains Mono',monospace;
  color:rgba(226,232,240,0.75);cursor:pointer;
  transition:background .12s,color .12s;
}
.msd-drop-item:hover{
  background:rgba(var(--ca-r),var(--ca-g),var(--ca-b),0.12);
  color:rgba(var(--ca-r),var(--ca-g),var(--ca-b),1);
}
/* Share modal — X button */
.spl-x{
  background:rgba(0,0,0,0.6);
  border-color:rgba(255,255,255,0.2);
  color:rgba(226,232,240,0.85);
}
.spl-x:hover{background:rgba(0,0,0,0.9);}