/* === BISTBULL DESIGN SYSTEM === */
/* Tasarım token'ları (renk/font/geometri) artık TEK KAYNAK: static/tokens.css.
 * index.html, terminal.css'ten ÖNCE tokens.css'i link'ler. Bu dosya yalnız
 * var(--x) ile okur; token TANIMLAMAZ. (Birleştirme PR-D1, 2026-05-31) */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'DM Sans',system-ui,sans-serif;background:var(--bg0);color:var(--t1);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;line-height:1.6;font-size:var(--fs-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:3px}
.mono{font-family:'JetBrains Mono',monospace;color:var(--t1)}

/* HEADER */
.hdr{background:var(--bg1);border-bottom:1px solid var(--bdr);height:46px;display:flex;align-items:center;padding:0 16px;position:sticky;top:0;z-index:100;gap:14px}
.logo{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:14px;white-space:nowrap;letter-spacing:.5px;color:var(--t1);flex-shrink:0;text-transform:uppercase}.logo b{color:var(--acc)}.logo small{color:var(--t3);font-weight:400;font-size:9px;margin-left:6px;letter-spacing:1.2px}.logo svg{width:24px;height:24px}
.hdr-nav{display:flex;gap:0;margin-left:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;border-left:1px solid var(--bdr)}.hdr-nav::-webkit-scrollbar{display:none}
.nav-b{font-family:'JetBrains Mono',monospace;font-size:var(--fs-nav);font-weight:500;padding:8px 14px;background:0;color:var(--t3);border:0;border-right:1px solid var(--bdr);cursor:pointer;border-bottom:2px solid transparent;text-transform:uppercase;letter-spacing:.8px;transition:.15s;white-space:nowrap;min-height:36px;display:flex;align-items:center}.nav-b:hover{color:var(--t2);background:var(--bg3)}.nav-b.on{color:var(--acc);border-bottom-color:var(--acc);background:var(--accd)}
/* ===== KATEGORİLİ NAV — grup başlıkları + tıkla-aç dropdown (hover DEĞİL) ===== */
.nav-grp-wrap{position:relative;display:flex;flex-shrink:0}
.nav-grp{font-family:'JetBrains Mono',monospace;font-size:var(--fs-nav);font-weight:500;padding:8px 13px;background:0;color:var(--t3);border:0;border-right:1px solid var(--bdr);cursor:pointer;border-bottom:2px solid transparent;text-transform:uppercase;letter-spacing:.8px;transition:.15s;white-space:nowrap;min-height:36px;display:flex;align-items:center;gap:6px}
.nav-grp:hover{color:var(--t2);background:var(--bg3)}
.nav-grp.on{color:var(--acc);border-bottom-color:var(--acc);background:var(--accd)}
.nav-grp-wrap.open .nav-grp{color:var(--t1);background:var(--bg3)}
.nav-grp-ic{font-size:13px}
.nav-grp-car{font-size:9px;opacity:.65;transition:transform .15s;margin-left:1px}
.nav-grp-wrap.open .nav-grp-car{transform:rotate(180deg)}
.nav-dd{position:fixed;min-width:194px;max-width:calc(100vw - 16px);background:var(--bg1);border:1px solid var(--bdr2);border-radius:var(--rad2);box-shadow:0 14px 36px rgba(0,0,0,.42);padding:5px;z-index:9500;display:none;flex-direction:column;gap:1px}
.nav-b.nav-dd-item{font-family:'DM Sans',sans-serif;font-size:var(--fs-sm);font-weight:600;padding:10px 12px;color:var(--t2);border:0;cursor:pointer;text-transform:none;letter-spacing:.2px;white-space:nowrap;min-height:42px;display:flex;align-items:center;gap:10px;border-radius:var(--rad);text-align:left;width:100%}
.nav-b.nav-dd-item:hover{background:var(--bg3);color:var(--t1)}
.nav-b.nav-dd-item.on{background:var(--accd);color:var(--acc);border-bottom:0}
.nav-dd-ic{font-size:15px;width:20px;text-align:center;flex-shrink:0}
.nav-b.nav-ico{font-size:14px;padding:8px 11px;letter-spacing:0}
.nav-unread{position:relative}
.nav-unread::after{content:'';position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--bg1)}
.hdr-r{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}
.dot{width:7px;height:7px;border-radius:50%;background:var(--acc);animation:pls 2s infinite}@keyframes pls{0%,100%{opacity:1}50%{opacity:.3}}
.clk{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--t3)}

/* TICKER BAR — kaldırıldı (2026-06-04): üstteki kayan endeks bandı + sonsuz
   scrl animasyonu silindi (gereksiz, sürekli repaint). Makro verisi macMini/
   nabGrid'de duruyor. */

/* COUNTER BAR */
.cbar{background:var(--bg1);border-bottom:1px solid var(--bdr);padding:4px 20px;display:flex;align-items:center;gap:16px;font-family:'JetBrains Mono',monospace;font-size:var(--fs-xs);color:var(--t4);text-transform:uppercase;letter-spacing:.5px;flex-wrap:wrap}.cbar-i{display:flex;align-items:center;gap:4px}.cbar-v{color:var(--t3);font-weight:600;font-size:var(--fs-sm)}

/* SEARCH BAR */
.sbar{background:var(--bg2);border-bottom:1px solid var(--bdr);padding:8px 20px;display:flex;align-items:center;gap:10px;position:relative;z-index:50}
.sbar-wrap{position:relative;flex:1;min-width:0;max-width:480px}
.sinp{font-family:'JetBrains Mono',monospace;font-size:14px;padding:10px 14px 10px 36px;background:var(--bg0);border:1px solid var(--bdr);border-radius:var(--rad);color:var(--t1);outline:0;width:100%;transition:.2s;min-height:44px;box-sizing:border-box}.sinp:focus{border-color:var(--acc);box-shadow:0 0 0 2px rgba(255,179,0,.1)}.sinp::placeholder{color:var(--t4)}
.sinp-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none;color:var(--t4)}
.sinp:focus+.sinp-icon,.sbar-wrap:focus-within .sinp-icon{color:var(--acc)}
.qticks{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0}.qticks::-webkit-scrollbar{display:none}
/* DISCOVERY PANEL */
.srch-disc{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg1);border:1px solid var(--bdr2);border-radius:var(--rad2);z-index:9000;box-shadow:0 12px 40px rgba(0,0,0,.5);overflow:hidden;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
.srch-disc.open{display:block}
.disc-section{padding:12px 16px;border-bottom:1px solid var(--bdr)}
.disc-section:last-child{border-bottom:0}
.disc-label{font-family:'JetBrains Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--t4);margin-bottom:8px}
.disc-chip{display:inline-flex;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace;font-size:11px;padding:5px 10px;background:var(--bg3);border:1px solid var(--bdr);border-radius:4px;color:var(--t2);cursor:pointer;transition:.12s;margin:2px;min-height:32px}
.disc-chip:hover{border-color:var(--acc);color:var(--acc);background:var(--accd)}
.disc-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--bdr);cursor:pointer;transition:.12s}
.disc-row:last-child{border-bottom:0}
.disc-row:hover{background:var(--bg3);margin:0 -4px;padding:8px 4px;border-radius:var(--rad)}
.disc-ticker{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--cyn);min-width:60px}
.disc-name{font-size:11px;color:var(--t3);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.disc-badge{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;padding:2px 7px;border-radius:3px}
.qtk{font-family:'JetBrains Mono',monospace;font-size:10px;padding:6px 10px;background:var(--bg3);border:1px solid var(--bdr);border-radius:3px;color:var(--t2);cursor:pointer;transition:.15s;white-space:nowrap;min-height:32px;display:flex;align-items:center}.qtk:hover,.qtk:active{border-color:var(--cyn);color:var(--cyn);background:var(--blud)}

/* MAIN */
.main{padding:20px;max-width:1600px;margin:0 auto}.page{display:none}.page.on{display:block}

/* GRID */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.g6{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

/* CARD */
.card{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--rad2);overflow:hidden}.card-h{padding:8px 12px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between;background:var(--bg1)}.card-t{font-family:'JetBrains Mono',monospace;font-size:var(--fs-xs);font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:1.2px}.card-b{padding:12px}

/* HERO */
.hmc{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--rad);padding:10px 12px}.hmc-icon{font-size:14px;margin-bottom:4px}.hmc-label{font-family:'JetBrains Mono',monospace;font-size:var(--fs-xs);color:var(--t3);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:4px}.hmc-value{font-family:'JetBrains Mono',monospace;font-size:var(--fs-md);font-weight:700;color:var(--t1);margin-bottom:4px}.hmc-desc{font-size:var(--fs-sm);color:var(--t2);line-height:1.5}.hmc.mode{border-left:2px solid var(--acc)}.hmc.story{border-left:2px solid var(--blu)}.hmc.opp{border-left:2px solid var(--grn)}.hmc.risk{border-left:2px solid var(--red)}.hmc.bot{border-left:2px solid var(--prp)}.hmc.watch{border-left:2px solid var(--ylw)}
.hero-wrap{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--rad2);padding:14px 16px;margin-bottom:14px}
.hero-tag{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--acc);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.hero-strat{margin-top:12px;padding:10px 14px;background:var(--accd);border:1px solid rgba(255,179,0,.2);border-radius:var(--rad);font-size:13px;color:var(--acc);line-height:1.5}

/* PILLS */
.pill{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:var(--fs-pill);padding:2px 6px;border-radius:2px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.p-grn{background:var(--grnd);color:var(--grn);border:1px solid rgba(106,159,106,.3)}.p-red{background:var(--redd);color:var(--red);border:1px solid rgba(200,99,90,.3)}.p-ylw{background:var(--ylwd);color:var(--ylw);border:1px solid rgba(199,167,58,.3)}.p-blu{background:var(--blud);color:var(--blu);border:1px solid rgba(106,138,168,.3)}

/* RING / SCORE */
.ring{position:relative;display:flex;align-items:center;justify-content:center}.ring svg{transform:rotate(-90deg)}.ring .rv{position:absolute;font-family:'JetBrains Mono',monospace;font-weight:700;z-index:1}.ring .rl{position:absolute;bottom:12px;font-size:8px;color:var(--t3);text-transform:uppercase;z-index:1}
.sb{margin-bottom:8px}.sb-l{display:flex;justify-content:space-between;margin-bottom:3px;font-family:'JetBrains Mono',monospace;font-size:var(--fs-sm)}.sb-l .n{color:var(--t3)}.sb-l .v{font-weight:600}.sb-bar{height:6px;background:var(--bg0);border-radius:3px;overflow:hidden}.sb-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}

/* TABLE */
.dtb{width:100%;border-collapse:collapse;font-family:'JetBrains Mono',monospace;font-size:var(--fs-tbl);color:var(--t1)}.dtb th{text-align:left;padding:8px;color:var(--t3);font-weight:500;text-transform:uppercase;font-size:var(--fs-xs);letter-spacing:.5px;border-bottom:1px solid var(--bdr);position:sticky;top:0;background:var(--bg2)}.dtb td{padding:8px;border-bottom:1px solid var(--bdr);color:var(--t1)}.dtb tr:hover td{background:var(--bg4)}.clk-t{cursor:pointer;color:var(--cyn);font-weight:700}.clk-t:hover{text-decoration:underline}

/* PICK CARD */
.pkc{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--rad);padding:10px 12px;border-left:2px solid var(--grn);margin-bottom:6px}.pkc.risk{border-left-color:var(--red)}.pkc.opp{border-left-color:var(--ylw)}.pkc-tick{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;color:var(--cyn);cursor:pointer;display:flex;align-items:center}.pkc-tick:hover{text-decoration:underline}.pkc-score{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:700;color:var(--t1)}.pkc-reason{font-size:11px;color:var(--t2);margin-top:4px;line-height:1.4}

/* MACRO */
.mac{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--rad);padding:8px 10px;text-align:center}.mac-s{font-family:'JetBrains Mono',monospace;font-size:var(--fs-xs);color:var(--t3);text-transform:uppercase;margin-bottom:2px}.mac-p{font-family:'JetBrains Mono',monospace;font-size:var(--fs-md);font-weight:700;color:var(--t1)}.mac-c{font-family:'JetBrains Mono',monospace;font-size:var(--fs-sm);font-weight:600;margin-top:1px}

/* SIGNAL */
.sigc{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--rad);padding:12px 14px;border-left:3px solid var(--ylw);transition:.15s;margin-bottom:6px}.sigc:hover{transform:translateX(2px)}.sigc.bull{border-left-color:var(--grn)}.sigc.bear{border-left-color:var(--red)}
/* SKELETON */
.skel{background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;height:14px;margin:6px 0}
.skel-row{display:flex;gap:12px;margin-bottom:10px}.skel-row .skel{flex:1}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
/* QUALITY BADGE */
.qb{font-family:'JetBrains Mono',monospace;font-weight:700;padding:2px 8px;border-radius:4px;font-size:12px;letter-spacing:.5px;display:inline-block}
.qb-a{background:rgba(76,175,80,.18);color:var(--grn);border:1px solid rgba(76,175,80,.3)}
.qb-b{background:rgba(255,202,40,.15);color:var(--ylw);border:1px solid rgba(255,202,40,.3)}
.qb-c{background:var(--bg4);color:var(--t4);border:1px solid var(--bdr)}

/* WATCHLIST */
.wl-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--bdr);min-height:44px}.wl-item:last-child{border:0}.wl-tick{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--cyn);cursor:pointer}.wl-tick:hover{text-decoration:underline}.wl-rm{background:0;border:0;color:var(--t4);cursor:pointer;font-size:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.wl-rm:hover{color:var(--red)}

/* BUTTONS */
.btn{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;padding:8px 18px;border:0;border-radius:var(--rad);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:.2s;color:var(--t1);min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-grn{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#000}.btn-grn:hover:not(:disabled){box-shadow:0 4px 16px var(--accd);transform:translateY(-1px)}.btn-orn{background:linear-gradient(135deg,var(--orn),#ff6d00);color:#000}.btn-blu{background:linear-gradient(135deg,var(--blu),#1565c0);color:#fff}.btn-cyn{background:linear-gradient(135deg,var(--cyn),#00838f);color:#000}.btn-sm{font-size:9px;padding:4px 10px;min-height:32px}.btn-dim{background:var(--bg3);color:var(--t3);border:1px solid var(--bdr)}
/* GLASSMORPHISM TOOLTIP */
#bbTip{display:none;position:fixed;z-index:9999;pointer-events:none;min-width:210px;max-width:280px;padding:12px 16px;background:rgba(10,14,20,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:#e0e0e0;line-height:1.7;box-shadow:0 8px 32px rgba(0,0,0,.45)}
#bbTip .tt-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
#bbTip .tt-tick{font-size:13px;font-weight:700;color:#fff}
#bbTip .tt-dec{font-size:9px;padding:2px 8px;border-radius:4px;font-weight:600}
#bbTip .tt-sub{font-size:10px;color:#78909c;margin-bottom:8px}
#bbTip .tt-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
#bbTip .tt-lbl{color:#607d8b}
#bbTip .tt-val{text-align:right;font-weight:600}

/* OVERLAY / DETAIL PANEL */
.ov{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:200;display:none;backdrop-filter:blur(4px)}.ov.open{display:flex;justify-content:center;align-items:flex-start;padding-top:32px}
.dp{background:var(--bg1);border:1px solid var(--bdr2);border-radius:var(--rad2);width:96%;max-width:1200px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.6);-webkit-overflow-scrolling:touch}
.dp-h{padding:18px 20px;border-bottom:1px solid var(--bdr);display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:0;background:var(--bg1);z-index:1}.dp-tick{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:700;color:var(--cyn)}.dp-name{color:var(--t2);font-size:13px;margin-top:2px}
.dp-close{background:0;border:1px solid var(--bdr);color:var(--t3);width:44px;height:44px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dp-close:hover{border-color:var(--red);color:var(--red)}
.dp-body{padding:20px}
.dp-tabs{display:flex;gap:1px;margin-bottom:16px;border-bottom:1px solid var(--bdr);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative}.dp-tabs::-webkit-scrollbar{display:none}.dp-tabs::after{content:'';position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(to right,transparent,var(--bg1));pointer-events:none}
.dp-tab{font-family:'JetBrains Mono',monospace;font-size:10px;padding:7px 14px;background:0;border:0;color:var(--t4);cursor:pointer;border-bottom:2px solid transparent;text-transform:uppercase;white-space:nowrap;min-height:40px}.dp-tab:hover{color:var(--t1)}.dp-tab.on{color:var(--acc);border-bottom-color:var(--acc)}.ds{display:none}.ds.on{display:block}

/* METRICS */
.mg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.mi{background:var(--bg3);padding:10px;border-radius:var(--rad);border:1px solid var(--bdr)}.mi-l{font-family:'JetBrains Mono',monospace;font-size:var(--fs-xs);color:var(--t3);text-transform:uppercase;margin-bottom:3px}.mi-v{font-family:'JetBrains Mono',monospace;font-size:var(--fs-md);font-weight:600;color:var(--t1)}

/* AI BOX */
.aib{background:linear-gradient(135deg,var(--ai-bg),var(--bg2));border:1px solid var(--prp);border-radius:var(--rad);padding:14px;margin-top:14px}.aib-t{font-family:'JetBrains Mono',monospace;font-size:var(--fs-xs);color:var(--prp);text-transform:uppercase;margin-bottom:6px}.aib-tx{font-size:var(--fs-base);color:var(--t1);line-height:1.6}

/* LOADING */
.ld{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;gap:12px}.sp{width:28px;height:28px;border:3px solid var(--bdr);border-top-color:var(--acc);border-radius:50%;animation:spn .7s linear infinite}@keyframes spn{to{transform:rotate(360deg)}}.ld-t{font-family:'JetBrains Mono',monospace;font-size:var(--fs-sm);color:var(--t3)}

/* Skeleton loaders — perceived performance > spinner. Reusable across
   list-style pages (Alarmlar, Bilançolar, BullWatch). Each block has
   a shimmer animation that telegraphs "content coming" while the API
   call lands. */
.skel{background:linear-gradient(90deg,var(--bg3) 0%,var(--bg4) 50%,var(--bg3) 100%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:4px}
.skel-card{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--rad2);padding:14px;margin-bottom:10px}
.skel-line{height:11px;margin-bottom:6px}
.skel-line.lg{height:16px}
.skel-line.short{width:30%}
.skel-line.medium{width:60%}
.skel-line.long{width:85%}
.skel-pill{display:inline-block;height:18px;width:60px;margin-right:6px;border-radius:3px;vertical-align:middle}
.skel-ring{width:80px;height:80px;border-radius:50%}
.skel-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.skel-row-tickerblock{flex:1}

/* MISC */
.emp{text-align:center;padding:40px 20px}.emp h3{color:var(--t2);font-size:15px;margin-bottom:6px}.emp p{color:var(--t3);font-size:12px}.chart-img{width:100%;border-radius:var(--rad);border:1px solid var(--bdr)}
.drv{display:inline-block;font-size:var(--fs-sm);padding:3px 8px;border-radius:3px;margin:2px 3px 2px 0}.drv-p{background:var(--grnd);color:var(--grn)}.drv-n{background:var(--redd);color:var(--red)}
.ls-item{font-family:'JetBrains Mono',monospace;font-size:var(--fs-sm);padding:6px 10px;background:var(--bg3);border:1px solid var(--bdr);border-radius:3px;color:var(--cyn);cursor:pointer;display:inline-block;margin:2px;min-height:32px}.ls-item:hover{background:var(--blud)}
.em-row{display:flex;align-items:center;padding:6px 10px;border-bottom:1px solid var(--bdr);font-family:'JetBrains Mono',monospace;font-size:var(--fs-sm);color:var(--t1);min-height:40px}.em-row:hover{background:var(--bg4)}.em-rank{width:24px;color:var(--t3);font-weight:700}.em-flag{width:24px;font-size:14px}.em-name{flex:1;color:var(--t2)}.em-price{width:80px;text-align:right;color:var(--t1);font-weight:600}.em-chg{width:65px;text-align:right;font-weight:600}.em-ytd{width:65px;text-align:right;font-weight:700}
.live-stat{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--rad);padding:10px;text-align:center}.live-num{font-family:'JetBrains Mono',monospace;font-size:var(--fs-xl);font-weight:700;color:var(--cyn)}.live-label{font-family:'JetBrains Mono',monospace;font-size:var(--fs-xs);color:var(--t3);text-transform:uppercase;margin-top:2px}
/* PIYASA NABZI */
.nab-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.nab-item{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--rad);padding:10px;text-align:center;transition:border-color .2s}.nab-item:hover{border-color:var(--bdr2)}.nab-name{font-family:'JetBrains Mono',monospace;font-size:var(--fs-xs);color:var(--t3);text-transform:uppercase;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nab-price{font-family:'JetBrains Mono',monospace;font-size:var(--fs-lg);font-weight:700;color:var(--t1);margin-bottom:2px}.nab-chg{font-family:'JetBrains Mono',monospace;font-size:var(--fs-sm);font-weight:600}.nab-ytd{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--t3);margin-top:3px}
@media(max-width:900px){.nab-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.nab-grid{grid-template-columns:repeat(2,1fr)}}
.expl{background:var(--bg3);border:1px solid var(--bdr2);border-radius:var(--rad2);padding:20px;margin-bottom:16px}.expl-title{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:var(--cyn);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.expl-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.expl-item{padding:12px;background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--rad)}.expl-item h4{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--acc);margin-bottom:6px}.expl-item p{font-size:12px;color:var(--t2);line-height:1.5}.expl-item .num{font-family:'JetBrains Mono',monospace;font-size:24px;font-weight:700;color:var(--cyn);margin-bottom:4px}
.tk-bar{display:flex;height:20px;border-radius:3px;overflow:hidden;margin:6px 0}.tk-fill{transition:width .5s;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-family:'JetBrains Mono',monospace}

/* ===== ONBOARDING TOUR ===== */
#onbOverlay{position:fixed;inset:0;z-index:10000;pointer-events:none}
.onb-spot{position:fixed;border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,.65);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10001}
.onb-card{position:fixed;background:var(--bg1);border:1px solid var(--acc);border-radius:var(--rad2);padding:18px 20px;max-width:300px;box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(255,179,0,.15);z-index:10002;pointer-events:all;animation:onbIn .25s ease}
@keyframes onbIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.onb-title{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--acc);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}
.onb-text{font-size:14px;color:var(--t1);line-height:1.6;margin-bottom:14px}
.onb-dots{display:flex;gap:5px;margin-bottom:14px}
.onb-dot{width:7px;height:7px;border-radius:50%;background:var(--bdr);transition:.2s}
.onb-dot.active{background:var(--acc);width:18px;border-radius:4px}
.onb-actions{display:flex;justify-content:space-between;align-items:center}
.onb-skip{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--t4);background:none;border:none;cursor:pointer;padding:4px}
.onb-skip:hover{color:var(--t2)}
.onb-next{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;padding:8px 18px;background:var(--acc);color:#000;border:none;border-radius:var(--rad);cursor:pointer;min-height:36px}
.onb-next:hover{background:var(--acc2)}

/* ===== MOBILE RESPONSIVE ===== */
@media(max-width:900px){
  .g2,.g3,.g6{grid-template-columns:1fr}
  .g4{grid-template-columns:1fr 1fr}
  .hdr{flex-wrap:wrap;height:auto;padding:10px 14px;gap:6px}
  .logo{font-size:15px}
  .hdr-nav{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0;padding-bottom:2px}
  .nav-b{padding:10px 14px;flex-shrink:0}
  .sbar{padding:8px 14px;gap:6px}
  .sbar-wrap{max-width:100%}
  .qticks{max-width:200px}
  .main{padding:12px 14px}
  .hero-wrap{padding:16px}
  .hmc{padding:12px}
  .card-b{padding:14px}
  .pkc{padding:12px}
  .dp{width:100%;max-width:100%;border-radius:0;max-height:100vh;max-height:100dvh}
  .dp-h{padding:16px 14px}
  .dp-body{padding:14px}
  .dp-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .dp-tab{padding:10px 14px;flex-shrink:0}
  .mg{grid-template-columns:1fr 1fr;gap:8px}
  .expl-grid{grid-template-columns:1fr}
  .em-row{padding:6px 8px}
  .mac{padding:8px}
  .sigc{padding:10px 12px}
  .ov.open{padding-top:0}
}
@media(max-width:400px){
  .g4{grid-template-columns:1fr}
  .mg{grid-template-columns:1fr}
  .hmc{padding:10px}
  .hero-wrap{padding:12px}
  .nav-b{padding:8px 12px}
}

/* ===== KAP / BİLANÇOLAR MOBILE POLISH ===== */
/* Each disclosure row uses `.kap-row` (assigned in renderBilancolarPage).
   Subject line gets line-clamp on phones so long titles don't push the
   card to 5 lines; footer (reactions + AI button) wraps cleanly. */
.kap-row-subj{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
}
@media(max-width:600px){
  /* Bilanço modali: full-screen on mobile so the 6-section AI summary
     has room to breathe and the iOS keyboard / nav-bar don't clip it. */
  #kapAnalysisOv{padding:0!important;align-items:flex-start!important}
  #kapAnalysisOv > div{
    max-width:100%!important;
    width:100%!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    min-height:100vh;
    min-height:100dvh;
    border-radius:0!important;
    padding:16px 14px!important;
  }
  /* AI summary sections: tighter padding, smaller body text */
  #kapAnalysisOv h3{font-size:14px!important}
  /* Bilançolar disclosure card: tighter padding, card body has full width. */
  #pg-bilancolar .card-b{padding:0!important}
  .kap-row{padding:9px 11px!important}
  /* Subject clamp tighter on phone — 2 lines is enough */
  .kap-row-subj{-webkit-line-clamp:2;font-size:11px!important;line-height:1.35!important}
  /* Footer row stacks gracefully; pill font-size shrinks */
  .kap-row-footer{gap:4px!important}
  .kap-row-footer > div > span{font-size:9px!important;padding:1px 4px!important}
  .kap-row-footer button{font-size:10px!important;padding:3px 7px!important}
  /* Filter chips: horizontal scroll instead of wrap if too many */
  #pg-bilancolar > div:nth-child(2){overflow-x:auto;-webkit-overflow-scrolling:touch}
}
/* Even smaller phones */
@media(max-width:380px){
  .kap-row{padding:8px 10px!important}
  .kap-row-subj{-webkit-line-clamp:2;font-size:10.5px!important}
  .kap-row-footer button{font-size:9.5px!important}
}

/* ===== TICKER DETAIL MOBILE POLISH ===== */
@media(max-width:600px){
  /* The 3-ring header (TEMEL / V13 DEĞER after Plan A) reads better
     in a single row on narrow screens. Reduce ring size + gap. */
  .dp-h .ring{transform:scale(.85);transform-origin:center}
  /* Metric box grid: 2 cols on phones (was already 1fr 1fr in dp-h block) */
  .dp-h .mg{gap:6px}
  /* Detail page typography: tighten body */
  .dp-body{padding:12px 10px!important}
  .dp{border-radius:0!important}
}

/* ===== HEADER LOGO + NAV ===== */
@media(max-width:560px){
  /* Mobile breakpoint kapsamı: iPhone (393-430), Pixel (360-412),
     Android Plus (412), küçük tablet hariç (iPad 768+). */
  .hdr{padding:6px 10px}
  .main{padding:10px 10px 80px}  /* extra bottom padding so the last card
                                     clears safe-area / browser chrome */
  /* Yoğun veri tablolarını sıkılaştır → daha çok kolon sığar, yatay scroll azalır.
     (Tablolar zaten card-b overflow-x:auto içinde — scroll güvenli kalır.) */
  .dtb th,.dtb td{padding:7px 5px}
  /* Güvenlik ağı: yatay taşma + grafik/SVG taşması olmasın (her sayfada). */
  html{overflow-x:hidden}
  svg,canvas{max-width:100%}
  /* Flex header scroll bölgeleri düzgün küçülsün (min-width:auto overflow'u önle). */
  .hdr-nav,.qticks,.dp-tabs{min-width:0}
}
@media(max-width:400px){
  /* Çok dar ekran (≤iPhone SE/mini): tabloyu biraz daha sıkıştır. */
  .dtb th,.dtb td{padding:6px 4px;font-size:var(--fs-xs)}
}

/* ===== TOOLTIP REPOSITION (touch devices) ===== */
@media(hover:none){
  /* Suppress the desktop-only hover tooltip — on touch it lingers and
     blocks taps. The same info lives in the modal / card detail. */
  #bbTip{display:none!important}
}
/* ===== PHASE 5.1.1 — HEATMAP SKELETON SHIMMER ===== */
.heat-skel-wrap{padding:8px;background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--rad)}
.heat-skel-grid{display:flex;flex-wrap:wrap;gap:4px;width:100%;max-width:750px;margin-bottom:8px}
.heat-skel-cell{background:linear-gradient(90deg,var(--bg3) 0%,var(--bg4) 50%,var(--bg3) 100%);background-size:200% 100%;animation:heatShimmer 1.4s ease-in-out infinite;border-radius:2px;border:0.5px solid rgba(0,0,0,0.35)}
.heat-skel-caption{color:var(--t4);font-size:12px;margin-top:8px;text-align:center}
@keyframes heatShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ===== PHASE 5.1.3 — MOBILE-FIRST BREAKPOINTS ===== */
/* Default: phones 320-480px. min-width queries scale up. */
.is-mobile-only{display:block}
.is-tablet-only,.is-desktop-only{display:none}

/* Tap targets — every interactive element ≥44px on mobile */
.btn,.btn-sm,.btn-orn,.btn-blu,.btn-dim,button,.nav-b,.qtk,.disc-chip{min-height:44px;min-width:44px}

/* Sticky bottom nav (mobile) — fits 7 tabs via horizontal scroll */
.mob-bnav{position:fixed;bottom:0;left:0;right:0;height:calc(56px + var(--safe-b));padding-bottom:var(--safe-b);background:var(--bg1);border-top:1px solid var(--bdr);display:flex;justify-content:flex-start;align-items:stretch;z-index:90;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.mob-bnav::-webkit-scrollbar{display:none}
.mob-bnav-item{flex:0 0 auto;min-width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--t3);font-family:'JetBrains Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;border:0;background:0;padding:6px 8px;min-height:56px;white-space:nowrap}
.mob-bnav-item .ico{font-size:20px;line-height:1}
.mob-bnav-item.on{color:var(--acc)}
.mob-bnav-item.on .ico{transform:scale(1.1)}
.mob-bnav-item:hover{color:var(--t1)}

/* Heatmap mobile list-view alternative */
.heat-list-mobile{display:none}
.heat-list-row{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--bdr);font-family:'JetBrains Mono',monospace;font-size:12px;min-height:44px}
.heat-list-row .tk{color:var(--cyn);font-weight:700;min-width:60px}
.heat-list-row .pr{color:var(--t1);text-align:right;flex:1}
.heat-list-row .ch{font-weight:700;min-width:60px;text-align:right}

/* mobile breakpoint: show list view, hide grid */
@media(max-width:560px){
  .heat-grid-mobile-hide{display:none!important}
  .heat-list-mobile{display:block}
  /* Top nav stays visible on mobile (already overflow-x:auto from ≤900px rules)
     — we tried a bottom nav but top scroll-tabs are familiar and use less chrome */
  .hdr{padding:8px 12px;gap:8px}
  .nav-b{padding:6px 10px;font-size:11px;letter-spacing:0;min-height:40px}
  .logo{font-size:12px}
  .logo svg{width:24px;height:24px}
  .logo small{display:none}
  /* Header aksiyonları (Gelişmiş·CANLI·Tema·Bell·Sözlük·Bilgi + saat) mobilde
     647px'e taşıp ekran-dışında KIRPILIYORDU (Sözlük/Bilgi/saat erişilemiyordu).
     → tam-genişlik kendi satırı + sar; saat/nokta gizle; butonları sıkılaştır.
     Böylece tüm aksiyonlar erişilebilir, hiçbiri kesilmiyor. */
  .hdr-r{width:100%;margin-left:0;flex-wrap:wrap;justify-content:flex-start;gap:6px}
  .hdr-r .clk,.hdr-r .dot{display:none}
  .hdr-r button{padding:6px 9px!important;font-size:10px!important;margin-right:0!important;letter-spacing:.3px!important}
  /* BullWatch cards: single column on small phones */
  .bw-grid{grid-template-columns:1fr!important;gap:10px!important}
  /* BullWatch near-misses: hide table view, JS will render card view */
  .bw-near-table{display:none}
  .bw-near-cards{display:block!important}
  /* Mobile audit: tablo hücrelerinde .hide-mob class'lı kolonları gizle.
     class-based + !important inline th style'larındaki padding/cursor
     specificity'sini geçer. Radar tablosunda Veri tazeliği + Ciro/PD,
     banka kıyas tablosunda Fiyat + MCap mobile'da kapalı. */
  .hide-mob{display:none!important}
  /* Q panel mobile'da daha ferah */
  #agentPanel{width:calc(100vw - 24px)!important;right:12px!important}
}
@media(min-width:561px){
  .bw-near-cards{display:none}
}

/* MOBİL ALT-NAV (2026-07 mükemmel-mobil): native-app deseni. Desktop'ta gizli,
   mobilde (≤560px) sabit alt-bar. Üst-scroll-tab yerine 4 ana sekme + Daha. */
.mob-bnav{display:none;justify-content:space-around}
.mob-bnav-item{flex:1 1 0;min-width:0}
@media(max-width:560px){
  .mob-bnav{display:flex!important}
  .hdr-nav{display:none!important}        /* alt-nav var → üst scroll-tab gizli */
  /* Yasal disclaimer alt-nav ile çakışmasın: nav'ın ÜSTÜNE al (tek satıra sığdır) */
  #siteDisc{bottom:calc(56px + var(--safe-b))!important;z-index:80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8.5px;padding:5px 12px}
  .main{padding-bottom:calc(90px + var(--safe-b))!important}  /* nav + disclaimer payı */
  /* Yüzen butonlar (Q asistan + 💬 feedback) alt-nav+disclaimer'ı örtüyordu →
     ikisini de üstüne kaldır, dikey ara ver: Q altta, feedback üstünde. Örtüşme yok. */
  #agentBtn{bottom:calc(84px + var(--safe-b))!important}
  #fbBtn{bottom:calc(154px + var(--safe-b))!important}
  #agentPanel{bottom:calc(154px + var(--safe-b))!important}
  #fbPanel{bottom:calc(206px + var(--safe-b))!important}
}
/* "Daha" sheet — tüm sayfalar, gruplu, bottom-sheet */
#mobMoreSheet{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);display:none}
#mobMoreSheet.open{display:block}
.mob-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:82vh;background:var(--bg1);border-top:1px solid var(--bdr2);border-radius:18px 18px 0 0;display:flex;flex-direction:column;padding-bottom:var(--safe-b);box-shadow:0 -8px 30px rgba(0,0,0,.4)}
.mob-sheet-h{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--bdr);font-family:'JetBrains Mono',monospace;font-weight:700;font-size:14px;color:var(--t1)}
.mob-sheet-x{background:var(--bg3);border:1px solid var(--bdr);border-radius:50%;width:34px;height:34px;color:var(--t2);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mob-sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 12px 20px}
.mob-sheet-grp{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--t4);margin:14px 8px 4px}
.mob-sheet-item{display:flex;align-items:center;gap:13px;width:100%;padding:12px 14px;background:0;border:0;border-radius:var(--rad);color:var(--t1);font-size:15px;font-family:'DM Sans',sans-serif;cursor:pointer;text-align:left;min-height:50px}
.mob-sheet-item:active,.mob-sheet-item.on{background:var(--bg3)}
.mob-sheet-item.on{color:var(--acc)}
.mob-sheet-item .ico{font-size:20px;width:28px;text-align:center;flex-shrink:0}

/* Tablet (768px+) tweaks */
@media(min-width:768px){
  .g2{grid-template-columns:1fr 1fr}
  .g3{grid-template-columns:1fr 1fr 1fr}
  .g4{grid-template-columns:repeat(4,1fr)}
}

/* ===== PHASE 5.2.1 — TURKEY 4 FILTER SECTION ===== */
.tr-filter-section{background:var(--bg3);border:1px solid var(--bdr2);border-radius:var(--rad2);padding:18px;margin-top:16px;margin-bottom:16px}
.tr-filter-title{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--acc);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:14px}
.tr-filter-title .info{margin-left:auto;color:var(--t4);font-size:11px;cursor:pointer;background:0;border:0;padding:4px 8px;min-height:32px;min-width:32px}
.tr-filter-title .info:hover{color:var(--acc)}
.tr-filter-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bdr)}
.tr-filter-row:last-child{border-bottom:0}
.tr-filter-icon{font-size:22px;flex-shrink:0;width:32px;text-align:center}
.tr-filter-body{flex:1;min-width:0}
.tr-filter-name{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;color:var(--t1);margin-bottom:4px;display:flex;align-items:center;gap:8px}
.tr-filter-grade{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;background:var(--bg3);color:var(--t2)}
.tr-filter-grade.A{background:var(--grnd);color:var(--grn)}
.tr-filter-grade.B{background:var(--grnd);color:var(--grn);opacity:0.8}
.tr-filter-grade.C{background:var(--ylwd);color:var(--ylw)}
.tr-filter-grade.D{background:var(--redd);color:var(--red);opacity:0.8}
.tr-filter-grade.F{background:var(--redd);color:var(--red)}
.tr-filter-bar-wrap{height:6px;background:var(--bg4);border-radius:3px;overflow:hidden;margin-bottom:4px;position:relative}
.tr-filter-bar{height:100%;border-radius:3px;transition:width .4s}
.tr-filter-bar.up{background:linear-gradient(90deg,var(--grn2),var(--grn))}
.tr-filter-bar.down{background:linear-gradient(90deg,var(--red),#ff7676)}
.tr-filter-bar.flat{background:var(--t4)}
.tr-filter-mid{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--bdr2)}
.tr-filter-mult{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;min-width:48px;text-align:right}
.tr-filter-mult.up{color:var(--grn)}
.tr-filter-mult.down{color:var(--red)}
.tr-filter-mult.flat{color:var(--t3)}
.tr-filter-explanation{font-size:11px;color:var(--t3);line-height:1.4}
.tr-filter-summary{margin-top:14px;padding:10px 12px;background:var(--accd);border:1px solid rgba(255,179,0,0.2);border-radius:var(--rad);font-size:12px;color:var(--t1);line-height:1.5}

/* ===== PHASE 5.2.2 — SIGNAL EXPLANATION CARDS ===== */
.sig-explain-card{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--rad);padding:12px 14px;margin-bottom:8px}
.sig-explain-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.sig-explain-name{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;color:var(--t1)}
.sig-explain-rel{margin-left:auto;font-size:11px}
.sig-explain-body{font-size:12px;color:var(--t2);line-height:1.5;margin-bottom:6px}
.sig-explain-meta{display:flex;gap:12px;flex-wrap:wrap;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--t4)}
.sig-explain-meta .tag{padding:2px 6px;border-radius:3px;background:var(--bg3);border:1px solid var(--bdr);color:var(--t2)}
.sig-explain-action{margin-top:8px;padding:6px 10px;background:var(--accd);border-radius:4px;font-size:11px;color:var(--acc);font-weight:600}

/* ===== PHASE 5.2.3 — AI MULTI-MODEL SHOWDOWN ===== */
.ai-consensus-wrap{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--rad2);padding:0;overflow:hidden}
.ai-consensus-leader{padding:14px 16px;background:linear-gradient(135deg,var(--accd),transparent);border-bottom:1px solid var(--bdr)}
.ai-consensus-badge{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;color:var(--acc);text-transform:uppercase;letter-spacing:1px;padding:3px 8px;background:var(--accd);border:1px solid rgba(255,179,0,0.25);border-radius:4px;margin-bottom:8px}
.ai-consensus-badge.split{color:var(--ylw);background:var(--ylwd);border-color:rgba(245,158,11,0.25)}
.ai-consensus-leader-name{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--t3);margin-bottom:8px}
.ai-consensus-text{font-size:13px;color:var(--t1);line-height:1.6}
.ai-consensus-others{padding:0}
.ai-consensus-others summary{padding:10px 16px;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--t3);user-select:none;border-top:1px solid var(--bdr)}
.ai-consensus-others summary:hover{background:var(--bg3);color:var(--t1)}
.ai-consensus-other{padding:10px 16px;border-top:1px solid var(--bdr);background:var(--bg1)}
.ai-consensus-other-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--t3)}
.ai-consensus-other-head .conf{margin-left:auto}
.ai-consensus-other-text{font-size:12px;color:var(--t2);line-height:1.5}

/* ===== PHASE 5.2.4 — SCORE EXPLAIN MODAL ===== */
.score-help-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bg3);border:1px solid var(--bdr);color:var(--t3);font-size:11px;font-weight:700;cursor:pointer;margin-left:6px;font-family:'JetBrains Mono',monospace}
.score-help-btn:hover{color:var(--acc);border-color:var(--acc)}
.score-modal-bd{padding:18px;font-size:13px;color:var(--t2);line-height:1.7}
.score-modal-bd h4{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc);text-transform:uppercase;letter-spacing:1px;margin:14px 0 6px}
.score-modal-bd .num{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--t1);font-weight:700}

/* ===== PHASE 5.4 — TRADINGVIEW WIDGET CONTAINERS ===== */
.tv-widget{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--rad2);overflow:hidden;min-height:200px;position:relative}
.tv-widget-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--t4);font-family:'JetBrains Mono',monospace;font-size:11px}
.tv-widget-error{padding:14px;color:var(--red);font-family:'JetBrains Mono',monospace;font-size:11px;text-align:center}

/* WOW-HERO — ilk ekran çarpıcı açılış. Neon temada glow vivid, diğerinde ölçülü. */
.hero-wow{position:relative;overflow:hidden;border-radius:var(--rad2);padding:20px 22px;margin-bottom:20px;border:1px solid var(--bdr2);background:linear-gradient(150deg,var(--bg2),var(--bg1));animation:heroIn .5s cubic-bezier(.2,.7,.3,1)}
.hero-wow-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 110% at 0% 0%,var(--accd),transparent 55%),radial-gradient(100% 100% at 100% 120%,var(--grnd),transparent 60%)}
.hero-wow>*{position:relative;z-index:1}
@keyframes heroIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hero-wow-top{display:flex;justify-content:space-between;align-items:center}
.hero-wow-brand{font-family:'JetBrains Mono',monospace;font-size:21px;font-weight:800;color:var(--acc);letter-spacing:.5px}
.hero-wow-brand b{color:var(--t1)}
.hero-wow-live{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;color:var(--grn);letter-spacing:1px;animation:pls 2s infinite}
/* Hiyerarşi: XU100 dev-kahraman + sparkline, Dolar/Altın küçük destek. */
.hero-main{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:12px 0 2px}
.hero-idx-l{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--t3)}
.hero-idx-row{display:flex;align-items:baseline;gap:11px;margin-top:3px}
.hero-num{font-family:'JetBrains Mono',monospace;font-size:42px;font-weight:800;color:var(--t1);line-height:1;letter-spacing:-1px}
.hero-idx-c{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700}
.hero-spark{flex-shrink:0;line-height:0;filter:drop-shadow(0 0 7px currentColor);opacity:.92;align-self:center}
.hero-minis{display:flex;gap:26px;margin-top:14px}
.hero-mini{display:flex;flex-direction:column;gap:1px}
.hero-mini-l{font-family:'JetBrains Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--t3)}
.hero-mini-v{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:700;color:var(--t1);margin-top:1px}
.hero-mini-c{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700}
.hero-wow-power{margin-top:16px;padding-top:12px;border-top:1px solid var(--bdr);font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--t2);letter-spacing:.3px;cursor:pointer;transition:.15s}
.hero-wow-power:hover{color:var(--t1)}
.hero-wow-power b{color:var(--t1);font-size:15px}
.hero-power-ar{color:var(--acc);float:right;font-weight:700}
@media(max-width:560px){.hero-wow{padding:16px}.hero-wow-brand{font-size:18px}.hero-num{font-size:34px}.hero-spark svg{width:92px}.hero-minis{gap:20px}}
