/* ==========================================================================
   Puan durumu (`puan-durumu`, site.standings) — sayfaya özel stiller.

   Paylaşılan bileşenler (site.css'ten, DEĞİŞTİRİLMEDİ): .card-green (hero
   kabuğu + sol kırmızı şerit + koyu yeşil zemin), .num-hero/.num-card,
   .tabs, .table/.table-wrap, .zone-bar, .rank-delta, .chip-form,
   .live-chip, .note, .eyebrow, .divider. Burada yalnızca puan durumuna özgü
   yerleşim/ölçü eklenir (design-tokens.md §9.5 ile birebir; bazı ölçüler —
   ör. hero puan 28px, satır ölçüleri — .num-card/.table temel değerlerinden
   ince farklı olduğu için burada override edilir).
   ========================================================================== */

.standings-page-head { margin-bottom: var(--sp-lg); }

/* ---------------------------------------------------------------- Hero --- */
.standings-hero { margin-bottom: var(--sp-lg); }
.standings-hero-gap { color: var(--accent); letter-spacing: 0.8px; }

.standings-hero-main {
  display: flex; align-items: center; gap: var(--sp-md);
  margin-top: 10px;
}
.standings-hero-rank { flex: 0 0 auto; color: #fff; }
.standings-hero-team { flex: 1 1 auto; min-width: 0; }
.standings-hero-name {
  margin: 0 0 2px; font-size: 15.5px; font-weight: 700; color: #fff;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.standings-hero-meta { margin: 0; font-size: 11.5px; color: rgba(255, 255, 255, 0.7); }
.standings-hero-live { margin-top: 1px; }
.standings-hero-opp { font-size: 11.5px; font-weight: 600; color: rgba(255, 255, 255, 0.75); }
.standings-hero-points { flex: 0 0 auto; text-align: right; }
.standings-hero-points .num-card { font-size: 28px; color: var(--accent); }
.standings-hero-points-label {
  display: block; margin-top: 2px; font-size: 9.5px; font-weight: 700;
  letter-spacing: 1px; text-transform: uppercase; color: rgba(255, 255, 255, 0.55);
}

.standings-hero-form { margin-top: 0; }
.standings-hero-form .eyebrow { color: rgba(255, 255, 255, 0.55); letter-spacing: 0.6px; }
.standings-hero-scoreline { font-size: 12px; color: rgba(255, 255, 255, 0.6); }
.standings-hero-diff { font-size: 12.5px; font-weight: 500; color: rgba(255, 255, 255, 0.9); }

/* -------------------------------------------------------------- Sekmeler - */
.standings-tabs { margin-bottom: var(--sp-lg); }

.standings-panel[hidden] { display: none; }

/* ------------------------------------------------------------- Lejant ---- */
.standings-legend { margin-top: var(--sp-md); display: flex; flex-direction: column; gap: 8px; }
.standings-dot { width: 7px; height: 7px; border-radius: var(--r-pill); flex: 0 0 auto; }
.standings-dot.is-promo { background: var(--zone-promo); }
.standings-dot.is-releg { background: var(--zone-releg); }

/* --------------------------------------------------------------- Tablo --- */
.standings-table .table th:nth-child(1),
.standings-table .table td:nth-child(1) { width: 36px; }
.standings-table .table th:nth-child(2),
.standings-table .table td:nth-child(2) { width: 32px; padding-left: 4px; padding-right: 4px; }
.standings-table .table th:nth-child(4),
.standings-table .table td:nth-child(4) { width: 30px; }
.standings-table .table th:nth-child(5),
.standings-table .table td:nth-child(5) { width: 36px; }
.standings-table .table th:nth-child(6),
.standings-table .table td:nth-child(6) { width: 32px; }

.standings-col-crest { text-align: center; }
.standings-rank-cell { white-space: nowrap; }
.standings-rank { font-size: 13px; font-weight: 700; color: var(--ink); }
.standings-rank.is-ours { font-weight: 800; }
.team-name { font-size: 13.5px; font-weight: 500; color: var(--ink); }
.standings-points { font-size: 14px; font-weight: 800; color: var(--ink); }

.standings-table .table td .live-chip { margin-left: 8px; vertical-align: middle; }

.standings-form-row td { padding: 7px 16px 11px 68px; border-top: 0; }

@media (max-width: 480px) {
  .standings-hero-main { gap: var(--sp-sm); }
  .standings-hero-points .num-card { font-size: 24px; }
  .standings-form-row td { padding-left: 56px; }
}