/* ============================================================
   HURMİLLET — SPOR SAYFA MOTORU stilleri (Task 199, v167)
   /spor/livescore + /spor/{lig} sayfaları. Tasarım dili
   sports.css .mac-root koyu tuvaliyle aynı; puan durumu tabloları,
   sekmeler ve bekleme durumu sports.css'ten aynen devralınır.
   ============================================================ */

.spl-root{
  max-width:980px;margin:0 auto;
  background:linear-gradient(168deg,#12151d 0%,#0b0d12 62%);
  border:1px solid rgba(255,255,255,.08);border-radius:16px;
  padding:18px 18px 12px;
}

/* ---------- kırıntı + başlık ---------- */
.spl-bread{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.4);margin:2px 0 14px;flex-wrap:wrap}
.spl-bread a{color:rgba(255,255,255,.55);text-decoration:none}
.spl-bread a:hover{color:#fff}
.spl-bread b{color:rgba(255,255,255,.85);font-weight:700}

.spl-head{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:linear-gradient(165deg,#151926 0%,#0e111a 72%);
  border:1px solid rgba(255,255,255,.11);border-radius:16px;
  padding:18px 20px 16px;margin:0 0 24px;
}
.spl-head .sp-bd.lg{width:44px;height:44px;flex:0 0 auto}
.spl-hmain{flex:1 1 260px;min-width:0}
.spl-head h1{
  margin:0 0 6px;font-family:var(--font-display,'Rubik',Arial,sans-serif);
  font-weight:800;font-size:clamp(20px,3vw,27px);line-height:1.2;color:#fff;
}
.spl-desc{margin:0;font-size:13px;line-height:1.6;color:rgba(255,255,255,.55)}
.spl-chip{
  flex:0 0 auto;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.16);
  border-radius:999px;padding:5px 12px;white-space:nowrap;
}
.spl-chip.on{color:#fff;background:var(--primary,#d81920);border-color:var(--primary);animation:sp-pulse 1.6s ease-in-out infinite}

/* ---------- bölümler ---------- */
.spl-sec{margin:0 0 30px}
.spl-sec .sp-title{margin-bottom:14px;font-size:clamp(18px,2vw,23px)}
.spl-sub{margin:16px 0 10px;font-size:13.5px;font-weight:800;color:rgba(255,255,255,.72);letter-spacing:.02em}
.spl-sechead{margin-left:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.35);vertical-align:middle}

.spl-note{
  border:1px dashed rgba(255,255,255,.16);border-radius:14px;
  padding:16px 18px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.7;
}
.spl-note b{color:rgba(255,255,255,.88)}
.spl-note a{color:#ffb2b5}
.spl-note.slim{padding:12px 14px;font-size:12.5px}
.spl-upd{margin:10px 0 0;font-size:11.5px;color:rgba(255,255,255,.35);line-height:1.6}
.spl-upd b{color:rgba(255,255,255,.6)}

/* ---------- maç satırları ---------- */
.spl-mlist{display:flex;flex-direction:column;gap:8px}
.spl-mrow{
  display:grid;grid-template-columns:56px minmax(0,1fr) auto minmax(0,1fr) auto;
  align-items:center;gap:12px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);
  border-radius:12px;padding:9px 14px;text-decoration:none;transition:.18s;
}
.spl-mrow:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
.spl-mrow.live{border-color:rgba(216,25,32,.45)}
.spl-mst{
  font-style:normal;font-size:11px;font-weight:800;letter-spacing:.04em;text-align:center;
  color:rgba(255,255,255,.5);background:rgba(255,255,255,.06);border-radius:7px;padding:4px 6px;
  font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.spl-mrow.live .spl-mst{color:#fff;background:var(--primary,#d81920)}
.spl-mrow.live .spl-mst.fin{background:rgba(127,207,157,.18);color:#7fcf9d}
.spl-mst.fin{color:#7fcf9d;background:rgba(127,207,157,.12)}
.spl-mst.pre{color:rgba(255,255,255,.55)}
.spl-mt{display:flex;align-items:center;gap:8px;min-width:0}
.spl-mt b{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spl-mt.h{justify-content:flex-end;text-align:right}
.spl-mt .sp-bd{width:22px;height:22px;flex:0 0 auto}
.spl-msc{
  font-family:var(--font-display,'Rubik',Arial,sans-serif);font-weight:800;
  font-size:16px;color:#fff;font-variant-numeric:tabular-nums;min-width:52px;text-align:center;
}
.spl-msc.ns{color:rgba(255,255,255,.35);font-size:13px;letter-spacing:.08em}
.spl-mdt{font-style:normal;font-size:11px;color:rgba(255,255,255,.35);font-variant-numeric:tabular-nums;white-space:nowrap;grid-column:5}

/* ---------- form rozetleri ---------- */
.spl-fb{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;margin-right:4px;border-radius:6px;
  font-style:normal;font-size:11px;font-weight:800;color:#fff;
}
.spl-fb.w{background:rgba(46,180,110,.85)}
.spl-fb.d{background:rgba(255,255,255,.16);color:rgba(255,255,255,.75)}
.spl-fb.l{background:rgba(216,25,32,.8)}
.spl-fb.none{background:rgba(255,255,255,.08);color:rgba(255,255,255,.3)}
.spl-formtbl td.c-f{white-space:nowrap}

/* ---------- İY/MS matrisi ---------- */
.spl-iymwrap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start}
.spl-iym{max-width:280px}
.spl-iym thead th{text-align:center}
.spl-iym tbody th{
  text-align:center;font-weight:800;color:rgba(255,255,255,.55);
  border-bottom:1px solid rgba(255,255,255,.06);padding:9px 10px;
}
.spl-iym td{text-align:center;font-weight:700;color:#fff}
.spl-iym td.same{background:rgba(46,180,110,.14);color:#a5e8c4}
.spl-iymteams{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.spl-iymteams li{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.8);flex-wrap:wrap}
.spl-iymteams .sp-bd{width:22px;height:22px;flex:0 0 auto}
.spl-iymteams b{color:#fff}
.spl-iymdet{font-size:12px;color:rgba(255,255,255,.5)}

/* ---------- gol krallığı ---------- */
.spl-golers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:spg}
.spl-golers li{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto auto auto;
  align-items:center;gap:10px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);
  border-radius:12px;padding:8px 14px;
}
.spl-grank{
  font-style:normal;font-weight:800;font-size:13px;color:rgba(255,255,255,.45);
  font-variant-numeric:tabular-nums;
}
.spl-golers li:first-child .spl-grank{color:#ffd166}
.spl-gname{font-size:13.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spl-gteam .sp-bd{width:22px;height:22px}
.spl-gcnt{
  font-family:var(--font-display,'Rubik',Arial,sans-serif);font-weight:800;font-size:16px;
  color:#fff;background:rgba(216,25,32,.18);border:1px solid rgba(216,25,32,.35);
  border-radius:8px;padding:2px 10px;font-variant-numeric:tabular-nums;
}
.spl-gmet{font-size:11.5px;color:rgba(255,255,255,.4);white-space:nowrap}

/* ---------- haberler ---------- */
.spl-news{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.spl-news li{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.07);
}
.spl-news li:last-child{border-bottom:0}
.spl-news a{color:rgba(255,255,255,.82);text-decoration:none;font-size:13.5px;line-height:1.5}
.spl-news a:hover{color:#fff;text-decoration:underline}
.spl-newsdate{flex:none;font-size:11.5px;color:rgba(255,255,255,.35);font-variant-numeric:tabular-nums}

.spl-back{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 10px}
.spl-back .btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.7)}

/* ---------- duyarlılık ---------- */
@media(max-width:720px){
  .spl-root{padding:14px 12px 10px;border-radius:14px}
  .spl-mrow{grid-template-columns:46px minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding:8px 10px}
  .spl-mdt{display:none}
  .spl-mt b{font-size:12px}
  .spl-iymwrap{grid-template-columns:1fr}
  .spl-golers li{grid-template-columns:26px minmax(0,1fr) auto auto;gap:8px}
  .spl-gmet{display:none}
  .spl-head{padding:14px}
}