/* ════════════════════════════════════════════════════════════════════
   MatchChase — MOBILE MAINPAGE (anasayfa fixture table)
   ════════════════════════════════════════════════════════════════════
   SCOPE: Sadece anasayfa Maçlar tab'ı (.mc-mainpage-table marker class —
   mc_main_matchtable.js:76 atar). Lig/Takım/H2H fixture sayfalarına ETKİ
   ETMEZ — renderer'ın ürettiği <tr>'ler ana sayfada bu class'lı tabloya
   taşınır, scope böyle izole edilir. data-ms/data-iy/data-res attribute'ları
   renderer'da HER sayfada basılır ama yalnız bu CSS onları görünür kılar.

   ── 2026-06-04 SofaScore Kompakt Kart Geçişi ───────────────────────────
   ESKİ yöntem (silindi): mobilde tr tablo modunda (table-layout:auto),
   td'ler width:90px/38px/24px/60px !important ile sabitleniyordu → sıkışık
   "Excel" görünümü, takım isimleri 90px'e kırpılıyordu.

   YENİ yöntem: tr → CSS Grid (display:grid). İki satırlı kompakt kart:

       ┌──────┬───────────────────────────────┬──────────┐
       │ Saat │ Ev Takım          (0) [1]     │  ⌄ ▮ 💡  │
       │ Hft  │ Dep Takım         (1) [1]     │          │
       └──────┴───────────────────────────────┴──────────┘

   Mobil DOM: mc_main_matchtable.js post-process saati 1.td'ye span taşır,
   tarih(2.td) + TD/hakem(.hide-mobile) td'lerini DOM'dan siler. Kalan 6 td:
     1=saat/hft  2=ev(.home-team-cell)  3=MS kutu  4=İY  5=dep(.away-team-cell)  6=aksiyon

   Ev/dep MS skoru, İY golü (parantezli) ve galibiyet durumu renderer'da
   takım <td>'sine data-ms / data-iy / data-res olarak basılır. CSS bunları
   ::after (MS rozet, sağ) ve ::before (İY parantez, gri) ile gösterir.
   Masaüstü + diğer 9 fikstür sayfası bu attribute'ları RENDER ETMEZ → görsel
   birebir aynı. ERT/oynanmamış/İY-yok durumunda attribute boş → rozet basılmaz.
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 900px) {

    /* Tablo modunu kapat → grid'e geç */
    :is(.mc-mainpage-table, .mc-card-fixture),
    :is(.mc-mainpage-table, .mc-card-fixture) tbody {
        display: block !important;
        width: 100% !important;
    }
    :is(.mc-mainpage-table, .mc-card-fixture) colgroup { display: none !important; }
    /* thead gizle — ana sayfada thead YOK ama H2H/takım/lig compact tablosunda VAR.
       Kart modelinde başlık satırı olmaz (mc-card-fixture ile gelen sayfalar için). */
    :is(.mc-mainpage-table, .mc-card-fixture) thead { display: none !important; }

    /* Lig ayraç bandı (siyah: bayrak + lig ismi) — block + tam genişlik.
       (colspan tablo modu dışında ölü; block olmazsa bant içerik kadar daralır.) */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr.league-separator {
        display: block !important;
        width: 100% !important;
    }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr.league-separator td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 6px 12px !important;
        font-size: 0.78rem !important;
    }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr.league-separator .fi {
        font-size: 1.1rem !important;
    }

    /* ── HOVER GRİ KUTU FIX (2026-06-08) ──────────────────────────────────
       Global style.css:1016 (.data-table tr:hover td { background:#f8fafc })
       mobil grid kartta her td ayrı blok → hover'da gri dikdörtgen kutu çıkıyor.
       Mobil kartta td'leri şeffaf yap → satırın KENDİ zemini görünür:
       normal=beyaz, mc-form-row-in=yeşil, mc-form-row-out=kırmızı (tr background
       + inset shadow KORUNUR, çünkü onlar tr'da, td'de değil). Global kural
       SİLİNMEZ (masaüstü tabloları etkilenir) — sadece mobil kart scope override. */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row]:hover > td {
        background: transparent !important;
    }

    /* ── TAKIM LOGOSU 16px KİLİT (2026-06-08) ──────────────────────────────
       enrichFixtureRows .mc-row-team-logo'yu inline 16px ile ekler AMA bu class
       için CSS kuralı YOKTU → FOUC anında (inline style/img yüklenmeden) browser
       naturalWidth (~139px) ile devasa render edip isimleri kırpıyordu. CSS kuralı
       + img width/height attr (renderer'da) ikisi birden FOUC penceresini kapatır. */
    :is(.mc-mainpage-table, .mc-card-fixture) .mc-row-team-logo {
        width: 16px !important; height: 16px !important;
        max-width: 16px !important; max-height: 16px !important;
        object-fit: contain !important; flex: 0 0 16px !important;
    }

    /* ── ANA MAÇ SATIRI = GRID KART ──────────────────────────────────── */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] {
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 78px !important;
        grid-template-rows: 1fr 1fr !important;
        grid-template-areas:
            "time home icons"
            "time away icons" !important;
        align-items: center !important;
        min-height: 56px !important;
        padding: 6px 12px !important;           /* 12px sol+sağ standart nefes */
        border-bottom: 1px solid #eef0f3 !important;
        box-sizing: border-box !important;
        background: #fff !important;
    }
    /* İŞ-MP (2026-06-12): ANA SAYFA tüm maç satırı 115px son sütun — bar OLSUN OLMASIN
       aynı genişlik → veri-yok satırının (kalibre tahmin çıkmamış) ikonları barlı
       satırlarla AYNI HİZADA. (Lig/takım/H2H = .mc-card-fixture 78px'te kalır, bar yok.) */
    .mc-mainpage-table tbody tr[data-match-row] {
        grid-template-columns: 44px minmax(0, 1fr) 115px !important;
        /* CLS Faz 2 (2026-06-12): base row min-height 62px BAŞTAN — mobil "günün
           tercihleri" barı async (/api/day-top-picks) gelince .mc-row-has-mobile-picks
           class'ı ekleniyordu ve satır 62px'e BÜYÜYÜP tabloyu kaydırıyordu (CLS).
           Base satır baştan 62px doğarsa async class eklenince yükseklik ATLAMAZ.
           Görünüm aynı (satırlar zaten 62px'e ulaşıyordu). KANIT: ana sayfa mobil
           tr.mc-row-has-mobile-picks suçlusu sim'de listeden düştü. */
        min-height: 62px !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks {
        min-height: 62px !important;
    }
    /* form-row-in/out CSS boyaması Gate-6'da SİLİNDİ (2026-06-09): bu kurallar
       (0.08/0.10) hiç uygulanmıyordu — gerçek renk JS inline'dan geliyor
       (mc_match_h2h.js:565/576 + mc_match_form.js:167/178: tr.style.setProperty
       'background' rgba(...,0.16) !important + td transparent). Inline !important
       bu CSS'i eziyordu → ölü. JS inline TEK KAYNAK (görünüm 0.16 değişmedi). */

    /* Tüm td'leri grid hücresine indirge + eski width zorlamalarını sıfırla */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td {
        display: block !important;
        padding: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        border: none !important;
        vertical-align: middle !important;
    }

    /* ── 1) ZAMAN — sol şerit, MASAÜSTÜYLE AYNI STACK (2026-06-11 vizyoner:
       "desktoptaki düzenin aynısı mobilde de"). SIFIRLANAN eski katmanlar:
       - .mc-fx-time-mobile saat kuralı (span artık üretilmiyor)
       - sezon div gizleme (o kural stack'in kendisini gizlerdi — td1'in ilk div'i artık stack)
       - PAST override (tarih gizle + sezon göster + mini rozet) — stack hepsini
         masaüstüyle aynı biçimde gösteriyor (rozet dahil).
       Tipografi GLOBAL .mc-lt-* kurallarından (desktop-mainpage.css başı). */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td:first-child {
        grid-area: time !important;
        grid-row: 1 / 3 !important;
        align-self: center !important;
        width: 72px !important; min-width: 72px !important; max-width: 72px !important;
        text-align: left !important;
        white-space: nowrap !important;
    }
    /* MOBİL-ONLY font küçültme (2026-06-11 vizyoner kararı: skala token'ı --mc-fs-2xs
       = 0.65rem/10.4px — 0.60 skala DIŞIYDI, en yakın tanımlı boy seçildi; "desktopta
       geçerli olmayacak — desktop onaylı, kilitli"). Global .mc-lt-* (0.68rem) masaüstünün;
       bu override yalnız bu @media içinde yaşar. */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td:first-child .mc-lt-line1,
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td:first-child .mc-lt-line2,
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td:first-child .mc-lt-line3 {
        font-size: var(--mc-fs-2xs, 0.65rem) !important;
    }
    /* İŞ-2B (2026-06-12): mc-lt-hft gizleme kuralı SİLİNDİ — ". Hft" üretimi renderer'dan
       tamamen kalktı (her viewport "25/26 | 34", grep: üretici 0), kural hedefsizdi. */

    /* ── 2) EV / DEP TAKIM HÜCRELERİ — isim sol, İY+MS skor sağ ───────── */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.home-team-cell,
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.away-team-cell {
        align-self: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: left !important;
        gap: 6px !important;
        padding: 0 8px 0 10px !important;       /* çizgi YOK — boşlukla ayrım (negative space) */
        overflow: hidden !important;
    }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.home-team-cell { grid-area: home !important; }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.away-team-cell { grid-area: away !important; }

    /* Logo + isim + kırmızı kart tek satır (a içinde); satırın geri kalanı boşluk, skor sağda. */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.home-team-cell > a,
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.away-team-cell > a,
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.home-team-cell > span:not(:empty),
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.away-team-cell > span:not(:empty) {
        /* İŞ-2 (2026-06-12): grow 1→0 — a metinden geniş şişiyordu (ölçüm: +15px),
           kart/rozet metinden kopuyordu. Boşluğu İY margin-auto alır (desktop'la aynı fix). */
        flex: 0 1 auto !important;
        min-width: 0 !important;
        order: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: visible !important;   /* ×N rozeti kırpılmasın — isim span ellipsis taşır */
        text-decoration: none !important;
        color: inherit !important;
        font-size: 0.88rem !important;
        font-weight: 600 !important;
    }
    /* İsim metni — kırpılır; kartlar ismin hemen sağında kalır (a içi flex). */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] td.home-team-cell a > span:not(.mc-red-card-icon):not(.mc-red-card-wrap),
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] td.away-team-cell a > span:not(.mc-red-card-icon):not(.mc-red-card-wrap),
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.home-team-cell > span:not(:empty):not(.mc-red-card-icon):not(.mc-red-card-wrap),
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.away-team-cell > span:not(:empty):not(.mc-red-card-icon):not(.mc-red-card-wrap) {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    /* Kırmızı kart wrap — isme 3px. İŞ-2 (2026-06-11): kart hücrenin direkt çocuğu
       (a-dışı) → flex item; order:1 = İSİM→[ROZET]→KART, İY(order:3)/MS(order:4)'ten
       önce. X2 count akış içinde düz kırmızı font (köşe-bindirme SÖKÜLDÜ). */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] .mc-red-card-wrap {
        flex: 0 0 auto !important;
        order: 1 !important;
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
        /* İŞ-2 (2026-06-12 vizyoner): metin-kart boşluğu MOBİL 5px = hücre gap(6) - 1 */
        margin: 0 0 0 -1px !important;
        overflow: visible !important;
        vertical-align: middle !important;
        line-height: 0 !important;
        cursor: help !important;
    }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] .mc-red-card-multi {
        margin-right: 2px !important;
    }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] .mc-red-card-icon {
        display: block !important;
        box-sizing: border-box !important;
        width: 8px !important;
        height: 11px !important;
        padding: 0 !important;
        border-radius: 1px !important;
        background: #ef4444 !important;
        border: 1px solid #7f1d1d !important;
    }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] .mc-red-card-count {
        position: static !important;
        font-size: 0.62rem !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        color: #dc2626 !important;
        background: none !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        text-align: left !important;
        pointer-events: none !important;
        white-space: nowrap !important;
        box-shadow: none !important;
    }
    /* İŞ-2: TD-değişim rozeti flex sırası (İSİM→ROZET→KART; inline order:1 + DOM sırası) */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] .mc-td-change-badge {
        order: 1 !important;
        flex: 0 0 auto !important;
    }

    /* İY golü — parantezli küçük gri (data-iy = "(0)"), rozetin solunda */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.home-team-cell::before { content: attr(data-iy) !important; }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.away-team-cell::before { content: attr(data-iy) !important; }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.home-team-cell::before,
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.away-team-cell::before {
        flex: 0 0 auto !important;
        order: 3 !important;
        margin-left: auto !important;   /* isim+kart solda, İY+MS sağda — aradaki boşluk burada */
        /* İŞ-2 M2 (2026-06-11): sabit kolon — İY tüm satırlarda MS ile aynı dikey hizada */
        min-width: 34px !important;
        font-size: 0.64rem !important;
        color: #9ca3af !important;
        font-weight: 500 !important;
        text-align: right !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks > td.home-team-cell::before,
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks > td.away-team-cell::before {
        min-width: 18px !important;
        margin-left: auto !important;
        margin-right: 1px !important; /* İY, MS kutusunun soluna 1px boşlukla (vizyoner 2026-06-12) */
    }

    /* MS skor rozeti — kalın, hafif zemin, sabit konum sağda (data-ms) */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.home-team-cell::after { content: attr(data-ms) !important; }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.away-team-cell::after { content: attr(data-ms) !important; }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.home-team-cell::after,
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.away-team-cell::after {
        flex: 0 0 auto !important;
        order: 4 !important;
        min-width: 18px !important;
        text-align: center !important;
        font-weight: 800 !important;
        font-size: 0.88rem !important;
        background: #f3f4f6 !important;
        border-radius: 4px !important;
        padding: 1px 6px !important;
        color: #111827 !important;
        /* İŞ-2 M4 (2026-06-11): skor kutusu 8px sola (vizyoner 5-10px bandı) */
        margin-right: 8px !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks > td.home-team-cell::after,
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks > td.away-team-cell::after {
        margin-right: 3px !important; /* skor daha sağa, bar ile arası ~3px (vizyoner 2026-06-12) */
    }

    /* ── KAZANAN / KAYBEDEN tipografisi (data-res) ────────────────────── */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td[data-res="win"] > a,
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td[data-res="win"] > span:not(:empty),
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td[data-res="win"] a > span {
        color: #111827 !important;
        font-weight: 800 !important;
    }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td[data-res="win"]::after {
        color: #0a7c33 !important;
        background: #e6f4ea !important;
    }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td[data-res="lose"] > a,
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td[data-res="lose"] > span:not(:empty),
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td[data-res="lose"] a > span {
        color: #6b7280 !important;              /* okunaklı gri — "disabled" değil */
        font-weight: 500 !important;
    }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td[data-res="lose"]::after {
        color: #6b7280 !important;
        background: #f3f4f6 !important;
    }

    /* ── GİZLENEN td'ler ──────────────────────────────────────────────── */
    /* MS kutu td + İY td: home-team-cell ile away-team-cell ARASINDAKİ td'ler
       (class'ları yok; nth-child'a güvenmeyiz). Skorları artık ::before/::after taşıyor. */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td.home-team-cell ~ td:not(.away-team-cell):not(:last-child) {
        display: none !important;
    }

    /* ── 3) İKONLAR — sağ, YATAY tek sıra, dokunma hedefi rahat ───────── */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td:last-child {
        grid-area: icons !important;
        grid-row: 1 / 3 !important;
        align-self: center !important;
        /* İŞ-MP (2026-06-12): justify-self:end — 115px sütunda 78px barsız hücre SAĞA dayanır,
           ikonlar barlı satırların ikonlarıyla AYNI HİZADA (veri-yok satırı kaymaz). */
        justify-self: end !important;
        width: 78px !important; min-width: 78px !important; max-width: 78px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 5px !important;                    /* İŞ-2 (2026-06-12 vizyoner): HER YERDE 5px */
        padding: 0 !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks > td:last-child {
        /* İŞ-MP (2026-06-12): hücre genişliği içeriğe eşit (67+6+38+4pad=115) — eski 126px,
           justify:end ile 15px boşluğu SOLA yığıp picks'i skordan uzaklaştırıyordu (ölçüm). */
        width: 115px !important;
        min-width: 115px !important;
        max-width: 115px !important;
        display: grid !important;
        grid-template-columns: 67px 38px !important;
        column-gap: 6px !important;
        justify-content: end !important;
        align-items: center !important;
        padding-right: 4px !important;
        box-sizing: border-box !important;
        white-space: normal !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-top-picks {
        grid-column: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 6px !important; /* iki bar arası açıldı (vizyoner 2026-06-12) */
        width: 67px !important;
        min-width: 67px !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-pick {
        width: 67px !important;
        min-width: 67px !important;
        font-size: 0.65rem !important; /* 0.52→0.65 (vizyoner 2026-06-12) — isim+%+✓/✗ tek kaynak */
        line-height: 1 !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        white-space: nowrap !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-pick-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 2px !important;
    }
    /* İŞ-MP (2026-06-12): ✓/✗ ikonu %XX'in SOLUNDA — ikisi tek grup, sağa yaslı */
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-pick-r {
        display: inline-flex !important;
        align-items: center !important;
        gap: 2px !important;
        flex: 0 0 auto !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-pick-ico {
        font-weight: 700 !important;
        line-height: 1 !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-pick-track {
        height: 4px !important;
        margin-top: 1px !important;
        background: var(--border-color, #e8eaed) !important;
        border-radius: 2px !important;
        overflow: hidden !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-pick-track > i {
        display: block !important;
        height: 4px !important;
        border-radius: 2px !important;
    }
    /* a11y 2026-06-14: tap target 18→22px (WCAG min 24'e yakın, sıkışık satırda max), ikon büyütüldü,
       wrap 38→46px + translateX(6px) sağa (sol skor/yüzde sabit, ampul sağındaki boşluğa). */
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-icons-wrap {
        grid-column: 2 !important;
        width: 46px !important;
        min-width: 46px !important;
        display: grid !important;
        grid-template-columns: 22px 22px !important;
        grid-template-rows: 22px 18px !important;
        gap: 1px 2px !important;
        justify-content: center !important;
        justify-items: center !important;
        align-content: center !important;
        align-items: center !important;
        transform: translateX(6px) !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-icons-wrap > button {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        transform: none !important;
        line-height: 1 !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-icons-wrap .match-profile-btn {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-icons-wrap .mc-signals-btn {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-icons-wrap .mc-quick-preview-btn {
        grid-column: 1 / 3 !important;
        grid-row: 2 !important;
        justify-self: center !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-icons-wrap i.fa-chart-simple,
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-icons-wrap i.fa-lightbulb {
        font-size: 1.05rem !important;   /* a11y 2026-06-14: 0.86→1.05rem ikon büyütüldü */
        transform: none !important;
    }
    .mc-mainpage-table tbody tr[data-match-row].mc-row-has-mobile-picks .mc-mobile-icons-wrap i.fa-chevron-down {
        font-size: 0.62rem !important;
    }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td:last-child > * {
        /* İŞ-2 (2026-06-12): sayfa-özel margin/transform kalıntısı yasak — aralık tek
           kaynak gap. Mobil [8,16] anomalisinin kökü bu kalıntılardı (translateX vb.). */
        margin: 0 !important;
        transform: none !important;
    }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td:last-child button {
        padding: 4px 2px !important;
        margin: 0 !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 20px !important;
        min-height: 28px !important;            /* dokunma hedefi yüksekliği */
    }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr[data-match-row] > td:last-child i {
        font-size: 0.9rem !important;
    }

    /* Kapalı akordeon/sinyal satırı — yer kaplamasın (display:none inline'ı !important ile
       ezilince her maç arası boş şerit açılıyordu — lig fikstür kanıtı 2026-06-08). */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr.mc-quick-preview-row[style*="none"],
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr.mc-signals-row[style*="none"] {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        overflow: hidden !important;
    }
    /* Açık akordeon + sinyal satırları tam genişlik */
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr.mc-quick-preview-row:not([style*="none"]),
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr.mc-signals-row:not([style*="none"]) {
        display: block !important;
        width: 100% !important;
    }
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr.mc-quick-preview-row:not([style*="none"]) > td,
    :is(.mc-mainpage-table, .mc-card-fixture) tbody tr.mc-signals-row:not([style*="none"]) > td {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 0 !important;
    }
}