/* Trade Prediction by Crypto507 - Complete Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
    --bg: #0a0a0f; --bg2: #121218; --bg3: #1a1a24; --bg4: #252530;
    --text: #f0f0f5; --text2: #9a9ab0; --text3: #5a5a70;
    --red: #d42020; --red2: #b01818; --red-glow: rgba(212,32,32,.15);
    --green: #10b981; --green2: #059669;
    --blue: #3b82f6; --orange: #f59e0b; --purple: #7c3aed;
    --accent: #d42020; --accent2: #ff3333;
    --border: #1e1e2a; --border2: #2a2a3a;
    --radius: 10px; --radius-lg: 14px;
    --font: 'Outfit', -apple-system, sans-serif;
    --mono: 'JetBrains Mono', monospace;
    --shadow: 0 4px 30px rgba(0,0,0,.5);
    --nav-h: 60px;
}
[data-theme="light"] {
    --bg: #f3f3f6; --bg2: #ffffff; --bg3: #fafafa; --bg4: #eaeaef;
    --text: #0a0a0f; --text2: #555568; --text3: #8a8a9f;
    --border: #dddde5; --border2: #ccccd5;
    --shadow: 0 4px 30px rgba(0,0,0,.08);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:15px;scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}

/* ===== NAV ===== */
.tp-nav{display:flex;align-items:center;gap:12px;padding:0 20px;height:var(--nav-h);background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}
.nav-brand{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none}
.nav-brand img{height:36px;width:36px;object-fit:contain}
.brand-name{font-weight:800;font-size:1.05rem;letter-spacing:-.5px}
.brand-name .brand-red{color:var(--red)}
.nav-links{display:flex;gap:2px;flex:1;justify-content:center}
.nav-link{padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:500;color:var(--text2);text-decoration:none;transition:all .2s;white-space:nowrap}
.nav-link:hover{background:var(--bg3);color:var(--text)}
.nav-link.active{background:var(--red);color:#fff}
.nav-right{display:flex;align-items:center;gap:6px}
.lang-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:2px 6px;cursor:pointer;font-size:.82rem;transition:all .2s}
.lang-btn.active{border-color:var(--red);background:var(--red-glow)}
.theme-btn{background:none;border:none;font-size:1.1rem;cursor:pointer}

/* ===== MAIN ===== */
main{max-width:1240px;margin:0 auto;padding:24px 20px;min-height:calc(100vh - 130px)}
.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}
.view-header h1{font-size:1.5rem;font-weight:700}
.view-sub{color:var(--text2);font-size:.88rem}

/* ===== FOOTER ===== */
.tp-footer{text-align:center;padding:16px;color:var(--text3);border-top:1px solid var(--border);font-size:.78rem}
.tp-footer a{color:var(--red);text-decoration:none}

/* ===== COMMON ===== */
.tp-select,.tp-input{background:var(--bg3);color:var(--text);border:1px solid var(--border2);border-radius:var(--radius);padding:9px 14px;font-family:var(--font);font-size:.88rem;outline:none;transition:border .2s}
.tp-select:focus,.tp-input:focus{border-color:var(--red)}
.tp-select.small{padding:5px 10px;font-size:.8rem}
.tp-btn{background:var(--bg3);color:var(--text);border:1px solid var(--border2);border-radius:var(--radius);padding:9px 18px;cursor:pointer;font-family:var(--font);font-size:.85rem;font-weight:600;transition:all .2s}
.tp-btn:hover{background:var(--bg4);border-color:var(--text3)}
.tp-btn.primary{background:var(--red);color:#fff;border-color:var(--red)}
.tp-btn.primary:hover{background:var(--red2)}
.tp-btn.danger{background:#dc2626;color:#fff;border-color:#dc2626}
.tp-btn.active{background:var(--red);color:#fff;border-color:var(--red)}
.tp-btn.small{padding:5px 12px;font-size:.8rem}
.tp-btn:disabled{opacity:.5;cursor:not-allowed}

.text-green{color:var(--green)!important}.text-red{color:var(--red)!important}.text-neutral{color:var(--text2)!important}.muted{color:var(--text3)}
.error-box{background:rgba(212,32,32,.1);border:1px solid var(--red);border-radius:var(--radius);padding:16px;color:var(--red)}
.loading-spin{width:32px;height:32px;border:3px solid var(--border2);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}
@keyframes spin{to{transform:rotate(360deg)}}

/* ===== FILTER TABS ===== */
.filter-tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}
.filter-btn{background:var(--bg3);color:var(--text2);border:1px solid var(--border);border-radius:20px;padding:6px 16px;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .2s}
.filter-btn.active,.filter-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}

/* ===== ASSET GRID ===== */
.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.asset-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}
.asset-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--text3);transition:background .2s}
.asset-card.signal-bull::before{background:var(--green)}.asset-card.signal-bear::before{background:var(--red)}.asset-card.signal-none{opacity:.85}
.asset-card.signal-bull{border-color:rgba(16,185,129,.25)}.asset-card.signal-bear{border-color:rgba(212,32,32,.25)}
.asset-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border2)}
.card-head{display:flex;justify-content:space-between;align-items:center}
.asset-symbol{font-weight:700;font-size:1.15rem}
.asset-type{font-size:.68rem;padding:2px 8px;border-radius:10px;background:var(--bg4);color:var(--text2);font-weight:500}
.card-name{font-size:.8rem;color:var(--text2);margin:4px 0}
.card-price{font-size:1.2rem;font-weight:700;font-family:var(--mono);margin:8px 0}
.card-no-pred{color:var(--text3);font-size:.82rem;font-style:italic;margin-top:8px}
.signal-badge{position:absolute;top:8px;right:8px;font-size:.62rem;font-weight:700;padding:3px 8px;border-radius:10px;letter-spacing:.5px}
.signal-badge.up{background:var(--green);color:#fff}.signal-badge.down{background:var(--red);color:#fff}

/* PREDICTION BAR */
.pred-bar{height:6px;background:var(--red);border-radius:3px;overflow:hidden;margin:10px 0 6px}
.pred-fill.pred-up{height:100%;background:var(--green);border-radius:3px;transition:width .5s}
.pred-labels{display:flex;justify-content:space-between;font-size:.8rem;font-family:var(--mono)}
.pred-conf{font-size:.72rem;color:var(--text3);margin-top:4px}
.no-signal-box{text-align:center;padding:8px 0}
.no-signal-text{display:block;font-size:.72rem;color:var(--text3);font-weight:600;letter-spacing:1px;margin:4px 0}
.no-signal-sub{font-size:.72rem;color:var(--text3);font-family:var(--mono)}
.no-signal-hero{padding:20px 0}.no-signal-big{font-size:1.15rem;font-weight:700;color:var(--text3);letter-spacing:2px}
.no-signal-detail{font-size:.85rem;color:var(--text3);margin-top:6px}

/* ===== MSI GLOBAL BAR ===== */
.msi-global-bar{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.msi-section{flex:1;min-width:170px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 18px}
.msi-label{font-size:.7rem;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.msi-track,.fg-track{height:8px;background:var(--bg4);border-radius:4px;overflow:hidden;position:relative;margin:6px 0}
.msi-fill,.fg-fill{height:100%;border-radius:4px;transition:width .5s}
.msi-center{position:absolute;left:50%;top:-2px;width:2px;height:12px;background:var(--text3)}
.msi-tag,.fg-val{font-size:.85rem;font-weight:600;font-family:var(--mono)}
.alpha-val{font-size:1.3rem;font-weight:700;font-family:var(--mono)}.alpha-tag{font-size:.75rem;font-weight:600}

/* ===== METRICS BAR ===== */
.metrics-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.metric-card{flex:1;min-width:130px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;text-align:center}
.metric-label{font-size:.68rem;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.metric-val{font-size:.95rem;font-weight:700}.metric-sub{font-size:.72rem;color:var(--text3);margin-top:2px;font-family:var(--mono)}

/* ===== ANALYSIS ===== */
.analysis-controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:24px}
.horizon-group{display:flex;align-items:center;gap:8px;font-size:.85rem}
.horizon-group input[type=range]{width:120px;accent-color:var(--red)}
.result-hero{text-align:center;padding:30px;background:var(--bg2);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:20px}
.hero-symbol{font-size:1.8rem;font-weight:800}.hero-name{font-size:.95rem;color:var(--text2);font-weight:400}
.hero-price{font-size:1.7rem;font-family:var(--mono);font-weight:700;margin:8px 0}
.hero-change{font-size:1rem;font-family:var(--mono)}
.hero-direction{font-size:1.15rem;font-weight:700;margin:12px 0}
.hero-direction.up{color:var(--green)}.hero-direction.down{color:var(--red)}.hero-direction.neutral{color:var(--text3)}
.hero-prob-row{display:flex;align-items:center;justify-content:center;gap:30px;margin:20px 0}
.prob-circle{position:relative;width:140px;height:140px}
.prob-circle svg{width:100%;height:100%;transform:rotate(-90deg)}
.prob-bg{fill:none;stroke:var(--bg4);stroke-width:8}
.prob-fill-svg{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .8s}
.prob-fill-svg.up{stroke:var(--green)}.prob-fill-svg.down{stroke:var(--red)}.prob-fill-svg.neutral{stroke:var(--text3)}
.prob-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.prob-val{font-size:1.5rem;font-weight:700;font-family:var(--mono)}.prob-label{font-size:.68rem;color:var(--text2)}
.prob-details{text-align:left;font-size:.85rem;color:var(--text2);line-height:1.8}
.prob-details strong{color:var(--text);font-family:var(--mono)}
.hero-conf{color:var(--text2);font-size:.85rem}

.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.result-section{background:var(--bg2);border-radius:var(--radius-lg);padding:18px;border:1px solid var(--border)}
.result-section h3{font-size:1rem;margin-bottom:12px}
.driver-item,.risk-item{padding:6px 0;font-size:.83rem;border-bottom:1px solid var(--border);display:flex;gap:8px;align-items:center}
.driver-type,.risk-type{font-size:.68rem;padding:2px 6px;border-radius:6px;white-space:nowrap;font-weight:500}
.drivers .driver-item::before{content:'+';color:var(--green);font-weight:700}
.risks .risk-item::before{content:'−';color:var(--red);font-weight:700}

/* FACTOR BARS */
.factors-section{margin-bottom:20px}.factors-section h3 small{font-weight:400;color:var(--text3)}
.factors-grid{display:grid;gap:8px}
.factor-bar{display:flex;align-items:center;gap:10px}
.factor-label{width:130px;font-size:.8rem;color:var(--text2);text-align:right}
.factor-weight{color:var(--text3);font-size:.68rem;margin-left:4px}
.factor-track{flex:1;height:8px;background:var(--bg4);border-radius:4px;position:relative}
.factor-fill{height:100%;border-radius:4px;transition:width .5s}
.factor-fill.positive{background:var(--green)}.factor-fill.negative{background:var(--red)}.factor-fill.neutral{background:var(--text3)}
.factor-center{position:absolute;left:50%;top:-2px;width:2px;height:12px;background:var(--text3)}
.factor-val{width:55px;font-size:.8rem;font-family:var(--mono);text-align:right}
.factor-val.positive{color:var(--green)}.factor-val.negative{color:var(--red)}

.tech-details{background:var(--bg2);border-radius:var(--radius-lg);padding:18px;border:1px solid var(--border)}
.tech-details h3{margin-bottom:12px}
.tech-row{display:flex;gap:20px;flex-wrap:wrap;font-size:.83rem;color:var(--text2);margin-bottom:8px}
.tech-row strong{color:var(--text);font-family:var(--mono)}

/* ===== SIMULATOR ===== */
.sim-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:24px}
.form-row{display:flex;flex-direction:column;gap:4px}.form-row label{font-size:.82rem;color:var(--text2)}
.sim-hero{text-align:center;margin-bottom:20px}
.sim-asset{font-size:1.5rem;font-weight:700}.sim-asset-name{font-size:1rem;color:var(--text2);font-weight:400}
.sim-meta{font-size:.82rem;color:var(--text3);margin-top:4px;font-family:var(--mono)}
.scenario-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.scen-label{width:200px;font-size:.8rem;color:var(--text2);text-align:right}
.scen-bar-track{flex:1;height:20px;background:var(--bg4);border-radius:4px;position:relative;overflow:hidden}
.scen-bar-fill{height:100%;border-radius:4px;transition:width .6s}
.scen-inv-line{position:absolute;top:0;width:2px;height:100%;background:var(--text);opacity:.5}
.bar-red{background:var(--red)}.bar-orange{background:var(--orange)}.bar-blue{background:var(--blue)}.bar-green{background:var(--green)}.bar-emerald{background:#34d399}
.scen-val{width:100px;font-family:var(--mono);font-size:.82rem;text-align:right}
.scen-diff{width:70px;font-family:var(--mono);font-size:.8rem}
.sim-stats{display:flex;gap:14px;flex-wrap:wrap}
.stat-card{flex:1;min-width:150px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;text-align:center}
.stat-label{font-size:.8rem;color:var(--text2);margin-bottom:6px}.stat-val{font-size:1.3rem;font-weight:700;font-family:var(--mono)}

/* ===== ADVISOR ===== */
.advisor-container{display:flex;flex-direction:column;height:calc(100vh - 140px)}
.advisor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.advisor-header h1{font-size:1.2rem}
.chat-messages{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;gap:12px}
.chat-welcome{text-align:center;padding:40px 20px;color:var(--text2)}
.welcome-icon{margin-bottom:12px}.welcome-icon img{height:64px;opacity:.7}
.welcome-examples{margin-top:20px;display:flex;flex-direction:column;gap:8px;align-items:center}
.examples-label{font-size:.8rem;color:var(--text3);margin-bottom:4px}
.example-btn{background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:8px 16px;color:var(--text2);cursor:pointer;font-size:.83rem;transition:all .2s}
.example-btn:hover{border-color:var(--red);color:var(--text)}
.chat-bubble{max-width:80%;padding:12px 16px;border-radius:var(--radius-lg);font-size:.88rem;line-height:1.5}
.chat-bubble.user{align-self:flex-end;background:var(--red);color:#fff;border-bottom-right-radius:4px}
.chat-bubble.assistant{align-self:flex-start;background:var(--bg2);border:1px solid var(--border);border-bottom-left-radius:4px}
.chat-bubble.thinking{align-self:flex-start;background:var(--bg3);color:var(--text3);display:flex;align-items:center;gap:8px}
.chat-bubble.error{align-self:center;background:rgba(212,32,32,.1);color:var(--red)}
.bubble-content pre{background:var(--bg4);padding:8px;border-radius:6px;overflow-x:auto;font-family:var(--mono);font-size:.8rem;margin:8px 0}
.bubble-content code{background:var(--bg4);padding:1px 4px;border-radius:3px;font-family:var(--mono);font-size:.83rem}
.chat-mini-pred{display:flex;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-family:var(--mono);font-size:.83rem}
.mini-symbol{font-weight:700}
.typing-dots span{display:inline-block;width:6px;height:6px;background:var(--text3);border-radius:50%;animation:blink 1.4s infinite}
.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.3}40%{opacity:1}}
.chat-input-area{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.chat-field{flex:1}.chat-send{white-space:nowrap}

/* ===== SETTINGS ===== */
.settings-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}
.settings-section h2{font-size:1.1rem;margin-bottom:8px}
.settings-desc{color:var(--text2);font-size:.83rem;margin-bottom:16px}
.apikey-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.apikey-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.83rem}
.key-provider{font-weight:600;width:100px}.key-status{color:var(--green)}.key-date{color:var(--text3);font-size:.78rem;flex:1}
.lang-options,.theme-options{display:flex;gap:8px}

/* ===== DATA ===== */
.data-counters{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:24px}
.data-counter{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;text-align:center}
.counter-icon{font-size:1.4rem;display:block;margin-bottom:6px}.counter-val{font-size:1.3rem;font-weight:700;font-family:var(--mono);display:block}
.counter-label{font-size:.78rem;color:var(--text2)}
.log-table{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.log-header,.log-row{display:grid;grid-template-columns:1fr 80px 80px 1fr;padding:8px 12px;font-size:.8rem}
.log-header{background:var(--bg3);font-weight:600;color:var(--text2)}.log-row{border-top:1px solid var(--border)}
.log-row.success .log-status{color:var(--green)}.log-row.error .log-status{color:var(--red)}

/* TOAST */
.tp-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--bg2);color:var(--text);border:1px solid var(--red);padding:10px 24px;border-radius:20px;font-size:.83rem;opacity:0;transition:all .3s;z-index:1000;box-shadow:var(--shadow)}
.tp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* BADGES */
.badge-technical{background:#3b82f6;color:#fff;font-size:.68rem;padding:2px 6px;border-radius:6px}
.badge-macro{background:#8b5cf6;color:#fff;font-size:.68rem;padding:2px 6px;border-radius:6px}
.badge-sentiment{background:#f59e0b;color:#000;font-size:.68rem;padding:2px 6px;border-radius:6px}
.badge-volume{background:#06b6d4;color:#fff;font-size:.68rem;padding:2px 6px;border-radius:6px}
.badge-event{background:#ef4444;color:#fff;font-size:.68rem;padding:2px 6px;border-radius:6px}
.badge-fear_greed{background:#7c3aed;color:#fff;font-size:.68rem;padding:2px 6px;border-radius:6px}
.badge-analysis{background:var(--bg4);color:var(--text2);font-size:.68rem;padding:2px 6px;border-radius:6px}
.vol-low{color:var(--green)}.vol-medium{color:var(--orange)}.vol-high{color:var(--red)}.vol-extreme{color:#ff3333;font-weight:700}

/* ===== MOBILE ===== */
@media(max-width:768px){
    .tp-nav{flex-wrap:wrap;height:auto;padding:8px 12px;gap:6px}
    .nav-brand{order:1}.nav-right{order:2;margin-left:auto}
    .nav-links{order:3;width:100%;overflow-x:auto;padding-bottom:4px;justify-content:flex-start;gap:0;-webkit-overflow-scrolling:touch}
    .nav-links::-webkit-scrollbar{display:none}
    .nav-link{font-size:.75rem;padding:6px 10px;flex-shrink:0}
    main{padding:14px 10px}
    .view-header h1{font-size:1.2rem}
    .asset-grid{grid-template-columns:1fr 1fr;gap:10px}
    .asset-card{padding:12px}
    .asset-symbol{font-size:1rem}.card-price{font-size:1rem}
    .result-grid{grid-template-columns:1fr}
    .analysis-controls{flex-direction:column;align-items:stretch}
    .sim-form{flex-direction:column}
    .scenario-row{flex-wrap:wrap}.scen-label{width:100%;text-align:left;font-size:.75rem}
    .scen-bar-track{height:14px}
    .chat-bubble{max-width:92%}
    .metrics-bar{flex-wrap:wrap}.metric-card{min-width:calc(50% - 8px)}
    .msi-global-bar{flex-direction:column}
    .hero-prob-row{flex-direction:column;gap:16px}
    .prob-details{text-align:center}
    .factors-grid .factor-bar{flex-wrap:wrap}.factor-label{width:100%;text-align:left;font-size:.75rem}
    .tech-row{gap:10px}.tech-row span{font-size:.78rem}
    .log-header,.log-row{grid-template-columns:1fr 60px 60px;font-size:.72rem}
    .log-header span:last-child,.log-row span:last-child{display:none}
}
@media(max-width:400px){
    .asset-grid{grid-template-columns:1fr}
    .metric-card{min-width:100%}
}
/* V4 Additions - Top Opportunities + Signal Hero + Why Signal */

/* Top Opportunities */
.top-opp{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin-bottom:18px}
.top-opp-header h2{font-size:1.1rem;margin-bottom:12px}
.top-opp-list{display:flex;flex-direction:column;gap:2px}
.top-opp-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);cursor:pointer;transition:background .2s;font-size:.85rem}
.top-opp-item:hover{background:var(--bg3)}
.top-rank{font-weight:800;font-size:1rem;width:30px;color:var(--text3)}
.top-sym{font-weight:700;width:60px;font-size:1rem}
.top-price{font-family:var(--mono);width:110px;color:var(--text2)}
.top-signal{font-weight:700;width:140px;font-size:.82rem;letter-spacing:.5px}
.top-prob{font-family:var(--mono);font-weight:600;width:70px}
.top-alpha{font-family:var(--mono);color:var(--text3);font-size:.78rem;width:70px}
.top-conf{font-family:var(--mono);color:var(--text3);font-size:.78rem}

/* Regime Global Banner */
.regime-global{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 18px;margin-bottom:14px}
.regime-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.regime-tag{color:#fff;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:12px;letter-spacing:1px}
.regime-desc{font-size:.85rem;color:var(--text2)}
.regime-stats{display:flex;gap:18px;margin-top:8px;font-size:.82rem;color:var(--text2);flex-wrap:wrap}

/* Signal Hero Big */
.signal-hero-big{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--bg2);border:2px solid var(--border);border-radius:var(--radius-lg);padding:24px 30px;margin-bottom:18px;flex-wrap:wrap}
.shb-left{min-width:160px}
.shb-symbol{font-size:2rem;font-weight:800}
.shb-name{font-size:.9rem;color:var(--text2)}
.shb-price{font-size:1.3rem;font-family:var(--mono);font-weight:700;margin-top:6px}
.shb-center{text-align:center;flex:1;min-width:180px}
.shb-signal{font-size:1.6rem;font-weight:800;letter-spacing:1px}
.shb-prob{font-size:2rem;font-weight:800;font-family:var(--mono);margin-top:4px}
.shb-right{display:flex;flex-direction:column;gap:8px;min-width:120px}
.shb-stat{display:flex;justify-content:space-between;gap:12px;font-size:.85rem}
.shb-stat-label{color:var(--text3)}
.shb-stat-val{font-weight:700;font-family:var(--mono)}

/* Why This Signal */
.why-signal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:18px}
.why-signal h3{margin-bottom:14px;font-size:1.05rem}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.why-col h4{font-size:.85rem;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.why-item{font-size:.82rem;padding:5px 0;display:flex;gap:8px;align-items:center;color:var(--text2)}
.why-item span{flex-shrink:0}

/* Card signal label */
.card-signal-label{font-weight:700;font-size:.82rem;letter-spacing:.5px;margin-bottom:4px}
.card-meta{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text3);font-family:var(--mono);margin-top:4px}
.card-alpha-muted{display:block;font-size:.72rem;color:var(--text3);font-family:var(--mono);margin-top:4px}

/* Prob circle large */
.prob-section{display:flex;justify-content:center;margin-bottom:20px}
.prob-circle-lg{position:relative;width:160px;height:160px}
.prob-circle-lg svg{width:100%;height:100%;transform:rotate(-90deg)}

/* Mobile fixes */
@media(max-width:768px){
    .signal-hero-big{flex-direction:column;text-align:center;padding:18px}
    .shb-right{flex-direction:row;flex-wrap:wrap;gap:14px;justify-content:center}
    .shb-stat{flex-direction:column;align-items:center;gap:2px}
    .why-grid{grid-template-columns:1fr}
    .top-opp-item{flex-wrap:wrap;gap:6px}
    .top-price,.top-alpha,.top-conf{display:none}
    .top-signal{width:auto}
}
/* V5 Additions - Ticker Bar + Brand Sub */

/* Ticker Bar Bloomberg Style */
.ticker-bar{background:#050508;border-bottom:1px solid var(--border);overflow:hidden;white-space:nowrap;height:32px;display:flex;align-items:center;font-size:.78rem;font-family:var(--mono)}
.ticker-scroll{display:inline-flex;gap:0;animation:tickerScroll 60s linear infinite;padding-left:100%}
.ticker-scroll:hover{animation-play-state:paused}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.tick-item{padding:0 14px;white-space:nowrap}
.tick-item strong{color:var(--text);margin-right:4px}
.tick-up{color:var(--green)}.tick-down{color:var(--red)}.tick-flat{color:var(--text3)}
.tick-sep{color:var(--border2);padding:0 2px}
.tick-news{padding:0 14px;color:var(--text2);white-space:nowrap;max-width:400px;overflow:hidden;text-overflow:ellipsis;display:inline-block}
.tick-news small{color:var(--text3)}

/* Brand subtitle */
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-name{font-weight:800;font-size:1.05rem;letter-spacing:-.5px}
.brand-name .brand-red{color:var(--red)}
.brand-sub{font-size:.58rem;color:var(--text3);letter-spacing:2px;text-transform:uppercase;font-weight:500}

/* Regime global */
.regime-global{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 18px;margin-bottom:14px}
.regime-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.regime-tag{color:#fff;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:12px;letter-spacing:1px}
.regime-desc{font-size:.85rem;color:var(--text2)}
.regime-stats{display:flex;gap:18px;margin-top:8px;font-size:.82rem;color:var(--text2);flex-wrap:wrap}

/* Top Opportunities */
.top-opp{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin-bottom:18px}
.top-opp-header h2{font-size:1.1rem;margin-bottom:12px}
.top-opp-list{display:flex;flex-direction:column;gap:2px}
.top-opp-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);cursor:pointer;transition:background .2s;font-size:.85rem}
.top-opp-item:hover{background:var(--bg3)}
.top-rank{font-weight:800;font-size:1rem;width:30px;color:var(--text3)}
.top-sym{font-weight:700;width:60px;font-size:1rem}
.top-price{font-family:var(--mono);width:110px;color:var(--text2)}
.top-signal{font-weight:700;width:140px;font-size:.82rem;letter-spacing:.5px}
.top-prob{font-family:var(--mono);font-weight:600;width:70px}
.top-alpha{font-family:var(--mono);color:var(--text3);font-size:.78rem;width:70px}
.top-conf{font-family:var(--mono);color:var(--text3);font-size:.78rem}

/* Signal Hero Big */
.signal-hero-big{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--bg2);border:2px solid var(--border);border-radius:var(--radius-lg);padding:24px 30px;margin-bottom:18px;flex-wrap:wrap}
.shb-left{min-width:160px}.shb-symbol{font-size:2rem;font-weight:800}.shb-name{font-size:.9rem;color:var(--text2)}.shb-price{font-size:1.3rem;font-family:var(--mono);font-weight:700;margin-top:6px}
.shb-center{text-align:center;flex:1;min-width:180px}.shb-signal{font-size:1.6rem;font-weight:800;letter-spacing:1px}.shb-prob{font-size:2rem;font-weight:800;font-family:var(--mono);margin-top:4px}
.shb-right{display:flex;flex-direction:column;gap:8px;min-width:120px}.shb-stat{display:flex;justify-content:space-between;gap:12px;font-size:.85rem}.shb-stat-label{color:var(--text3)}.shb-stat-val{font-weight:700;font-family:var(--mono)}

/* Why Signal */
.why-signal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:18px}
.why-signal h3{margin-bottom:14px;font-size:1.05rem}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.why-col h4{font-size:.85rem;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.why-item{font-size:.82rem;padding:5px 0;display:flex;gap:8px;align-items:center;color:var(--text2)}.why-item span{flex-shrink:0}

/* Card extras */
.card-signal-label{font-weight:700;font-size:.82rem;letter-spacing:.5px;margin-bottom:4px}
.card-meta{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text3);font-family:var(--mono);margin-top:4px}
.card-alpha-muted{display:block;font-size:.72rem;color:var(--text3);font-family:var(--mono);margin-top:4px}

/* Prob circle large */
.prob-section{display:flex;justify-content:center;margin-bottom:20px}
.prob-circle-lg{position:relative;width:160px;height:160px}
.prob-circle-lg svg{width:100%;height:100%;transform:rotate(-90deg)}

@media(max-width:768px){
    .ticker-bar{height:28px;font-size:.72rem}
    .signal-hero-big{flex-direction:column;text-align:center;padding:18px}
    .shb-right{flex-direction:row;flex-wrap:wrap;gap:14px;justify-content:center}
    .shb-stat{flex-direction:column;align-items:center;gap:2px}
    .why-grid{grid-template-columns:1fr}
    .top-opp-item{flex-wrap:wrap;gap:6px}
    .top-price,.top-alpha,.top-conf{display:none}
    .brand-sub{display:none}
}
/* V6 - Background + Ticker Controls + Nav Fix */

/* Background image */
body {
    background: var(--bg) url('assets/fundo.png') no-repeat center center fixed !important;
    background-size: cover !important;
}
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(10,10,15,.88);
    z-index: 0;
    pointer-events: none;
}
#app { position: relative; z-index: 1; }

/* Nav fix - ensure right side is visible */
.tp-nav {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: var(--nav-h);
    background: rgba(18,18,24,.95);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    z-index: 100;
    gap: 8px;
}
.nav-brand { flex-shrink: 0; display: flex; align-items: center; gap: 8px; cursor: pointer; text-decoration: none; }
.nav-links { display: flex; gap: 2px; flex: 1; justify-content: center; overflow-x: auto; min-width: 0; }
.nav-right {
    flex-shrink: 0;
    display: flex !important;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}
.lang-btn { background: none; border: 1px solid var(--border); border-radius: 6px; padding: 3px 8px; cursor: pointer; font-size: .8rem; color: var(--text2); transition: all .2s; }
.lang-btn.active { border-color: var(--red); background: var(--red-glow); color: var(--text); }
.theme-btn { background: none; border: none; font-size: 1.1rem; cursor: pointer; color: var(--text2); padding: 4px; }

/* Ticker bar with controls */
.ticker-bar {
    background: rgba(5,5,8,.95);
    border-bottom: 1px solid var(--border);
    height: 34px;
    display: flex;
    align-items: center;
    font-size: .78rem;
    font-family: var(--mono);
    position: relative;
    overflow: hidden;
}
.ticker-controls {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 8px;
    flex-shrink: 0;
    z-index: 2;
    background: rgba(5,5,8,.98);
    height: 100%;
    border-right: 1px solid var(--border);
}
.ticker-ctrl-btn {
    background: none;
    border: 1px solid var(--border2);
    border-radius: 4px;
    color: var(--text3);
    cursor: pointer;
    font-size: .72rem;
    padding: 2px 6px;
    transition: all .2s;
    line-height: 1;
}
.ticker-ctrl-btn:hover { color: var(--text); border-color: var(--red); }
.ticker-ctrl-btn.active { color: var(--red); border-color: var(--red); }
.ticker-viewport {
    flex: 1;
    overflow: hidden;
    position: relative;
}
.ticker-scroll {
    display: inline-flex;
    gap: 0;
    white-space: nowrap;
    animation: tickerScroll 80s linear infinite;
    padding-left: 0;
}
.ticker-scroll.paused { animation-play-state: paused; }
@keyframes tickerScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

.tick-item { padding: 0 14px; white-space: nowrap; }
.tick-item strong { color: var(--text); margin-right: 4px; }
.tick-up { color: var(--green); }
.tick-down { color: var(--red); }
.tick-flat { color: var(--text3); }
.tick-sep { color: var(--border2); padding: 0 2px; }
.tick-news { padding: 0 14px; color: var(--text2); white-space: nowrap; }
.tick-news small { color: var(--text3); }

/* Cards and sections semi-transparent */
.asset-card, .msi-section, .metric-card, .result-hero, .result-section, .factors-section,
.tech-details, .why-signal, .signal-hero-big, .top-opp, .regime-global, .settings-section,
.data-counter, .log-table, .stat-card {
    background: rgba(18,18,24,.92) !important;
    backdrop-filter: blur(8px);
}

main { background: transparent; }
.tp-footer { background: rgba(10,10,15,.9); }

/* Mobile nav fix */
@media(max-width:768px) {
    .tp-nav { flex-wrap: wrap; height: auto; padding: 8px 10px; }
    .nav-brand { order: 1; }
    .nav-right { order: 2; margin-left: auto; gap: 4px; }
    .nav-links { order: 3; width: 100%; overflow-x: auto; padding: 4px 0; justify-content: flex-start; }
    .nav-links::-webkit-scrollbar { display: none; }
    .nav-link { font-size: .73rem; padding: 5px 8px; flex-shrink: 0; }
    .lang-btn { font-size: .72rem; padding: 2px 5px; }
    .ticker-bar { height: 30px; font-size: .72rem; }
    .ticker-controls { padding: 0 4px; }
}

/* V6b - Background fix */
body {
    background: var(--bg) url('/assets/fundo.png') no-repeat center center fixed !important;
    background-size: cover !important;
}
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(10,10,15,.82);
    z-index: 0;
    pointer-events: none;
}
#app { position: relative; z-index: 1; }

/* Cards: slightly transparent to see background */
.asset-card, .msi-section, .metric-card, .result-hero, .result-section, .factors-section,
.tech-details, .why-signal, .signal-hero-big, .top-opp, .regime-global, .settings-section,
.data-counter, .log-table, .stat-card, .chat-bubble.assistant {
    background: rgba(18,18,24,.85) !important;
    backdrop-filter: blur(10px);
}
.tp-nav {
    background: rgba(18,18,24,.90) !important;
    backdrop-filter: blur(16px);
}
.ticker-bar, .ticker-controls {
    background: rgba(5,5,8,.88) !important;
}
.tp-footer {
    background: rgba(10,10,15,.85) !important;
}
main { background: transparent !important; }

/* V6c - Background lighter */
body::before { background: rgba(10,10,15,.65) !important; }
.asset-card, .msi-section, .metric-card, .result-hero, .result-section, .factors-section,
.tech-details, .why-signal, .signal-hero-big, .top-opp, .regime-global, .settings-section,
.data-counter, .log-table, .stat-card, .chat-bubble.assistant {
    background: rgba(18,18,24,.75) !important;
}
.tp-nav { background: rgba(18,18,24,.80) !important; }
.ticker-bar, .ticker-controls { background: rgba(5,5,8,.78) !important; }
.tp-footer { background: rgba(10,10,15,.75) !important; }
/* V7 - Heatmap + Alerts + Sparklines + Confidence Bars */

/* Alerts bar */
.alerts-container{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.alert-item{display:flex;align-items:center;gap:8px;background:rgba(18,18,24,.85);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;cursor:pointer;transition:all .2s;flex:1;min-width:200px}
.alert-item:hover{border-color:var(--red);transform:translateY(-1px)}
.alert-icon{font-size:1.1rem}
.alert-text{font-size:.82rem;font-weight:500}

/* Heatmap */
.heatmap-box{background:rgba(18,18,24,.85);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin-bottom:18px}
.heatmap-box h3{font-size:1rem;margin-bottom:12px}
.heatmap-grid{display:flex;flex-wrap:wrap;gap:4px}
.heatmap-cell{padding:8px 12px;border-radius:6px;cursor:pointer;text-align:center;min-width:70px;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}
.heatmap-cell:hover{transform:scale(1.08);z-index:2}
.hm-sym{font-weight:700;font-size:.78rem}
.hm-pct{font-family:var(--mono);font-size:.72rem;font-weight:600}

/* Top Opportunities confidence bar */
.top-conf-bar{width:80px;height:6px;background:var(--bg4);border-radius:3px;overflow:hidden;flex-shrink:0}
.top-conf-fill{height:100%;border-radius:3px;transition:width .5s}

/* Sparklines */
.mini-spark{font-family:var(--mono);font-size:.85rem;letter-spacing:-1px;line-height:1}
.card-price-row{display:flex;align-items:center;gap:8px;margin:6px 0}
.card-price{font-size:1.15rem;font-weight:700;font-family:var(--mono)}

/* Mobile */
@media(max-width:768px){
    .alerts-container{flex-direction:column}
    .alert-item{min-width:auto}
    .heatmap-cell{min-width:55px;padding:6px 8px}
    .hm-sym{font-size:.7rem}
    .top-conf-bar{width:50px}
    .mini-spark{font-size:.75rem}
}
/* V8 - Heat Carousel + Widget + Alerts */

/* Heat Carousel (Bloomberg style) */
.heat-carousel{display:flex;align-items:center;gap:0;margin-bottom:16px;background:rgba(18,18,24,.88);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.hc-arrow{background:rgba(18,18,24,.95);border:none;color:var(--text2);font-size:1.4rem;padding:8px 12px;cursor:pointer;transition:all .2s;height:100%;flex-shrink:0}
.hc-arrow:hover{background:var(--red);color:#fff}
.hc-viewport{flex:1;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.hc-viewport::-webkit-scrollbar{display:none}
.hc-track{display:flex;gap:4px;padding:8px 4px}
.hc-cell{flex-shrink:0;padding:8px 14px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s;text-align:center;min-width:100px}
.hc-cell:hover{transform:scale(1.05);z-index:2}
.hc-sym{display:block;font-weight:700;font-size:.82rem}
.hc-price{display:block;font-family:var(--mono);font-size:.75rem;color:var(--text2)}
.hc-edge{display:block;font-family:var(--mono);font-size:.78rem;font-weight:600}

/* Alerts */
.alerts-container{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.alert-item{display:flex;align-items:center;gap:8px;background:rgba(18,18,24,.85);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;cursor:pointer;transition:all .2s;flex:1;min-width:200px}
.alert-item:hover{border-color:var(--red);transform:translateY(-1px)}
.alert-icon{font-size:1.1rem}.alert-text{font-size:.82rem;font-weight:500}

/* Sparklines */
.mini-spark{font-family:var(--mono);font-size:.85rem;letter-spacing:-1px;line-height:1}
.card-price-row{display:flex;align-items:center;gap:8px;margin:6px 0}
.card-price{font-size:1.15rem;font-weight:700;font-family:var(--mono)}
.card-signal-label{font-weight:700;font-size:.82rem;letter-spacing:.5px;margin-bottom:4px}
.card-meta{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text3);font-family:var(--mono);margin-top:4px}

/* Top Opp confidence bar */
.top-conf-bar{width:80px;height:6px;background:var(--bg4);border-radius:3px;overflow:hidden;flex-shrink:0}
.top-conf-fill{height:100%;border-radius:3px;transition:width .5s}

/* Widget Section */
.widget-section{border-top:2px solid var(--red)}
.widget-types{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}
.widget-type-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:14px;cursor:pointer;transition:all .2s;flex:1;min-width:140px;text-align:center}
.widget-type-card:hover{border-color:var(--red)}
.widget-type-card.active{border-color:var(--red);background:var(--red-glow)}
.wt-icon{display:block;font-size:1.8rem;margin-bottom:6px}.wt-name{display:block;font-weight:700;font-size:.88rem}.wt-desc{display:block;font-size:.75rem;color:var(--text3)}
.widget-code-box{margin:16px 0}
.widget-code-box label{font-size:.82rem;color:var(--text2);display:block;margin-bottom:6px}
.code-display{background:var(--bg4);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-family:var(--mono);font-size:.78rem;color:var(--text2);white-space:pre-wrap;margin-bottom:8px;user-select:all}
.widget-preview{margin-top:20px}
.widget-preview label{font-size:.82rem;color:var(--text2);display:block;margin-bottom:10px}
.widget-preview-box{display:flex;justify-content:center;padding:30px}

/* Orb Preview */
.preview-orb{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e02020,#8b0000);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:var(--font);box-shadow:0 0 25px rgba(212,32,32,.35),inset 0 0 30px rgba(0,0,0,.3);border:3px solid rgba(255,255,255,.12);position:relative;overflow:hidden;animation:orb-glow 3s ease-in-out infinite}
@keyframes orb-glow{0%,100%{box-shadow:0 0 25px rgba(212,32,32,.35)}50%{box-shadow:0 0 45px rgba(212,32,32,.6)}}
.po-hdr{font-size:10px;opacity:.7;letter-spacing:1px;text-transform:uppercase}.po-sym{font-size:30px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.4)}.po-sig{font-size:11px;font-weight:600;letter-spacing:.5px}.po-prob{font-size:20px;font-weight:700;font-family:var(--mono)}.po-ftr{font-size:8px;opacity:.5;letter-spacing:.5px}

/* Provider grid */
.provider-grid{display:flex;gap:8px;flex-wrap:wrap}
.provider-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:12px;cursor:pointer;transition:all .2s;min-width:120px;text-align:center}
.provider-card:hover{border-color:var(--red)}.provider-card.active{border-color:var(--red);background:var(--red-glow)}
.provider-name{display:block;font-weight:600;font-size:.88rem}.provider-desc{font-size:.72rem;color:var(--text3)}

@media(max-width:768px){
    .alerts-container{flex-direction:column}.alert-item{min-width:auto}
    .widget-types{flex-direction:column}
    .hc-cell{min-width:80px;padding:6px 10px}
    .hc-sym{font-size:.75rem}.hc-price{font-size:.7rem}
}
/* V9 - Light Theme Complete Fix */
[data-theme="light"] {
    --bg: #f5f5f8; --bg2: #ffffff; --bg3: #f0f0f4; --bg4: #e5e5ec;
    --text: #0a0a0f; --text2: #444458; --text3: #8888a0;
    --border: #d5d5e0; --border2: #c5c5d2;
    --red-glow: rgba(212,32,32,.08);
    --shadow: 0 4px 20px rgba(0,0,0,.06);
}

[data-theme="light"] body {
    background: #f5f5f8 url('/assets/fundo.png') no-repeat center center fixed !important;
    background-size: cover !important;
}
[data-theme="light"] body::before {
    background: rgba(245,245,248,.78) !important;
}

[data-theme="light"] .tp-nav {
    background: rgba(255,255,255,.92) !important;
    border-bottom-color: var(--border);
}
[data-theme="light"] .ticker-bar,
[data-theme="light"] .ticker-controls {
    background: rgba(240,240,244,.95) !important;
    color: var(--text);
}
[data-theme="light"] .tick-item strong { color: var(--text); }

[data-theme="light"] .asset-card,
[data-theme="light"] .msi-section,
[data-theme="light"] .metric-card,
[data-theme="light"] .result-hero,
[data-theme="light"] .result-section,
[data-theme="light"] .factors-section,
[data-theme="light"] .tech-details,
[data-theme="light"] .why-signal,
[data-theme="light"] .signal-hero-big,
[data-theme="light"] .top-opp,
[data-theme="light"] .regime-global,
[data-theme="light"] .settings-section,
[data-theme="light"] .data-counter,
[data-theme="light"] .log-table,
[data-theme="light"] .stat-card,
[data-theme="light"] .heat-carousel,
[data-theme="light"] .alert-item,
[data-theme="light"] .heatmap-box,
[data-theme="light"] .chat-bubble.assistant {
    background: rgba(255,255,255,.88) !important;
    border-color: var(--border) !important;
    backdrop-filter: blur(8px);
}

[data-theme="light"] .asset-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
}
[data-theme="light"] .asset-card.signal-bull {
    border-color: rgba(16,185,129,.35) !important;
}
[data-theme="light"] .asset-card.signal-bear {
    border-color: rgba(212,32,32,.35) !important;
}

[data-theme="light"] .tp-footer {
    background: rgba(255,255,255,.85) !important;
    border-top-color: var(--border);
}

[data-theme="light"] .tp-btn {
    background: var(--bg3); color: var(--text); border-color: var(--border);
}
[data-theme="light"] .tp-btn:hover {
    background: var(--bg4);
}
[data-theme="light"] .tp-btn.primary {
    background: var(--red); color: #fff; border-color: var(--red);
}
[data-theme="light"] .tp-btn.active {
    background: var(--red); color: #fff; border-color: var(--red);
}

[data-theme="light"] .tp-select,
[data-theme="light"] .tp-input {
    background: #fff; color: var(--text); border-color: var(--border);
}

[data-theme="light"] .filter-btn {
    background: #fff; color: var(--text2); border-color: var(--border);
}
[data-theme="light"] .filter-btn.active,
[data-theme="light"] .filter-btn:hover {
    background: var(--red); color: #fff; border-color: var(--red);
}

[data-theme="light"] .nav-link {
    color: var(--text2);
}
[data-theme="light"] .nav-link:hover {
    background: var(--bg3); color: var(--text);
}
[data-theme="light"] .nav-link.active {
    background: var(--red); color: #fff;
}

[data-theme="light"] .lang-btn {
    border-color: var(--border); color: var(--text2);
}
[data-theme="light"] .lang-btn.active {
    border-color: var(--red); color: var(--text);
}

[data-theme="light"] .brand-name { color: var(--text); }
[data-theme="light"] .brand-sub { color: var(--text3); }
[data-theme="light"] .nav-brand img { filter: brightness(0) saturate(100%); }

[data-theme="light"] .code-display {
    background: #f0f0f4; color: var(--text2); border-color: var(--border);
}

[data-theme="light"] .provider-card,
[data-theme="light"] .widget-type-card {
    background: #fff; border-color: var(--border);
}
[data-theme="light"] .provider-card.active,
[data-theme="light"] .widget-type-card.active {
    border-color: var(--red); background: rgba(212,32,32,.05);
}

[data-theme="light"] .log-header {
    background: var(--bg3);
}
[data-theme="light"] .log-row {
    border-top-color: var(--border);
}

[data-theme="light"] .chat-bubble.user {
    background: var(--red); color: #fff;
}

[data-theme="light"] .hc-arrow {
    background: rgba(255,255,255,.95); color: var(--text2);
}
[data-theme="light"] .hc-arrow:hover {
    background: var(--red); color: #fff;
}

[data-theme="light"] .loading-spin {
    border-color: var(--border); border-top-color: var(--red);
}

[data-theme="light"] .error-box {
    background: rgba(212,32,32,.06);
}
/* V10 - MK Mode + Widget Shapes + Previews */

/* MK Badge */
.mk-badge{background:var(--red);color:#fff;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:10px;margin-left:10px;letter-spacing:1px;animation:mk-pulse 2s ease-in-out infinite}
@keyframes mk-pulse{0%,100%{opacity:1}50%{opacity:.6}}

/* Widget shapes */
.widget-shapes{margin:18px 0}
.widget-shapes h3{font-size:.92rem;margin-bottom:10px}
.shape-options{display:flex;gap:10px;flex-wrap:wrap}
.shape-card{background:var(--bg3);border:2px solid var(--border);border-radius:var(--radius);padding:14px 18px;cursor:pointer;transition:all .2s;text-align:center;min-width:110px;flex:1}
.shape-card:hover{border-color:var(--red)}
.shape-card.active{border-color:var(--red);background:var(--red-glow)}
.shape-icon{display:block;font-size:1.6rem;margin-bottom:4px}
.shape-name{display:block;font-weight:700;font-size:.85rem}
.shape-desc{display:block;font-size:.7rem;color:var(--text3)}
.widget-footer-note{margin-top:14px;text-align:center;color:var(--text3)}

/* Signal Preview - Circle */
.preview-orb{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e02020,#8b0000);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:var(--font);box-shadow:0 0 25px rgba(212,32,32,.35),inset 0 0 30px rgba(0,0,0,.3);border:3px solid rgba(255,255,255,.12);animation:orb-glow 3s ease-in-out infinite}
@keyframes orb-glow{0%,100%{box-shadow:0 0 25px rgba(212,32,32,.35)}50%{box-shadow:0 0 45px rgba(212,32,32,.6)}}
.po-hdr{font-size:10px;opacity:.7;letter-spacing:1px;text-transform:uppercase}.po-sym{font-size:30px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.4)}.po-sig{font-size:11px;font-weight:600}.po-prob{font-size:20px;font-weight:700;font-family:var(--mono)}.po-ftr{font-size:8px;opacity:.5}

/* Signal Preview - Square */
.preview-square{width:180px;height:180px;background:var(--bg2);border:2px solid var(--red);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;box-shadow:0 0 20px rgba(212,32,32,.15)}
.ps-header{font-size:9px;color:var(--text3);letter-spacing:1px;text-transform:uppercase}.ps-sym{font-size:28px;font-weight:800}.ps-sig{font-size:12px;font-weight:700}.ps-prob{font-size:22px;font-weight:700;font-family:var(--mono)}.ps-footer{font-size:8px;color:var(--text3)}

/* Signal Preview - Banner */
.preview-banner{width:100%;max-width:500px;height:56px;background:var(--bg2);border:1px solid var(--red);border-radius:8px;display:flex;align-items:center;gap:16px;padding:0 18px;box-shadow:0 0 15px rgba(212,32,32,.1)}
.pb-brand{font-size:.8rem;font-weight:700;flex-shrink:0}.pb-sym{font-size:1.2rem;font-weight:800}.pb-sig{font-size:.85rem;font-weight:700}.pb-prob{font-size:1.1rem;font-weight:700;font-family:var(--mono)}.pb-foot{font-size:.65rem;color:var(--text3);margin-left:auto}

/* Ticker Preview - Slim */
.preview-ticker-slim{width:100%;max-width:500px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:6px 14px;font-size:.78rem;font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Ticker Preview - Card */
.preview-ticker-card{width:300px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:var(--shadow)}
.ptc-header{font-size:.8rem;font-weight:700;margin-bottom:10px;color:var(--text3);letter-spacing:1px;text-transform:uppercase}
.ptc-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.82rem;border-bottom:1px solid var(--border)}
.ptc-sym{font-weight:700;width:50px}.ptc-price{font-family:var(--mono);flex:1;text-align:right;margin-right:10px}

/* Ticker Preview - Banner */
.preview-ticker-banner{width:100%;max-width:500px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:10px 18px;font-size:.82rem;font-family:var(--mono);white-space:nowrap;overflow:hidden}

/* Fear Preview - Gauge */
.preview-fg-gauge{width:180px;height:180px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px}
.preview-fg-gauge svg{margin-bottom:4px}
.pfg-val{font-size:28px;font-weight:800;font-family:var(--mono);margin-top:-8px}.pfg-label{font-size:.82rem;font-weight:600}.pfg-brand{font-size:8px;color:var(--text3);margin-top:4px}

/* Fear Preview - Square */
.preview-fg-square{width:160px;height:160px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.pfs-title{font-size:10px;color:var(--text3);letter-spacing:1px;text-transform:uppercase}.pfs-val{font-size:32px;font-weight:800;font-family:var(--mono)}.pfs-class{font-size:.85rem;font-weight:600}.pfs-brand{font-size:8px;color:var(--text3);margin-top:4px}

/* Fear Preview - Banner */
.preview-fg-banner{width:100%;max-width:400px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:16px;padding:10px 18px}
.pfb-title{font-size:.82rem;font-weight:600;flex-shrink:0}.pfb-val{font-size:1rem;font-family:var(--mono)}.pfb-brand{font-size:.65rem;color:var(--text3);margin-left:auto}

/* Preview box centering */
.widget-preview-box{display:flex;justify-content:center;padding:30px;min-height:200px;align-items:center}

/* Light theme for previews */
[data-theme="light"] .preview-square,[data-theme="light"] .preview-banner,
[data-theme="light"] .preview-ticker-slim,[data-theme="light"] .preview-ticker-card,
[data-theme="light"] .preview-ticker-banner,[data-theme="light"] .preview-fg-gauge,
[data-theme="light"] .preview-fg-square,[data-theme="light"] .preview-fg-banner{
    background:rgba(255,255,255,.95) !important;border-color:var(--border) !important}
[data-theme="light"] .shape-card{background:#fff}
[data-theme="light"] .shape-card.active{background:rgba(212,32,32,.05)}

@media(max-width:768px){
    .shape-options{flex-direction:column}
    .preview-banner,.preview-ticker-slim,.preview-ticker-banner,.preview-fg-banner{max-width:100%}
}
/* V10 - MK Mode + Widget Shapes + Previews */

/* MK Badge */
.mk-badge{background:var(--red);color:#fff;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:10px;margin-left:10px;letter-spacing:1px;animation:mk-pulse 2s ease-in-out infinite}
@keyframes mk-pulse{0%,100%{opacity:1}50%{opacity:.6}}

/* Widget shapes */
.widget-shapes{margin:18px 0}
.widget-shapes h3{font-size:.92rem;margin-bottom:10px}
.shape-options{display:flex;gap:10px;flex-wrap:wrap}
.shape-card{background:var(--bg3);border:2px solid var(--border);border-radius:var(--radius);padding:14px 18px;cursor:pointer;transition:all .2s;text-align:center;min-width:110px;flex:1}
.shape-card:hover{border-color:var(--red)}
.shape-card.active{border-color:var(--red);background:var(--red-glow)}
.shape-icon{display:block;font-size:1.6rem;margin-bottom:4px}
.shape-name{display:block;font-weight:700;font-size:.85rem}
.shape-desc{display:block;font-size:.7rem;color:var(--text3)}
.widget-footer-note{margin-top:14px;text-align:center;color:var(--text3)}

/* Signal Preview - Circle */
.preview-orb{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e02020,#8b0000);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:var(--font);box-shadow:0 0 25px rgba(212,32,32,.35),inset 0 0 30px rgba(0,0,0,.3);border:3px solid rgba(255,255,255,.12);animation:orb-glow 3s ease-in-out infinite}
@keyframes orb-glow{0%,100%{box-shadow:0 0 25px rgba(212,32,32,.35)}50%{box-shadow:0 0 45px rgba(212,32,32,.6)}}
.po-hdr{font-size:10px;opacity:.7;letter-spacing:1px;text-transform:uppercase}.po-sym{font-size:30px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.4)}.po-sig{font-size:11px;font-weight:600}.po-prob{font-size:20px;font-weight:700;font-family:var(--mono)}.po-ftr{font-size:8px;opacity:.5}

/* Signal Preview - Square */
.preview-square{width:180px;height:180px;background:var(--bg2);border:2px solid var(--red);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;box-shadow:0 0 20px rgba(212,32,32,.15)}
.ps-header{font-size:9px;color:var(--text3);letter-spacing:1px;text-transform:uppercase}.ps-sym{font-size:28px;font-weight:800}.ps-sig{font-size:12px;font-weight:700}.ps-prob{font-size:22px;font-weight:700;font-family:var(--mono)}.ps-footer{font-size:8px;color:var(--text3)}

/* Signal Preview - Banner */
.preview-banner{width:100%;max-width:500px;height:56px;background:var(--bg2);border:1px solid var(--red);border-radius:8px;display:flex;align-items:center;gap:16px;padding:0 18px;box-shadow:0 0 15px rgba(212,32,32,.1)}
.pb-brand{font-size:.8rem;font-weight:700;flex-shrink:0}.pb-sym{font-size:1.2rem;font-weight:800}.pb-sig{font-size:.85rem;font-weight:700}.pb-prob{font-size:1.1rem;font-weight:700;font-family:var(--mono)}.pb-foot{font-size:.65rem;color:var(--text3);margin-left:auto}

/* Ticker Preview - Slim */
.preview-ticker-slim{width:100%;max-width:500px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:6px 14px;font-size:.78rem;font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Ticker Preview - Card */
.preview-ticker-card{width:300px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:var(--shadow)}
.ptc-header{font-size:.8rem;font-weight:700;margin-bottom:10px;color:var(--text3);letter-spacing:1px;text-transform:uppercase}
.ptc-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.82rem;border-bottom:1px solid var(--border)}
.ptc-sym{font-weight:700;width:50px}.ptc-price{font-family:var(--mono);flex:1;text-align:right;margin-right:10px}

/* Ticker Preview - Banner */
.preview-ticker-banner{width:100%;max-width:500px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:10px 18px;font-size:.82rem;font-family:var(--mono);white-space:nowrap;overflow:hidden}

/* Fear Preview - Gauge */
.preview-fg-gauge{width:180px;height:180px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px}
.preview-fg-gauge svg{margin-bottom:4px}
.pfg-val{font-size:28px;font-weight:800;font-family:var(--mono);margin-top:-8px}.pfg-label{font-size:.82rem;font-weight:600}.pfg-brand{font-size:8px;color:var(--text3);margin-top:4px}

/* Fear Preview - Square */
.preview-fg-square{width:160px;height:160px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.pfs-title{font-size:10px;color:var(--text3);letter-spacing:1px;text-transform:uppercase}.pfs-val{font-size:32px;font-weight:800;font-family:var(--mono)}.pfs-class{font-size:.85rem;font-weight:600}.pfs-brand{font-size:8px;color:var(--text3);margin-top:4px}

/* Fear Preview - Banner */
.preview-fg-banner{width:100%;max-width:400px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:16px;padding:10px 18px}
.pfb-title{font-size:.82rem;font-weight:600;flex-shrink:0}.pfb-val{font-size:1rem;font-family:var(--mono)}.pfb-brand{font-size:.65rem;color:var(--text3);margin-left:auto}

/* Preview box centering */
.widget-preview-box{display:flex;justify-content:center;padding:30px;min-height:200px;align-items:center}

/* Light theme for previews */
[data-theme="light"] .preview-square,[data-theme="light"] .preview-banner,
[data-theme="light"] .preview-ticker-slim,[data-theme="light"] .preview-ticker-card,
[data-theme="light"] .preview-ticker-banner,[data-theme="light"] .preview-fg-gauge,
[data-theme="light"] .preview-fg-square,[data-theme="light"] .preview-fg-banner{
    background:rgba(255,255,255,.95) !important;border-color:var(--border) !important}
[data-theme="light"] .shape-card{background:#fff}
[data-theme="light"] .shape-card.active{background:rgba(212,32,32,.05)}

@media(max-width:768px){
    .shape-options{flex-direction:column}
    .preview-banner,.preview-ticker-slim,.preview-ticker-banner,.preview-fg-banner{max-width:100%}
}
/* V9 - Light Theme Complete Fix */
[data-theme="light"] {
    --bg: #f5f5f8; --bg2: #ffffff; --bg3: #f0f0f4; --bg4: #e5e5ec;
    --text: #0a0a0f; --text2: #444458; --text3: #8888a0;
    --border: #d5d5e0; --border2: #c5c5d2;
    --red-glow: rgba(212,32,32,.08);
    --shadow: 0 4px 20px rgba(0,0,0,.06);
}

[data-theme="light"] body {
    background: #f5f5f8 url('/assets/fundo.png') no-repeat center center fixed !important;
    background-size: cover !important;
}
[data-theme="light"] body::before {
    background: rgba(245,245,248,.78) !important;
}

[data-theme="light"] .tp-nav {
    background: rgba(255,255,255,.92) !important;
    border-bottom-color: var(--border);
}
[data-theme="light"] .ticker-bar,
[data-theme="light"] .ticker-controls {
    background: rgba(240,240,244,.95) !important;
    color: var(--text);
}
[data-theme="light"] .tick-item strong { color: var(--text); }

[data-theme="light"] .asset-card,
[data-theme="light"] .msi-section,
[data-theme="light"] .metric-card,
[data-theme="light"] .result-hero,
[data-theme="light"] .result-section,
[data-theme="light"] .factors-section,
[data-theme="light"] .tech-details,
[data-theme="light"] .why-signal,
[data-theme="light"] .signal-hero-big,
[data-theme="light"] .top-opp,
[data-theme="light"] .regime-global,
[data-theme="light"] .settings-section,
[data-theme="light"] .data-counter,
[data-theme="light"] .log-table,
[data-theme="light"] .stat-card,
[data-theme="light"] .heat-carousel,
[data-theme="light"] .alert-item,
[data-theme="light"] .heatmap-box,
[data-theme="light"] .chat-bubble.assistant {
    background: rgba(255,255,255,.88) !important;
    border-color: var(--border) !important;
    backdrop-filter: blur(8px);
}

[data-theme="light"] .asset-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
}
[data-theme="light"] .asset-card.signal-bull {
    border-color: rgba(16,185,129,.35) !important;
}
[data-theme="light"] .asset-card.signal-bear {
    border-color: rgba(212,32,32,.35) !important;
}

[data-theme="light"] .tp-footer {
    background: rgba(255,255,255,.85) !important;
    border-top-color: var(--border);
}

[data-theme="light"] .tp-btn {
    background: var(--bg3); color: var(--text); border-color: var(--border);
}
[data-theme="light"] .tp-btn:hover {
    background: var(--bg4);
}
[data-theme="light"] .tp-btn.primary {
    background: var(--red); color: #fff; border-color: var(--red);
}
[data-theme="light"] .tp-btn.active {
    background: var(--red); color: #fff; border-color: var(--red);
}

[data-theme="light"] .tp-select,
[data-theme="light"] .tp-input {
    background: #fff; color: var(--text); border-color: var(--border);
}

[data-theme="light"] .filter-btn {
    background: #fff; color: var(--text2); border-color: var(--border);
}
[data-theme="light"] .filter-btn.active,
[data-theme="light"] .filter-btn:hover {
    background: var(--red); color: #fff; border-color: var(--red);
}

[data-theme="light"] .nav-link {
    color: var(--text2);
}
[data-theme="light"] .nav-link:hover {
    background: var(--bg3); color: var(--text);
}
[data-theme="light"] .nav-link.active {
    background: var(--red); color: #fff;
}

[data-theme="light"] .lang-btn {
    border-color: var(--border); color: var(--text2);
}
[data-theme="light"] .lang-btn.active {
    border-color: var(--red); color: var(--text);
}

[data-theme="light"] .brand-name { color: var(--text); }
[data-theme="light"] .brand-sub { color: var(--text3); }
[data-theme="light"] .nav-brand img { filter: brightness(0) saturate(100%); }

[data-theme="light"] .code-display {
    background: #f0f0f4; color: var(--text2); border-color: var(--border);
}

[data-theme="light"] .provider-card,
[data-theme="light"] .widget-type-card {
    background: #fff; border-color: var(--border);
}
[data-theme="light"] .provider-card.active,
[data-theme="light"] .widget-type-card.active {
    border-color: var(--red); background: rgba(212,32,32,.05);
}

[data-theme="light"] .log-header {
    background: var(--bg3);
}
[data-theme="light"] .log-row {
    border-top-color: var(--border);
}

[data-theme="light"] .chat-bubble.user {
    background: var(--red); color: #fff;
}

[data-theme="light"] .hc-arrow {
    background: rgba(255,255,255,.95); color: var(--text2);
}
[data-theme="light"] .hc-arrow:hover {
    background: var(--red); color: #fff;
}

[data-theme="light"] .loading-spin {
    border-color: var(--border); border-top-color: var(--red);
}

[data-theme="light"] .error-box {
    background: rgba(212,32,32,.06);
}
/* Telegram Nudge - Side Tab */
.tg-nudge{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;align-items:flex-end}
.tg-tab{display:flex;align-items:center;gap:0;cursor:pointer;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translateX(calc(100% - 44px))}
.tg-tab:hover,.tg-tab.open{transform:translateX(0)}
.tg-handle{width:44px;min-height:120px;background:linear-gradient(180deg,#c31616,#8b0000);border-radius:12px 0 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;box-shadow:-4px 0 20px rgba(195,22,22,.25);position:relative;overflow:hidden}
.tg-handle::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%);pointer-events:none}
.tg-handle .tg-arrow{font-size:14px;color:#fff;transition:transform .3s;opacity:.8}
.tg-tab:hover .tg-arrow,.tg-tab.open .tg-arrow{transform:rotate(180deg)}
.tg-handle .tg-icon{width:26px;height:26px}
.tg-handle .tg-label{writing-mode:vertical-lr;text-orientation:mixed;font-size:9px;font-weight:800;letter-spacing:2px;color:#fff;text-transform:uppercase;opacity:.9}
.tg-panel{background:rgba(18,20,28,.95);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-right:none;border-radius:14px 0 0 14px;padding:16px;width:220px;display:flex;flex-direction:column;gap:10px;box-shadow:-8px 0 40px rgba(0,0,0,.4)}
.tg-panel-brand{display:flex;align-items:center;gap:8px}
.tg-panel-brand img{width:32px;height:32px;border-radius:8px}
.tg-panel-brand .tg-name{font-size:.82rem;font-weight:800;color:#fff;line-height:1.1}
.tg-panel-brand .tg-sub{font-size:.6rem;color:rgba(255,255,255,.5);letter-spacing:1px}
.tg-panel-desc{font-size:.72rem;color:rgba(255,255,255,.6);line-height:1.4}
.tg-panel-signals{display:flex;flex-direction:column;gap:4px}
.tg-mini-signal{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:rgba(255,255,255,.04);border-radius:8px;font-size:.72rem}
.tg-mini-sym{font-weight:700;color:#fff}
.tg-mini-sig{font-weight:700;font-size:.62rem;padding:1px 5px;border-radius:4px}
.tg-mini-sig.buy{background:rgba(16,185,129,.15);color:#34d399}
.tg-mini-sig.sell{background:rgba(239,68,68,.15);color:#ef4444}
.tg-cta{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:linear-gradient(135deg,#229ED9,#1a8ac4);border-radius:10px;color:#fff;text-decoration:none;font-size:.78rem;font-weight:700;transition:all .2s;border:none;cursor:pointer}
.tg-cta:hover{filter:brightness(1.1);transform:scale(1.02)}
.tg-cta svg{width:18px;height:18px}
.tg-live-dot{width:6px;height:6px;border-radius:50%;background:#33ff99;box-shadow:0 0 8px rgba(51,255,153,.5);animation:tg-blink 2s infinite;display:inline-block;margin-right:4px}
@keyframes tg-blink{0%,80%,100%{opacity:1}90%{opacity:.3}}
.tg-panel-footer{font-size:.55rem;color:rgba(255,255,255,.3);text-align:center}

@media(max-width:768px){
    .tg-tab{transform:translateX(calc(100% - 38px))}
    .tg-handle{width:38px;min-height:100px}
    .tg-panel{width:200px;padding:12px}
    .tg-nudge{top:auto;bottom:120px;transform:none}
}
/* Nudge fix */
.tg-nudge{right:0;overflow:visible}
.tg-tab{flex-direction:row-reverse;transform:translateX(220px)}
.tg-tab:hover,.tg-tab.open{transform:translateX(0)}
.tg-panel{min-width:220px;max-width:220px}
@media(max-width:768px){.tg-tab{transform:translateX(200px)}.tg-panel{min-width:200px;max-width:200px}}

/* Nudge V2 - Click only, starts closed */
.tg-nudge2{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;display:flex;align-items:center}
.tg-handle2{width:36px;background:linear-gradient(180deg,#c31616,#8b0000);border-radius:10px 0 0 10px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;cursor:pointer;box-shadow:-2px 0 15px rgba(195,22,22,.3);transition:all .2s;position:relative;z-index:2}
.tg-handle2:hover{width:40px;box-shadow:-4px 0 25px rgba(195,22,22,.5)}
.tg-handle2:active{opacity:.8}
.tg-h-text{font-size:8px;font-weight:800;color:#fff;line-height:1;letter-spacing:1px}
.tg-h-icon{width:18px;height:18px;margin:4px 0}
.tg-drawer2{position:absolute;right:36px;top:50%;transform:translateY(-50%) translateX(20px);width:200px;background:rgba(14,14,20,.96);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-right:none;border-radius:12px 0 0 12px;padding:12px;opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 30px rgba(0,0,0,.5)}
.tg-nudge2.open .tg-drawer2{opacity:1;pointer-events:auto;transform:translateY(-50%) translateX(0)}
.tg-d-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.tg-d-header strong{color:#fff;font-size:.8rem}
.tg-d-close{margin-left:auto;color:rgba(255,255,255,.3);cursor:pointer;font-size:.9rem;padding:2px 6px}
.tg-d-close:hover{color:#fff}
.tg-d-live{font-size:.65rem;color:rgba(255,255,255,.5);margin-bottom:8px;display:flex;align-items:center;gap:4px}
.tg-dot-green{width:5px;height:5px;border-radius:50%;background:#33ff99;box-shadow:0 0 6px rgba(51,255,153,.5);animation:tgbl 2s infinite}
@keyframes tgbl{0%,80%,100%{opacity:1}90%{opacity:.3}}
.tg-d-signals{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.tg-d-row{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;background:rgba(255,255,255,.03);border-radius:6px;font-size:.75rem;color:#fff}
.tg-d-actions{display:flex;flex-direction:column;gap:5px}
.tg-d-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;border-radius:8px;text-decoration:none;font-size:.72rem;font-weight:700;transition:all .15s;text-align:center}
.tg-d-btn:active{transform:scale(.96)}
.tg-telegram{background:#229ED9;color:#fff}
.tg-otc{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}
.tg-wallet{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}
@media(max-width:768px){
    .tg-nudge2{top:auto;bottom:100px;transform:none}
    .tg-handle2{padding:8px 3px}
    .tg-drawer2{width:180px;right:36px}
}