/* =====================================================================
   DOKSAN — tema katmanı
   Geri bildirim 1: "karışık, göz yoruyor" → süsler kaldırıldı, kartlara geçildi.
   Geri bildirim 2: "çok koyu, cansız"   → varsayılan AÇIK ve canlı tema:
     ferah zemin, beyaz kartlar, canlı yeşil üst bant ve skorbord.
   Koyu tema isteğe bağlı (üst banttaki düğme): siyah değil, derin yeşil.
   Tek yazı ailesi (Barlow), tek vurgu rengi (yeşil), ince çizgiler.
   Bu dosya saha/oyuncu/tribun'den sonra, mobil'den önce yüklenir.
   ===================================================================== */

/* ------------------------------------------------ tema belirteçleri
   --chalk* = yazı tonları (adlar eski temadan), --t1..t4 = temanın yazı tonları.
   Yeşil zeminli bölgeler (üst bant, skorbord) --chalk'ı yerelde beyaza çevirir. */
:root {
  --ink-rgb: 16, 36, 25;
  --accent-rgb: 14, 154, 83;
  --t1: #102419;
  --t2: rgba(16, 36, 25, 0.72);
  --t3: rgba(16, 36, 25, 0.52);
  --t4: rgba(16, 36, 25, 0.1);
  --chalk: var(--t1); --chalk-2: var(--t2); --chalk-3: var(--t3); --chalk-4: var(--t4);
  --line: 1px solid var(--t4);
  --grass-1: #eef3f0;          /* sayfa zemini */
  --grass-2: #eef3f0;
  --grass-deep: #e3ebe6;
  --grass-ink: #ffffff;        /* vurgu/koyu zemin üstündeki yazı */
  --surface: #ffffff;
  --surface-2: #f4f8f5;
  --amber: #0e9a53;            /* vurgu (yeşil) */
  --accent-hover: #0c8848;
  --yellow: #d99a00;           /* canlı */
  --red: #e5484d;
  --led-green: #0e9a53;
  --board: var(--surface);
  --board-edge: var(--t4);
  --home: #1f3d2c;
  --away: #0e9a53;
  --hdr: linear-gradient(120deg, #0a7d42 0%, #0f9f55 55%, #16b862 100%);
  --shadow: 0 1px 2px rgba(16, 36, 25, 0.06), 0 4px 14px rgba(16, 36, 25, 0.05);
  --radius: 12px;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --ink-rgb: 232, 243, 236;
  --accent-rgb: 62, 224, 127;
  --t1: #e8f3ec;
  --t2: rgba(232, 243, 236, 0.74);
  --t3: rgba(232, 243, 236, 0.52);
  --t4: rgba(232, 243, 236, 0.1);
  --grass-1: #0b1d14;
  --grass-2: #0b1d14;
  --grass-deep: #081710;
  --grass-ink: #05140b;
  --surface: #11291d;
  --surface-2: #163325;
  --amber: #3ee07f;
  --accent-hover: #5ae893;
  --yellow: #ffd23f;
  --red: #ff5a5f;
  --led-green: #3ee07f;
  --home: #e8f3ec;
  --away: #3ee07f;
  --hdr: linear-gradient(120deg, #075a30 0%, #0a7a41 55%, #0f9151 100%);
  --shadow: none;
  color-scheme: dark;
}

/* ------------------------------------------------ genel */
body { font-size: 15px; background: var(--grass-1); color: var(--chalk); font-feature-settings: 'tnum' 1; }
body::before { background: var(--grass-1); }
*, *::before, *::after { text-shadow: none !important; }
::selection { background: rgba(var(--accent-rgb), 0.3); }

/* saha süsleri: köşe yayları, bayrak, orta yuvarlak, ceza yayı, skorbord direkleri */
.corner, .corner-flag, .masthead::after, .box::after, .box-goal, .board::before, .board::after,
.dl-flag, .dl-track::after, .post::before, .post::after { display: none !important; }

.stadium { padding: 0 16px 48px; overflow-x: clip; }
.touchline { border: 0; box-shadow: none; padding: 0; max-width: 1120px; }

/* ------------------------------------------------ üst bant: canlı yeşil */
.masthead {
  --chalk: #fff; --chalk-2: rgba(255, 255, 255, 0.85); --chalk-3: rgba(255, 255, 255, 0.7); --chalk-4: rgba(255, 255, 255, 0.2); --ink-rgb: 255, 255, 255;
  position: sticky; top: 0; z-index: 40;
  display: flex; align-items: center; gap: 24px;
  /* kenardan kenara: kapsayıcıdan taşır, içerik kapsayıcı hizasında kalır */
  margin: 0 calc(50% - 50vw); padding: 12px calc(50vw - 50%);
  background: var(--hdr);
  box-shadow: 0 2px 12px rgba(6, 60, 32, 0.18);
  color: #fff;
}
/* bantta saha dokusu: silik orta çizgi + orta yuvarlak (tek süs, hafif) */
.masthead::before {
  content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0.12;
  background:
    radial-gradient(circle at 50% 50%, transparent 38px, #fff 38px, #fff 40px, transparent 40px) center / 100% 100% no-repeat,
    linear-gradient(90deg, transparent calc(50% - 1px), #fff calc(50% - 1px), #fff calc(50% + 1px), transparent calc(50% + 1px));
}
.masthead > * { position: relative; }
.brand { gap: 10px; }
.brand-goal { width: 34px; height: 22px; color: #fff; }
.brand-text b { font-family: var(--f-text); font-weight: 800; font-size: 22px; letter-spacing: -0.01em; color: #fff; }
.brand-text small { display: none; }
.subboard {
  order: 3; padding: 4px 10px; gap: 6px; border: 0; border-radius: 999px; box-shadow: none;
  background: rgba(255, 255, 255, 0.18); background-image: none; font-family: var(--f-text);
}
.subboard:not(.on) { display: none; }
.sb-in { font-size: 12px; font-weight: 600; color: #fff; }
.sb-num { font-size: 14px; font-weight: 700; color: #fff; min-width: 0; }
.subboard.on .sb-in { animation: none; }
.subboard.on .sb-in::before { content: ''; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: #ff6b6b; animation: blink 1.4s ease-in-out infinite; vertical-align: 1px; }
.mast-right { flex: 1; display: flex; align-items: center; gap: 12px; }
.mast-right .theme-tg { margin-left: auto; }
.mainnav { gap: 2px; }
.mainnav a { padding: 8px 12px; border-radius: 8px; font-family: var(--f-text); font-weight: 600; font-size: 15px; color: rgba(255, 255, 255, 0.82); }
.mainnav a:hover { color: #fff; background: rgba(255, 255, 255, 0.12); }
.mainnav a.on { color: #fff; background: rgba(255, 255, 255, 0.2); }
.mainnav a.on::after { display: none; }
.masthead .btn { background: #fff; color: #0a7d42; }
.masthead .btn:hover { background: #eafff2; }
.ub-bell { color: #fff; }
.theme-tg { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #fff; background: rgba(255, 255, 255, 0.14); flex: none; }
.theme-tg:hover { background: rgba(255, 255, 255, 0.24); }
.theme-tg svg { width: 18px; height: 18px; }
.theme-tg .i-moon { display: block; }
.theme-tg .i-sun { display: none; }
:root[data-theme="dark"] .theme-tg .i-moon { display: none; }
:root[data-theme="dark"] .theme-tg .i-sun { display: block; }

.view { padding-top: 20px; }
.foot { border-top: 1px solid var(--chalk-4); font-family: var(--f-text); font-size: 12px; }

/* ------------------------------------------------ butonlar, formlar */
.btn {
  border-radius: 8px; border: 1px solid transparent; padding: 8px 16px;
  font-family: var(--f-text); font-weight: 600; font-size: 14px;
  background: var(--amber); color: var(--grass-ink);
}
.btn:hover { background: var(--accent-hover); }
.btn.ghost { background: transparent; border-color: rgba(var(--ink-rgb), 0.18); color: var(--chalk); }
.btn.ghost:hover { background: rgba(var(--ink-rgb), 0.05); }
.btn.small { padding: 6px 12px; font-size: 13px; }
.btn.red { background: var(--red); color: #fff; }
.more { border: 1px solid rgba(var(--ink-rgb), 0.18); border-radius: 8px; font-family: var(--f-text); font-weight: 600; font-size: 14px; padding: 9px 22px; }
.more:hover { background: rgba(var(--ink-rgb), 0.04); }
input, textarea, select { font-family: var(--f-text); }
.search { border: 1px solid var(--chalk-4); border-radius: 10px; background: var(--surface); padding: 8px 12px; min-width: 240px; }
.search input { font-family: var(--f-text); font-size: 15px; }
.gate { border: 1px solid var(--chalk-4); border-radius: var(--radius); background: var(--surface); font-family: var(--f-text); font-size: 15px; }
.gate code { font-family: var(--f-display); color: var(--amber); }
.err { border-radius: 10px; border-width: 1px; font-family: var(--f-text); font-size: 15px; }
.empty { font-family: var(--f-text); font-size: 16px; }
.empty svg { opacity: 0.5; }

/* ------------------------------------------------ tarih şeridi */
.dateline { margin-bottom: 14px; align-items: center; }
.dl-track { border: 0; padding: 0; gap: 4px; }
.dl-day { padding: 6px 0; border-radius: 10px; font-family: var(--f-text); color: var(--chalk-3); }
.dl-day::after { display: none; }
.dl-day span { font-size: 12px; font-weight: 500; }
.dl-day b { font-family: var(--f-display); font-weight: 700; font-size: 20px; }
.dl-day:hover { background: rgba(var(--ink-rgb), 0.04); color: var(--chalk); }
.dl-day.on { background: var(--amber); color: var(--grass-ink); }
.dl-day.on span { color: var(--grass-ink); }
.dl-day.today:not(.on) span { color: var(--amber); font-weight: 600; }
.dl-nav { width: 34px; height: 34px; margin: 0; border: 1px solid var(--chalk-4); }
.dl-nav svg { width: 14px; height: 14px; }

/* ------------------------------------------------ filtre çipleri */
.controls { margin-bottom: 18px; gap: 10px 16px; }
.spots { gap: 6px; }
.spot {
  padding: 6px 12px; border-radius: 999px; border: 1px solid var(--chalk-4);
  font-family: var(--f-text); font-weight: 500; font-size: 14px; color: var(--chalk-2);
}
.spot::before { display: none; }
.spot:hover { color: var(--chalk); border-color: rgba(var(--ink-rgb), 0.2); }
.spot.on { background: var(--chalk); border-color: var(--chalk); color: var(--grass-ink); }
.spot .n { font-family: var(--f-text); font-weight: 600; font-size: 12px; color: inherit; opacity: 0.6; margin-left: 6px; }
.spot.on::before { display: none; }

/* ------------------------------------------------ lig kutusu → kart */
.box { margin: 0 0 16px; border: 1px solid var(--chalk-4); border-radius: var(--radius); background: var(--surface); overflow: hidden; box-shadow: var(--shadow); }
.box-head { gap: 10px; padding: 11px 16px; border-bottom: 1px solid var(--chalk-4); background: rgba(var(--accent-rgb), 0.06); box-shadow: inset 3px 0 0 var(--amber); }
.box-title { flex-direction: row; align-items: baseline; gap: 8px; }
.box-title small { order: 2; font-family: var(--f-text); font-size: 12px; color: var(--chalk-3); }
.box-title h2 { margin: 0; font-family: var(--f-text); font-weight: 700; font-size: 16px; }
.box-link { font-family: var(--f-text); font-size: 13px; color: var(--chalk-3); }
.box-link:hover { color: var(--amber); }
.box.women { border-color: rgba(217, 166, 255, 0.35); }
.box.women .box-head { background: rgba(217, 166, 255, 0.06); }

/* ------------------------------------------------ maç satırı */
.row { padding: 10px 14px 16px 8px; border-top: 1px solid var(--chalk-4); }
.row.link:hover { background: var(--surface-2); }
.row.live { background: rgba(245, 197, 66, 0.05); }
.row.live::before { width: 3px; left: 0; top: 0; bottom: 0; background: var(--yellow); }
.st { font-family: var(--f-text); font-weight: 500; font-size: 14px; color: var(--chalk-3); }
.st.live, .st.ht { color: var(--yellow); font-weight: 700; }
.st.ft { color: var(--chalk-3); }
.team { font-family: var(--f-text); font-size: 15px; font-weight: 500; color: var(--chalk-2); }
.team.win { color: var(--chalk); font-weight: 700; }
.fav { color: rgba(var(--ink-rgb), 0.18); font-size: 15px; }
.fav.on { color: var(--yellow); transform: none; }

/* skor: kale/file yerine sade kutu */
.kale {
  width: 64px; height: 30px; border: 0; border-radius: 8px;
  background: rgba(var(--ink-rgb), 0.05); background-image: none;
  font-family: var(--f-display); font-weight: 700; font-size: 18px;
}
.kale::after { display: none; }
.kale i { color: var(--chalk-3); font-size: 14px; }
.kale.pre b { font-size: 14px; }
.kale .ht { bottom: -15px; font-family: var(--f-text); font-size: 10px; letter-spacing: 0; }
.row.live .kale { color: var(--yellow); background: rgba(245, 197, 66, 0.1); }
.kale.gol::before { font-family: var(--f-text); font-weight: 700; letter-spacing: 0; border-radius: 4px; background: var(--yellow); }

/* tahmin çipleri */
.pk { border: 1px solid var(--chalk-4); border-radius: 6px; background: transparent; }
.pk small { font-family: var(--f-text); font-weight: 500; font-size: 9px; letter-spacing: 0; }
.pk b { font-family: var(--f-display); font-weight: 700; font-size: 14px; }
.pk.hi { border-color: rgba(var(--accent-rgb), 0.6); background: rgba(var(--accent-rgb), 0.08); }
.pk.hi b { color: var(--amber); }
.pk.off { visibility: hidden; } /* %60 altı: hiç gösterme (hizalama için yer tutar) */
.pk.ok { background: rgba(var(--accent-rgb), 0.14); border-color: rgba(var(--accent-rgb), 0.6); }
.pk.no { border-color: rgba(255, 90, 95, 0.35); opacity: 0.5; }
.chev { color: var(--chalk-3); }

/* çip açıklaması (maç listesinin üstünde) */
.legend-pk { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: -6px 0 14px; font-size: 13px; color: var(--chalk-3); }
.legend-pk b { color: var(--chalk-2); font-weight: 600; }

/* ------------------------------------------------ kadın futbolu rozetleri */
.wbadge, .wtag { font-family: var(--f-text); font-weight: 700; letter-spacing: 0; border-radius: 4px; }
.wdivider { border: 1px solid rgba(217, 166, 255, 0.35); border-radius: var(--radius); }
.wd-title { font-family: var(--f-text); font-weight: 700; font-size: 18px; }
.wd-text { font-family: var(--f-text); font-size: 14px; }
.wbanner { border-radius: 8px; font-family: var(--f-text); font-size: 15px; }

/* ------------------------------------------------ maç sayfası */
.back { font-family: var(--f-text); font-size: 14px; font-weight: 500; }
.board {
  /* skorbord: üst bantla aynı canlı yeşil, üstünde beyaz yazı */
  --chalk: #fff; --chalk-2: rgba(255, 255, 255, 0.88); --chalk-3: rgba(255, 255, 255, 0.72); --chalk-4: rgba(255, 255, 255, 0.2); --ink-rgb: 255, 255, 255;
  --yellow: #ffe066; --amber: #fff;
  color: #fff; border: 0; border-radius: 16px; box-shadow: 0 6px 24px rgba(6, 80, 40, 0.18);
  background: var(--hdr); background-image: var(--hdr);
  padding: 16px 20px 22px;
}
.board.women { border-color: rgba(217, 166, 255, 0.35); }
.board-top { font-family: var(--f-text); font-size: 13px; color: var(--chalk-3); border-bottom: 1px solid var(--chalk-4); }
.b-name { font-family: var(--f-text); font-weight: 700; font-size: clamp(17px, 2.4vw, 26px); color: var(--chalk); }
.b-team.away .b-name { color: var(--chalk); }
.b-meta { font-family: var(--f-text); font-size: 13px; color: var(--chalk-3); }
.b-scorers { font-family: var(--f-text); font-size: 13px; color: var(--chalk-2); }
.b-digits { font-family: var(--f-display); font-weight: 700; font-size: clamp(44px, 7vw, 72px); color: var(--chalk); gap: 10px; }
.b-digits .sep { animation: none; opacity: 0.35; }
.b-digits.pre { color: var(--chalk-3); }
.b-clock { font-family: var(--f-text); font-weight: 600; font-size: 13px; color: var(--chalk-2); border: 0; border-radius: 999px; background: rgba(var(--ink-rgb), 0.06); padding: 4px 12px; }
.b-clock.live { color: var(--yellow); background: rgba(245, 197, 66, 0.12); }
.b-ht, .b-fav { font-family: var(--f-text); font-size: 13px; }
.b-fav.on { color: var(--yellow); }

.tabs { margin: 22px 0 18px; border-bottom: 1px solid var(--chalk-4); gap: 0; }
.tab { padding: 10px 14px; font-family: var(--f-text); font-weight: 600; font-size: 15px; color: var(--chalk-3); }
.tab:hover { color: var(--chalk); }
.tab.on { color: var(--chalk); }
.tab.on::after { left: 10px; right: 10px; bottom: -1px; height: 2px; background: var(--amber); border-radius: 2px; }

.card { border: 1px solid var(--chalk-4); border-radius: var(--radius); background: var(--surface); padding: 16px 18px; margin-bottom: 16px; box-shadow: var(--shadow); }
.card h3 { font-family: var(--f-text); font-weight: 700; font-size: 16px; }
.card h3 small { font-family: var(--f-text); font-size: 13px; font-weight: 400; }
.note { font-family: var(--f-text); font-size: 13px; }
.legend { font-family: var(--f-text); font-size: 13px; }

.seg { border: 1px solid var(--chalk-4); border-radius: 8px; overflow: hidden; }
.seg button { font-family: var(--f-text); font-weight: 600; font-size: 13px; padding: 6px 14px; }
.seg button.on { background: var(--chalk); color: var(--grass-ink); }
.seg button.live.on { background: var(--yellow); }

.stat .v { font-family: var(--f-display); font-weight: 700; font-size: 17px; }
.stat .v.a { color: var(--amber); }
.stat .lbl { font-family: var(--f-text); font-size: 13px; }
.stat .track { height: 6px; }
.stat .track span { border-radius: 3px; overflow: hidden; background: rgba(var(--ink-rgb), 0.06); }
.stat .track::after { display: none; }
.kv { font-family: var(--f-text); font-size: 15px; }
.kv dd { font-family: var(--f-display); font-weight: 700; font-size: 16px; }
.form-row, .h2h-list, .squad ol, .officials, .squad .mgr { font-family: var(--f-text); }
.fr { font-family: var(--f-text); font-weight: 700; font-size: 12px; width: 24px; height: 24px; border-radius: 6px; }
.fr.G { background: var(--amber); color: var(--grass-ink); }
.h2h-bar { font-family: var(--f-display); border-radius: 6px; overflow: hidden; height: 28px; font-size: 15px; }
.h2h-list b, .squad li .no, .squad h4, .grp-title { font-family: var(--f-display); font-weight: 700; }
.squad h4 { font-size: 17px; }
.squad .bench { border: 0; border-radius: 6px; background: rgba(var(--ink-rgb), 0.05); font-family: var(--f-text); font-size: 12px; font-weight: 600; }
table.standings { font-family: var(--f-text); font-size: 14px; }
.standings th { font-size: 12px; font-weight: 500; border-bottom: 1px solid var(--chalk-4); }
.standings td { border-bottom: 1px solid var(--chalk-4); }
.standings td.rk, .standings td.pts { font-family: var(--f-display); font-weight: 700; font-size: 15px; }
.standings td.tm { font-weight: 600; font-size: 15px; }
.standings tr.hl td { background: rgba(var(--accent-rgb), 0.08); }
.standings tr.hl td.tm { color: var(--amber); }
.zones { font-family: var(--f-text); font-size: 13px; }
.comm { border-left: 1px solid var(--chalk-4); }
.comm li::before { border-width: 2px; border-color: var(--chalk-3); background: var(--grass-1); width: 10px; height: 10px; left: -28px; }
.comm time { font-family: var(--f-display); font-weight: 700; color: var(--amber); }
.comm h5 { font-family: var(--f-text); font-weight: 600; font-size: 16px; }
.probbar b { font-family: var(--f-display); font-weight: 700; }
.absences { font-family: var(--f-text); }

/* motor */
.engtag {
  padding: 2px 8px; border: 1px solid rgba(var(--accent-rgb), 0.4); border-radius: 999px; background: rgba(var(--accent-rgb), 0.08);
  font-family: var(--f-text); font-weight: 600; font-size: 11px; color: var(--amber);
}
.derbytag { border-radius: 999px; font-family: var(--f-text); font-weight: 700; font-size: 11px; }
.picks { gap: 10px; }
.pcard { border: 1px solid var(--chalk-4); border-radius: var(--radius); background: var(--surface-2); background-image: none; }
.pc-t { font-family: var(--f-text); font-size: 12px; font-weight: 500; color: var(--chalk-3); }
.pc-pick { font-family: var(--f-display); font-weight: 700; font-size: 34px; color: var(--amber); }
.pc-sub { font-family: var(--f-text); font-size: 13px; color: var(--chalk-2); }
.pc-p { font-family: var(--f-display); font-weight: 700; font-size: 18px; }
.pc-p em { border-radius: 999px; font-family: var(--f-text); font-weight: 600; font-size: 11px; }
.pc-bar { height: 6px; border-radius: 3px; overflow: hidden; }
.pc-bar i { font-size: 0; background: rgba(var(--ink-rgb), 0.08); }
.pc-bar i.on { background: var(--amber); }
.pc-hit { border-radius: 999px; font-family: var(--f-text); font-weight: 700; font-size: 10px; transform: none; top: 8px; right: 8px; }
.pcard.none .pc-pick { color: var(--chalk-3); }
table.cmp { font-family: var(--f-text); font-size: 14px; }
.cmp th, .cmp td { border-bottom: 1px solid var(--chalk-4); }
.cmp thead th { font-size: 12px; font-weight: 500; border-bottom: 1px solid var(--chalk-4); }
.cmp .fin { font-family: var(--f-display); font-weight: 700; }
.fct { border-top: 1px solid var(--chalk-4); }
.fct::before { font-family: var(--f-text); font-weight: 700; font-size: 12px; width: 22px; height: 22px; }
.fct-head b { font-family: var(--f-text); font-weight: 600; font-size: 15px; }
.fct-head small, .fct-t, .fct-mini { font-family: var(--f-text); }
.fbar, .fbar0 { height: 14px; border-radius: 3px; overflow: hidden; background: rgba(var(--ink-rgb), 0.05); }
.fbar b { font-family: var(--f-text); font-weight: 600; font-size: 11px; line-height: 14px; }
.fbar0 { line-height: 14px; }
.perf { border: 1px solid var(--chalk-4); border-radius: 10px; background: var(--surface-2); font-family: var(--f-text); font-size: 13px; color: var(--chalk-2); }
.perf b { font-family: var(--f-display); font-weight: 700; color: var(--amber); }

/* ------------------------------------------------ oyuncu merkezi / profil */
.page-title { font-family: var(--f-text); font-weight: 800; font-size: clamp(24px, 3.4vw, 32px); letter-spacing: -0.01em; }
.hub-meta { font-family: var(--f-text); font-size: 14px; }
.flagchip { border: 1px solid var(--chalk-4); border-radius: 999px; padding: 6px 14px; font-family: var(--f-text); font-weight: 600; font-size: 14px; flex-direction: row; align-items: baseline; gap: 6px; }
.flagchip::before, .flagchip::after { display: none; }
.flagchip small { font-family: var(--f-text); font-weight: 400; font-size: 12px; letter-spacing: 0; }
.flagchip.on { background: var(--chalk); border-color: var(--chalk); color: var(--grass-ink); }
.flagchip.on small { color: rgba(7, 16, 10, 0.6); }
.lboard, .pvalue, .ledcell { border: 1px solid var(--chalk-4); border-radius: var(--radius); background: var(--surface); background-image: none; box-shadow: none; }
.lboard h4 { font-family: var(--f-text); font-weight: 700; font-size: 15px; color: var(--chalk); }
.lboard li { border-top: 1px solid var(--chalk-4); }
.pv-num, .ledcell b { font-family: var(--f-display); font-weight: 700; color: var(--amber); }
.pv-label, .pv-sub, .ledcell span { font-family: var(--f-text); }
.pname { font-family: var(--f-text); font-weight: 800; letter-spacing: -0.01em; }
.postag { border-radius: 4px; font-family: var(--f-text); font-weight: 700; font-size: 12px; }
.rbig { border-radius: 10px; font-family: var(--f-display); font-weight: 700; }

/* ------------------------------------------------ tribün */
.composer { border: 1px solid var(--chalk-4); border-image: none; border-radius: var(--radius); background: var(--surface); background-image: none; box-shadow: none; }
.composer.guest { border: 0; background: none; }
.composer textarea { font-family: var(--f-text); font-size: 16px; }
.cmp-foot { border-top: 1px solid var(--chalk-4); }
.cmp-count { font-family: var(--f-text); font-weight: 600; }
.post { border: 1px solid var(--chalk-4); border-radius: var(--radius); background: var(--surface); box-shadow: none; padding: 14px 16px 10px; }
.post.is-comment { border-top-width: 1px; }
.att { border-radius: 8px; }
.att-pred { border: 1px solid var(--chalk-4); border-radius: 8px; background: var(--surface-2); }
.nf-ic.score { font-family: var(--f-display); border-radius: 8px; }
.ub-mod { font-family: var(--f-text); font-weight: 700; border-radius: 4px; border: 0; }

/* ------------------------------------------------ Doksan Ligi */
.gm { border-top: 1px solid var(--chalk-4); }
.gm-when b { font-family: var(--f-display); font-weight: 700; font-size: 18px; }
.gm-when small, .gm-teams > small { font-family: var(--f-text); font-size: 12px; }
.gm-title { font-family: var(--f-text); font-size: 16px; }
.gp-l { font-family: var(--f-text); font-size: 12px; font-weight: 500; }
.gp-o span { border: 1px solid rgba(var(--ink-rgb), 0.14); margin-left: -1px; font-family: var(--f-text); font-weight: 600; font-size: 14px; height: 34px; }
.gp-o:first-child span { border-radius: 8px 0 0 8px; }
.gp-o:last-child span { border-radius: 0 8px 8px 0; }
.gp-o input:checked + span { background: var(--amber); border-color: var(--amber); color: var(--grass-ink); }
.step { border: 1px solid var(--chalk-4); border-radius: 8px; overflow: hidden; background: var(--surface-2); }
.step input { font-family: var(--f-display); font-weight: 700; font-size: 20px; color: var(--chalk); width: 36px; }
.step input::placeholder { color: var(--chalk-3); }
.gm-row .colon { font-family: var(--f-display); color: var(--chalk-3); }
.motorpick { font-family: var(--f-text); font-weight: 600; font-size: 13px; color: var(--chalk-2); }
.glb tr.motor-row td { background: rgba(var(--accent-rgb), 0.06); }
.myleagues a { border-top: 1px solid var(--chalk-4); }

/* ------------------------------------------------ bildirim kutusu */
.toast { border: 1px solid var(--chalk-4); border-left: 3px solid var(--amber); border-radius: 10px; background: var(--surface-2); font-family: var(--f-text); font-size: 15px; }
.toast b { font-family: var(--f-display); color: var(--amber); }

/* ------------------------------------------------ saha çizimleri kendi çimini çizer: çizgi ve yazılar hep açık renk */
.pitch-svg .ln { stroke: #f2efe4; }
.pitch-svg .spot { fill: #f2efe4; }
.pitch-svg .pl-name { fill: #f2efe4; }
.legend .h { background: #f2efe4; box-shadow: inset 0 0 0 1px var(--t4); }
.legend .a { background: #ffb000; }

/* ------------------------------------------------ diğer tahminler (çifte şans, 1,5 / 3,5, İY) */
.pc-arch { font-size: 11px; color: var(--chalk-3); margin-top: 2px; }
.xmarkets { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.xmarkets.compact { margin: 2px 0 14px; }
.xm {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto 64px; align-items: center; gap: 12px;
  padding: 10px 14px; border: 1px solid var(--chalk-4); border-radius: 10px; background: var(--surface-2);
}
.xm-name { display: flex; flex-direction: column; font-weight: 600; font-size: 14px; min-width: 0; }
.xm-name small { font-weight: 400; font-size: 12px; color: var(--chalk-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xm-pick { padding: 3px 12px; border-radius: 999px; background: rgba(var(--accent-rgb), 0.12); color: var(--amber); font-family: var(--f-display); font-weight: 700; font-size: 16px; white-space: nowrap; }
.xm-p { display: flex; flex-direction: column; align-items: flex-end; font-family: var(--f-display); font-weight: 700; font-size: 17px; }
.xm-p small { font-family: var(--f-text); font-weight: 400; font-size: 11px; color: var(--chalk-3); white-space: nowrap; }
.xm.ok { border-color: rgba(var(--accent-rgb), 0.5); }
.xm.no { opacity: 0.6; }
.xm .pc-hit { top: -8px; right: 10px; }

/* ------------------------------------------------ Doksan'ın yorumu (yorumcu dili; bahis terimi yok) */
.card.yorum { padding: 16px 18px; }
.y-who { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.y-mic { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(var(--accent-rgb), 0.12); font-size: 18px; flex: none; }
.y-who b { display: block; font-size: 16px; }
.y-who small { color: var(--chalk-3); font-size: 13px; }
.y-text { margin: 0 0 12px; font-size: 15.5px; line-height: 1.65; color: var(--chalk); }
.y-picks { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 8px; }
.yp { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--chalk-4); border-radius: 10px; background: var(--surface-2); }
.yp-t { flex: 1; min-width: 0; font-weight: 600; font-size: 14.5px; }
.yp-l { flex: none; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; background: rgba(var(--ink-rgb), 0.07); color: var(--chalk-2); }
.yp-l.strong { background: rgba(var(--accent-rgb), 0.14); color: var(--amber); }
.yp-res { flex: none; font-size: 12px; font-weight: 700; }
.yp-res.ok { color: var(--amber); }
.yp-res.no { color: var(--red); }
.yp.ok { border-color: rgba(var(--accent-rgb), 0.5); }
.yp.no { opacity: 0.7; }
.y-legal { font-size: 12px; }
.card.yorum .more { margin-top: 12px; }

/* maç listesindeki kısa yorum */
.row .pred { justify-content: flex-end; }
.ychip { display: inline-block; max-width: 100%; padding: 4px 10px; border-radius: 999px; background: rgba(var(--accent-rgb), 0.08); color: var(--amber); font-size: 12.5px; font-weight: 600; line-height: 1.3; text-align: right; }
.ychip.strong { background: rgba(var(--accent-rgb), 0.14); }
.ychip.miss { background: rgba(var(--ink-rgb), 0.06); color: var(--chalk-3); }
.yc-ok { color: var(--amber); }
.yc-no { color: var(--red); }
.legend-pk { display: block; }
@media (min-width: 761px) {
  .row { grid-template-columns: 30px 56px minmax(0, 1fr) 96px minmax(0, 1fr) 190px 20px; }
}
.gp-o { min-width: 0; }
.gp-o span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 34px; padding: 0 8px; }

/* canlı yorum kartı ve maç öncesi kanaatlerin "şu an" durumu */
.card.yorum.canli { border-color: rgba(229, 72, 77, 0.35); box-shadow: inset 3px 0 0 var(--red), var(--shadow); }
.y-mic.live { background: rgba(229, 72, 77, 0.12); font-size: 14px; animation: blink 1.6s ease-in-out infinite; }
.yp-now { flex: none; font-size: 12px; font-weight: 600; color: var(--chalk-3); }
.yp-now.ok { color: var(--amber); }