/* ════════════════════════════════════════════════════════════════════
   MatchChase — MOBILE MATCH DAY (Maç Günü sayfası mobil disiplini)
   ════════════════════════════════════════════════════════════════════
   2026-05-14 modülerleşme: mobile-match.css'ten ayrıldı.
   Önceki halinde ana dosya 778 satır olmuştu (h2h + maç günü iç içe).

   SCOPE: Maç Günü sayfası mobil kuralları —
     - Dual pitch swipe carousel (iki ayrı pitch + scroll-snap)
     - Kadrolar senkron (saha aktif slide ↔ kadrolar görünür takım)
     - İmza bandı + section total pipe ayraçlı tek satır
     - Token tap → oyuncu popover (body singleton)
     - Maç Olayları tooltip (mainpage + fixtures'tan çağrılır)

   İLGİLİ VIEW DOSYALARI:
     - mc_match_dual_pitch.js (carousel + token + tooltip handler)
     - mc_match_matchday.js (kadrolar + imza + section total)
     - mc_fixture_table_renderer.js (Maç Olayları popover handler)

   Pattern memory'leri:
     - project_oturum_2026_05_13_macday_mobil_plan_b (v1-v6 carousel)
     - project_oturum_2026_05_13_macday_plan_b_v8_tooltip_imza (tooltip + pipe)
     - project_oturum_2026_05_13_14_mac_sayfasi_mobil_komple (chevron + events tooltip)
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 900px) {

    /* 1) Maç günü "Sahada Göster" — Plan B v2 (iki ayrı pitch + swipe carousel)
       Üst bant SİL (mobile) → her slide kendi kart başlığı içinde takım sol + metric nav sağ
       Saha aspect 2.2/1 → 1.7/1 (5'li dizilim için yükseklik artar)
       Token width 88→60, padding kompakt (sahaya paralel)
       Bench yatay kalır (token küçülünce sığacak) */

    /* Üst bant MOBILE'DA TAMAMEN GİZLİ — kart başlığı bunu yerine getiriyor */
    body.mc-mobile .mc-dual-pitch-header {
        display: none !important;
    }

    /* 0) Sahada Göster bölümünü VIEWPORT TAM GENİŞLİĞİNE yasla (full-bleed)
       Sorun: saha kartı parent padding'leri yüzünden ekrana yaslanmıyordu —
       main-content (~8.6px) + maç içerik wrapper (10px) = her yanda ~19px gri boşluk.
       Çözüm: 100vw + margin-left:50% + translateX(-50%) → element parent ne olursa olsun
       viewport tam genişliğine yayılır, tüm yan padding'leri aşar. Mobilde scrollbar gizli
       (mobile-shared ::-webkit-scrollbar none) olduğundan 100vw = innerWidth, yatay taşma yok.
       Kullanıcı emri 2026-06-01: "saha sağda solda boşluk olmasın, ekrana yaslansın". */
    body.mc-mobile #match-day-dual-pitch,
    body.mc-mobile #oracle-predicted-pitch {              /* Karşılaştırma tab Olası 11 sahası — aynı dual-pitch component, full-bleed (kullanıcı 2026-06-01) */
        width: 100vw !important;
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
    }

    /* Compare (Olası 11) kadroları — mobilde maç günü gibi TEK SÜTUN + saha senkron
       (sahayı kaydırınca o takımın kadrosu; başlıklar "<Takım> İlk 11/Yedekler/Sakat" takım adlı).
       Desktop iki kolon (ev/dep yan yana) korunur. isBoxMode (compare-only) → maç günü etkilenmez.
       Kullanıcı emri 2026-06-01. */
    body.mc-mobile .mc-dp-rosters {
        flex-direction: column !important;
        gap: 0 !important;
    }
    body.mc-mobile .mc-dp-rosters > .mc-dp-roster {
        width: 100% !important;
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }
    body.mc-mobile .mc-dp-rosters[data-active-side="home"] > .mc-dp-roster[data-side="away"] {
        display: none !important;
    }
    body.mc-mobile .mc-dp-rosters[data-active-side="away"] > .mc-dp-roster[data-side="home"] {
        display: none !important;
    }

    /* Pagination noktaları — "parmağınla kaydır, bir saha daha var" sinyali (kullanıcı emri 2026-06-01).
       Aktif saha = site yeşili kapsül (--success), pasif = soluk gri yuvarlak. JS scroll ile senkron. */
    body.mc-mobile .mc-dual-pitch-dots {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 7px !important;
        padding: 9px 0 3px !important;
    }
    body.mc-mobile .mc-dpd-dot {
        width: 7px !important;
        height: 7px !important;
        border-radius: 50% !important;
        background: #6b7280 !important;        /* pasif: koyu gri — açık zeminde daha dikkat çekici (kullanıcı 2026-06-01) */
        transition: width 0.22s ease, background 0.22s ease, border-radius 0.22s ease !important;
    }
    body.mc-mobile .mc-dpd-dot.is-active {
        width: 20px !important;                /* aktif: site yeşili kapsül (belirgin) */
        background: var(--success, #508200) !important;
        border-radius: 4px !important;
    }

    /* Carousel — iki slide yan yana, parmakla yatay swipe */
    body.mc-mobile .mc-dual-pitch-carousel {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scroll-snap-type: x mandatory !important;
        gap: 0 !important;
        padding: 0 !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    body.mc-mobile .mc-dual-pitch-carousel::-webkit-scrollbar {
        display: none;
    }

    /* Slot wrapper — flex column, kendi başlık + saha içerir, koyu border-radius'lu kart */
    body.mc-mobile .mc-dual-pitch-slot {
        flex: 0 0 100% !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
        display: flex !important;
        flex-direction: column !important;
        background: #1f2937 !important;
        border-radius: 0 !important;          /* full-bleed: yan kenar ekrana dayanır, radius boşluk gösterirdi */
        overflow: hidden !important;
    }

    /* Kart başlığı: SOL takım + SAĞ metric nav (away slot'ta tam simetrik tersi) */
    body.mc-mobile .mc-dual-pitch-card-title {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 6px !important;
        padding: 6px 10px !important;
        background: #1f2937 !important;
        border-bottom: 1px solid #374151 !important;
        flex-wrap: nowrap !important;
    }
    body.mc-mobile .mc-dual-pitch-card-title .mc-dpct-left,
    body.mc-mobile .mc-dual-pitch-card-title .mc-dpct-right {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        min-width: 0 !important;
    }
    body.mc-mobile .mc-dual-pitch-card-title .mc-dpct-team {
        color: #fff !important;
        font-weight: 700 !important;
        font-size: 0.72rem !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 90px !important;
    }
    body.mc-mobile .mc-dual-pitch-card-title .mc-dpct-formation {
        color: #9ca3af !important;
        font-variant-numeric: tabular-nums !important;
        font-size: 0.7rem !important;
        letter-spacing: 0.3px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
    /* Metric nav cloneları kart başlığında kompakt — İKİ nav (profil + maç) BİREBİR AYNI boyut/hiza */
    body.mc-mobile .mc-dual-pitch-card-title [data-nav-clone],
    body.mc-mobile .mc-dual-pitch-card-title [data-mnav-clone] {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        flex-shrink: 0 !important;
    }
    body.mc-mobile .mc-dual-pitch-card-title [data-nav-clone] button.metric-nav-btn,
    body.mc-mobile .mc-dual-pitch-card-title [data-mnav-clone] button.metric-nav-btn {
        width: 22px !important;
        height: 22px !important;
    }
    body.mc-mobile .mc-dual-pitch-card-title [data-metric-current-clone],
    body.mc-mobile .mc-dual-pitch-card-title [data-mmetric-current-clone] {
        font-size: 0.7rem !important;
        padding: 3px 5px !important;
        min-width: 85px !important;
    }

    /* Saha — aspect 1.7/1 (5'li dizilim için yükseklik) */
    body.mc-mobile .mc-dual-pitch-slot .pitch-container {
        aspect-ratio: 1.7 / 1 !important;
        min-height: 0 !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        border-width: 1.5px !important;       /* DIŞ saha çizgisi: 3px → yarısı (kullanıcı emri 2026-06-01, full-bleed sonrası kalın kalıyordu) */
    }

    /* Token kompakt: width 88→60, padding sıfıra yakın, font %15 küçük (sahaya paralel) */
    body.mc-mobile .mc-mh-pitch-token {
        width: 60px !important;
    }
    body.mc-mobile .mc-mh-pitch-token .mc-mh-pitch-token-name {
        font-size: 0.55rem !important;
        padding: 2px 3px 0 !important;
    }
    body.mc-mobile .mc-mh-pitch-token .mc-mh-pitch-token-value {
        font-size: 0.48rem !important;
        padding: 1px 3px 2px !important;
    }

    /* Slot içindeki yedek girenler (mobile-only) — saha altına gömülü, yatay flex-wrap, koyu zemin
       Her slot kendi bench'ini içerir → carousel ile birlikte kayar (kullanıcı emri 2026-05-13) */
    body.mc-mobile .mc-dual-pitch-slot-bench {
        display: flex !important;
        gap: 6px !important;
        padding: 8px !important;        /* standart 8px her yön — üst-alt simetrik (eski 8/10 asimetrikti), ferahlatma yok (kullanıcı 2026-06-01) */
        flex-wrap: wrap !important;
        justify-content: center !important;
        background: #111827 !important;
        border-top: 1px solid #374151 !important;
    }

    /* Kadro başlık kutusu (takım logosu + isim + formasyon) — MOBİL kompakt yatay düzen
       (kullanıcı emri 2026-06-01: "gereksiz dikey alan kaplıyor; logo+isim sola yakın,
       formasyon sağa, kutu içi 6px padding her yön"). Desktop dokunulmaz (inline style geçerli).
       display:contents → .mc-md-th-info wrapper'ı kalkar, isim+formasyon header flex'ine taşınır →
       formasyona margin-left:auto vererek sağa yaslayabiliriz. */
    body.mc-mobile .mc-md-team-header {
        width: 100vw !important;          /* full-bleed: sahadaki gibi ekran kenarına bitişik */
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
        padding: 12px !important;         /* iç: logo soldan 12px, formasyon (taktik) sağdan 12px */
        gap: 6px !important;              /* logo↔isim daha yakın (10 → 6) */
        align-items: center !important;
    }
    body.mc-mobile .mc-md-th-logo {
        flex-shrink: 0 !important;
    }
    body.mc-mobile .mc-md-th-info {
        display: contents !important;     /* wrapper kalkar → name+formation header'ın direct flex child'ı olur */
    }
    body.mc-mobile .mc-md-th-name {
        font-size: 0.9rem !important;
    }
    body.mc-mobile .mc-md-th-formation {
        margin-left: auto !important;     /* formasyon SAĞA yaslı */
        margin-top: 0 !important;         /* dikey margin sıfır (artık yatay düzen) */
        flex-shrink: 0 !important;
    }

    /* Kadro listesi alanları (İlk 11 / Yedekler / Sakat / Kadroda Yok) — sahadaki gibi full-bleed
       (kullanıcı emri 2026-06-01: "alttaki alanları, event'lara kadar, Photoshop köşeden çekim gibi
       ekran kenarına yay"). Maç Akışı (event) bölümü .mc-matchday-lineups DIŞINDA → etkilenmez.
       sectionCard'ların yan border + radius'u kalkar (kenara dayalı temiz görünüm). */
    body.mc-mobile .mc-matchday-lineups {
        width: 100vw !important;
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
    }
    body.mc-mobile .mc-matchday-lineups .md-section {
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
    }
    /* Oyuncu satırı iç padding — summary (12px) ile aynı standart (kullanıcı 2026-06-01: "sağ-sol 12, bu tür yerlerde standart") */
    body.mc-mobile .mc-matchday-lineups .mc-md-prow {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* Maç Akışı (event) bölümü — beyaz zemini sahadaki gibi sağa-sola yasla (full-bleed),
       SADECE genişlik (kullanıcı: "üst köşeden çekmek değil, sadece yana yasla"); iç hücre fontu
       oyuncu ismiyle aynı (0.85rem); sağ-sol 12px standart. (kullanıcı emri 2026-06-01) */
    body.mc-mobile .mc-md-events {
        width: 100vw !important;
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
        padding: 12px !important;             /* beyaz kutu iç padding 14→12, sağ-sol 12 standart */
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }
    body.mc-mobile .mc-md-events div {
        font-size: 0.85rem !important;        /* event metni oyuncu ismiyle aynı (0.85rem); ikon + ikincil span kendi inline'ında korunur */
    }

    /* Hakem Ekibi — beyaz zemini full-bleed + sağ-sol 12px (kullanıcı 2026-06-01); her kart
       title + isim YATAY tek satır; font oyuncu ismiyle aynı (0.85rem); mobilde tek sütun. */
    body.mc-mobile .mc-md-officials {
        width: 100vw !important;
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
        padding: 12px !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }
    body.mc-mobile .mc-md-officials > div {
        grid-template-columns: 1fr !important;   /* mobilde tek sütun, kart tam genişlik */
    }
    body.mc-mobile .mc-md-ref-card {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;                     /* title ↔ isim yatay aralık */
    }
    body.mc-mobile .mc-md-ref-role {
        font-size: 0.85rem !important;           /* oyuncu yazısıyla aynı */
        margin-bottom: 0 !important;
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }
    body.mc-mobile .mc-md-ref-name {
        font-size: 0.85rem !important;           /* oyuncu yazısıyla aynı, bold korunur */
    }

    /* Event ikonları (gol, asist, kart, sub-in/out) — scale 0.6 (kullanıcı emri "0.4 küçültmek")
       Konum: ev oyuncu kartının SAĞ üst dış kenarı, dep SOL üst dış kenarı (renderToken'da JS tarafı tersine çevrildi) */
    body.mc-mobile .mc-mh-pitch-events {
        transform: scale(0.6) !important;
    }
    body.mc-mobile .mc-mh-pitch-events-home {
        transform-origin: bottom right !important;
    }
    body.mc-mobile .mc-mh-pitch-events-away {
        transform-origin: bottom left !important;
    }

    /* Saha çizgileri (mobile) — KRITIK FIX: style.css'te mobile breakpoint'te .pitch-desktop display:none
       olduğu için child çizgiler render edilmiyordu. display: block ile zorla göster.
       full-bleed sonrası saha büyüdü, çizgiler orantısız kalın kaldı → 1.5px'ten 0.75px'e
       inceltildi (kullanıcı emri 2026-06-01: "dış + orta saha çizgisi yarısı kadar"). */
    body.mc-mobile .mc-dual-pitch-slot .pitch-layer.pitch-desktop {
        display: block !important;
    }
    body.mc-mobile .mc-dual-pitch-slot .pitch-line {
        border-width: 0.75px !important;
        border-color: rgba(255, 255, 255, 0.7) !important;
    }
    body.mc-mobile .mc-dual-pitch-slot .pitch-circle {
        border-width: 0.75px !important;
        border-color: rgba(255, 255, 255, 0.7) !important;
    }
    body.mc-mobile .mc-dual-pitch-slot .pitch-point {
        width: 4px !important;
        height: 4px !important;
        background: rgba(255, 255, 255, 0.75) !important;
    }
    /* Center line (sol/sağ yarı sınırı) için border-left-width inline kuralı override */
    body.mc-mobile .mc-dual-pitch-slot .pitch-desktop .p-center-line {
        border-left-width: 0.75px !important;
    }

    /* 2) Kadrolar bölümü — saha carousel state'i ile senkron toggle
       data-active-side="home" → home kadrosu görünür, away gizli (ve tam tersi)
       Mobile'da tek sütun (desktop'ta 2 sütun yan yana, dokunulmaz) */
    body.mc-mobile .mc-matchday-lineups {
        flex-direction: column !important;
        gap: 0 !important;
    }
    body.mc-mobile .mc-matchday-lineups > .mc-matchday-lineup {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    body.mc-mobile .mc-matchday-lineups[data-active-side="home"] > .mc-matchday-lineup[data-side="away"] {
        display: none !important;
    }
    body.mc-mobile .mc-matchday-lineups[data-active-side="away"] > .mc-matchday-lineup[data-side="home"] {
        display: none !important;
    }

    /* 3) İmza bandı (oyuncu altındaki 5 metrik) — mobile'da tek satır pipe ayraç
       Sorun: cell display:inline-flex idi → parent flex:1 payı çalışmıyordu, cell 28px'e sıkışıyordu
       → font 7.13px sub-pixel blur → ekranda "gri kutu" illüzyonu (rakam okunmuyordu)
       Çözüm: cell display:flex (flex item olarak büyür) + font 0.7rem (okunur) + icon küçült */
    body.mc-mobile .mc-matchday-signature {
        padding: 4px 12px !important;
        gap: 6px !important;
        flex-wrap: nowrap !important;
        font-size: 0.7rem !important;
        overflow: hidden !important;
        background: transparent !important;
    }
    body.mc-mobile .mc-matchday-signature > span {
        display: flex !important;
        min-width: 0 !important;
        flex: 1 1 0 !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 3px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    /* İcon küçült (rakama yer açılsın), ayraç pipe yüksekliği biraz ferahlasın */
    body.mc-mobile .mc-matchday-signature > span > i {
        font-size: 0.6rem !important;
        flex-shrink: 0 !important;
    }
    body.mc-mobile .mc-matchday-signature > span[aria-hidden="true"] {
        flex: 0 0 1px !important;
        height: 11px !important;
    }

    /* 4) Token tap → popover (Plan B v6 — kullanıcı emri "tooltip muhteşem olur")
       Body singleton, click delegation ile token'lara bind, outside-click/Esc kapanır */
    body.mc-mobile .mc-mh-pitch-token {
        cursor: pointer !important;
    }

    /* 5) Section total bandı (İlk 11 Toplam / Yedekler Toplam) — imza bandıyla BİREBİR aynı dil
       Kullanıcı emri 2026-05-13: label yazısı silinsin (İLK 11 TOPLAM / YEDEKLER TOPLAM),
       direkt değerler üstteki oyuncu imza bandına HİZALI olsun (kıyas için).
       1. çocuk (label) + 2. çocuk (ilk pipe sep) gizlenir → kalan 5 cell + 4 sep imzayla aynı. */
    body.mc-mobile .mc-matchday-section-total {
        background: transparent !important;
        padding: 4px 12px !important;
        gap: 6px !important;
        flex-wrap: nowrap !important;
        font-size: 0.7rem !important;
        overflow: hidden !important;
        border-top: 1px solid #f1f5f9 !important;
    }
    /* Label + ilk pipe ayraç gizle — ilk değer üstteki imza ilk cell'ine hizalı */
    body.mc-mobile .mc-matchday-section-total > span:nth-child(-n+2) {
        display: none !important;
    }
    body.mc-mobile .mc-matchday-section-total > span {
        display: flex !important;
        min-width: 0 !important;
        flex: 1 1 0 !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 3px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    body.mc-mobile .mc-matchday-section-total > span > i {
        font-size: 0.6rem !important;
        flex-shrink: 0 !important;
    }
    body.mc-mobile .mc-matchday-section-total > span[aria-hidden="true"] {
        flex: 0 0 1px !important;
        height: 11px !important;
    }

    /* 6) Maç Günü iç bölümleri — h3 ara başlıkları (Sahada Göster/Kadrolar/Maç Akışı/Hakem Ekibi)
       mobilde gizlensin + bölüm arası standart 6px boşluk (nav-header ile aynı). Desktop dokunulmaz.
       2026-05-14 prefix birleştirme: mc-md-section → mc-matchday-section (mc-matchday-* ile uyumlu) */
    body.mc-mobile .mc-matchday-section {
        margin-bottom: 6px !important;
    }
    body.mc-mobile .mc-matchday-section-title {
        display: none !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
   Token tap → Oyuncu popover (body singleton, mobile-only kullanılır
   ama CSS global scope'ta — JS handler matchMedia ile mobile guard)
   ═══════════════════════════════════════════════════════════════ */
.mc-pitch-tooltip {
    display: none;
    position: absolute;
    z-index: 9999;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.18);
    border: 1px solid #e5e7eb;
    padding: 0;
    width: 260px;
    max-width: calc(100vw - 16px);
    color: #1f2937;
    line-height: 1.4;
    font-family: 'Inter', sans-serif;
}
.mc-pitch-tooltip .mc-pt-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px 8px;
    border-bottom: 1px solid #f3f4f6;
}
.mc-pitch-tooltip .mc-pt-shirt {
    background: #1f2937;
    color: #fff;
    font-weight: 700;
    font-size: 0.7rem;
    padding: 2px 6px;
    border-radius: 3px;
    font-family: monospace;
    flex-shrink: 0;
}
.mc-pitch-tooltip .mc-pt-name {
    font-weight: 700;
    flex: 1;
    font-size: 0.92rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mc-pitch-tooltip .mc-pt-close {
    background: transparent;
    border: none;
    font-size: 1.3rem;
    color: #6b7280;
    cursor: pointer;
    padding: 0 4px;
    line-height: 1;
    flex-shrink: 0;
}
.mc-pitch-tooltip .mc-pt-meta {
    padding: 6px 12px;
    color: #6b7280;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 4px;
    border-bottom: 1px solid #f3f4f6;
}
.mc-pitch-tooltip .mc-pt-meta .mc-pt-sep {
    color: #d1d5db;
}
.mc-pitch-tooltip .mc-pt-stats {
    padding: 8px 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 14px;
}
.mc-pitch-tooltip .mc-pt-stats > div {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
}
.mc-pitch-tooltip .mc-pt-stats > div > span {
    color: #6b7280;
}
.mc-pitch-tooltip .mc-pt-stats > div > strong {
    color: #111827;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
.mc-pitch-tooltip .mc-pt-footer {
    padding: 6px 12px 10px;
    font-size: 0.7rem;
    color: #6b7280;
    border-top: 1px solid #f3f4f6;
    font-variant-numeric: tabular-nums;
}

/* ═══════════════════════════════════════════════════════════════
   Maç Olayları popover — MOBILE-ONLY, koyu zemin
   Maç Günü "Maç Akışı" renderer'ı reuse — 3 sütun grid (ev/dakika/dep)
   Lazy fetch /api/match-day-formation/{matchId}, per-match cache
   Handler: mc_fixture_table_renderer.js attachMatchEventsPopover
   ═══════════════════════════════════════════════════════════════ */
.mc-events-tooltip {
    display: none;
    position: absolute;
    z-index: 9999;
    background: #0f172a;
    color: #f8fafc;
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(0,0,0,0.45);
    border: 1px solid #1e293b;
    padding: 0;
    width: 340px;
    max-width: calc(100vw - 16px);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    line-height: 1.4;
    font-family: 'Inter', sans-serif;
}
.mc-events-tooltip .mc-evt-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-bottom: 1px solid #1e293b;
    background: #0b1220;
    border-radius: 12px 12px 0 0;
    position: sticky;
    top: 0;
    z-index: 1;
}
.mc-events-tooltip .mc-evt-title {
    font-size: 0.82rem;
    font-weight: 700;
    color: #f8fafc;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
}
.mc-events-tooltip .mc-evt-title i {
    color: #60a5fa;
}
.mc-events-tooltip .mc-evt-close {
    background: transparent;
    border: none;
    font-size: 1.3rem;
    color: #94a3b8;
    cursor: pointer;
    padding: 0 4px;
    line-height: 1;
}
.mc-events-tooltip .mc-evt-close:hover {
    color: #f8fafc;
}
.mc-events-tooltip .mc-evt-body {
    padding: 8px 10px 12px;
}
.mc-events-tooltip .mc-evt-count {
    font-size: 0.7rem;
    color: #64748b;
    text-align: center;
    padding: 4px 0 8px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight: 600;
}
</content>
</invoke>