/* =====================================================================
   BBL — SCOUT İZLEME MODU (SCOUT-1, 14.10.2026) — bbl-scout-view.js
   html.bbl-vw-active  : üst çubuk izleme çubuğuna dönüştü (telefon) / PC şeridi açık
   html.bbl-scout-open : telefonda gözlemci bölümü açık (kartlar gizli, panel görünür)
   html.bbl-viewing    : sahada başka takım var (Scout veya yayıncı)
   html.bbl-vw-past    : geçmiş haftanın kadrosu — kart puanları o haftaya ait değil, gizlenir
   ===================================================================== */
:root { --vw: #fb923c; --vw-dk: #ea580c; }

/* ── saha ── */
#court-drop-zone > .vw-frame {
  position: absolute; inset: 0; z-index: 400; pointer-events: none;
  border: 2px solid var(--vw); box-shadow: inset 0 0 30px rgba(251, 146, 60, .28);
}
.player-card.pc-view .score-badge-left span::after { content: "≈"; font-size: .6em; margin-left: 1px; opacity: .85; }
html.bbl-vw-past #court-drop-zone .score-badge-left,
html.bbl-vw-past #bench-container .score-badge-left { display: none !important; }
.player-card .vw-new {
  position: absolute; left: 50%; bottom: 7%; transform: translateX(-50%); z-index: 80; pointer-events: none;
  background: #16a34a; color: #fff; font: 900 9px/1 DM Sans, sans-serif; letter-spacing: .8px;
  padding: 3px 6px; border-radius: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
  animation: vwNew .45s ease-out both;
}
@keyframes vwNew { from { opacity: 0; transform: translate(-50%, 6px); } to { opacity: 1; transform: translate(-50%, 0); } }

/* ── telefon: üst çubuk yalnız logo + menü + izleme çubuğu ── */
html.bbl-vw-active #pg-topbar .pg-pills-wrap,
html.bbl-vw-active #pg-topbar > div:has(> #pg-undo) { display: none !important; }
html.bbl-scout-open .coach-panel-court { display: none !important; }
/* telefon: Scout açıkken sağ panelden yalnız lig kartı + kupa kartı kalır (skorbord ve kadro değişimi panelin başında) */
html.bbl-scout-open #tab-bbl > :not(#lk-card):not(#rp-cup-card-section):not(#vw-lk):not(#vw-rp):not(#vw-cup),
html.bbl-vw-scout #tab-bbl > :not(#lk-card):not(#rp-cup-card-section):not(#vw-lk):not(#vw-rp):not(#vw-cup) { display: none !important; }
html.bbl-vw-scout.bbl-vw-cup #rp-cup-card-section { display: none !important; }
#vw-cup .rp-card.cup-card { display: block !important; }
html.mobile-device #vw-panel-host #vw-cup { padding: 0 10px 10px; }

html.bbl-vw-scout #lk-card { display: none !important; }
html.mobile-device.bbl-viewing #pg-mode,
html.mobile-device.bbl-viewing #pg-budget-strip { display: none !important; }
html.mobile-device.bbl-viewing #pg-action-bar { pointer-events: none; }
html.mobile-device.bbl-viewing #pg-action-bar > * { opacity: .35; filter: grayscale(.7); }
html.mobile-device.bbl-viewing #pg-action-bar > .vw-tac { opacity: 1; filter: none; box-shadow: 0 0 0 2px var(--vw), 0 0 12px rgba(251, 146, 60, .45); }
#pgn-scout.vw-on, #pgn-scout.vw-on i, #pgn-scout.vw-on span { color: var(--vw) !important; }

.vw-top { flex: 1; min-width: 0; display: flex; align-items: center; gap: 4px; height: 38px; font-family: DM Sans, sans-serif; }
.vw-btn {
  all: unset; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-shrink: 0; cursor: pointer;
  width: 30px; height: 38px; border-radius: 8px; background: rgba(30, 41, 59, .85); border: 1px solid #334155;
  color: #cbd5e1; font: 900 16px/1 DM Sans, sans-serif; transition: background .15s, transform .1s;
}
.vw-btn:hover { background: #273449; }
.vw-btn:active { transform: scale(.94); }
.vw-btn[disabled] { opacity: .25; cursor: default; }
.vw-btn.x { width: 34px; background: rgba(251, 146, 60, .18); border-color: rgba(251, 146, 60, .6); color: #fed7aa; font-size: 15px; }
.vw-id {
  flex: 1; min-width: 0; display: flex; align-items: center; gap: 7px; height: 38px; padding: 0 8px; box-sizing: border-box;
  border-radius: 9px; background: linear-gradient(90deg, rgba(251, 146, 60, .20), rgba(251, 146, 60, .05)); border: 1px solid rgba(251, 146, 60, .5);
}
.vw-id-t { min-width: 0; }
.vw-id b { display: block; font-size: 13px; font-weight: 900; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.15; }
.vw-id small { display: block; font-size: 10px; font-weight: 700; color: #fdba74; letter-spacing: .2px; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vw-crest { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 50%; overflow: hidden; }
.vw-crest > * { max-width: 100%; max-height: 100%; }
.vw-crest-ini { background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; font-weight: 900; }

/* ── telefon: hafta şeridi ── */
.vw-file { background: linear-gradient(180deg, #1c150a, #0f172a); border-bottom: 1px solid rgba(251, 146, 60, .35); padding: 6px 8px 7px; font-family: DM Sans, sans-serif; }
.vw-wk { display: flex; align-items: center; gap: 6px; }
.vw-wk .vw-btn { height: 28px; width: 32px; font-size: 14px; }
.vw-wk .mid { flex: 1; text-align: center; min-width: 0; }
.vw-wk .mid b { font-size: 12.5px; font-weight: 900; color: #fff; letter-spacing: .3px; white-space: nowrap; }
.vw-wk .dots { display: flex; justify-content: center; gap: 5px; margin-top: 3px; }
.vw-wk .dots i { width: 16px; height: 4px; border-radius: 2px; background: #334155; }
.vw-wk .dots i.on { background: #64748b; }
.vw-wk .dots i.cur { background: var(--vw); box-shadow: 0 0 6px var(--vw); }
.vw-chips { display: flex; gap: 5px; margin-top: 6px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.vw-chips::-webkit-scrollbar { display: none; }
.vw-chip {
  flex-shrink: 0; display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 999px;
  background: rgba(30, 41, 59, .9); border: 1px solid #334155; font-size: 11px; font-weight: 800; color: #e2e8f0; white-space: nowrap;
}
.vw-chip.sc { border-color: rgba(74, 222, 128, .5); color: #86efac; }
.vw-chip.sc.neg { border-color: rgba(248, 113, 113, .5); color: #fca5a5; }
.vw-chip.nw { border-color: rgba(74, 222, 128, .35); }
.vw-chip.cm { border-color: rgba(96, 165, 250, .45); color: #bfdbfe; }
.vw-chip.mo { border-color: rgba(250, 204, 21, .35); color: #fde68a; }
.vw-chip.past { border-color: rgba(148, 163, 184, .45); color: #cbd5e1; }

/* ── PC: sahanın üst şeridi ── */
.vw-pcbar { display: none; }
html.bbl-vw-active:not(.mobile-device) .vw-pcbar {
  display: flex; align-items: center; gap: 6px; flex: 1 1 auto; min-width: 0; padding: 3px 6px; font-family: DM Sans, sans-serif;
  background: linear-gradient(90deg, rgba(251, 146, 60, .10), transparent 60%);
}
html.bbl-vw-active:not(.mobile-device) .top-billboard-wrapper > :not(.vw-pcbar) { display: none !important; }
.vw-pcbar .vw-btn { height: 32px; width: 28px; font-size: 14px; }
.vw-pcbar .vw-btn.x { width: 32px; }
.vw-pcbar .vw-id { flex: 0 1 auto; min-width: 230px; max-width: 360px; height: 34px; }
.vw-pcbar .vw-id b { font-size: 13.5px; }
.vw-pcbar .vw-wk { height: 34px; padding: 0 5px; border-radius: 9px; background: rgba(15, 23, 42, .92); border: 1px solid #334155; }
.vw-pcbar .vw-wk .vw-btn { height: 26px; width: 24px; font-size: 12px; }
.vw-pcbar .vw-wk .mid b { font-size: 12px; }
.vw-pcbar .vw-wk .dots { gap: 3px; margin-top: 2px; }
.vw-pcbar .vw-wk .dots i { width: 10px; height: 3px; }
.vw-pcbar .vw-sp { flex: 1; }
html:not(.mobile-device).bbl-viewing #coach-panel-pc { display: none !important; }

/* ── panel (telefon: taktik çubuğunun altı; PC: GÖZLEMCİ sekmesi) ── */
.vw-panel { font-family: DM Sans, sans-serif; padding: 10px 10px 24px; color: #e2e8f0; }
html.mobile-device #vw-panel-host .vw-panel { padding-bottom: 4px; }
html.mobile-device #vw-panel-host #vw-lk { padding: 0 10px 10px; }
html:not(.mobile-device) .vw-host .vw-panel { padding: 8px 8px 16px; }
.vw-sec { margin-bottom: 12px; border-radius: 12px; background: rgba(15, 23, 42, .9); border: 1px solid #1e293b; overflow: hidden; }
.vw-sec h4 { margin: 0; display: flex; align-items: center; gap: 6px; padding: 9px 11px 7px; font-size: 11px; font-weight: 900; letter-spacing: .7px; color: #b0bccc; }
.vw-sec h4 span { margin-left: auto; font-weight: 700; color: #a3afc1; letter-spacing: 0; }
.vw-empty { padding: 0 11px 10px; font-size: 11px; color: #a3afc1; font-weight: 600; }
.vw-chg { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 11px 10px; }
.vw-p { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px 4px 4px; border-radius: 999px; font-size: 11px; font-weight: 800; cursor: pointer; }
.vw-p > .bbl-lg { flex: 0 0 auto; }   /* [2026-10-27] logo: BBL_Logo (20 px) */
.vw-p.in { background: rgba(22, 163, 74, .15); color: #86efac; border: 1px solid rgba(22, 163, 74, .4); }
.vw-p.out { background: rgba(220, 38, 38, .12); color: #fca5a5; border: 1px solid rgba(220, 38, 38, .35); text-decoration: line-through; }
.vw-p.co { background: rgba(59, 130, 246, .12); color: #bfdbfe; border: 1px solid rgba(59, 130, 246, .35); }

.vw-flt { display: flex; align-items: center; gap: 8px; padding: 0 11px 9px; font-size: 11px; font-weight: 700; color: #cbd5e1; }
.vw-flt > span { cursor: pointer; }
.vw-flt em { margin-left: auto; font-style: normal; color: #a3afc1; font-size: 10px; white-space: nowrap; }
.vw-tgl { all: unset; flex-shrink: 0; position: relative; width: 30px; height: 17px; border-radius: 9px; background: #334155; cursor: pointer; transition: background .2s; }
.vw-tgl i { position: absolute; top: 2px; left: 2px; width: 13px; height: 13px; border-radius: 50%; background: #fff; transition: left .2s; }
.vw-tgl.on { background: var(--vw-dk); }
.vw-tgl.on i { left: 15px; }

.vw-tiles { display: flex; gap: 8px; overflow-x: auto; padding: 0 11px 11px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.vw-tiles::-webkit-scrollbar { display: none; }
html:not(.mobile-device) .vw-tiles { flex-wrap: wrap; overflow: visible; }
.vw-tile {
  all: unset; box-sizing: border-box; flex: 0 0 112px; position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px;
  border-radius: 11px; padding: 10px 6px 8px; background: #111c30; border: 1px solid #233149; text-align: center; cursor: pointer;
  transition: border-color .15s, transform .12s, box-shadow .15s;
}
html:not(.mobile-device) .vw-tile { flex: 0 0 calc(33.333% - 6px); }
.vw-tile:hover { border-color: #3b4f70; }
.vw-tile:active { transform: scale(.97); }
.vw-tile .vw-crest { margin-bottom: 4px; }
.vw-tile b { display: block; max-width: 100%; font-size: 11.5px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vw-tile small { display: block; font-size: 9.5px; color: #b0bccc; font-weight: 700; }
.vw-tile .pt { margin-top: 3px; font-size: 13px; font-weight: 900; color: #86efac; }
.vw-tile .pt.neg { color: #fca5a5; }
.vw-tile .pt.dim { color: #97a4b8; font-size: 11px; }
.vw-tile .sn { position: absolute; top: 5px; right: 6px; font-size: 9px; font-weight: 800; color: #a3afc1; }
.vw-tile .same { font-size: 8.5px; font-weight: 800; color: #a3afc1; letter-spacing: .3px; text-transform: uppercase; }
.vw-tile.sel { border-color: var(--vw); background: linear-gradient(180deg, rgba(251, 146, 60, .18), #111c30 70%); box-shadow: 0 0 0 1px var(--vw), 0 6px 18px rgba(251, 146, 60, .18); }
.vw-tile.wait { cursor: default; opacity: .75; }
.vw-tile.add { cursor: default; border-style: dashed; justify-content: center; color: #a3afc1; font-size: 11px; font-weight: 800; }
.vw-tile.add div { font-size: 22px; line-height: 1; margin-bottom: 4px; }
.vw-tile.add small { color: #97a4b8; font-weight: 600; margin-top: 2px; }

.vw-act { display: flex; align-items: center; gap: 6px; padding: 0 11px 11px; font-size: 10.5px; color: #b0bccc; font-weight: 700; }
.vw-act .sp { flex: 1; }
.vw-act button { all: unset; padding: 5px 10px; border-radius: 7px; font-size: 11px; font-weight: 900; cursor: pointer; white-space: nowrap; }
.vw-act .ext { background: rgba(74, 222, 128, .12); border: 1px solid rgba(74, 222, 128, .4); color: #4ade80; }
.vw-act .rel { background: rgba(239, 68, 68, .08); border: 1px solid rgba(239, 68, 68, .3); color: #f87171; }

.vw-coach { border-color: rgba(168, 85, 247, .35); background: linear-gradient(180deg, rgba(88, 28, 135, .22), rgba(15, 23, 42, .95) 45%); }
.vw-cq { display: flex; gap: 10px; align-items: stretch; padding: 11px 11px 9px; }
.vw-cq img, .vw-cq-ph {
  width: 64px; height: auto; min-height: 64px; align-self: stretch; flex-shrink: 0; box-sizing: border-box; object-fit: cover; object-position: top; border-radius: 12px;
  background: #1e1b4b; border: 1px solid rgba(168, 85, 247, .5); display: flex; align-items: center; justify-content: center; font-size: 30px;
}
.vw-cq .bub {
  flex: 1; background: #1e1b3a; border: 1px solid rgba(168, 85, 247, .45); border-radius: 12px 12px 12px 3px;
  padding: 8px 10px; font-size: 11.5px; line-height: 1.4; color: #e9d5ff; font-weight: 600;
}
.vw-cq .bub b { display: block; font-size: 10px; letter-spacing: .8px; color: #c084fc; margin-bottom: 3px; }
.vw-sug { display: flex; align-items: center; gap: 9px; padding: 9px 11px; border-top: 1px solid #1e293b; }
.vw-sug .rk { width: 30px; flex-shrink: 0; text-align: center; font-size: 15px; font-weight: 900; color: #fbbf24; line-height: 1.1; }
.vw-sug .rk small { display: block; font-size: 8px; color: #a3afc1; font-weight: 800; }
.vw-sug .tx { flex: 1; min-width: 0; }
.vw-sug .tx b { display: block; font-size: 12.5px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vw-sug .tg { display: flex; gap: 4px; margin-top: 3px; flex-wrap: wrap; }
.vw-sug .tg span { font-size: 9.5px; font-weight: 800; padding: 1px 6px; border-radius: 4px; background: #1e293b; color: #cbd5e1; }
.vw-sug .tg .g { color: #86efac; background: rgba(22, 163, 74, .15); }
.vw-sug .tg .f { letter-spacing: 1px; }
.vw-sug .tg .f em { font-style: normal; color: #4ade80; }
.vw-sug .tg .f u { text-decoration: none; color: #f87171; }
.vw-sug button {
  all: unset; flex-shrink: 0; padding: 7px 10px; border-radius: 9px; cursor: pointer;
  background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; font-size: 11px; font-weight: 900; box-shadow: 0 3px 10px rgba(37, 99, 235, .35);
}
.vw-sug button[disabled] { opacity: .4; cursor: not-allowed; box-shadow: none; }
.vw-foot { display: flex; justify-content: space-between; gap: 8px; padding: 8px 11px 10px; font-size: 10px; color: #a3afc1; font-weight: 700; border-top: 1px solid #1e293b; }
.vw-foot b { color: #cbd5e1; }

@media (prefers-reduced-motion: reduce) { .player-card .vw-new { animation: none; } }

/* SCOUT-1b: lig/kupa satırı, gelen/giden sayacı, öneri bütçesi, genel not, boğa sorusu */
.vw-tile small.cup { color: #fbbf24; font-size: 9px; }
.vw-tile .chg { display: inline-flex; gap: 5px; margin-top: 2px; font-size: 10px; font-weight: 900; }
.vw-tile .chg i { font-style: normal; }
.vw-tile .chg .g { color: #86efac; } .vw-tile .chg .r { color: #fca5a5; }
.vw-tile .chg.same { color: #a3afc1; font-size: 9px; letter-spacing: .3px; text-transform: none; }
.vw-sug .tx small.lg { display: block; font-size: 9.5px; font-weight: 700; color: #b0bccc; margin-top: 1px; }
.vw-sug .tg .b { color: #fde68a; background: rgba(250, 204, 21, .12); }
.vw-note { margin: 2px 2px 0; padding: 9px 11px; border-radius: 10px; font-size: 10.5px; line-height: 1.45; color: #b0bccc; font-weight: 600; background: rgba(15, 23, 42, .6); border: 1px dashed #334155; }
.vw-bull-ask { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; pointer-events: auto; }
.vw-bull-ask button { all: unset; cursor: pointer; padding: 7px 10px; border-radius: 8px; font: 900 11.5px/1.1 DM Sans, sans-serif; white-space: nowrap; }
.vw-bull-ask .y { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; box-shadow: 0 3px 10px rgba(37, 99, 235, .35); }
.vw-bull-ask .n { background: #e2e8f0; color: #1e293b; border: 1px solid #94a3b8; }

/* ── SCOUT-1c: hak göstergeleri, takip kartı (sabit boy, 3'lü), skorbord ── */
.vw-quota { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 0 10px 10px; }
.vw-quota > div { background: #111c30; border: 1px solid #233149; border-radius: 9px; padding: 6px 8px; min-width: 0; }
.vw-quota small { display: block; font-size: 8.5px; font-weight: 800; color: #a3afc1; letter-spacing: .4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vw-quota b { display: block; font-size: 14px; font-weight: 900; color: #e2e8f0; line-height: 1.25; white-space: nowrap; }
.vw-quota b span { color: #a3afc1; }
.vw-quota b.ok { color: #4ade80; } .vw-quota b.wt { color: #fbbf24; font-size: 12px; }
.vw-quota i { display: block; height: 3px; border-radius: 2px; background: #1e293b; margin-top: 4px; overflow: hidden; }
.vw-quota i s { display: block; height: 100%; background: var(--vw); text-decoration: none; }
.vw-quota i s.ok { background: #4ade80; }

.vw-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; padding: 0 9px 8px; }
.vw-card {
  position: relative; height: 197px; box-sizing: border-box; display: flex; flex-direction: column; min-width: 0;
  border-radius: 12px; overflow: hidden; background: #0f1729; border: 1px solid #233149; cursor: pointer;
  transition: border-color .15s, box-shadow .15s, transform .12s;
}
.vw-card:active { transform: scale(.98); }
.vw-card.sel { border-color: var(--vw); box-shadow: 0 0 0 1px var(--vw), 0 6px 18px rgba(251, 146, 60, .22); }
.vw-card.end { border-color: #ef4444; box-shadow: 0 0 0 1px #ef4444, 0 0 14px rgba(239, 68, 68, .35); }
.vw-card.end.sel { box-shadow: 0 0 0 2px #ef4444, 0 0 0 4px rgba(251, 146, 60, .6); }
.vw-card .hd { position: relative; height: 44px; flex-shrink: 0; }
.vw-card .hd .rk { position: absolute; right: 6px; top: 4px; display: flex; flex-direction: column; align-items: flex-end; font-size: 16px; font-weight: 900; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .85); line-height: 1; max-width: 62%; }
.vw-card .hd .rk small { margin-top: 6px; font-size: 9px; font-weight: 800; color: rgba(255, 255, 255, .9); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.vw-card .hd .cr { position: absolute; left: 6px; top: 5px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, .9); display: flex; background: #0f1729; }
.vw-card .bd { padding: 6px 6px 0; flex: 1; min-height: 0; }
.vw-card .bd > b { display: block; font-size: 11.5px; font-weight: 900; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vw-card .rows { display: flex; flex-direction: column; gap: 3px; margin-top: 5px; }
.vw-card .rows > div { display: flex; align-items: center; justify-content: space-between; gap: 4px; background: #16223a; border-radius: 5px; padding: 3px 5px; min-width: 0; }
.vw-card .rows i { font-style: normal; font-size: 13px; line-height: 1; flex-shrink: 0; }
.vw-card .rows span { font-size: 12.5px; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vw-card .g { color: #86efac; } .vw-card .r { color: #fca5a5; } .vw-card .dim { color: #a3afc1; } .vw-card .m { color: #fde68a; }
.vw-card .gold { color: #fbbf24; } .vw-card .silver { color: #e2e8f0; }
.vw-card .ft { display: flex; gap: 3px; padding: 5px; margin-top: auto; flex-shrink: 0; }
.vw-card .ft button { all: unset; box-sizing: border-box; cursor: pointer; text-align: center; border-radius: 6px; font-size: 11.5px; font-weight: 900; padding: 5px 5px; }
.vw-card .ft .ex { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 3px; background: rgba(74, 222, 128, .12); border: 1px solid rgba(74, 222, 128, .35); color: #4ade80; white-space: nowrap; }
.vw-card .ft .ex .ct { font-size: 11px; opacity: .95; letter-spacing: -.2px; }
.vw-card .ft .ex.wait { opacity: .5; }
.vw-card .ft .rm { flex: 0 0 24px; background: rgba(239, 68, 68, .08); border: 1px solid rgba(239, 68, 68, .3); color: #f87171; }
.vw-card.end .ft .ex { background: #ef4444; border-color: #ef4444; color: #fff; animation: vwPulse 1.6s ease-in-out infinite; }
.vw-card.end .ft .ex.wait { animation: none; }
@keyframes vwPulse { 50% { box-shadow: 0 0 0 3px rgba(239, 68, 68, .35); } }
.vw-card.wait { cursor: default; opacity: .85; }
.vw-card .wait-t { margin-top: 22px; text-align: center; }
.vw-card .wait-t small { display: block; font-size: 9px; color: #b0bccc; font-weight: 700; }
.vw-card .wait-t em { display: block; font-style: normal; font-size: 15px; font-weight: 900; color: #fbbf24; margin-top: 4px; }
.vw-card.add { cursor: default; border-style: dashed; align-items: center; justify-content: center; text-align: center; color: #a3afc1; padding: 8px; }
.vw-card.add div { font-size: 24px; line-height: 1; }
.vw-card.add b { font-size: 11px; color: #b0bccc; margin-top: 4px; }
.vw-card.add small { font-size: 9px; margin-top: 3px; }
.vw-legend { padding: 2px 12px 8px; font-size: 9.5px; color: #a3afc1; font-weight: 600; line-height: 1.45; }
.vw-legend .r { color: #fca5a5; }
html:not(.mobile-device) .vw-cards { gap: 5px; padding: 0 7px 8px; }
html:not(.mobile-device) .vw-card { height: 182px; }   /* [KART-9 15.10] kupa satırı kalktı: 206 → 182 */
html:not(.mobile-device) .vw-card .bd > b { font-size: 11px; }
html:not(.mobile-device) .vw-card .rows span { font-size: 11.5px; }
html:not(.mobile-device) .vw-card .rows i { font-size: 12px; }
html:not(.mobile-device) .vw-card .ft button { font-size: 10.5px; }
html:not(.mobile-device) .vw-card .ft .ex .ct { font-size: 10px; }

.vw-sb {
  display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 6px;
  margin-bottom: 6px; padding: 10px 8px; border-radius: 12px;
  background: radial-gradient(120% 140% at 50% 0%, #1b2a48 0%, #0f1729 70%); border: 1px solid #2b3c5e;
}
.vw-sb.live { border-color: rgba(34, 211, 238, .45); }
.vw-sb.final { border-color: rgba(148, 163, 184, .45); }
.vw-sb-t { display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 0; text-align: center; }
.vw-sb-t b { max-width: 100%; font-size: 11.5px; font-weight: 900; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vw-sb-t em { font-style: normal; font-size: 20px; font-weight: 900; color: #e2e8f0; font-variant-numeric: tabular-nums; }
.vw-sb-t em.dim { color: #97a4b8; }
.vw-sb-t.op[data-vw] { cursor: pointer; border-radius: 10px; padding: 3px 2px; }
.vw-sb-t.op[data-vw]:hover { background: rgba(255, 255, 255, .04); }
.vw-sb-t.op[data-vw]::after { content: "🔍 scout"; font-size: 8.5px; font-weight: 800; color: #60a5fa; }
.vw-sb-t.op.fol[data-vw]::after { content: "👁 geç"; color: var(--vw); }
.vw-sb-t.ghost { visibility: hidden; }
.vw-sb-mid { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; padding: 0 2px; }
.vw-sb-mid small { font-size: 9px; font-weight: 800; color: #b0bccc; letter-spacing: .3px; white-space: nowrap; }
.vw-sb-mid b { font-size: 12px; font-weight: 900; color: #e2e8f0; letter-spacing: .5px; white-space: nowrap; }
.vw-sb-mid b.live { color: #22d3ee; } .vw-sb-mid b.w { color: #4ade80; } .vw-sb-mid b.l { color: #f87171; }
.vw-sb-msg { grid-column: 1 / -1; text-align: center; font-size: 11px; font-weight: 700; color: #b0bccc; padding: 6px 0; }
.vw-sb-ft { margin: -2px 2px 10px; text-align: center; font-size: 10px; font-weight: 700; color: #b0bccc; }

/* ── SCOUT-2: yönetici hakkı, boş kart seçenekleri, gerçek skorbord / lig kartı kopyası, kilitli düğmeler, Takım Bul ── */
.vw-quota em.inf { display: block; font-style: normal; font-size: 9.5px; font-weight: 900; color: #a5b4fc; margin-top: 3px; white-space: nowrap; }
.vw-card.add { gap: 0; padding: 0; justify-content: stretch; align-items: stretch; }
.vw-card.add .ac { all: unset; box-sizing: border-box; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  cursor: pointer; text-align: center; padding: 8px 6px; font-size: 11.5px; font-weight: 800; line-height: 1.25; color: #cbd5e1; transition: background .15s, color .15s; }
.vw-card.add .ac + .ac, .vw-card.add .ok + .ac { border-top: 1px dashed #334155; }
.vw-card.add .ac:hover { background: rgba(148, 163, 184, .06); color: #fff; }
.vw-card.add .ac i { font-style: normal; font-size: 15px; line-height: 1; opacity: .9; }
.vw-card.add .ac small { display: block; max-width: 100%; font-size: 9.5px; font-weight: 700; color: #a3afc1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vw-card.add .ex { color: #fca5a5; }
.vw-card.add .ex.wait { opacity: .55; }
.vw-card.add .ok { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; font-size: 11px; font-weight: 800; color: #4ade80; }
.vw-card.add .ok + .ac { flex: 1; }
.vw-card.add.full b { color: #fca5a5; }

.vw-bbwrap { position: relative; margin-bottom: 10px; }
.vw-bbwrap > .match-billboard { margin: 0; }
.vw-bb-badge { position: absolute; left: 8px; top: 6px; z-index: 5; padding: 2px 7px; border-radius: 999px; background: rgba(251, 146, 60, .18); border: 1px solid rgba(251, 146, 60, .6); color: #fed7aa; font: 900 9.5px/1.3 DM Sans, sans-serif; letter-spacing: .5px; pointer-events: none; }
.vw-bb-opp { cursor: pointer; }
.vw-bb-tag { display: inline-block; margin-top: 2px; font-size: 9px; font-weight: 800; color: #60a5fa; }
.vw-bb-tag.fol { color: var(--vw); }
.vw-bbwrap .vw-sb-ft { margin: 4px 2px 6px; }
#vw-rp .vw-chgsec { margin: 0 0 10px; }
#vw-lk .lk-row.vw-lk-me { box-shadow: inset 0 0 0 1px var(--vw); background: rgba(251, 146, 60, .14); border-radius: 8px; }
#vw-lk .lk-name small { color: #b0bccc; font-weight: 700; }
#vw-lk .lk.vw-x { cursor: default; }

/* kaptan / yrd. kaptan / kiralık / taktik: izlenen takımın değeri, kilitli (değer data-vwv'de) */
html.bbl-vw-scout:not(.mobile-device) .bottom-panel :is(.btn-atk, .btn-def, .btn-bal, #btn-kadro-ata, #btn-cap, #btn-vc, #btn-loan) { pointer-events: none; cursor: not-allowed; }
html.bbl-vw-scout:not(.mobile-device) .bottom-panel :is(.btn-atk, .btn-def, .btn-bal).active:not(.vw-on) { border-color: var(--border-secondary) !important; background: var(--bg-tertiary) !important; color: var(--silver) !important; }
html.bbl-vw-scout .btn-atk.vw-on { border-color: var(--negative) !important; color: #fca5a5 !important; background: #450a0a !important; box-shadow: 0 0 0 2px var(--vw) !important; }
html.bbl-vw-scout .btn-def.vw-on { border-color: #22c55e !important; color: #86efac !important; background: #052e16 !important; box-shadow: 0 0 0 2px var(--vw) !important; }
html.bbl-vw-scout .btn-bal.vw-on { border-color: #3b82f6 !important; color: #60a5fa !important; background: #1e3a8a !important; box-shadow: 0 0 0 2px var(--vw) !important; }
html.bbl-vw-scout :is(#btn-cap, #btn-vc, #btn-loan)[data-vwv] .cap-badge { display: none !important; }
html.bbl-vw-scout :is(#btn-cap, #btn-vc, #btn-loan).vw-has::after {
  content: attr(data-vwv); position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none;
  font-weight: 900; font-size: 11px; letter-spacing: .5px; border-radius: 4px; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, .5); box-shadow: 0 0 0 2px var(--vw);
}
html.bbl-vw-scout #btn-cap.vw-has::after { background: linear-gradient(135deg, rgba(245, 158, 11, .85), rgba(180, 83, 9, .9)); }
html.bbl-vw-scout #btn-vc.vw-has::after { background: linear-gradient(135deg, rgba(100, 116, 139, .85), rgba(51, 65, 85, .9)); color: #e2e8f0; }
html.bbl-vw-scout #btn-loan.vw-has::after { background: linear-gradient(135deg, rgba(139, 92, 246, .85), rgba(109, 40, 217, .9)); }
html.mobile-device.bbl-vw-scout #pg-action-bar > :is(#pg-cap, #pg-vc, #pg-loan) { opacity: 1; filter: none; }
html.mobile-device.bbl-vw-scout :is(#pg-cap, #pg-vc, #pg-loan)[data-vwv] > * { display: none !important; }
html.mobile-device.bbl-vw-scout :is(#pg-cap, #pg-vc, #pg-loan)[data-vwv]::after { content: attr(data-vwv); font: 800 9px/1 DM Sans, sans-serif; letter-spacing: .3px; color: #a3afc1; }
html.mobile-device.bbl-vw-scout #pg-cap.vw-has { background: linear-gradient(180deg, rgba(120, 80, 10, .9), rgba(70, 45, 5, .95)) !important; border-color: var(--vw) !important; }
html.mobile-device.bbl-vw-scout #pg-vc.vw-has { background: linear-gradient(180deg, rgba(50, 55, 70, .9), rgba(30, 35, 50, .95)) !important; border-color: var(--vw) !important; }
html.mobile-device.bbl-vw-scout #pg-loan.vw-has { background: linear-gradient(180deg, rgba(60, 20, 100, .9), rgba(35, 10, 70, .95)) !important; border-color: var(--vw) !important; }
html.mobile-device.bbl-vw-scout #pg-cap.vw-has::after { color: #fbbf24; }
html.mobile-device.bbl-vw-scout #pg-vc.vw-has::after { color: #cbd5e1; }
html.mobile-device.bbl-vw-scout #pg-loan.vw-has::after { color: #c4b5fd; }
html.mobile-device.bbl-vw-scout #pg-action-bar > :is(#pg-atk, #pg-def, #pg-den):not(.vw-tac) { background: transparent !important; transform: none !important; box-shadow: none !important; }
html.mobile-device.bbl-vw-scout #pg-atk.vw-tac { background: linear-gradient(180deg, rgba(200, 35, 35, .98), rgba(140, 18, 18, .99)) !important; }
html.mobile-device.bbl-vw-scout #pg-def.vw-tac { background: linear-gradient(180deg, rgba(22, 120, 60, .98), rgba(12, 70, 35, .99)) !important; }
html.mobile-device.bbl-vw-scout #pg-den.vw-tac { background: linear-gradient(180deg, rgba(40, 110, 245, .98), rgba(22, 65, 170, .99)) !important; }

/* 🔭 Başka takım takip et */
.vw-tb-ov { position: fixed; inset: 0; z-index: 100050; background: rgba(2, 6, 23, .62); display: flex; align-items: flex-end; justify-content: center; font-family: DM Sans, sans-serif; animation: vwFade .18s ease-out; }
html:not(.mobile-device) .vw-tb-ov { align-items: center; }
@keyframes vwFade { from { opacity: 0; } to { opacity: 1; } }
.vw-tb { position: relative; width: 100%; max-width: 520px; max-height: 88vh; display: flex; flex-direction: column; box-sizing: border-box; padding: 8px 12px 10px;
  background: #0f172a; border: 1px solid #2b3c5e; border-bottom: 0; border-radius: 18px 18px 0 0; box-shadow: 0 -10px 40px rgba(0, 0, 0, .5); color: #e2e8f0; animation: vwUp .22s ease-out; }
html:not(.mobile-device) .vw-tb { border-radius: 16px; border-bottom: 1px solid #2b3c5e; }
@keyframes vwUp { from { transform: translateY(24px); opacity: .6; } to { transform: none; opacity: 1; } }
.vw-tb .grip { display: block; width: 44px; height: 4px; border-radius: 2px; background: #334155; margin: 0 auto 8px; }
.vw-tb-hd { display: flex; align-items: center; gap: 10px; padding: 0 2px 8px; }
.vw-tb-hd > div { flex: 1; min-width: 0; }
.vw-tb-hd b { display: block; font-size: 16px; font-weight: 900; color: #fff; }
.vw-tb-hd small { display: block; font-size: 11px; font-weight: 700; color: #b0bccc; margin-top: 2px; }
.vw-tb-list { overflow-y: auto; display: flex; flex-direction: column; gap: 7px; padding: 2px 0 4px; -webkit-overflow-scrolling: touch; }
.vw-tb-row { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 12px; background: #111c30; border: 1px solid #233149; }
.vw-tb-row .tx { flex: 1; min-width: 0; }
.vw-tb-row .l1 { display: flex; align-items: center; gap: 5px; min-width: 0; }
.vw-tb-row .l1 b { font-size: 13.5px; font-weight: 900; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vw-tb-row .aw { flex-shrink: 0; font-size: 10.5px; font-weight: 900; color: #fbbf24; }
.vw-tb-row .l2 { font-size: 11px; font-weight: 700; color: #b0bccc; margin-top: 1px; }
.vw-tb-row .l2 b { color: #e2e8f0; }
.vw-tb-row .l3 { display: flex; align-items: center; gap: 6px; margin-top: 5px; flex-wrap: wrap; }
.vw-tb-row .fm { display: inline-flex; gap: 2px; }
.vw-tb-row .fm i { font-style: normal; width: 15px; height: 15px; border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 900; color: #fff; }
.vw-tb-row .fm i.w { background: #16a34a; } .vw-tb-row .fm i.l { background: #dc2626; }
.vw-tb-row .pk { display: inline-flex; gap: 3px; }
.vw-tb-row .pk em { font-style: normal; font-size: 9.5px; font-weight: 800; padding: 2px 5px; border-radius: 5px; background: #273449; color: #e2e8f0; }
.vw-tb-row .rt { flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 1px; }
.vw-tb-row .pt { font-size: 15px; font-weight: 900; color: #4ade80; } .vw-tb-row .pt.r { color: #f87171; } .vw-tb-row .pt.dim { color: #97a4b8; }
.vw-tb-row .rt small { font-size: 9px; font-weight: 700; color: #a3afc1; }
.vw-tb-row .fl { font-size: 9.5px; font-weight: 800; color: #fbbf24; }
.vw-tb-row button { all: unset; margin-top: 4px; padding: 6px 11px; border-radius: 9px; cursor: pointer; background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; font-size: 11px; font-weight: 900; box-shadow: 0 3px 10px rgba(37, 99, 235, .35); white-space: nowrap; }
.vw-tb-row button[disabled] { background: #14532d; box-shadow: none; color: #86efac; cursor: default; }
.vw-tb-msg { padding: 22px 8px; text-align: center; font-size: 12px; font-weight: 700; color: #b0bccc; }
.vw-tb-ft { display: flex; justify-content: space-between; gap: 8px; padding: 8px 2px 0; font-size: 10.5px; font-weight: 700; color: #a3afc1; border-top: 1px solid #1e293b; }
.vw-tb-ft b { color: #cbd5e1; }
@media (prefers-reduced-motion: reduce) { .vw-tb-ov, .vw-tb { animation: none; } }

/* [KART-9 15.10] takip kartı: bütçe değişimi (geçen haftaya göre) */
.vw-card .rows span small { font-size: 9.5px; font-weight: 800; margin-left: 4px; }
.vw-card .rows span small.g { color: #4ade80; } .vw-card .rows span small.r { color: #f87171; } .vw-card .rows span small.dim { color: #a3afc1; }
/* [KART-9 15.10] uzat düğmesi: simge + yazı aynı satır ortasında, aralarında boşluk yok (📸2/4 · ⏳+2) */
.vw-card .ft .ex .ct, .vw-card .ft .ex b { display: inline-flex; align-items: center; gap: 1px; line-height: 1; font-weight: 900; }
.vw-card .ft .ex i { font-style: normal; display: inline-flex; align-items: center; justify-content: center; line-height: 1; font-size: 1em; height: 1em; }
.vw-card .ft .ex b i { margin-right: -3px; }   /* ⏳ glifinin sağ boşluğu: 📸2/4 ile aynı sıkılıkta */
/* [KART-9 15.10] uzat düğmesi: "100/200" ve "⏳+2" aynı boy ve aynı ağırlıkta; ✕ daralır ki 7 karakter + ⏳+2 sığsın */
.vw-card .ft { gap: 3px; padding: 5px 4px; }
.vw-card .ft .ex { padding: 5px 5px; gap: 4px; justify-content: space-between; }
.vw-card .ft .ex .ct, .vw-card .ft .ex b { font-size: 11px; letter-spacing: -.3px; opacity: 1; }
.vw-card .ft .ex b i { font-size: 11px; margin-right: -2px; }
.vw-card .ft .rm { flex: 0 0 20px; padding: 5px 0; }
html:not(.mobile-device) .vw-card .ft .ex .ct, html:not(.mobile-device) .vw-card .ft .ex b, html:not(.mobile-device) .vw-card .ft .ex b i { font-size: 10px; }

/* [KART-9 16.10] İzleme modu: saha zemini taktik tahtası (rapor inceleme hissi) — kendi saha teman değişmez, yalnız izlerken */
html.bbl-vw-scout #court-drop-zone { background: #0f1c19 url('assets/tahta.avif') center top / cover no-repeat !important; border-color: #1f3a33 !important; }
html.bbl-vw-scout #court-drop-zone > .court-bg-img, html.bbl-vw-scout #court-drop-zone > .simple-court-svg, html.bbl-vw-scout #court-drop-zone > .court-bg-content { visibility: hidden !important; }
html.bbl-vw-scout #court-drop-zone > .court-bg-overlay { background: rgba(0, 0, 0, .12) !important; }

/* ═══ [2026-10-19] Kompakt takip kartı — yükseklik ~yarıya ═══ */
.vw-card { height: auto; min-height: 112px; }
.vw-card .hd2 { display: flex; align-items: center; gap: 6px; padding: 6px 6px 5px 8px; position: relative;
  background: linear-gradient(90deg, color-mix(in srgb, var(--tc) 30%, transparent), transparent 85%); }
.vw-card .hd2::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc); }
.vw-card .hd2 .cr { flex-shrink: 0; display: flex; border-radius: 50%; box-shadow: 0 0 0 1.5px rgba(255,255,255,.85); background: #0f1729; }
.vw-card .hd2 .nm { min-width: 0; display: flex; flex-direction: column; line-height: 1.15; }
.vw-card .hd2 .nm b { font-size: 11.5px; font-weight: 900; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vw-card .hd2 .nm small { font-size: 9px; font-weight: 700; color: #b0bccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vw-card .hd2 .nm small em { font-style: normal; font-weight: 900; color: #fde68a; }
.vw-card .hd2 .nm small.gone { color: #f87171; }
.vw-card .bd { padding: 3px 6px 0; }
.vw-card .rows { gap: 2px; margin-top: 0; }
.vw-card .rows > div { padding: 1px 5px; background: transparent; border-bottom: 1px solid rgba(148,163,184,.08); border-radius: 0; }
.vw-card .rows i { font-size: 11px; opacity: .85; }
.vw-card .rows span { font-size: 11.5px; }
.vw-card .rows span small { font-size: 9px; }
.vw-card .ft { padding: 4px 5px 5px; }
.vw-card .ft button { padding: 3px 5px; font-size: 10.5px; }
.vw-card .ft .rm { flex: 0 0 22px; }

/* ═══ [2026-10-19] RADAR — ortak hisseler ═══ */
.vw-rd-hd { display: grid; grid-template-columns: 1fr 92px 58px; gap: 6px; padding: 6px 12px 3px 52px; font-size: 9px; font-weight: 900; letter-spacing: .6px; color: #a3afc1; text-transform: uppercase; }
.vw-rd-hd span:nth-child(3) { text-align: right; }
.vw-rd { display: grid; grid-template-columns: 16px 26px 1fr 92px 58px; align-items: center; gap: 6px; margin: 0 9px 4px; padding: 5px 8px; border-radius: 9px; background: #111b30; border: 1px solid #1e2b45; cursor: pointer; }
.vw-rd:hover { border-color: rgba(251, 146, 60, .5); }
.vw-rd .i { font-size: 10px; font-weight: 900; color: #a3afc1; text-align: center; }
.vw-rd .lg { width: 26px; height: 26px; border-radius: 50%; background: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 900; color: #111; }
.vw-rd .lg { position: relative; }
.vw-rd .lg > .bbl-lg { width: 100%; height: 100%; }   /* [2026-10-27] içerik BBL_Logo (telefonda 2 harf) */
.vw-rd .s { min-width: 0; display: flex; flex-direction: column; line-height: 1.15; }
.vw-rd .s b { font-size: 12px; color: #f1f5f9; }
.vw-rd .s em { font-style: normal; font-size: 9px; font-weight: 800; color: #4ade80; }
.vw-rd .n { display: flex; align-items: center; gap: 5px; }
.vw-rd .dt { display: flex; gap: 2px; flex-wrap: wrap; max-width: 62px; }
.vw-rd .dt i { width: 5px; height: 5px; border-radius: 50%; background: #334155; }
.vw-rd .dt i.on { background: #fb923c; box-shadow: 0 0 4px rgba(251, 146, 60, .7); }
.vw-rd .n small { font-size: 10px; font-weight: 900; color: #fdba74; }
.vw-rd .p { text-align: right; font-size: 12px; font-weight: 900; font-variant-numeric: tabular-nums; color: #b0bccc; }
.vw-rd .p.g { color: #4ade80; } .vw-rd .p.r { color: #f87171; }
.vw-radar .bub b { display: block; }
.vw-radar .bub strong.vw-rd-top { color: #fdba74; font-weight: 900; }
/* [2026-10-19 düzeltme] boş şerit: gövde esniyordu, satırlar üstte kalıyordu → satırlar gövdeyi doldurur; ikon/yazı büyük */
.vw-card { min-height: 0; }
.vw-card .bd { display: flex; flex-direction: column; padding: 4px 7px 2px; }
.vw-card .rows { flex: 1; justify-content: space-evenly; gap: 0; }
.vw-card .rows > div { padding: 3px 4px; }
.vw-card .rows i { font-size: 15px; opacity: 1; }
.vw-card .rows span { font-size: 13.5px; }
.vw-card .rows span small { font-size: 10px; }
.vw-card .hd2 .nm b { font-size: 12.5px; }
.vw-card .hd2 .nm small { font-size: 10px; }
.vw-card .ft button { font-size: 11.5px; padding: 4px 6px; }
/* PC: eski sabit 182px yükseklik içerik kısalınca altta boş şerit bırakıyordu → içerik kadar */
html:not(.mobile-device) .vw-card { height: auto; }
html:not(.mobile-device) .vw-card .rows i { font-size: 14px; }
html:not(.mobile-device) .vw-card .rows span { font-size: 13px; }
html:not(.mobile-device) .vw-card .ft button { font-size: 11px; }
html:not(.mobile-device) .vw-card .ft .ex .ct, html:not(.mobile-device) .vw-card .ft .ex b, html:not(.mobile-device) .vw-card .ft .ex b i { font-size: 11px; }