/* ═══════════════════════════════════════════════════════════════════
   BBL — SKORBOARD: RETRO SALON TABELASI (2026-10-21)
   Eski spor salonlarında tavana asılı tabela: takım levhaları (ev kırmızı, deplasman mavi), lamba rakamlar
   (sen sarı, rakip kırmızı), periyot lambaları (1P…UZ), ortada saat, sıralar; altta "FARK 3.6 · BASKI SENDE".
   Kimlikler (bb-*) eski skorboardla aynı; değerleri ve durum sınıflarını aynı kodlar yazar. Skor çubuğu
   (bb-bar-*) yazılmaya devam eder ama tabelada gösterilmez. Kapsam .match-billboard.mb-retro — İzleme kopyası da aynı.
   Davranış: bbl-scoreboard.js (fark/baskı satırı, periyot lambaları, skora dokununca Maç Akışı).
   ═══════════════════════════════════════════════════════════════════ */

/* ── başlık: Mesajlar · Eşleşme · Maç Akışı · Paylaş ── */
.sb-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;position:relative;z-index:2}
.sb-actions{gap:5px}
.sb-act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:7px 1px 6px;border-radius:11px;
  font-family:inherit;font-size:clamp(8.5px,2.6cqw,11px);font-weight:800;line-height:1.1;letter-spacing:-.1px;border:1px solid;background:rgba(15,23,42,.7);cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s;white-space:nowrap}
.sb-act i{font-size:14px;line-height:1}
.sb-act span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sb-act:hover{transform:translateY(-1px)}
.sb-act:active{transform:scale(.97)}
.sb-act-msg{color:#93c5fd;border-color:rgba(96,165,250,.45)}
.sb-act-msg:hover{background:rgba(30,58,138,.35);box-shadow:0 0 12px rgba(96,165,250,.25)}
.sb-act-match{color:#fcd34d;border-color:rgba(251,191,36,.45)}
.sb-act-match:hover{background:rgba(120,53,15,.35);box-shadow:0 0 12px rgba(251,191,36,.25)}
.sb-act-flow{color:#fbbf24;border-color:rgba(251,191,36,.7);background:linear-gradient(180deg,rgba(120,53,15,.4),rgba(15,23,42,.7))}
.sb-act-flow:hover{box-shadow:0 0 14px rgba(251,191,36,.4)}
.sb-act-share{color:#6ee7b7;border-color:rgba(52,211,153,.45)}
.sb-act-share:hover{background:rgba(6,78,59,.35);box-shadow:0 0 12px rgba(52,211,153,.25)}

/* ── tabela ── */
.match-billboard.mb-retro,.match-billboard.mb-retro .match-content{background:none!important;border:0!important;box-shadow:none!important}
.match-billboard.mb-retro .rt-board{position:relative;margin-top:12px;border-radius:10px;padding:8px 8px 8px;
  background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border:3px solid #2b2b2b;
  box-shadow:0 0 0 1px #000,inset 0 2px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.5)}
/* tavana asılı: iki askı çubuğu */
.match-billboard.mb-retro .rt-board::before,.match-billboard.mb-retro .rt-board::after{content:'';position:absolute;top:-15px;width:3px;height:12px;background:linear-gradient(#52525b,#3f3f46);border-radius:1px}
.match-billboard.mb-retro .rt-board::before{left:28%}.match-billboard.mb-retro .rt-board::after{right:28%}
/* takımlar */
.match-billboard.mb-retro .match-vs-row.rt-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;margin:0!important;align-items:start!important}
.match-billboard.mb-retro .match-team{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;min-width:0}
.match-billboard.mb-retro .rt-plate{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:20px;padding:0 5px;border-radius:3px;background:#7f1d1d;box-shadow:inset 0 -2px 0 rgba(0,0,0,.3)}
.match-billboard.mb-retro #bb-team-opp .rt-plate,.match-billboard.mb-retro .match-team:last-child .rt-plate{background:#1e3a8a}
.match-billboard.mb-retro .team-logo-box{width:15px!important;height:15px!important;min-width:15px;border-radius:3px!important;font-size:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:1!important;overflow:hidden;flex:none}
.match-billboard.mb-retro .team-logo-box svg,.match-billboard.mb-retro .team-logo-box img,.match-billboard.mb-retro .team-logo-box canvas{width:15px!important;height:15px!important}
.match-billboard.mb-retro .team-name{font:900 10px/1 DM Sans,system-ui,sans-serif!important;letter-spacing:1.4px!important;color:#fafafa!important;text-transform:uppercase;max-width:100%!important;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.match-billboard.mb-retro .team-awards{display:none!important}
/* lamba rakamlar — sınıfa değil konuma bağlı (sokak kodu skor kutusunun sınıfını baştan yazıyor) */
.match-billboard.mb-retro .match-team .score-value{display:block!important;position:relative;width:auto!important;height:auto!important;min-width:0!important;margin:0!important;padding:6px 0 5px!important;text-align:center;
  background:#050505!important;border:1px solid #262626!important;border-radius:4px!important;opacity:1!important;cursor:pointer;
  font:400 31px/1 'Saira Stencil One',sans-serif!important;letter-spacing:2px!important;
  color:#ff3b30!important;text-shadow:0 0 6px rgba(255,59,48,.9),0 0 14px rgba(255,59,48,.45)!important;
  background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1.2px)!important;background-size:4px 4px!important}
.match-billboard.mb-retro .match-team:first-child .score-value{color:#ffd60a!important;text-shadow:0 0 6px rgba(255,214,10,.9),0 0 14px rgba(255,214,10,.4)!important}
.match-billboard.mb-retro .match-team .score-value.pol-counting{color:transparent!important}
.match-billboard.mb-retro .match-team .score-value:hover{filter:brightness(1.2)}
/* fark etiketi (bbl-polish) rakamın altında, tabela içinde */
.match-billboard.mb-retro .match-team .score-value.pol-chip::before{bottom:auto!important;top:calc(100% - 7px);font-size:9px;padding:2px 6px}
/* orta sıra: periyot + lambalar | saat | sıralar */
.match-billboard.mb-retro .period-info.rt-mid{display:grid!important;grid-template-columns:1fr auto 1fr;grid-template-areas:"pn tm rk" "lm tm ft";align-items:center;column-gap:6px;row-gap:3px;
  margin:9px 2px 0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;animation:none!important}
.match-billboard.mb-retro .period-name{grid-area:pn;font:900 8.5px/1 DM Sans,system-ui,sans-serif!important;letter-spacing:.6px!important;color:#a1a1aa!important;text-shadow:none!important;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* periyot adı + CANLI aynı satırda (lig); lambalar altında */
.match-billboard.mb-retro .rt-pnw{grid-area:pn;display:flex;align-items:center;gap:5px;min-width:0}
.match-billboard.mb-retro .rt-lamps{grid-area:lm;display:flex;gap:4px}
.match-billboard.mb-retro .rt-lamps i{width:9px;height:9px;border-radius:50%;background:#27272a;border:1px solid #3f3f46;display:block}
.match-billboard.mb-retro .rt-lamps i.on{background:#fbbf24;border-color:#fde68a;box-shadow:0 0 6px #fbbf24}
.match-billboard.mb-retro .rt-lamps i.now{animation:rtBlink 1.6s ease-in-out infinite}
@keyframes rtBlink{50%{opacity:.35}}
.match-billboard.mb-retro .period-timer{grid-area:tm;font:400 18px/1 'Saira Stencil One',sans-serif!important;letter-spacing:2px!important;color:#fbbf24!important;text-shadow:0 0 8px rgba(251,191,36,.8)!important;
  background:#050505;padding:4px 7px 3px;border-radius:4px;border:1px solid #262626;animation:none!important;white-space:nowrap}
.match-billboard.mb-retro .period-timer:empty{visibility:hidden}
.match-billboard.mb-retro .period-info[data-urgent="1"] .period-timer{color:#ff3b30!important;text-shadow:0 0 8px rgba(255,59,48,.85)!important}
.match-billboard.mb-retro .rt-rk{grid-area:rk;justify-self:end;display:flex;gap:4px;align-items:center}
.match-billboard.mb-retro .rank-badge{width:auto!important;min-width:0!important;height:auto!important;display:inline!important;font:900 9px/1 DM Sans,system-ui,sans-serif!important;color:#a1a1aa!important;background:none!important;border:0!important;padding:0!important;text-shadow:none!important}
.match-billboard.mb-retro .rank-badge:empty{display:none}
.match-billboard.mb-retro .rt-rk .rank-badge:not(:empty)+.rank-badge:not(:empty)::before{content:'· ';color:#52525b}
/* alt satır */
/* fark · baskı: orta sırada sıraların altında, sağa yaslı; dar panelde iki satıra kırılır (ayraç yerine boşluk) */
.match-billboard.mb-retro .rt-ft{grid-area:ft;justify-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px 5px;min-width:0;text-align:right;font:800 8.5px/1.1 DM Sans,system-ui,sans-serif;letter-spacing:.2px;color:#a1a1aa}
.match-billboard.mb-retro .rt-ft>*{white-space:nowrap}
.match-billboard.mb-retro .rt-ft>:empty{display:none}
.match-billboard.mb-retro .rt-gap b{color:#ffd60a}
.match-billboard.mb-retro .rt-who.me{color:#fde68a}.match-billboard.mb-retro .rt-who.op{color:#fca5a5}
.match-billboard.mb-retro .rt-live{display:none;font-style:normal;color:#ff3b30;text-shadow:0 0 6px rgba(255,59,48,.8);animation:rtBlink 1.6s ease-in-out infinite}
.match-billboard.mb-retro .rt-board.rt-is-live .rt-live{display:inline}
.match-billboard.mb-retro .rt-pnw .rt-live,.match-billboard.mb-retro .rt-ft .rt-live{font:800 8.5px/1 DM Sans,system-ui,sans-serif;letter-spacing:.4px;white-space:nowrap;flex:none}
/* sokak: periyot lambası yok (günlük tek maç) — maç günü solda iki satır */
.match-billboard.mb-retro .period-info.rt-mid-street{grid-template-areas:"pn tm rk" "pn tm ft"}
.match-billboard.mb-retro .rt-mid-street .period-name{white-space:normal;line-height:1.25}
/* sokak levhası: sen turuncu, rakip koyu */
#smc-billboard.mb-retro #smc-team-me .rt-plate{background:#c2410c}
#smc-billboard.mb-retro #smc-team-opp .rt-plate{background:#3f3f46}
/* tabela düğme sırasıyla aynı hizada (dış boşluk yok) */
.match-billboard.mb-retro{padding-left:0!important;padding-right:0!important}
/* 3 düğmeli satır (sokak) ve durum şeridi */
.sb-actions.sb-actions-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.st-status{display:flex;align-items:center;gap:8px;margin-top:10px;padding:6px 10px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid rgba(251,146,60,.25);min-height:30px;flex-wrap:wrap}
.st-status .st-status-k{font:400 12px/1 'Saira Stencil One',sans-serif;letter-spacing:1px;color:#fdba74}
.st-status .fx-tier-sub{display:inline!important;font-size:10.5px!important;font-weight:800!important;color:#e2e8f0!important;margin:0!important}
.st-status .smc-lock{margin:0 0 0 auto!important}
.st-status + .rp-weekly-nav{margin-top:8px!important}
.match-billboard.mb-retro .rt-hidden{display:none!important}
/* sonuç */
.match-billboard.mb-retro .duel-result-box{margin-top:9px!important;border-radius:11px!important;font-weight:900;letter-spacing:.5px}

/* dar sağ panelde (≈240 px) dört etiket de tam okunur: yazı kutuya göre küçülür */
.sb-actions .sb-act{container-type:inline-size}
.sb-actions .sb-act span{font-size:clamp(9px,19cqw,11.5px)!important;letter-spacing:-.15px!important;font-weight:800!important}
/* sezon çubuğu kalktı: düğmelerle hafta seçici arası */
.sb-actions + .rp-weekly-nav{margin-top:10px!important}
/* [2026-10-22] tabela yukarı: hafta seçiciyle arası yalnız askı payı (eskiden ~30 px boşluk) */
.match-billboard.mb-retro{margin-top:0!important;padding-top:0!important}
.match-billboard.mb-retro .match-content{padding-top:0!important}
.match-billboard.mb-retro .rt-board{margin-top:14px!important}
.match-billboard.mb-retro .rt-board::before,.match-billboard.mb-retro .rt-board::after{top:-17px;height:14px}
/* [2026-10-22] levhada logo yok, takım adı büyük (kutu gizli kalır — başka kodlar yazmaya devam eder) */
.match-billboard.mb-retro .rt-plate .team-logo-box{display:none!important}
.match-billboard.mb-retro .rt-plate{height:25px!important;padding:0 6px!important}
.match-billboard.mb-retro .rt-plate .team-name{font:400 13px/1 'Saira Stencil One',sans-serif!important;letter-spacing:1.2px!important}
/* [2026-10-22] levha: zemin takımın ana rengi (bbl-scoreboard.js yazar); açık renkte (sarı/beyaz) koyu yazı.
   Yazı yatay ve dikey tam ortada: harf aralığının sondaki payı soldan dengelenir, stencil harflerin
   alt boşluğu üstten dengelenir. Ad levhaya sığana kadar küçülür (14.5 px → en az 8.5 px). */
.match-billboard.mb-retro .rt-plate{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;height:26px!important;padding:0 3px!important;overflow:hidden;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.18)!important}
.match-billboard.mb-retro .rt-plate .team-name{display:block!important;flex:none!important;width:auto!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;font:400 14.5px/1 'Saira Stencil One',sans-serif!important;letter-spacing:1.2px!important;padding:2px 0 0 1.2px!important;
  text-align:center!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden;text-overflow:clip!important;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.match-billboard.mb-retro .rt-plate.rt-light .team-name{color:#111827!important;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.match-billboard.mb-retro .rt-plate.rt-light{box-shadow:inset 0 -2px 0 rgba(0,0,0,.18),inset 0 0 0 1px rgba(0,0,0,.25)!important}