/* BBL Panom v1 — #bblpano-root altına alınmış stiller (otomatik üretildi) */
#bblpano-root{position:fixed;inset:0;z-index:99999;pointer-events:none;overflow:hidden;--bg:#070b14; --court:#0b1322; --court-line:rgba(91,157,249,.10);
    --surface:#121c30; --surface-2:#172238; --hair:#26344e;
    --txt:#eef3fa; --txt-2:#a6b8d6; --txt-3:#8497b6;
    --gold:#f5c451; --purple:#a855f7; --blue:#5b9df9; --win:#3ddc84; --loss:#f4476b;
    --drawer:#0a1120;
    --shadow:0 24px 60px rgba(0,0,0,.55);
    --r:16px;}
#bblpano-root .mono{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
@media(min-width:480px){

}
#bblpano-root .handle{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:30;
     width:30px;height:108px;border-radius:14px 0 0 14px;cursor:grab;touch-action:none;
     background:linear-gradient(180deg,rgba(20,32,56,.96),rgba(13,22,40,.98));
     border:1px solid var(--hair);border-right:none;
     box-shadow:-6px 0 22px rgba(0,0,0,.45),inset 1px 0 0 rgba(255,255,255,.05);
     display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
     backdrop-filter:blur(8px);}
#bblpano-root .handle .chev{color:var(--gold);font-size:18px;font-weight:800;animation:bp-nudge 1.8s ease-in-out infinite;}
#bblpano-root .handle .lbl{writing-mode:vertical-rl;text-orientation:mixed;font-size:10px;font-weight:800;
     letter-spacing:2px;color:var(--txt-2);text-transform:uppercase;}
#bblpano-root .handle::after{content:"";position:absolute;right:6px;top:14px;width:4px;height:4px;border-radius:50%;
     background:var(--win);box-shadow:0 0 8px var(--win);animation:bp-live 1.6s ease-in-out infinite;}
@keyframes bp-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-3px)}}
@keyframes bp-live{0%,100%{opacity:.4}50%{opacity:1}}
#bblpano-root .scrim{position:absolute;inset:0;background:rgba(3,6,12,.55);z-index:40;opacity:0;pointer-events:none;
     transition:opacity .35s ease;backdrop-filter:none;}
#bblpano-root .scrim.show{opacity:1;pointer-events:auto;backdrop-filter:blur(1.5px);}
#bblpano-root .drawer{position:absolute;top:0;right:0;height:100%;width:96%;z-index:50;
     background:linear-gradient(180deg,#0c1424 0%,var(--drawer) 100%);
     border-left:1px solid var(--hair);box-shadow:-30px 0 70px rgba(0,0,0,.6);
     transform:translateX(100%);will-change:transform;
     display:flex;flex-direction:column;touch-action:pan-y;}
#bblpano-root .drawer.anim{transition:transform .42s cubic-bezier(.22,1,.36,1);}
#bblpano-root .d-head{position:relative;padding:16px 16px 12px;flex:0 0 auto;touch-action:none;}
#bblpano-root .d-head .row{display:flex;align-items:center;justify-content:space-between;}
#bblpano-root .d-title{font-size:19px;font-weight:900;letter-spacing:.2px;display:flex;align-items:center;gap:9px;}
#bblpano-root .d-title .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);}
#bblpano-root .d-actions{display:flex;gap:8px;}
#bblpano-root .ibtn{width:34px;height:34px;border-radius:10px;border:1px solid var(--hair);background:var(--surface);
     color:var(--txt-2);font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
#bblpano-root .ibtn.on{background:rgba(245,196,81,.14);border-color:rgba(245,196,81,.5);color:var(--gold);}
#bblpano-root .d-sub{margin-top:3px;font-size:11px;color:var(--txt-3);}
#bblpano-root .ticker-line{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden;}
#bblpano-root .ticker-line::before{content:"";position:absolute;inset:0;
     background:linear-gradient(90deg,transparent,var(--gold),var(--blue),transparent);
     background-size:50% 100%;animation:bp-tick 3.5s linear infinite;opacity:.7;}
@keyframes bp-tick{0%{background-position:-60% 0}100%{background-position:160% 0}}
#bblpano-root .d-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:6px 9px 28px;touch-action:pan-y;
     -webkit-overflow-scrolling:touch;scrollbar-width:none;
     display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;}
#bblpano-root .d-body::-webkit-scrollbar{display:none;}
#bblpano-root .card{position:relative;width:100%;background:linear-gradient(180deg,var(--surface),var(--surface-2));
     border:1px solid var(--hair);border-radius:var(--r);padding:11px 13px;margin-bottom:0;
     overflow:hidden;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease;}
#bblpano-root .card.half{width:calc(50% - 6px);}
  /* ---- ikili sütun: GERÇEK masonry — iki sütun, kartlar JS ile kısa olana dağıtılır ---- */
  #bblpano-root #bp-list{align-content:flex-start;}
  #bblpano-root #bp-list.cols2{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;}
  #bblpano-root #bp-list.cols2 .bp-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px;}
  #bblpano-root #bp-list.cols2 .card{width:100%;margin:0;padding:8px 11px;}
  #bblpano-root #bp-list.cols2 .addbtn{flex:1 1 100%;margin:2px 0 0;}
  /* alttaki dipnot (her widget'ın son .meta satırı) sadece büyütünce görünsün */
  /* son .meta = dipnot say, gizle; veri taşıyanlar .bp-keep ile muaf, modalde hepsi görünür */
  #bblpano-root #bp-list .card > .meta:last-child:not(.bp-keep){display:none;}
  /* ---- sütun ayar düğmesi (başlık yanında) ---- */
  #bblpano-root .d-titlewrap{display:flex;align-items:center;gap:9px;min-width:0;}
  #bblpano-root .bp-cols{display:inline-flex;gap:3px;background:var(--surface);border:1px solid var(--hair);border-radius:9px;padding:2px;margin:0;flex:0 0 auto;}
  #bblpano-root .bp-colsbtn{font-size:10px;font-weight:700;color:var(--txt-2);background:transparent;border:none;border-radius:7px;padding:4px 8px;cursor:pointer;white-space:nowrap;}
  #bblpano-root .bp-colsbtn.on{background:rgba(245,196,81,.16);color:var(--gold);}
  /* ---- bilgi (i) düğmesi + tooltip balonu — tıkla/dokun ile aç-kapa (PC+mobil) ---- */
  #bblpano-root #bp-infoBtn{width:22px;height:22px;border-radius:50%;border:1px solid var(--hair);background:var(--surface);
     color:var(--txt-2);font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;
     cursor:pointer;flex:0 0 auto;padding:0;margin-left:4px;}
  #bblpano-root #bp-infoBtn:hover{color:var(--gold);border-color:rgba(245,196,81,.5);}
  #bblpano-root .bp-infotip{position:absolute;top:100%;left:0;right:0;margin-top:6px;z-index:40;
     background:var(--surface-2);border:1px solid var(--hair);border-radius:12px;padding:12px 14px;
     box-shadow:0 12px 32px rgba(0,0,0,.45);opacity:0;pointer-events:none;transform:translateY(-6px);
     transition:opacity .16s ease,transform .16s ease;}
  #bblpano-root .bp-infotip.show{opacity:1;pointer-events:auto;transform:translateY(0);}
  #bblpano-root .bp-infotip-row{font-size:12px;line-height:1.6;color:var(--txt-2);margin-bottom:6px;}
  #bblpano-root .bp-infotip-row:last-of-type{margin-bottom:10px;}
  #bblpano-root .bp-infotip-row b{color:var(--txt-1);}
  #bblpano-root .bp-infotip-close{width:100%;padding:8px;border-radius:8px;border:1px solid rgba(245,196,81,.4);
     background:rgba(245,196,81,.14);color:var(--gold);font-size:12px;font-weight:700;cursor:pointer;}
#bblpano-root .chx{display:flex;align-items:center;gap:9px;}
#bblpano-root .card:active{transform:scale(.985);}
#bblpano-root .card.sel{border-color:rgba(91,157,249,.55);box-shadow:0 0 0 1px rgba(91,157,249,.3),0 10px 30px rgba(0,0,0,.4);}
#bblpano-root .card .ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;}
#bblpano-root .card .ct{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.2px;min-width:0;}

#bblpano-root .card .ci{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;}
#bblpano-root .card .exp{color:var(--txt-2);font-size:14px;cursor:pointer;}
#bblpano-root .card .exp.del{color:var(--loss);}
/* sürüklenen kart (uzun bas) */
#bblpano-root .card.bp-dragging{opacity:.96;outline:2px solid var(--gold);box-shadow:0 14px 32px rgba(0,0,0,.5);z-index:6;cursor:grabbing;}
/* sürükle-bırak: yüzen kopya / yerinde hayalet / hedef vurgusu */
#bblpano-root .bp-float{box-shadow:0 18px 44px rgba(0,0,0,.6);outline:2px solid var(--gold);border-radius:var(--r);opacity:.98;transition:none;}
#bblpano-root .bp-float > .meta:last-child:not(.bp-keep){display:none;}
#bblpano-root .card.bp-ghost{outline:2px dashed var(--hair);outline-offset:-2px;}
#bblpano-root .card.bp-drop{outline:2px solid var(--blue);outline-offset:-2px;box-shadow:0 0 0 4px rgba(91,157,249,.18);}
#bblpano-root .accent{position:absolute;left:0;top:0;bottom:0;width:3px;}
#bblpano-root .rail{position:absolute;top:0;right:0;bottom:0;width:46px;
     background:linear-gradient(90deg,rgba(10,17,32,0),rgba(10,17,32,.96) 40%);
     display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
     transform:translateX(100%);opacity:0;transition:transform .22s ease,opacity .22s ease;}
#bblpano-root .card.sel .rail{transform:translateX(0);opacity:1;}
#bblpano-root .rbtn{width:32px;height:32px;border-radius:9px;border:1px solid var(--hair);background:var(--surface-2);
     color:var(--txt);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
#bblpano-root .rbtn:active{transform:scale(.9);}
#bblpano-root .rbtn.del{color:var(--loss);border-color:rgba(244,71,107,.4);background:rgba(244,71,107,.1);}
#bblpano-root .rbtn:disabled{opacity:.3;}
#bblpano-root .big{font-size:23px;font-weight:800;}
#bblpano-root .delta{font-size:11px;font-weight:700;}
#bblpano-root .up{color:var(--win);}
#bblpano-root .down{color:var(--loss);}
#bblpano-root .mut{color:var(--txt-2);}
#bblpano-root .row2{display:flex;align-items:flex-end;justify-content:spaceBetween;gap:10px;}
#bblpano-root .spark{width:100%;height:46px;display:block;margin-top:3px;}
#bblpano-root .meta{display:flex;justify-content:space-between;font-size:11px;color:var(--txt-3);margin-top:5px;}
#bblpano-root .wfail{font-size:11px;color:var(--txt-3);text-align:center;padding:8px 0 4px;opacity:.85;}
#bblpano-root .tac{display:flex;align-items:center;gap:10px;}
#bblpano-root .tac .em{font-size:24px;}
#bblpano-root .tac .tt{font-size:13px;font-weight:700;}
#bblpano-root .tac .ts{font-size:11px;color:var(--txt-2);margin-top:2px;}
#bblpano-root .badge{margin-left:auto;font-size:11px;font-weight:800;padding:4px 9px;border-radius:8px;}
#bblpano-root .badge.ok{color:var(--win);background:rgba(61,220,132,.12);border:1px solid rgba(61,220,132,.35);}
#bblpano-root .badge.no{color:var(--loss);background:rgba(244,71,107,.12);border:1px solid rgba(244,71,107,.35);}
#bblpano-root table.mini{width:100%;border-collapse:collapse;font-size:11px;}
#bblpano-root table.mini td{padding:5px 2px;border-bottom:1px solid rgba(38,52,78,.5);}
#bblpano-root table.mini tr:last-child td{border-bottom:none;}
#bblpano-root table.mini .me td{color:var(--gold);font-weight:800;}
#bblpano-root table.mini .rk{color:var(--txt-3);width:22px;}
#bblpano-root table.mini .pt{text-align:right;font-weight:700;}
#bblpano-root .rew{display:flex;flex-direction:column;gap:5px;}
#bblpano-root .rew .ri{display:flex;align-items:center;gap:8px;font-size:11px;}
#bblpano-root .rew .ri .am{margin-left:auto;font-weight:800;color:var(--gold);}
#bblpano-root .formrow{display:flex;gap:6px;margin-top:2px;}
#bblpano-root .fb{width:26px;height:26px;border-radius:7px;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;}
#bblpano-root .fb.G{background:rgba(61,220,132,.16);color:var(--win);}
#bblpano-root .fb.M{background:rgba(244,71,107,.16);color:var(--loss);}
#bblpano-root .fb.B{background:rgba(138,160,194,.16);color:var(--txt-2);}
#bblpano-root .fb.H{background:rgba(34,211,238,.16);color:#22d3ee;}
#bblpano-root .fb.E{background:rgba(251,146,60,.16);color:#fb923c;}
#bblpano-root .sheet{position:absolute;left:0;right:0;bottom:0;z-index:60;background:#0c1424;border-top:1px solid var(--hair);
     border-radius:18px 18px 0 0;transform:translateY(100%);transition:transform .38s cubic-bezier(.22,1,.36,1);
     max-height:72%;display:flex;flex-direction:column;box-shadow:0 -20px 50px rgba(0,0,0,.5);}
#bblpano-root .sheet.show{transform:translateY(0);}
#bblpano-root .sheet .sh{padding:14px 16px;border-bottom:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;}
#bblpano-root .sheet .sh b{font-size:15px;font-weight:800;}
#bblpano-root .grip{width:38px;height:4px;border-radius:3px;background:var(--hair);margin:8px auto 0;}
#bblpano-root .sheet .sb{overflow-y:auto;padding:8px 12px 18px;scrollbar-width:none;}
#bblpano-root .sheet .sb::-webkit-scrollbar{display:none;}
#bblpano-root .cat{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--txt-3);
     margin:12px 6px 6px;}
#bblpano-root .opt{display:flex;align-items:center;gap:11px;padding:11px;border-radius:12px;border:1px solid var(--hair);
     background:var(--surface);margin-bottom:8px;cursor:pointer;}
#bblpano-root .opt .oi{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;}
#bblpano-root .opt .on{flex:1;}
#bblpano-root .opt .otitle{font-size:13px;font-weight:700;}
#bblpano-root .opt .odesc{font-size:11px;color:var(--txt-3);margin-top:1px;}
#bblpano-root .tog{width:42px;height:25px;border-radius:999px;background:#1c2942;border:1px solid var(--hair);position:relative;flex:0 0 auto;transition:background .2s;}
#bblpano-root .tog::after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#5b6b8a;transition:.22s;}
#bblpano-root .opt.added .tog{background:rgba(61,220,132,.25);border-color:rgba(61,220,132,.5);}
#bblpano-root .opt.added .tog::after{left:19px;background:var(--win);}
#bblpano-root .empty{text-align:center;color:var(--txt-3);font-size:13px;padding:40px 20px;}
#bblpano-root .empty b{color:var(--txt-2);display:block;margin-bottom:6px;font-size:14px;}
#bblpano-root .addbtn{width:100%;padding:13px;border-radius:13px;border:1px dashed var(--hair);background:transparent;
     color:var(--txt-2);font-size:13px;font-weight:700;cursor:pointer;margin-top:2px;}
#bblpano-root .addbtn:active{background:var(--surface);}
#bblpano-root .note{position:absolute;left:14px;right:14px;bottom:10px;text-align:center;font-size:10px;color:var(--txt-3);z-index:55;}
#bblpano-root .eyebrow{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--txt-3);margin-bottom:6px;}
#bblpano-root .dg{display:flex;flex-direction:column;gap:7px;}
#bblpano-root .dgr{display:flex;align-items:center;gap:7px;font-size:12px;min-width:0;}
#bblpano-root .dgi{width:15px;flex:0 0 15px;text-align:center;font-weight:800;}
#bblpano-root .dgi.up, #bblpano-root .dgi.ok{color:var(--win);}
#bblpano-root .dgr .dgl{color:var(--txt-2);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#bblpano-root .dgr b{font-size:12px;flex:0 0 auto;margin-left:auto;white-space:nowrap;text-align:right;}
#bblpano-root .heat{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;}
#bblpano-root .ht{min-width:0;border-radius:9px;padding:7px 6px;text-align:center;border:1px solid rgba(255,255,255,.05);}
#bblpano-root .ht span{display:block;font-size:10px;color:#e3edfb;font-weight:700;}
#bblpano-root .ht b{font-size:11px;color:#fff;}
#bblpano-root .mv{display:flex;flex-direction:column;gap:6px;}
#bblpano-root .mvr{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;padding:7px 11px;border-radius:11px;}
#bblpano-root .mvr.up{background:rgba(61,220,132,.09);}
#bblpano-root .mvr.down{background:rgba(244,71,107,.09);}
#bblpano-root .mvr b{margin-left:auto;}
#bblpano-root .mj{font-size:15px;}
#bblpano-root .cmp{display:grid;grid-template-columns:1fr auto auto;gap:12px;font-size:11px;padding:4px 0;border-bottom:1px solid rgba(38,52,78,.5);}
#bblpano-root .cmp:last-child{border:none;}
#bblpano-root .cl{color:var(--txt-3);}
#bblpano-root .cv{text-align:right;min-width:44px;font-weight:700;}
#bblpano-root .cv.me{color:var(--gold);}
#bblpano-root .zbar{display:flex;height:14px;border-radius:8px;overflow:hidden;position:relative;}
#bblpano-root .zpin{position:absolute;top:-3px;width:4px;height:20px;border-radius:3px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.75);transform:translateX(-50%);}
#bblpano-root .cup{display:flex;align-items:center;gap:7px;justify-content:center;}
#bblpano-root .cst{font-size:11px;font-weight:700;padding:6px 9px;border-radius:8px;background:#0f1a2e;border:1px solid var(--hair);color:var(--txt-2);}
#bblpano-root .cst.done{color:var(--win);border-color:rgba(61,220,132,.35);}
#bblpano-root .cst.now{color:var(--gold);border-color:rgba(245,196,81,.5);background:rgba(245,196,81,.08);}
#bblpano-root .carr{color:var(--txt-3);}
#bblpano-root .bh{font-size:16px;font-weight:800;line-height:1.2;}
#bblpano-root .bp{font-size:11px;color:var(--txt-2);margin-top:4px;line-height:1.3;}
#bblpano-root .chat{display:flex;gap:9px;align-items:flex-start;}
#bblpano-root .cav{width:30px;height:30px;border-radius:9px;background:#0f1a2e;border:1px solid var(--hair);display:flex;align-items:center;justify-content:center;font-size:15px;flex:0 0 auto;}
#bblpano-root .cbub{background:#15233c;border-radius:4px 12px 12px 12px;padding:8px 11px;font-size:11px;}
#bblpano-root .cwho{font-size:10px;color:var(--blue);font-weight:700;margin-bottom:2px;}
#bblpano-root .bdg{display:flex;align-items:center;gap:12px;}
#bblpano-root .bdgi{width:42px;height:42px;border-radius:12px;background:radial-gradient(circle,rgba(245,196,81,.28),rgba(245,196,81,.04));border:1px solid rgba(245,196,81,.4);display:flex;align-items:center;justify-content:center;font-size:21px;}
#bblpano-root .wl{display:flex;flex-direction:column;}
#bblpano-root .wr{display:grid;grid-template-columns:1fr auto auto;gap:12px;font-size:11px;font-weight:600;padding:5px 0;border-bottom:1px solid rgba(38,52,78,.5);}
#bblpano-root .wr:last-child{border:none;}
#bblpano-root .wr b{min-width:46px;text-align:right;}
#bblpano-root .qa{display:flex;gap:7px;}
#bblpano-root .qab{flex:1;font-size:11px;font-weight:700;padding:11px 4px;border-radius:11px;border:1px solid var(--hair);background:var(--surface-2);color:var(--txt);cursor:pointer;}
#bblpano-root .qab:active{transform:scale(.95);}
#bblpano-root .gz{display:flex;flex-direction:column;}
#bblpano-root .gzr{display:flex;align-items:center;gap:9px;font-size:11px;padding:7px 0;border-bottom:1px solid rgba(38,52,78,.5);}
#bblpano-root .gzr:last-child{border:none;}
#bblpano-root .gzrk{color:var(--txt-3);font-weight:700;min-width:26px;}
#bblpano-root .gzn{flex:1;font-weight:600;}
#bblpano-root .gzs{color:var(--txt-2);}
#bblpano-root .gzm{font-weight:800;min-width:30px;text-align:right;}
#bblpano-root .wl2{display:grid;grid-template-columns:1fr 1fr;gap:4px;}
#bblpano-root .wc{min-width:0;background:#0f1a2e;border:1px solid var(--hair);border-radius:9px;padding:6px 7px;}
#bblpano-root .wch{display:flex;align-items:baseline;justify-content:space-between;gap:6px;}
#bblpano-root .ws{font-size:11px;font-weight:800;}
#bblpano-root .wp{font-size:11px;color:var(--txt);}
#bblpano-root .wcd span{white-space:nowrap;}
#bblpano-root .cv.f5{letter-spacing:2px;font-weight:800;}
#bblpano-root .wcd{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:4px;font-size:9px;margin-top:3px;white-space:nowrap;}
#bblpano-root .gz2{display:flex;flex-direction:column;gap:11px;}
#bblpano-root .gzt{}
#bblpano-root .gzh{display:flex;align-items:center;gap:9px;font-size:11px;margin-bottom:6px;}
#bblpano-root .gzh .gzrk{color:var(--txt-3);font-weight:700;min-width:24px;}
#bblpano-root .gzh .gzn{flex:1;font-weight:700;}
#bblpano-root .gzh .gzs{color:var(--txt-2);}
#bblpano-root .gzh .gzm{font-weight:800;min-width:28px;text-align:right;}
#bblpano-root .gzp{display:flex;flex-wrap:wrap;gap:5px;padding-left:24px;}
#bblpano-root .pc2{font-size:10px;font-weight:700;font-family:'JetBrains Mono',monospace;padding:3px 7px;border-radius:6px;background:#0f1a2e;border:1px solid var(--hair);color:var(--txt-2);}
#bblpano-root .pc2.new{background:rgba(61,220,132,.14);border-color:rgba(61,220,132,.5);color:var(--win);}
#bblpano-root .fin{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;}
#bblpano-root .finr{display:grid;grid-template-columns:46px auto 1fr auto;gap:10px;align-items:baseline;font-size:13px;}
#bblpano-root .finl{color:var(--txt-2);font-weight:700;}
#bblpano-root .finv{font-size:16px;font-weight:800;}
#bblpano-root .finc{color:var(--txt-3);font-size:11px;}
#bblpano-root .finb{font-size:11px;font-weight:700;text-align:right;}
#bblpano-root .mkt{display:flex;flex-direction:column;gap:9px;}
#bblpano-root .mkr{display:flex;align-items:center;gap:9px;font-size:11px;}
#bblpano-root .mkl{min-width:58px;font-weight:700;color:var(--txt-2);}
#bblpano-root .mkl.me{color:var(--gold);}
#bblpano-root .mkbar{flex:1;height:9px;border-radius:5px;background:#16223a;overflow:hidden;}
#bblpano-root .mkfill{height:100%;border-radius:5px;}
#bblpano-root .mkr b{min-width:48px;text-align:right;}
#bblpano-root .mkv{text-align:center;font-size:11px;margin-top:8px;font-weight:700;}
#bblpano-root .mkv.up{color:var(--win);}
#bblpano-root .pc2 b{font-size:10px;margin-left:1px;}
#bblpano-root .mach{display:flex;align-items:center;gap:9px;margin-bottom:11px;}
#bblpano-root .live{font-size:10px;font-weight:800;color:var(--loss);background:rgba(244,71,107,.12);border:1px solid rgba(244,71,107,.4);border-radius:6px;padding:3px 7px;animation:bp-live 1.6s ease-in-out infinite;}
#bblpano-root .macw{font-size:11px;color:var(--txt-3);font-weight:600;}
#bblpano-root .macsc{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
#bblpano-root .mact{flex:1;text-align:center;padding:10px 6px;border-radius:11px;background:#0f1a2e;border:1px solid var(--hair);}
#bblpano-root .mact.me{border-color:rgba(245,196,81,.4);background:rgba(245,196,81,.07);}
#bblpano-root .macn{font-size:11px;font-weight:700;color:var(--txt-2);margin-bottom:5px;}
#bblpano-root .macp{font-size:25px;font-weight:800;}
#bblpano-root .macx{font-size:16px;color:var(--txt-3);}
#bblpano-root .tcols{display:flex;gap:14px;margin-top:11px;}
#bblpano-root .tcol{flex:1;min-width:0;}
#bblpano-root .tcl{font-size:10px;font-weight:800;letter-spacing:.3px;color:var(--txt-3);margin-bottom:7px;}
#bblpano-root .maccr{display:flex;justify-content:space-between;gap:6px;font-size:11px;padding:3px 0;font-weight:600;}
#bblpano-root .maccr span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#bblpano-root .pop3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
#bblpano-root .pop3c{background:#0f1a2e;border:1px solid var(--hair);border-radius:10px;padding:9px 6px;text-align:center;}
#bblpano-root .pop3s{display:block;font-size:11px;font-weight:700;color:var(--txt);}
#bblpano-root .pop3p{display:block;font-size:11px;margin-top:3px;}

/* En Çok Tercih Edilen — kişisel ömür-boyu (stats/lifetime) */
#bblpano-root .poplt{display:flex;flex-direction:column;gap:5px}
#bblpano-root .popltr{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1}
#bblpano-root .popltn{width:13px;color:#64748b;font-weight:700;font-size:9.5px;flex-shrink:0;text-align:right}
#bblpano-root .poplts{width:52px;font-weight:800;color:#60a5fa;font-size:10.5px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:3px}
#bblpano-root .popdot{width:5px;height:5px;border-radius:50%;background:#4ade80;display:inline-block;flex-shrink:0}
#bblpano-root .popltbar{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.05);overflow:hidden;min-width:18px}
#bblpano-root .popltbar>i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa)}
#bblpano-root .popltv{width:34px;text-align:right;color:#93a4bd;font-size:9.5px;flex-shrink:0}
#bblpano-root .poplt-empty{text-align:center;padding:22px 6px;color:#475569;font-size:10.5px;line-height:1.6}
/* ── Liglerde Popüler ── */
#bblpano-root .lptabs{display:flex;gap:5px;margin-bottom:7px}
#bblpano-root .lptabs.lpsub{margin-top:-2px;margin-bottom:8px}
#bblpano-root .lpchip{flex:1;text-align:center;font-size:10.5px;font-weight:700;padding:5px 0;border-radius:8px;border:1px solid var(--hair);background:var(--surface);color:var(--txt-2);cursor:pointer}
#bblpano-root .lptabs.lpsub .lpchip{font-size:10px;padding:4px 0;border-radius:7px}
#bblpano-root .lpchip.on{background:rgba(245,196,81,.14);border-color:rgba(245,196,81,.5);color:var(--gold)}
#bblpano-root .lplist{display:flex;flex-direction:column;gap:5px}
#bblpano-root .lprow{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1}
#bblpano-root .lprk{width:14px;color:var(--txt-3);font-weight:800;font-size:9.5px;flex-shrink:0;text-align:right}
#bblpano-root .lpname{flex:1;font-weight:700;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}
#bblpano-root .lptier{font-size:8px;font-weight:800;padding:1px 4px;border-radius:5px;flex-shrink:0}
#bblpano-root .lptier.t30{background:rgba(61,220,132,.18);color:#3ddc84}
#bblpano-root .lptier.t50{background:rgba(91,200,160,.18);color:#5bc8a0}
#bblpano-root .lptier.t100{background:rgba(91,157,249,.18);color:#5b9df9}
#bblpano-root .lptier.t500{background:rgba(245,168,81,.18);color:#f5a851}
#bblpano-root .lpbar{flex:1;max-width:90px;height:5px;border-radius:3px;background:rgba(255,255,255,.05);overflow:hidden;min-width:18px}
#bblpano-root .lpbar>i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#7c5cff,#a855f7)}
#bblpano-root .lpn{width:30px;text-align:right;color:var(--txt-2);font-size:9.5px;flex-shrink:0}
/* ── Risk Profilim ── */
#bblpano-root .rk{display:flex;flex-direction:column;gap:8px}
#bblpano-root .rkrow{display:flex;align-items:center;gap:8px;font-size:11px}
#bblpano-root .rkn{width:62px;font-weight:700;color:var(--txt-2);flex-shrink:0}
#bblpano-root .rkbar{flex:1;height:14px;border-radius:5px;overflow:hidden;display:flex;background:rgba(255,255,255,.05)}
#bblpano-root .rkseg{display:block;height:100%}
#bblpano-root .rkbar-empty{align-items:center;justify-content:center;color:var(--txt-3);font-size:9px;font-weight:600}
#bblpano-root .rkw{width:26px;text-align:right;font-weight:800;color:#fff;flex-shrink:0}
#bblpano-root .rklegend{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;justify-content:center}
#bblpano-root .rklg{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--txt-3)}
#bblpano-root .rklg>i{width:9px;height:9px;border-radius:3px;display:inline-block}

#bblpano-root .finrank{display:flex;justify-content:space-between;align-items:center;margin:9px 0 4px;font-size:11px;}
#bblpano-root .finrk{font-weight:800;color:var(--gold);}
#bblpano-root .finsp{color:var(--txt-3);}
#bblpano-root .sev{display:flex;gap:7px;align-items:flex-end;height:78px;margin:4px 0 2px;}
#bblpano-root .sevcol{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;}
#bblpano-root .sevbar{width:100%;height:64px;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;}
#bblpano-root .sevwk{font-size:9px;color:var(--txt-3);}
#bblpano-root .sevleg{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;}
#bblpano-root .sevl{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--txt-2);}
#bblpano-root .sevl i{width:9px;height:9px;border-radius:3px;display:inline-block;}
#bblpano-root .skg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
#bblpano-root #bp-list.cols2 .skg{grid-template-columns:repeat(3,1fr);}

/* ── Lig Mini-Tablo: İKİLİ (dar) modda sadeleştir — taşmayı önle ── */
#bblpano-root #bp-list.cols2 .lwr{gap:5px;padding:5px 7px;font-size:10.5px;}
#bblpano-root #bp-list.cols2 .lwra{display:none;}          /* averaj — dar modda gizle */
#bblpano-root #bp-list.cols2 .lwrd{display:none;}          /* LP fark — dar modda gizle */
#bblpano-root #bp-list.cols2 .lwrn{font-size:10.5px;}
#bblpano-root #bp-list.cols2 .lwstats{gap:5px;}
#bblpano-root #bp-list.cols2 .lwstat{padding:5px 6px;}
#bblpano-root #bp-list.cols2 .lwsv{font-size:14px;}
#bblpano-root #bp-list.cols2 .lwsl{font-size:8px;}
#bblpano-root #bp-list.cols2 .lwgoal{font-size:9.5px;padding:6px 8px;}
#bblpano-root #bp-list.cols2 .lwrule{flex-wrap:wrap;gap:3px 8px;font-size:9px;}
#bblpano-root #bp-list.cols2 .lwrule .lwn{margin-left:0;flex:1 1 100%;}  /* "N takım" alt satıra */
#bblpano-root .skc{min-width:0;background:#0f1a2e;border:1px solid var(--hair);border-radius:10px;padding:9px 4px;text-align:center;}
#bblpano-root .ske{display:block;font-size:16px;line-height:1.1;}
#bblpano-root .skn{display:block;font-size:9px;color:var(--txt-3);margin:3px 0 2px;overflow-wrap:break-word;line-height:1.15;}
#bblpano-root .skv{display:block;font-size:15px;font-weight:800;}
#bblpano-root .qst{display:flex;flex-direction:column;gap:8px;}
#bblpano-root .qstr{display:flex;align-items:center;gap:9px;font-size:11px;}
#bblpano-root .qstr.done{opacity:.75;}
#bblpano-root .qsi{width:16px;text-align:center;}
#bblpano-root .qsl{flex:1;color:var(--txt-2);}
#bblpano-root .qsr{font-size:11px;font-weight:700;color:var(--gold);white-space:nowrap;}
#bblpano-root .tkw{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;}
#bblpano-root .tkr{display:flex;align-items:center;gap:9px;font-size:11px;padding:6px 9px;border-radius:9px;background:#0f1a2e;border:1px solid var(--hair);}
#bblpano-root .tkr.ok{border-color:rgba(61,220,132,.3);}
#bblpano-root .tkr.no{border-color:rgba(244,71,107,.3);}
#bblpano-root .tkg{font-weight:800;color:var(--txt-2);min-width:30px;}
#bblpano-root .tkt{flex:1;color:var(--txt);}
#bblpano-root .tkb{min-width:42px;text-align:right;}
#bblpano-root .tks{width:14px;text-align:center;}
#bblpano-root .tkseason{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--txt-3);padding-top:9px;border-top:1px solid var(--hair);}
#bblpano-root .lt{display:flex;flex-direction:column;gap:4px;}
#bblpano-root .ltr{display:flex;align-items:center;gap:9px;font-size:11px;padding:5px 8px;border-radius:8px;background:#0f1a2e;border:1px solid transparent;}
#bblpano-root .ltr.me{border-color:rgba(245,196,81,.4);background:rgba(245,196,81,.07);}
#bblpano-root .ltrk{font-weight:800;color:var(--txt-3);min-width:14px;}
#bblpano-root .ltn{flex:1;font-weight:600;}
#bblpano-root .lttag{display:inline-block;margin-left:5px;font-size:9px;font-weight:800;vertical-align:middle;}
#bblpano-root .lttag.up{color:var(--win);}
#bblpano-root .lttag.down{color:var(--loss);}
#bblpano-root .lta{color:var(--txt-2);}
#bblpano-root .ltg{min-width:34px;text-align:right;}
#bblpano-root .ltgu{font-size:9px;color:var(--txt-3);margin-left:1px;}
#bblpano-root .ltme{display:flex;align-items:center;gap:9px;font-size:12px;padding:8px 10px;border-radius:9px;background:rgba(245,196,81,.12);border:1px solid rgba(245,196,81,.4);margin-bottom:9px;}
#bblpano-root .ltmerk{font-weight:800;color:var(--gold);min-width:22px;}
#bblpano-root .ltmen{flex:1;font-weight:800;letter-spacing:.3px;}
#bblpano-root .ltmev{color:var(--txt-2);font-size:11px;}
#bblpano-root .ltmep{color:#fff;font-weight:700;min-width:36px;text-align:right;}
#bblpano-root .ltdots{text-align:center;color:var(--txt-3);font-size:12px;letter-spacing:2px;line-height:1;padding:3px 0;}

/* ═══ YENİ LİG WİDGET (lw*) — durum + bölge + hedef + yakın yarış ═══ */
#bblpano-root .lwhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;}
#bblpano-root .lwh-rank{display:flex;align-items:baseline;gap:6px;}
#bblpano-root .lwh-rank b{font-size:22px;color:var(--gold);line-height:1;}
#bblpano-root .lwh-rank span{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--txt-2);}
#bblpano-root .lwh-zone{font-size:9.5px;font-weight:800;letter-spacing:.6px;padding:4px 9px;border-radius:20px;white-space:nowrap;}
#bblpano-root .lwh-zone.up{color:var(--win);background:rgba(61,220,132,.12);border:1px solid rgba(61,220,132,.3);}
#bblpano-root .lwh-zone.down{color:var(--loss);background:rgba(244,71,107,.12);border:1px solid rgba(244,71,107,.3);}
#bblpano-root .lwh-zone.mut{color:var(--blue);background:rgba(91,157,249,.1);border:1px solid rgba(91,157,249,.25);}

#bblpano-root .lwstats{display:flex;gap:7px;margin-bottom:10px;}
#bblpano-root .lwstat{flex:1;display:flex;flex-direction:column;gap:3px;padding:7px 9px;border-radius:9px;background:rgba(138,160,194,.06);border:1px solid rgba(138,160,194,.08);}
#bblpano-root .lwstat.lwform{flex:1.4;}
#bblpano-root .lwsl{font-size:8.5px;font-weight:700;letter-spacing:.5px;color:var(--txt-3);text-transform:uppercase;}
#bblpano-root .lwsv{font-size:16px;font-weight:800;color:var(--txt);line-height:1;}
#bblpano-root .lwfs{display:flex;gap:3px;}
#bblpano-root .lwf{width:15px;height:15px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;}
#bblpano-root .lwf.up{background:rgba(61,220,132,.18);color:var(--win);}
#bblpano-root .lwf.down{background:rgba(244,71,107,.18);color:var(--loss);}
#bblpano-root .lwf.mut{background:rgba(138,160,194,.12);color:var(--txt-3);}

#bblpano-root .lwgoal{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10.5px;color:var(--txt-2);padding:8px 10px;border-radius:9px;margin-bottom:10px;line-height:1.45;}
#bblpano-root .lwgoal.up{background:rgba(61,220,132,.07);border:1px solid rgba(61,220,132,.18);}
#bblpano-root .lwgoal.down{background:rgba(244,71,107,.07);border:1px solid rgba(244,71,107,.18);}
#bblpano-root .lwgoal.safe{background:rgba(138,160,194,.05);border:1px solid rgba(138,160,194,.1);}
#bblpano-root .lwgoal b{color:var(--txt);font-weight:800;}
#bblpano-root .lwgi{font-size:13px;}
#bblpano-root .lwgt.up{color:var(--win);} #bblpano-root .lwgt.down{color:var(--loss);}
#bblpano-root .lwgsep{color:var(--txt-3);margin:0 2px;}

#bblpano-root .lwrivals{margin-bottom:9px;}
#bblpano-root .lwrlbl{font-size:8.5px;font-weight:700;letter-spacing:.6px;color:var(--txt-3);text-transform:uppercase;margin-bottom:5px;}
#bblpano-root .lwr{display:flex;align-items:center;gap:8px;font-size:11px;padding:6px 9px;border-radius:8px;background:#0f1a2e;border:1px solid transparent;margin-bottom:4px;}
#bblpano-root .lwr.me{border-color:rgba(245,196,81,.45);background:rgba(245,196,81,.08);}
#bblpano-root .lwrk{font-weight:800;color:var(--txt-3);min-width:16px;}
#bblpano-root .lwr.me .lwrk{color:var(--gold);}
#bblpano-root .lwrn{flex:1;font-weight:600;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#bblpano-root .lwzt{font-size:9px;font-weight:800;margin-left:4px;}
#bblpano-root .lwzt.up{color:var(--win);} #bblpano-root .lwzt.down{color:var(--loss);}
#bblpano-root .lwra{color:var(--txt-3);font-size:10px;min-width:26px;text-align:right;}
#bblpano-root .lwrl{color:var(--txt-2);min-width:30px;text-align:right;font-weight:700;}
#bblpano-root .lwru{font-size:8px;color:var(--txt-3);margin-left:1px;}
#bblpano-root .lwrd{font-size:9px;font-weight:700;min-width:42px;text-align:right;}
#bblpano-root .lwrd.up{color:var(--win);} #bblpano-root .lwrd.down{color:var(--loss);} #bblpano-root .lwrd.mut{color:var(--txt-3);}

#bblpano-root .lwrule{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;padding-top:8px;border-top:1px solid rgba(38,52,78,.5);}
#bblpano-root .lwrule .up{color:var(--win);} #bblpano-root .lwrule .down{color:var(--loss);}
#bblpano-root .lwrule .lwn{margin-left:auto;font-weight:600;}
#bblpano-root .cupnext{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:11px;font-size:11px;
     background:#0f1a2e;border:1px solid var(--hair);border-radius:10px;padding:8px 11px;}
#bblpano-root .unread{font-size:9px;font-weight:800;color:var(--loss);background:rgba(244,71,107,.16);border-radius:6px;padding:1px 6px;margin-left:6px;}
#bblpano-root .trf{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
#bblpano-root .trr{display:flex;align-items:center;gap:9px;font-size:13px;}
#bblpano-root .tri{width:18px;text-align:center;}
#bblpano-root .trl{flex:1;color:var(--txt-2);}
#bblpano-root .trr b{font-size:14px;}
#bblpano-root .newdot{width:7px;height:7px;border-radius:50%;background:var(--win);box-shadow:0 0 7px var(--win);margin-left:6px;animation:bp-live 1.6s ease-in-out infinite;}
#bblpano-root .profiles{display:flex;flex-wrap:nowrap;justify-content:center;gap:6px;margin-top:12px;overflow-x:auto;scrollbar-width:none;}
#bblpano-root .profiles::-webkit-scrollbar{display:none;}
#bblpano-root .pchip{flex:0 0 auto;font-size:12px;font-weight:700;padding:7px 12px;border-radius:999px;border:1px solid var(--hair);background:var(--surface);color:var(--txt-2);cursor:pointer;white-space:nowrap;}
#bblpano-root .pchip.on{background:rgba(245,196,81,.14);border-color:rgba(245,196,81,.5);color:var(--gold);}
#bblpano-root .pset{margin-bottom:18px;}
#bblpano-root .pset:last-child{margin-bottom:0;}
#bblpano-root .psl{font-size:11px;font-weight:700;color:var(--txt-2);margin-bottom:10px;}
#bblpano-root .pchips{display:flex;flex-wrap:wrap;gap:7px;}
#bblpano-root .stepper{display:flex;align-items:center;gap:16px;}
#bblpano-root .stepper button{width:40px;height:40px;border-radius:11px;border:1px solid var(--hair);background:var(--surface-2);color:var(--txt);font-size:21px;font-weight:700;cursor:pointer;line-height:1;}
#bblpano-root .stepper button:active{transform:scale(.92);}
#bblpano-root .stepper span{font-size:21px;font-weight:800;min-width:34px;text-align:center;}
#bblpano-root .modal{position:fixed;inset:0;z-index:80;background:rgba(5,8,15,.82);backdrop-filter:none;opacity:0;pointer-events:none;transition:opacity .3s;display:flex;align-items:flex-start;justify-content:center;padding:22px;overflow-y:auto;}
#bblpano-root .modal.show{opacity:1;pointer-events:auto;backdrop-filter:blur(6px);}
#bblpano-root .msheet{width:100%;max-width:560px;margin:auto;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--hair);border-radius:18px;padding:18px;box-shadow:var(--shadow);transform:scale(.93);transition:transform .3s;}
#bblpano-root .modal.show .msheet{transform:scale(1);}
#bblpano-root .mhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
#bblpano-root .mhead .mt{font-size:16px;font-weight:800;display:flex;align-items:center;gap:9px;}
#bblpano-root .mbody .spark{height:90px;}
#bblpano-root .mbody .big{font-size:30px;}
@media(prefers-reduced-motion:reduce){

}
#bblpano-root .handle,#bblpano-root .drawer,#bblpano-root .sheet{pointer-events:auto;}
/* Borsaya Karşı (bistgec) — haftalık BIST geçmişi */
#bblpano-root .bgwrap{display:flex;flex-direction:column;gap:8px;}
#bblpano-root .bghead{display:flex;gap:10px;}
#bblpano-root .bgst{flex:1;background:var(--surface-2);border:1px solid var(--hair);border-radius:10px;padding:8px 10px;text-align:center;}
#bblpano-root .bgst b{display:block;font-size:18px;font-weight:800;line-height:1.1;}
#bblpano-root .bgst span{font-size:9px;color:var(--txt-3);text-transform:uppercase;letter-spacing:.5px;}
#bblpano-root .bgleg{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;font-size:9px;color:var(--txt-3);}
#bblpano-root .bgleg i{display:inline-block;width:8px;height:8px;border-radius:2px;vertical-align:middle;margin-right:3px;}

/* cup — tur merdiveni (kupa yolu) */
#bblpano-root .cuppath{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;margin-bottom:11px;}
#bblpano-root .cps{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:42px;}
#bblpano-root .cps .cpsd{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;border:1.5px solid var(--hair);background:var(--surface-2);color:var(--txt-3);}
#bblpano-root .cps .cpsl{font-size:8.5px;color:var(--txt-3);text-align:center;letter-spacing:.2px;}
#bblpano-root .cps.done .cpsd{background:rgba(61,220,132,.16);border-color:var(--win);color:var(--win);}
#bblpano-root .cps.now .cpsd{background:rgba(245,196,81,.18);border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 3px rgba(245,196,81,.12);}
#bblpano-root .cps.now .cpsl{color:var(--gold);font-weight:800;}
#bblpano-root .cps.out .cpsd{background:rgba(244,71,107,.16);border-color:var(--loss);color:var(--loss);}
#bblpano-root .cps.out .cpsl{color:var(--loss);}
#bblpano-root .cparr{color:var(--txt-3);font-size:13px;opacity:.5;align-self:flex-start;margin-top:4px;}
#bblpano-root .cupcur{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:11px;background:var(--surface-2);border:1px solid var(--hair);}
#bblpano-root .cupcur.win{border-color:rgba(61,220,132,.4);}
#bblpano-root .cupcur.elim{border-color:rgba(244,71,107,.4);}
#bblpano-root .cupcl{font-size:12px;min-width:0;}
#bblpano-root .cupcr{flex:0 0 auto;font-size:12px;}

/* gozlem takım seçici (ayar modalı) */
#bblpano-root .gpks{display:flex;flex-wrap:wrap;gap:7px;}
#bblpano-root .gpk{font-size:11px;font-weight:600;padding:7px 11px;border-radius:9px;border:1px solid var(--hair);background:var(--surface-2);color:var(--txt-2);cursor:pointer;}
#bblpano-root .gpk.on{border-color:var(--gold);color:var(--gold);background:rgba(245,196,81,.1);}
#bblpano-root .gpk:active{transform:scale(.96);}
#bblpano-root .gpclr{margin-top:11px;font-size:11px;color:var(--txt-3);background:none;border:1px solid var(--hair);border-radius:8px;padding:7px 12px;cursor:pointer;}

/* Oran Kıyas widget (Sen/Lig/Tüm ligler — fk/pd/fd/averaj) */
#bblpano-root .kqw{display:flex;flex-direction:column;gap:12px;}
#bblpano-root .kqc{background:var(--surface-2);border:1px solid var(--hair);border-radius:11px;padding:9px 11px;}
#bblpano-root .kqh{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2px;}
#bblpano-root .kql{font-size:11px;font-weight:800;letter-spacing:.3px;}
#bblpano-root .kqvals{display:flex;gap:9px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;}
#bblpano-root .kqleg{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:9px;color:var(--txt-3);margin-top:9px;}
#bblpano-root .kqleg i{display:inline-block;width:8px;height:8px;border-radius:2px;vertical-align:middle;margin-right:3px;}

/* Oran Kıyas / Averaj — zengin grafik stilleri */
#bblpano-root .kqhint{font-size:9px;color:var(--txt-3);font-style:italic;}
#bblpano-root .kqlegc{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:9px;color:var(--txt-2);margin-top:5px;}
#bblpano-root .kqlegc b{color:var(--txt-1);font-variant-numeric:tabular-nums;margin-left:2px;}
#bblpano-root .kqlegc i{display:inline-block;width:11px;height:3px;border-radius:2px;vertical-align:middle;margin-right:4px;}
#bblpano-root .kqlegc i.dash{background:repeating-linear-gradient(90deg,#9b7fc4 0,#9b7fc4 4px,transparent 4px,transparent 6px)!important;}
#bblpano-root .kqlegc i.dot{background:repeating-linear-gradient(90deg,#7faab8 0,#7faab8 2px,transparent 2px,transparent 4px)!important;}
#bblpano-root .kqnote{font-size:8.5px;color:var(--txt-3);text-align:center;margin-top:9px;line-height:1.4;}

/* iOS dokunmatik açıklama balonu + grafik info ikonu */
#bblpano-root .bptip{position:fixed;z-index:90;background:#0c1426;border:1px solid var(--hair);border-radius:10px;padding:9px 12px;font-size:11px;line-height:1.55;color:var(--txt-1);box-shadow:0 10px 28px rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .2s;}
#bblpano-root .bptip.show{opacity:1;}
#bblpano-root .kqi{font-size:9px;color:var(--txt-3);}
#bblpano-root .skc{cursor:pointer;}

/* Sokak Maçı widget */
#bblpano-root .skm{background:var(--surface-2);border:1px solid var(--hair);border-radius:12px;padding:11px;}
#bblpano-root .skmst{font-size:10px;font-weight:700;text-align:center;margin-bottom:9px;color:var(--txt-2);text-transform:uppercase;letter-spacing:.4px;}
#bblpano-root .skmst.live{color:var(--loss);}
#bblpano-root .skmst.done{color:var(--gold);}
#bblpano-root .skmrow{display:flex;align-items:center;justify-content:center;gap:10px;}
#bblpano-root .skmn{font-size:13px;font-weight:700;flex:1;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#bblpano-root .skmsc{font-size:22px;font-weight:800;}
#bblpano-root .skmvs{font-size:12px;color:var(--txt-3);flex:0 0 auto;}
#bblpano-root .skmnext{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding:8px 11px;border-radius:9px;background:var(--surface);border:1px dashed var(--hair);font-size:11px;}
#bblpano-root .skmnext b{color:var(--txt);}
#bblpano-root .skmhist{margin-top:10px;}
#bblpano-root .skmhl{font-size:9px;color:var(--txt-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;}
#bblpano-root .skmhr{display:flex;align-items:center;gap:8px;font-size:11px;padding:3px 0;}
#bblpano-root .skmhb{width:16px;height:16px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;flex:0 0 auto;}
#bblpano-root .skmhb.up{background:rgba(61,220,132,.16);color:var(--win);}
#bblpano-root .skmhb.down{background:rgba(244,71,107,.16);color:var(--loss);}
#bblpano-root .skmhb.mut{background:var(--surface);color:var(--txt-3);}
#bblpano-root .skmho{flex:1;color:var(--txt-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Sokak Ligi widget */
#bblpano-root .slghd{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:8px;}
#bblpano-root .slgttl{font-size:12px;font-weight:800;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#bblpano-root .slgcnt{font-size:9px;color:var(--txt-3);text-transform:uppercase;letter-spacing:.4px;flex:0 0 auto;}
#bblpano-root .slgme{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--txt-2);margin-bottom:8px;padding:7px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--hair);}
#bblpano-root .slgme b{color:var(--gold);font-weight:800;}
#bblpano-root .slglist{display:flex;flex-direction:column;gap:2px;}
#bblpano-root .slgr{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:7px;font-size:11px;}
#bblpano-root .slgr.me{background:rgba(91,157,249,.12);border:1px solid rgba(91,157,249,.25);}
#bblpano-root .slgr.slgsep{margin-top:5px;}
#bblpano-root .slgm{width:20px;text-align:center;font-size:13px;flex:0 0 auto;}
#bblpano-root .slgrk{font-size:11px;font-weight:800;color:var(--txt-3);}
#bblpano-root .slgn{flex:1;min-width:0;color:var(--txt);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#bblpano-root .slgrec{color:var(--txt-3);font-size:10px;flex:0 0 auto;}
#bblpano-root .slgp{color:var(--gold);font-weight:800;min-width:26px;text-align:right;flex:0 0 auto;}
#bblpano-root .slgbtn{width:100%;margin-top:9px;padding:8px;background:rgba(245,196,81,.14);border:1px solid rgba(245,196,81,.3);border-radius:8px;color:var(--gold);font-size:11px;font-weight:700;cursor:pointer;}

/* Sokak Seslenmeleri widget */
#bblpano-root .smsglist{display:flex;flex-direction:column;gap:6px;}
#bblpano-root .smsgr{display:flex;align-items:flex-start;gap:8px;padding:7px 9px;border-radius:8px;background:var(--surface);border:1px solid var(--hair);}
#bblpano-root .smsge{font-size:16px;flex:0 0 auto;line-height:1.3;}
#bblpano-root .smsgb{flex:1;min-width:0;}
#bblpano-root .smsga{font-size:10px;font-weight:700;color:var(--gold);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#bblpano-root .smsgt{font-size:11px;color:var(--txt-2);line-height:1.4;word-break:break-word;}

/* ═══════════════════════════════════════════════════════════
   PC / GENİŞ EKRAN — Panom paneli yan panel olarak küçülür.
   Mobilde (≤768px) hiçbir şey değişmez; sadece geniş ekranda devreye girer.
   ═══════════════════════════════════════════════════════════ */
@media (min-width: 769px) {
  /* Panel ekranın %96'sı yerine sağa yaslı makul bir yan panel olur */
  #bblpano-root .drawer {
    width: clamp(400px, 34vw, 500px);
    box-shadow: -30px 0 70px rgba(0,0,0,.55);
  }
  /* Panel ekranı kaplamadığı için arka planı tamamen karartma */
  #bblpano-root .scrim.show { backdrop-filter: none; background: rgba(3,6,12,.35); }

  /* İçerik bir tık küçülsün — yoğunluk artar, taşma azalır */
  #bblpano-root .d-head { padding: 13px 13px 10px; }
  #bblpano-root .d-title { font-size: 16px; }
  #bblpano-root .d-sub { font-size: 10px; }
  #bblpano-root .ibtn { width: 30px; height: 30px; font-size: 13px; }
  #bblpano-root .d-body { padding: 6px 8px 24px; gap: 8px; }
  #bblpano-root .card { padding: 10px 11px; }
  #bblpano-root .card .ct { font-size: 11.5px; }
  #bblpano-root .card .ci { width: 22px; height: 22px; font-size: 12px; }
  #bblpano-root .big { font-size: 20px; }
  #bblpano-root .macp { font-size: 22px; }
  #bblpano-root .bh { font-size: 14px; }
  #bblpano-root .bdgi { width: 38px; height: 38px; font-size: 19px; }
  #bblpano-root .tac .em { font-size: 21px; }
  /* Ayar stepper'ları masaüstünde gereksiz büyük */
  #bblpano-root .stepper button { width: 34px; height: 34px; font-size: 18px; }
}

/* Çok geniş ekranlar — panel daha da oturaklı, sabit kalsın */
@media (min-width: 1025px) {
  #bblpano-root .drawer { width: 480px; }
}