/* ════════════════════════════════════════════════════════════════════════ mobile-profile.css — FUTBOL PROFİL SAYFALARI mobil (≤900px) 3 profil: Oyuncu (mc_player_view #player-profile-body), Teknik Direktör + Hakem (mc_official_view .manager-profile-view). 2026-06-02: mobile-shared.css'ten ayrıldı (kullanıcı: "manager/referee/player ayır, shared'a tıkıştırma"). Her profil tipinin mobil kuralı burada toplanır. ════════════════════════════════════════════════════════════════════════ */ @media (max-width: 900px) { /* ════════════════════════════════════════════════════════════════ TD + Hakem PROFİL header (mc_official_view.js, .manager-profile-view) — mobil felaket düzeltme (2026-06-02). Inline-style ağırlıklı, !important ile ezilir. Sorunlar: (1) "Havuza Dön" absolute → isimle çakışıyordu, (2) İlk/Son Lig Maçı label+değer yan yana sıkışıktı → alt alta, (3) header oval (8px) + padding 30px fazla, (4) avatar 90px büyük. ════ */ .manager-profile-view > header.glass-panel { border-radius: 0 !important; /* ovallik alındı */ padding: 12px !important; /* 30px → 12px standart nefes */ padding-bottom: 32px !important; /* buton sağ-alt köşe için yer (boşluk kısıldı, onaylı) */ margin-bottom: 12px !important; position: relative !important; } /* "Geri Dön" — header İÇİNDE sağ ALT köşede, absolute (içerik bloğunun hizasını BOZMAZ). İkon YOK (HTML'den silindi). Düz köşe (oval değil). Mobilde beyaz zemin → koyu metin + görünür border + soft zemin. Kullanıcı onaylı 2026-06-02. */ .manager-profile-view > header.glass-panel #btn-back-to-table { position: absolute !important; top: auto !important; right: 12px !important; bottom: 12px !important; width: auto !important; margin: 0 !important; color: var(--text-primary, #1a1a1a) !important; border: 1px solid rgba(0,0,0,0.2) !important; background: rgba(0,0,0,0.04) !important; border-radius: 0 !important; /* OVAL DEĞİL — düz köşe */ padding: 6px 12px !important; /* alttan üstten düzgün dik */ font-size: 0.76rem !important; font-weight: 500 !important; z-index: 2 !important; } /* Header iç düzen: avatar + içerik DİKEY ORTALA (avatar isim+maç bloğunun ortasında) */ .manager-profile-view > header.glass-panel > div { gap: 12px !important; align-items: center !important; } .manager-profile-view > header.glass-panel > div > div:first-child { width: 60px !important; height: 60px !important; font-size: 2rem !important; margin-top: 0 !important; } /* İsim — 2.2rem mobilde büyük, kıs */ .manager-profile-view > header.glass-panel h2 { font-size: 1.5rem !important; margin-bottom: 10px !important; } /* İlk/Son Lig Maçı — label + değer ALT ALTA (yan yana sıkışmıyor) */ .manager-profile-view > header.glass-panel #profile-first-match, .manager-profile-view > header.glass-panel #profile-last-match { display: block !important; } .manager-profile-view > header.glass-panel h2 + div > div { flex-direction: column !important; align-items: flex-start !important; gap: 2px !important; } /* ════════════════════════════════════════════════════════════════ TD/Hakem profil FİLTRE ALANI — Tahmin/Kupon şık görsel diline revize (2026-06-02, kullanıcı onaylı). Sekmeler → segment buton, 4 dropdown → 2'li grid kutulu, 12px kenar nefes. Scope .manager-profile-view (sadece bu sayfa). */ /* Üst sekmeler (Kariyer Çizelgesi/Tüm Maçlar/Ev Sahibi/Deplasman + İstatistik + Sıfırla) → SEGMENT BUTON. Düz metin link yerine kenarlıklı kutu, aktif yeşil-dolu. */ .manager-profile-view #profile-main-tabs { display: flex !important; flex-wrap: wrap !important; /* yatay (sekmeler arası) 10px. dikey (satırlar arası) row-gap:0 + break div height:10px ile sağlanır — gap:10 kullanılırsa break div çift gap yaratıp dikeyi 20px yapıyordu. */ column-gap: 10px !important; row-gap: 0 !important; border-bottom: none !important; box-sizing: border-box !important; padding: 0 12px !important; margin-bottom: 14px !important; justify-content: center !important; } .manager-profile-view #profile-main-tabs > a, .manager-profile-view #profile-main-tabs > button { flex: 0 0 auto !important; border: 1px solid #cfcfcf !important; border-radius: 0 !important; background: #f4f4f4 !important; color: #444 !important; padding: 6px 7px !important; font-size: 0.7rem !important; font-weight: 600 !important; text-decoration: none !important; cursor: pointer !important; line-height: 1.2 !important; } /* SATIR KIRICI — İstatistik/Filtreleri'yi ALT satıra zorlar (üst 3lü/4lü sekme kalır). flex-basis:100% → tek başına satırı kaplar, sonraki elemanlar yeni satıra geçer. SAF CSS hizalama (JS margin enjekte SİLİNDİ → scroll'da fırlama YOK). */ .manager-profile-view #profile-main-tabs > .mc-tab-break { flex: 0 0 100% !important; width: 100% !important; height: 10px !important; /* satırlar arası dikey boşluk = yatay gap (10px) */ margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } /* aktif sekme → yeşil dolu (Tahmin/Kupon dili) */ .manager-profile-view #profile-main-tabs > a.active { background: #508200 !important; color: #fff !important; border-color: #416900 !important; } /* İstatistik ve Analiz — yeşil dolu segment. .mc-tab-break ile alt satıra düşer, margin AUTO YOK → container justify:center ile ALT SATIRDA ORTALI durur (İstatistik + Filtreleri birlikte ortada). Saf CSS, scroll'da fırlama yok. */ .manager-profile-view #profile-analyze-btn { margin-left: 0 !important; margin-right: 0 !important; background: #508200 !important; color: #fff !important; border-color: #416900 !important; } /* Filtreleri Sıfırla — kırmızı çerçeve. margin AUTO YOK → alt satırda İstatistik'in yanında ORTALI (justify:center). */ .manager-profile-view #profile-clear-filters { margin-left: 0 !important; margin-right: 0 !important; border-color: #ef4444 !important; color: #ef4444 !important; background: #fff !important; } /* 4 dropdown (Sezon/Görev/Rakip/Hakem) → 2'li GRID + soldan-sağdan 12px nefes */ .manager-profile-view div:has(> div > #custom-profile-season) { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px 12px !important; width: 100% !important; padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; } /* her filtre: label ÜSTTE, dropdown altta (dikey) */ .manager-profile-view div:has(> #custom-profile-season), .manager-profile-view div:has(> #custom-profile-managed), .manager-profile-view div:has(> #custom-profile-opponent), .manager-profile-view div:has(> #custom-profile-person) { flex-direction: column !important; align-items: stretch !important; gap: 4px !important; } /* dropdown → KUTULU (Kupon dili: border + soft zemin + düz köşe) */ .manager-profile-view #custom-profile-season, .manager-profile-view #custom-profile-managed, .manager-profile-view #custom-profile-opponent, .manager-profile-view #custom-profile-person { border: 1px solid #cfcfcf !important; background: #f9f9f9 !important; border-radius: 0 !important; padding: 0 !important; width: 100% !important; } .manager-profile-view #custom-profile-season .mc-summary, .manager-profile-view #custom-profile-managed .mc-summary, .manager-profile-view #custom-profile-opponent .mc-summary, .manager-profile-view #custom-profile-person .mc-summary { padding: 7px 10px !important; font-size: 0.78rem !important; border: none !important; } /* filtre label'ları küçük gri */ .manager-profile-view div:has(> #custom-profile-season) > span, .manager-profile-view div:has(> #custom-profile-managed) > span, .manager-profile-view div:has(> #custom-profile-opponent) > span, .manager-profile-view div:has(> #custom-profile-person) > span { font-size: 0.72rem !important; color: #888 !important; font-weight: 600 !important; } /* ════════════════════════════════════════════════════════════════ KARİYER ÇİZELGESİ tablosu (#content-tab-career, "Görev Yaptığı Takımlar") — komple estetik (2026-06-02, kullanıcı onaylı). Full-bleed + düz bant + hover fix + 12px + tarih ortala/tabular-nums + ikon kaldır + üst nefes. */ #content-tab-career { margin-top: 14px !important; } #content-tab-career > div { border-radius: 0 !important; padding: 0 !important; border-left: none !important; border-right: none !important; margin-left: 0 !important; margin-right: 0 !important; } /* siyah bant başlık (h3) — timeline ikon KALDIR + SOLA 12px yaslı + dikey ortalı */ #content-tab-career h3 i { display: none !important; } #content-tab-career h3 { margin: 0 !important; padding: 14px 12px !important; /* üst-alt eşit 14px, sol 12px */ text-align: left !important; display: block !important; border-radius: 0 !important; } #content-tab-career table { width: 100% !important; } /* HOVER FIX — genel .data-table tr:hover td beyaz (#f8fafc) → koyu temada beyaz/beyaz okunmazdı. Koyu yeşilimsi vurgu + beyaz text. */ #content-tab-career .data-table tr:hover td { background: rgba(80,130,0,0.18) !important; color: #fff !important; } #content-tab-career .data-table tbody tr td { border-bottom: 1px solid rgba(255,255,255,0.06) !important; } /* başlık satırı (TAKIM/GÖREVE GELİŞ/GÖREVDEN AYRILIŞ) — takvim ikonları KALDIR */ #content-tab-career .data-table thead th i { display: none !important; } #content-tab-career .data-table thead th { background: #1f1f1f !important; color: #cfcfcf !important; font-size: 0.7rem !important; padding: 8px 4px !important; } /* TAKIM sol 12px, son sütun sağ 12px nefes; başlık TAKIM sol / tarih orta */ #content-tab-career .data-table th:first-child, #content-tab-career .data-table td:first-child { padding-left: 12px !important; } #content-tab-career .data-table thead th:first-child { text-align: left !important; } #content-tab-career .data-table th:last-child, #content-tab-career .data-table td:last-child { padding-right: 12px !important; } /* Tarih sütunları (2=GÖREVE GELİŞ, 3=GÖREVDEN AYRILIŞ) — ORTALA + tabular-nums (rakamlar eşit genişlik, dikey hizalı). */ #content-tab-career .data-table td:nth-child(2), #content-tab-career .data-table td:nth-child(3), #content-tab-career .data-table th:nth-child(2), #content-tab-career .data-table th:nth-child(3) { text-align: center !important; font-variant-numeric: tabular-nums !important; font-feature-settings: "tnum" 1 !important; } /* ════════════════════════════════════════════════════════════════ TD/Hakem profil MAÇ tablosu (#content-tab-matches "Kariyer Tümü") = LİG/TAKIM FİKSTÜRÜ birebir (2026-06-02, kullanıcı: "takım fikstürü gibi yap"). Profil 10 sütun: [1=sezon, 2=TARİH, 3=Ev, 4=MS, 5=İY, 6=Dep, 7=EvTD, 8=DepTD, 9=Hakem, 10=akx]. Sezon(1) + TD/Hakem(hide-mobile) gizle → görünür: TARİH/Ev/MS/ İY/Dep/akx = lig fikstürü. Sütun genişlikleri lig değerleri (TARİH 74, Ev/Dep auto, MS 35, İY 30). Tarih formatı renderer'da lig'le eşitlendi. ════════════════════ */ /* GİZLİ sütunlar: sezon(1) + TD/Hakem(hide-mobile) → display:none + width 0 (table-layout:fixed inline %'lerini bozmasın). DİKKAT: nth-child(1) gizlemesi SADECE gerçek veri satırlarına. Chevron açılınca eklenen expand satırının tek 'i da nth-child(1)'dir; onu gizlersek panel 0px açılır (chevron "çalışmıyor" görünür). İki expand class'ı da :not ile dışlanır: • mc-quick-preview-row → renderer'ın SDC/DC önizleme satırı • mc-ss-expand-row → applyMobileChevronExpand'in (Sezon|Ev TD|Dep TD|Hakem) satırı */ #content-tab-matches table.fixtures-table tr:not(.mc-quick-preview-row):not(.mc-ss-expand-row) > th:nth-child(1), #content-tab-matches table.fixtures-table tr:not(.mc-quick-preview-row):not(.mc-ss-expand-row) > td:nth-child(1), #content-tab-matches .hide-mobile { display: none !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; } /* Expand satırları (her iki tip): colspan td görünür kalsın + tabloyu tam kaplasın (fixed layout'ta diğer sütunları ezmesin → Ev/Dep daralmaz). */ #content-tab-matches .fixtures-table tr.mc-quick-preview-row > td, #content-tab-matches .fixtures-table tr.mc-ss-expand-row > td { display: table-cell !important; width: auto !important; min-width: 0 !important; max-width: none !important; } /* full-bleed kart/bant/wrapper + sağ SCROLL kaldır (overflow-x hidden) */ #content-tab-matches #profile-matches-article > div { border-radius: 0 !important; padding: 0 !important; border: none !important; margin-top: 0 !important; } #content-tab-matches #profile-fixtures-wrapper { padding-right: 0 !important; overflow-x: hidden !important; } /* table-layout: AUTO — lig fikstürü (mobile-league.css .mc-league-fixtures-table) table-layout belirtmez = auto. fixed kullanınca colspan="10" expand satırı (chevron açılınca) görünür 6 sütunun kolon modelini eziyordu → Ev/Dep 95→32px DARALIYORDU. auto'da sütunlar min-width ile zorlanır, expand colspan tabloyu bozmaz (lig gibi). */ #content-tab-matches table.fixtures-table { width: 100% !important; table-layout: auto !important; } /* Görünür sütun GENİŞLİKLERİ — min+max+width üçü birden (th inline %'yi yener), lig/takım fikstürü birebir. Profilde TARİH=2,Ev=3,MS=4,İY=5,Dep=6,akx=son. */ #content-tab-matches .fixtures-table th:nth-child(2), #content-tab-matches .fixtures-table td:nth-child(2) { width: 74px !important; min-width: 74px !important; max-width: 74px !important; padding-left: 12px !important; text-align: center !important; white-space: nowrap !important; } #content-tab-matches .fixtures-table th:nth-child(3), #content-tab-matches .fixtures-table td:nth-child(3) { width: auto !important; min-width: 60px !important; max-width: none !important; text-align: right !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #content-tab-matches .fixtures-table th:nth-child(4), #content-tab-matches .fixtures-table td:nth-child(4) { width: 35px !important; min-width: 35px !important; max-width: 35px !important; text-align: center !important; } #content-tab-matches .fixtures-table th:nth-child(5), #content-tab-matches .fixtures-table td:nth-child(5) { width: 30px !important; min-width: 30px !important; max-width: 30px !important; text-align: center !important; } #content-tab-matches .fixtures-table th:nth-child(6), #content-tab-matches .fixtures-table td:nth-child(6) { width: auto !important; min-width: 80px !important; max-width: none !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Ev (3.) de kalan alanı yutsun (min 80) — tablo sağa daha yayılır */ #content-tab-matches .fixtures-table th:nth-child(3), #content-tab-matches .fixtures-table td:nth-child(3) { min-width: 80px !important; } /* son sütun (aksiyon — 2 buton: chevron + istatistik) — iki buton + 12px sağ nefes için 54px gerekli (42px'te padding-right içerik tarafından eziliyordu, buton sağ kenara 3px dayanıyordu). padding-right:9px + son butonun margin-right:0 → son buton sağ kenardan TAM 12px (ölçüldü). text-align:right ile butonlar sağa toplanır. */ #content-tab-matches .fixtures-table tr > th:last-child, #content-tab-matches .fixtures-table tr > td:last-child { width: 54px !important; min-width: 54px !important; max-width: 54px !important; padding-right: 9px !important; padding-left: 2px !important; text-align: right !important; white-space: nowrap !important; } #content-tab-matches .fixtures-table tr > td:last-child > *:last-child { margin-right: 0 !important; } #content-tab-matches .fixtures-table .mc-quick-preview-btn, #content-tab-matches .fixtures-table .match-profile-btn { transform: none !important; } /* sağ dikey scroll şeridi gizle (overflow-y var, şerit görünüyordu) */ #content-tab-matches #profile-fixtures-wrapper { scrollbar-width: none !important; } #content-tab-matches #profile-fixtures-wrapper::-webkit-scrollbar { display: none !important; } /* OYUNCU profili (mc_player_view #player-profile-body) — mobil kuralları gerektiğinde buraya. (Henüz dokunulmadı.) */ }