/* Takım logoları (team-logo-ui.js) */
.tlogo{display:block;object-fit:contain}
/* Seçim penceresi (ob-* çerçevesi, tasarım alanı 1200 × 820) */
.ob-logo .tl-hint{margin:0;display:grid;place-items:center;text-align:center;font:700 calc(19*var(--k))/1.3 Arial;color:#ffe7b8;text-shadow:0 1px 2px #000}
.ob-logo .tl-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-content:start;gap:calc(8*var(--k)) calc(12*var(--k));overflow-y:auto;padding:calc(4*var(--k))}
.ob-logo .tl-opt{position:relative!important;display:flex!important;flex-direction:column;align-items:center;gap:calc(4*var(--k));padding:calc(6*var(--k))!important;border-radius:calc(16*var(--k))!important;border:calc(3*var(--k)) solid transparent!important;transition:transform .12s,border-color .12s}
.ob-logo .tl-opt img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 calc(4*var(--k)) calc(6*var(--k)) #0009);pointer-events:none}
.ob-logo .tl-opt small{max-width:100%;overflow:hidden;text-overflow:ellipsis;font:800 calc(14*var(--k)) Arial;color:#dcecff;white-space:nowrap;text-shadow:0 1px 2px #000}
.ob-logo .tl-opt:hover{transform:translateY(calc(-4*var(--k))) scale(1.04);border-color:#9fd3ff!important}
.ob-logo .tl-opt.on{border-color:#ffd166!important;background:#ffd16622!important;box-shadow:0 0 calc(18*var(--k)) #ffd166}
.ob-logo .tl-opt.on::after{content:'✓';position:absolute;right:calc(6*var(--k));top:calc(2*var(--k));width:calc(34*var(--k));height:calc(34*var(--k));border-radius:50%;background:#2fb84a;border:calc(2*var(--k)) solid #fff;display:grid;place-items:center;font:900 calc(20*var(--k)) Arial;color:#fff}
.tl-required{background:#050b16e6}
/* Stadyum HUD: yuvarlak avatarın içinde logo */
.hud-logo{cursor:pointer}
.hud-logo .hud-tlogo{position:absolute;left:50%;top:50%;width:78%;height:78%;transform:translate(-50%,-50%);border-radius:50%;filter:drop-shadow(0 2px 3px #0009)}
.hud-logo:hover{filter:brightness(1.12)}
.office-hud-logo.tl-office{padding:0;background:none;overflow:visible}.office-hud-logo.tl-office .tlogo{width:100%;height:100%;border-radius:50%}
/* Kadro ekranı: sahanın sol üstünde logo */
.o2-team.tl-team{display:flex;flex-direction:column;align-items:center;gap:calc(2*var(--k));padding:calc(6*var(--k))!important}
.o2-team.tl-team .tlogo{width:calc(110*var(--k));height:calc(110*var(--k));filter:drop-shadow(0 calc(3*var(--k)) calc(5*var(--k)) #0009)}
.o2-team.tl-team span{font:800 calc(16*var(--k)) Arial;color:#ffd166}
/* Skor tabelası: isimlerin üstünde logo */
.mt-name{overflow:visible}
.mt-name .mt-logo{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);width:3.2cqw;height:3.2cqw;margin-bottom:.15cqw;border-radius:50%;filter:drop-shadow(0 .15cqw .25cqw #000a)}
/* Professional ekranları: takım logoları (tıklayınca kadro) */
.pro-team-logo.pro-team-img{padding:0;border:0;background:none;object-fit:contain;border-radius:50%;cursor:pointer;box-shadow:0 0 12px #0007}
.pro-mini-logo{display:inline-block;width:1.7em;height:1.7em;margin-right:.35em;vertical-align:middle;border-radius:50%;object-fit:contain;cursor:pointer;filter:drop-shadow(0 1px 2px #0009);transition:transform .12s}
.pro-mini-logo:hover,.pro-next-team:hover .pro-mini-logo{transform:scale(1.15)}
.fix-day.game .pro-mini-logo{display:block;margin:1px auto 0;width:1.9em;height:1.9em}
.pro-next-team{cursor:pointer;display:inline-flex;align-items:center}
.mt-name .mt-logo{cursor:pointer;pointer-events:auto}.mt-name .mt-logo:hover{transform:translateX(-50%) scale(1.12)}