/* ============================================================
   Skoraj — Ana CSS v2
   Tasarım: Hız odaklı, gazete + spor skor tarzı
   ============================================================ */

:root {
  --bg:       #f0f2f5;
  --bg2:      #e8eaed;
  --surface:  #ffffff;
  --surface2: #f8f9fb;
  --border:   #e0e3e8;
  --border2:  #cdd1d8;

  --text:     #0f172a;
  --text2:    #475569;
  --text3:    #94a3b8;
  --text4:    #cbd5e1;

  --accent:   #1d4ed8;
  --accent-h: #1e3a8a;
  --accent-bg:#eff6ff;

  --live:     #dc2626;
  --live-bg:  #fef2f2;
  --goal:     #16a34a;
  --goal-bg:  #f0fdf4;
  --yellow:   #d97706;
  --red:      #dc2626;

  --win:      #dcfce7; --win-text: #15803d;
  --draw:     #fef3c7; --draw-text:#92400e;
  --loss:     #fee2e2; --loss-text:#991b1b;

  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono','Fira Code',monospace;
  --font-head:'Barlow Condensed','Arial Narrow',sans-serif;

  --r:4px; --r-lg:8px; --r-xl:12px;
  --shadow:0 1px 3px rgba(0,0,0,.08);
  --shadow2:0 4px 12px rgba(0,0,0,.10);
  --tr:.14s ease;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:14px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-h)}
img{max-width:100%;display:block}
ul,ol{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}

/* ── Layout ─────────────────────────────────────────────── */
.container{max-width:1200px;margin:0 auto;padding:0 14px}
.grid-main{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}
@media(max-width:960px){.grid-main{grid-template-columns:1fr}}

/* ── Topbar ─────────────────────────────────────────────── */
.topbar{background:#0f172a;padding:5px 0;font-size:11px;color:rgba(255,255,255,.5)}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:12px}
.topbar-links{display:flex;gap:14px;flex-wrap:wrap}
.topbar-links a{color:rgba(255,255,255,.55);font-size:11px;transition:color var(--tr)}
.topbar-links a:hover{color:#fff}
.topbar-right{display:flex;align-items:center;gap:10px}
#clock{font-family:var(--font-mono);font-size:10px;color:rgba(255,255,255,.4)}

/* ── Lang Select ─────────────────────────────────────────── */
.lang-select{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
  color:#fff;font-size:11px;padding:2px 6px;border-radius:var(--r);cursor:pointer}
.lang-select option{background:#1e293b;color:#fff}

/* ── Header ─────────────────────────────────────────────── */
header{background:#fff;border-bottom:3px solid #0f172a;position:sticky;top:0;z-index:200;box-shadow:var(--shadow)}
.header-main{display:flex;align-items:center;gap:12px;padding:10px 0}
.logo{font-family:var(--font-head);font-size:26px;font-weight:800;color:#0f172a;letter-spacing:-.5px;
  display:flex;align-items:center;gap:6px;white-space:nowrap}
.logo:hover{color:#0f172a}
.logo-bolt{color:#1d4ed8}
.logo-badge{display:inline-flex;align-items:center;gap:4px;background:var(--live-bg);
  border:1px solid #fca5a5;color:var(--live);font-size:11px;padding:2px 7px;border-radius:20px;font-weight:600;font-family:var(--font-body)}
.header-search{flex:1;max-width:400px}
.header-search-wrap{display:flex;border:2px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--tr)}
.header-search-wrap:focus-within{border-color:var(--accent)}
.header-search-input{flex:1;padding:7px 12px;border:none;outline:none;font-size:13px;background:#fff}
.header-search-btn{padding:7px 14px;background:var(--accent);color:#fff;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:background var(--tr)}
.header-search-btn:hover{background:var(--accent-h)}
.notify-btn{width:34px;height:34px;border-radius:var(--r-lg);background:var(--bg2);font-size:16px;
  display:flex;align-items:center;justify-content:center;transition:background var(--tr)}
.notify-btn:hover{background:var(--border)}

/* ── Nav ─────────────────────────────────────────────────── */
.nav-bar{background:#fff;border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--border)}
.nav-inner{display:flex;overflow-x:auto;scrollbar-width:none;gap:0}
.nav-inner::-webkit-scrollbar{display:none}
.nav-link{display:flex;align-items:center;gap:5px;padding:11px 14px;font-size:12.5px;font-weight:600;
  color:var(--text2);border-bottom:2px solid transparent;transition:all var(--tr);white-space:nowrap}
.nav-link:hover{color:var(--text);background:var(--bg)}
.nav-link.active{color:var(--accent);border-bottom-color:var(--accent)}
.nav-icon{font-size:13px}

/* ── Breadcrumb ─────────────────────────────────────────── */
.breadcrumb{margin-bottom:10px}
.bc-list{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:11px;color:var(--text3)}
.bc-item a{color:var(--text3)}
.bc-item a:hover{color:var(--accent)}
.bc-sep{margin:0 4px;color:var(--text4)}
.bc-current{color:var(--text2);font-weight:500}

/* ── Widget ─────────────────────────────────────────────── */
.widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:12px}
.widget-title{display:flex;justify-content:space-between;align-items:center;
  padding:10px 14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  color:var(--text2);background:var(--surface2);border-bottom:1px solid var(--border)}
.widget-title a{font-size:11px;font-weight:500;color:var(--accent)}
.widget-body{padding:8px 14px}

/* ── League Group ───────────────────────────────────────── */
.league-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:8px}
.league-header{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;
  background:var(--surface2);border-bottom:1px solid var(--border);transition:background var(--tr)}
.league-header:hover{background:var(--bg2)}
.league-info{flex:1;min-width:0}
.league-name{font-size:12.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.league-name a{color:var(--text)}
.league-name a:hover{color:var(--accent)}
.league-sub{font-size:10px;color:var(--text3)}
.league-count{font-size:11px;font-weight:600;color:var(--text3);background:var(--bg2);
  padding:2px 6px;border-radius:20px}
.league-live-badge{font-size:10px;font-weight:700;color:var(--live);background:var(--live-bg);
  padding:2px 7px;border-radius:20px;animation:pulse 1.5s infinite}
.league-chevron{color:var(--text3);font-size:11px;transition:transform var(--tr)}
.league-header.collapsed .league-chevron{transform:rotate(-90deg)}
.league-body{padding:0}

/* ── Match Row ──────────────────────────────────────────── */
.match-row{display:flex;align-items:center;gap:6px;padding:8px 12px;
  border-bottom:1px solid var(--border);color:var(--text);transition:background var(--tr)}
.match-row:last-child{border-bottom:none}
.match-row:hover{background:var(--accent-bg)}
.match-row.is-live{background:#fffbfb}
.match-row.is-live:hover{background:#fff5f5}

/* Status */
.st-live{width:44px;text-align:center;flex-shrink:0}
.st-live .min{display:block;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--live);line-height:1}
.st-live .label{font-size:9px;font-weight:700;color:var(--live);text-transform:uppercase;letter-spacing:.05em}
.st-ht{width:44px;text-align:center;font-size:11px;font-weight:700;color:var(--yellow);flex-shrink:0}
.st-ft{width:44px;text-align:center;font-size:11px;font-weight:600;color:var(--text3);flex-shrink:0}
.st-ns{width:44px;text-align:center;font-size:12px;font-weight:600;color:var(--text2);flex-shrink:0}

/* Teams */
.team-col{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.team-col.away{flex-direction:row-reverse}
.team-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.team-name.loser{color:var(--text3)}
.team-logo{width:20px;height:20px;object-fit:contain;flex-shrink:0}
.team-logo-ph{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}

/* Score */
.score-col{display:flex;align-items:center;justify-content:center;gap:3px;min-width:52px;flex-shrink:0}
.score-num{font-family:var(--font-mono);font-size:15px;font-weight:700;line-height:1;color:var(--text)}
.score-sep{font-size:12px;color:var(--text3);font-weight:600}
.score-vs{font-size:11px;font-weight:600;color:var(--text3)}

/* Notify btn */
.match-notify-btn{width:24px;height:24px;border-radius:var(--r);background:transparent;font-size:12px;
  color:var(--text4);transition:all var(--tr);flex-shrink:0}
.match-notify-btn:hover,.match-notify-btn.active{color:var(--accent);background:var(--accent-bg)}

/* ── Standings Table ─────────────────────────────────────── */
.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.table-group-header{padding:8px 14px;font-size:12px;font-weight:700;background:var(--surface2);
  border-bottom:1px solid var(--border);color:var(--text2)}
.standings-table-wrap{overflow-x:auto}
.standings-table{width:100%;border-collapse:collapse;font-size:12.5px}
.standings-table th{padding:7px 10px;text-align:center;font-size:10px;font-weight:700;
  color:var(--text3);text-transform:uppercase;letter-spacing:.04em;background:var(--surface2);
  border-bottom:1px solid var(--border);white-space:nowrap}
.standings-table td{padding:8px 10px;text-align:center;border-bottom:1px solid var(--bg2)}
.standings-table tr:last-child td{border-bottom:none}
.standings-table tr:hover td{background:var(--accent-bg)}
.col-pos,.col-pts{width:36px}
.col-team{text-align:left!important;width:auto}
.col-form{width:90px;white-space:nowrap}
.st-row.row-champions td:first-child{border-left:3px solid #1d4ed8}
.st-row.row-europa td:first-child{border-left:3px solid #f97316}
.st-row.row-conference td:first-child{border-left:3px solid #8b5cf6}
.st-row.row-relegation td:first-child{border-left:3px solid var(--red)}
.pos-num{font-weight:700;color:var(--text2)}
.gd-pos{color:var(--goal);font-weight:600}
.gd-neg{color:var(--red);font-weight:600}

.team-link{display:flex;align-items:center;gap:6px;color:var(--text)}
.team-link:hover{color:var(--accent)}

/* Form dots */
.form-dot{display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:3px;font-size:9px;font-weight:700;color:#fff}
.form-w{background:var(--goal)}
.form-l{background:var(--red)}
.form-d{background:var(--yellow)}

/* Legend */
.st-legend{display:flex;flex-wrap:wrap;gap:10px;padding:8px 14px;font-size:10px;color:var(--text3);
  border-top:1px solid var(--border);background:var(--surface2)}
.leg-item.row-champions{color:#1d4ed8}
.leg-item.row-europa{color:#f97316}
.leg-item.row-conference{color:#8b5cf6}
.leg-item.row-relegation{color:var(--red)}

/* ── Date Strip ─────────────────────────────────────────── */
.date-strip{margin-bottom:10px}
.date-inner{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.date-inner::-webkit-scrollbar{display:none}
.date-btn{display:flex;flex-direction:column;align-items:center;padding:6px 12px;
  border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);
  font-size:11px;font-weight:600;color:var(--text2);cursor:pointer;white-space:nowrap;transition:all var(--tr)}
.date-btn:hover{border-color:var(--accent);color:var(--accent)}
.date-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}
.date-day{font-size:10px;font-weight:400;opacity:.8}

/* ── Filter Bar ──────────────────────────────────────────── */
.filter-bar{margin-bottom:10px}
.filter-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.filter-chips{display:flex;gap:5px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:20px;
  font-size:11.5px;font-weight:600;color:var(--text2);background:var(--surface);
  border:1px solid var(--border);cursor:pointer;transition:all var(--tr);white-space:nowrap;text-decoration:none}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.chip.active,.chip-live.active{background:var(--accent);border-color:var(--accent);color:#fff}
.chip-dot{width:7px;height:7px;border-radius:50%;background:var(--live);animation:pulse 1.2s infinite}
.search-box{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);
  border-radius:20px;padding:5px 12px;transition:border-color var(--tr)}
.search-box:focus-within{border-color:var(--accent)}
.search-input{border:none;outline:none;font-size:12px;width:160px;background:transparent;color:var(--text)}

/* ── Status Bar ─────────────────────────────────────────── */
.status-bar{display:flex;justify-content:space-between;align-items:center;
  padding:4px 0 8px;font-size:11px}
.live-indicator{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--live)}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--live);animation:pulse 1.2s infinite}

/* ── Scorer Row ─────────────────────────────────────────── */
.scorer-row{display:flex;align-items:center;gap:8px;padding:7px 0;
  border-bottom:1px solid var(--bg2);color:var(--text);text-decoration:none}
.scorer-row:last-child{border-bottom:none}
.scorer-row:hover{color:var(--accent)}
.scorer-rank{width:18px;font-size:11px;font-weight:700;color:var(--text3);text-align:center;flex-shrink:0}
.scorer-photo{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}
.scorer-info{flex:1;min-width:0}
.scorer-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scorer-team{font-size:10px;color:var(--text3)}
.scorer-goals{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--goal);flex-shrink:0}

/* ── Transfer Row ───────────────────────────────────────── */
.transfers-list{padding:0}
.transfer-row{display:flex;align-items:center;gap:10px;padding:10px 14px;
  border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;transition:background var(--tr)}
.transfer-row:last-child{border-bottom:none}
.transfer-row:hover{background:var(--accent-bg)}
.tr-player-img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}
.tr-info{flex:1;min-width:0}
.tr-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr-clubs{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text2);flex-wrap:wrap}
.tr-arrow{color:var(--accent);font-weight:700}
.tr-fee{font-size:11px;font-weight:700;color:var(--goal);flex-shrink:0;white-space:nowrap}
.tr-fee.free{color:var(--text3)}
.tr-fee.loan{color:var(--yellow)}
.tr-type{font-size:10px;padding:2px 6px;border-radius:3px;background:var(--bg2);color:var(--text3);flex-shrink:0}
.tr-type.in{background:var(--goal-bg);color:var(--goal)}
.tr-type.out{background:var(--live-bg);color:var(--live)}
.tr-type.loan-badge{background:#fef3c7;color:#92400e}

/* ── Match Hero ─────────────────────────────────────────── */
.match-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);
  overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow)}
.match-hero.is-live{border-color:#fca5a5;box-shadow:0 0 0 2px rgba(220,38,38,.1)}
.match-hero-league{display:flex;align-items:center;gap:6px;padding:10px 16px;
  background:var(--surface2);border-bottom:1px solid var(--border);
  font-size:11px;color:var(--text2);flex-wrap:wrap}
.match-hero-league a{color:var(--accent)}
.match-hero-body{display:flex;align-items:center;justify-content:space-between;padding:24px 20px;gap:12px}
.hero-team{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;text-decoration:none;color:var(--text)}
.hero-team:hover{color:var(--accent)}
.hero-logo{width:70px;height:70px;object-fit:contain}
.hero-name{font-family:var(--font-head);font-size:16px;font-weight:700;text-align:center;line-height:1.2}
.hero-score{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px}
.hero-live-badge{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;
  color:var(--live);background:var(--live-bg);padding:3px 10px;border-radius:20px}
.hero-nums{font-family:var(--font-mono);font-size:42px;font-weight:700;display:flex;align-items:center;gap:6px;color:var(--text)}
.hero-dash{color:var(--text3);font-size:28px}
.hero-status{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}
.hero-time{font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--text2)}
.hero-vs{font-size:13px;color:var(--text3);font-weight:600}
.hero-date-sm{font-size:11px;color:var(--text3)}
.hero-penalty{font-size:11px;color:var(--text3)}
.hero-ref{font-size:10px;color:var(--text3);margin-top:4px}

/* ── Match Tabs ─────────────────────────────────────────── */
.match-tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:14px;overflow-x:auto;scrollbar-width:none}
.match-tabs::-webkit-scrollbar{display:none}
.mtab{padding:9px 16px;font-size:12.5px;font-weight:600;color:var(--text3);
  border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;
  white-space:nowrap;transition:all var(--tr);text-decoration:none}
.mtab:hover{color:var(--text)}
.mtab.active{color:var(--accent);border-bottom-color:var(--accent)}

/* ── Statistics ─────────────────────────────────────────── */
.stat-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:12px}
.stat-row{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:8px}
.stat-val-h{text-align:right;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text)}
.stat-val-a{text-align:left;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text)}
.stat-center{display:flex;flex-direction:column;gap:4px}
.stat-label{font-size:11px;font-weight:600;color:var(--text2);text-align:center}
.stat-bar{display:flex;height:5px;border-radius:3px;overflow:hidden;background:var(--bg2)}
.stat-bar-h{height:100%;background:var(--accent);border-radius:3px 0 0 3px;transition:width .4s ease}
.stat-bar-a{height:100%;background:#f97316;border-radius:0 3px 3px 0;transition:width .4s ease}

/* ── Events Timeline ─────────────────────────────────────── */
.events-timeline{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.ev-row{display:flex;align-items:flex-start;gap:8px;padding:9px 14px;border-bottom:1px solid var(--bg2)}
.ev-row:last-child{border-bottom:none}
.ev-row.ev-home{flex-direction:row}
.ev-row.ev-away{flex-direction:row-reverse}
.ev-min{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text2);min-width:32px;flex-shrink:0;padding-top:2px}
.ev-icon{font-size:16px;flex-shrink:0}
.ev-detail{flex:1;min-width:0}
.ev-player{font-size:13px;font-weight:600}
.ev-assist{font-size:11px;color:var(--text3)}
.ev-comment{font-size:11px;color:var(--yellow);font-weight:600}
.ev-team-logo img{width:18px;height:18px;object-fit:contain}

/* ── Lineups ─────────────────────────────────────────────── */
.lineups-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.lineups-grid{grid-template-columns:1fr}}
.lineup-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.lineup-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface2);border-bottom:1px solid var(--border)}
.lineup-formation{margin-left:auto;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--accent)}
.lineup-coach{padding:6px 14px;font-size:11px;color:var(--text3);border-bottom:1px solid var(--bg2)}
.lineup-section-title{padding:5px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);background:var(--bg2)}
.lineup-player{display:flex;align-items:center;gap:7px;padding:7px 14px;border-bottom:1px solid var(--bg2);color:var(--text);text-decoration:none;transition:background var(--tr)}
.lineup-player:hover{background:var(--accent-bg)}
.lineup-player.sub{opacity:.7}
.lineup-num{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text3);width:20px;flex-shrink:0}
.lineup-pos-badge{font-size:9px;font-weight:700;background:var(--bg2);color:var(--text3);padding:1px 5px;border-radius:3px;flex-shrink:0}
.lineup-pname{font-size:12.5px;font-weight:500}

/* ── H2H ─────────────────────────────────────────────────── */
.h2h-summary{display:flex;justify-content:center;gap:0;margin-bottom:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.h2h-stat{flex:1;text-align:center;padding:16px 10px;border-right:1px solid var(--border)}
.h2h-stat:last-child{border-right:none}
.h2h-stat strong{display:block;font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--text)}
.h2h-stat span{font-size:11px;color:var(--text3)}
.h2h-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.h2h-row{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--bg2);color:var(--text);text-decoration:none;font-size:12px;transition:background var(--tr)}
.h2h-row:hover{background:var(--accent-bg)}
.h2h-row:last-child{border-bottom:none}
.h2h-date{color:var(--text3);min-width:65px;flex-shrink:0;font-size:11px}
.h2h-home,.h2h-away{flex:1;text-align:right}
.h2h-away{text-align:left}
.h2h-score{font-family:var(--font-mono);font-weight:700;min-width:50px;text-align:center}
.h2h-league{font-size:10px;color:var(--text3);flex-shrink:0}

/* ── League Tabs ─────────────────────────────────────────── */
.league-tabs-scroll{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-bottom:10px}
.league-tabs-scroll::-webkit-scrollbar{display:none}
.league-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;
  font-size:11.5px;font-weight:600;color:var(--text2);background:var(--surface);border:1px solid var(--border);
  white-space:nowrap;transition:all var(--tr);text-decoration:none}
.league-tab:hover{border-color:var(--accent);color:var(--accent)}
.league-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}
.season-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}

/* ── League Hero ─────────────────────────────────────────── */
.league-hero{display:flex;align-items:center;gap:16px;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-xl);padding:20px;margin-bottom:14px}
.league-hero-logo{width:72px;height:72px;object-fit:contain;flex-shrink:0}
.league-hero-name{font-family:var(--font-head);font-size:26px;font-weight:800;color:var(--text)}
.league-hero-sub{font-size:12px;color:var(--text3);margin-top:3px}

/* ── Team Hero ───────────────────────────────────────────── */
.team-hero{display:flex;align-items:flex-start;gap:16px;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-xl);padding:20px;margin-bottom:14px}
.team-hero-logo{width:80px;height:80px;object-fit:contain;flex-shrink:0}
.team-hero-info h1{font-family:var(--font-head);font-size:24px;font-weight:800}
.team-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:12px;color:var(--text2)}
.team-venue{font-size:12px;color:var(--text3);margin-top:5px}

/* ── Player Hero ─────────────────────────────────────────── */
.player-hero{display:flex;align-items:flex-start;gap:16px;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r-xl);padding:20px;margin-bottom:14px}
.player-hero-photo{width:90px;height:90px;object-fit:cover;border-radius:var(--r-lg);flex-shrink:0}
.player-hero-info h1{font-family:var(--font-head);font-size:26px;font-weight:800;line-height:1.1}
.player-hero-team{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;font-weight:600;color:var(--text2);text-decoration:none}
.player-hero-team:hover{color:var(--accent)}
.player-attrs{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.attr-pill{font-size:11px;background:var(--bg2);padding:3px 8px;border-radius:20px;color:var(--text2)}

/* ── Player Stats ─────────────────────────────────────────── */
.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.stat-card-header{display:flex;align-items:center;gap:8px;padding:10px 14px;
  background:var(--surface2);border-bottom:1px solid var(--border);font-size:12.5px}
.stat-card-header a{color:var(--accent)}
.player-stat-boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:0;border-bottom:1px solid var(--border)}
.pstat-box{padding:14px 10px;text-align:center;border-right:1px solid var(--border)}
.pstat-box:last-child{border-right:none}
.pstat-box.highlight .pstat-val{color:var(--goal)}
.pstat-val{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--text);line-height:1}
.pstat-label{font-size:10px;color:var(--text3);margin-top:3px}
.player-stat-detail{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0;padding:0}
.psd-col{padding:12px 14px;border-right:1px solid var(--border)}
.psd-col:last-child{border-right:none}
.psd-title{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text3);margin-bottom:6px}

/* ── Info Row ────────────────────────────────────────────── */
.info-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;
  font-size:12px;border-bottom:1px solid var(--bg2)}
.info-row:last-child{border-bottom:none}
.info-row span:first-child{color:var(--text2)}
.info-row strong{color:var(--text);font-weight:600}

/* ── Squad ───────────────────────────────────────────────── */
.squad-section{margin-bottom:16px}
.section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:var(--text3);padding:4px 0;border-bottom:2px solid var(--border);margin-bottom:8px}
.squad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}
.squad-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
  text-decoration:none;color:var(--text);transition:all var(--tr);position:relative}
.squad-card:hover{border-color:var(--accent);box-shadow:var(--shadow2)}
.squad-photo{width:54px;height:54px;border-radius:var(--r-lg);object-fit:cover}
.squad-num{position:absolute;top:6px;right:6px;font-family:var(--font-mono);font-size:10px;
  font-weight:700;color:var(--text3);background:var(--bg2);padding:1px 5px;border-radius:3px}
.squad-name{font-size:11.5px;font-weight:600;text-align:center;line-height:1.2}
.squad-pos{font-size:10px;color:var(--text3)}

/* ── Leagues Grid ────────────────────────────────────────── */
.leagues-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:8px}
.league-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
  text-decoration:none;color:var(--text);transition:all var(--tr)}
.league-card:hover{border-color:var(--accent);box-shadow:var(--shadow2);transform:translateY(-1px)}
.league-card-name{font-size:12px;font-weight:700;text-align:center;line-height:1.2}

/* ── Teams Grid ──────────────────────────────────────────── */
.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}
.team-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
  text-decoration:none;color:var(--text);font-size:11px;font-weight:600;text-align:center;transition:all var(--tr)}
.team-card:hover{border-color:var(--accent);box-shadow:var(--shadow2)}
.teams-grid-lg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:600px){.teams-grid-lg{grid-template-columns:1fr}}
.team-card-lg{display:flex;align-items:center;gap:12px;padding:12px 14px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
  text-decoration:none;color:var(--text);transition:all var(--tr)}
.team-card-lg:hover{border-color:var(--accent);background:var(--accent-bg)}
.tcl-name{font-size:13px;font-weight:700}
.tcl-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--text3);margin-top:3px}

/* ── Trophy ──────────────────────────────────────────────── */
.trophies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;padding:14px}
.trophy-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;
  border-radius:var(--r-lg);text-align:center;font-size:11.5px;font-weight:600}
.trophy-item.won{background:#fef3c7;border:1px solid #fcd34d}
.trophy-item.runner{background:var(--bg2);border:1px solid var(--border);color:var(--text3)}
.trophy-item span{font-size:24px}

/* ── Search ──────────────────────────────────────────────── */
.search-input-lg{flex:1;padding:10px 16px;border:2px solid var(--border);border-radius:var(--r-lg);
  font-size:14px;outline:none;transition:border-color var(--tr);background:var(--surface)}
.search-input-lg:focus{border-color:var(--accent)}
.btn-primary{padding:10px 20px;background:var(--accent);color:#fff;border-radius:var(--r-lg);
  font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background var(--tr);text-decoration:none;display:inline-flex;align-items:center}
.btn-primary:hover{background:var(--accent-h);color:#fff}
.search-results{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.search-result-row{display:flex;align-items:center;gap:12px;padding:12px 14px;
  border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;transition:background var(--tr)}
.search-result-row:last-child{border-bottom:none}
.search-result-row:hover{background:var(--accent-bg)}
.sr-name{font-size:13px;font-weight:600}
.sr-sub{font-size:11px;color:var(--text3);margin-top:2px}

/* ── News ────────────────────────────────────────────────── */
.news-section{margin-bottom:20px}
.news-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
  padding:12px 14px;margin-bottom:6px;color:var(--text);text-decoration:none;transition:all var(--tr)}
.news-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.news-card.is-live{border-color:#fca5a5;background:#fffbfb}
.news-card-league{font-size:10px;color:var(--text3);margin-bottom:6px;display:flex;align-items:center;gap:5px}
.news-card-match{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:600}
.news-score{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--goal)}
.news-time{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text2);
  background:var(--bg2);padding:2px 8px;border-radius:var(--r)}
.live-badge-sm{font-size:9px;font-weight:700;color:var(--live);background:var(--live-bg);
  padding:2px 6px;border-radius:20px;animation:pulse 1.2s infinite}

/* ── Sidebar ─────────────────────────────────────────────── */
.sidebar-league-link,.sidebar-day-link{display:flex;align-items:center;gap:6px;
  padding:6px 0;font-size:12px;font-weight:500;color:var(--text2);border-bottom:1px solid var(--bg2);
  text-decoration:none;transition:color var(--tr)}
.sidebar-league-link:last-child,.sidebar-day-link:last-child{border-bottom:none}
.sidebar-league-link:hover,.sidebar-day-link:hover{color:var(--accent)}
.sidebar-league-link.active,.sidebar-day-link.active{color:var(--accent);font-weight:700}
.widget-match-row{display:block;padding:5px 0;border-bottom:1px solid var(--bg2);
  text-decoration:none;color:var(--text);font-size:12px;transition:color var(--tr)}
.widget-match-row:hover{color:var(--accent)}
.widget-match-row:last-child{border-bottom:none}

/* ── Page Header ─────────────────────────────────────────── */
.page-header{margin-bottom:16px}
.page-title{font-family:var(--font-head);font-size:26px;font-weight:800;color:var(--text)}
.page-season{font-size:18px;font-weight:400;color:var(--text3);margin-left:6px}

/* ── Result badges ───────────────────────────────────────── */
.result-badge{display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:3px;font-size:9px;font-weight:700;color:#fff}
.result-w{background:var(--goal)}
.result-l{background:var(--red)}
.result-d{background:var(--yellow)}

/* ── Empty / No-data ─────────────────────────────────────── */
.empty-state{text-align:center;padding:40px 20px;color:var(--text3);font-size:14px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl)}
.no-data{color:var(--text3);font-size:12px;padding:8px 0;text-align:center}

/* ── Toast ───────────────────────────────────────────────── */
#toast-area{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:6px}
.toast{background:#1e293b;color:#fff;padding:10px 16px;border-radius:var(--r-lg);
  font-size:13px;font-weight:500;animation:slideIn .2s ease;max-width:280px;box-shadow:var(--shadow2)}
.toast.goal{background:#15803d}
.toast.error{background:#dc2626}
@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:none;opacity:1}}

/* ── Animations ──────────────────────────────────────────── */
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}

/* ── Footer ──────────────────────────────────────────────── */
footer{background:#0f172a;color:rgba(255,255,255,.6);padding:36px 0 20px;margin-top:40px}
.footer-logo{font-family:var(--font-head);font-size:22px;font-weight:800;color:#fff;margin-bottom:8px}
.footer-desc{font-size:11px;line-height:1.6;margin-bottom:12px;color:rgba(255,255,255,.45)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;margin-bottom:24px}
.footer-col h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:rgba(255,255,255,.4);margin-bottom:10px}
.footer-col a{display:block;font-size:12px;color:rgba(255,255,255,.6);padding:3px 0;
  text-decoration:none;transition:color var(--tr)}
.footer-col a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;
  padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;flex-wrap:wrap;gap:8px}
.footer-langs{display:flex;flex-wrap:wrap;gap:6px}
.footer-langs a{color:rgba(255,255,255,.4);font-size:10px;text-decoration:none}
.footer-langs a:hover{color:#fff}

/* ── Responsive ──────────────────────────────────────────── */
@media(max-width:768px){
  .match-hero-body{padding:16px 12px;gap:8px}
  .hero-logo{width:48px;height:48px}
  .hero-nums{font-size:32px}
  .hero-name{font-size:13px}
  .league-hero,.team-hero,.player-hero{flex-direction:column;align-items:center;text-align:center}
  .player-attrs{justify-content:center}
  .header-search{display:none}
  .topbar-links{display:none}
  .teams-grid-lg{grid-template-columns:1fr}
  .player-stat-detail{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .standings-table th:nth-child(n+4):not(:nth-child(10)):not(:nth-child(11)){display:none}
  .standings-table td:nth-child(n+4):not(:nth-child(10)):not(:nth-child(11)){display:none}
  .grid-main{gap:10px}
  .match-hero-body{flex-direction:column;align-items:center}
  .hero-team{flex-direction:row;gap:10px}
}

/* ── Mobil Match Row Düzeltme ───────────────────────────── */
@media (max-width: 480px) {
  .match-row {
    display: grid;
    grid-template-columns: 44px 1fr auto 1fr 28px;
    gap: 4px;
    padding: 8px 8px;
    align-items: center;
  }
  .team-col { min-width: 0; }
  .team-col .team-logo { width: 16px; height: 16px; }
  .team-name { font-size: 11px; }
  .score-col { min-width: 48px; justify-content: center; }
  .score-num { font-size: 14px; }
  .match-notify-btn { width: 22px; height: 22px; font-size: 11px; }
  .st-live, .st-ft, .st-ht, .st-ns { width: 38px; font-size: 10px; }
  .st-live .min { font-size: 11px; }
}

/* ── Mobil Fix v2 ─────────────────────────────────────── */
@media (max-width: 600px) {
  .match-row { padding: 7px 6px; gap: 3px; }
  .team-name { font-size: 11px !important; }
  .team-logo { width: 15px !important; height: 15px !important; }
  .score-num { font-size: 13px !important; }
  .match-notify-btn { width: 22px !important; padding: 0; }
}
\n@media(max-width:600px){.team-name{font-size:11px}.team-logo{width:15px;height:15px}}\n