/* Page chrome (mirrors stats.css - standings.html does not load stats.css) */
.stats-page-header {
    background: var(--brand-navy-900);
    color: white;
    padding: 24px 24px 20px;
}
.stats-page-header h1 {
    font-size: 32px;
    font-weight: 900;
    margin: 0 0 8px 0;
    color: #fff;
}
.stats-header-content {
    max-width: 1400px;
    margin: 0 auto;
}
.season-subtitle {
    font-size: 16px;
    opacity: 0.9;
    margin: 0;
}
.page-standings .section-heading {
    font-size: 24px;
    font-weight: 800;
    color: var(--brand-steel);
    margin: 0 0 20px 0;
    padding-bottom: 12px;
    border-bottom: 3px solid var(--predators-gold);
}
.page-standings .no-games-message {
    text-align: center;
    padding: 40px 16px;
    color: #5F6368;
}

/* Standings page — full league tables (divisions + wild card) */

.page-standings .stats-container {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 16px 48px;
}

.conference-section {
    margin-bottom: 40px;
}

.division-heading {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--brand-navy-900, #041E42);
    margin: 24px 0 8px;
    padding-left: 4px;
    border-left: 4px solid var(--brand-gold-500, #FFB81C);
}

.standings-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(4, 30, 66, 0.12);
    background: #fff;
}

.standings-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    min-width: 560px;
}

.standings-table thead th {
    background: var(--brand-navy-900, #041E42);
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 10px 8px;
    white-space: nowrap;
    position: sticky;
    top: 0;
}

.standings-table th.team-th {
    text-align: left;
}

.standings-table tbody td {
    padding: 9px 8px;
    text-align: center;
    border-bottom: 1px solid #E8EAED;
    white-space: nowrap;
}

.standings-table tbody tr:nth-child(even) {
    background: #F7F8FA;
}

.standings-table .rank-cell {
    color: #5F6368;
    width: 32px;
}

.standings-table .team-cell {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 180px;
}

.team-logo {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

.standings-table .pts-cell {
    font-weight: 700;
    color: var(--brand-navy-900, #041E42);
}

.diff-pos { color: #137333; }
.diff-neg { color: #B3261E; }

.clinch {
    color: #5F6368;
    font-weight: 600;
    margin-left: 2px;
}

.clinch.eliminated { color: #B3261E; }

.preds-row {
    background: rgba(var(--brand-gold-rgb, 255,184,28), 0.16) !important;
    box-shadow: inset 3px 0 0 var(--brand-gold-500, #FFB81C);
}

.preds-row .team-name,
.preds-row .team-abbrev {
    font-weight: 700;
}

.wildcard-cutline td {
    padding: 0;
    border-bottom: 2px dashed var(--brand-gold-500, #FFB81C);
}

.standings-legend {
    margin-top: 20px;
    font-size: 0.8rem;
    color: #5F6368;
    text-align: center;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Mobile: abbreviations instead of full names, hide L10/streak */
.team-abbrev { display: none; }

@media (max-width: 640px) {
    .standings-table { min-width: 430px; font-size: 0.84rem; }
    .standings-table .team-cell { min-width: 90px; }
    .team-name { display: none; }
    .team-abbrev { display: inline; }
    .col-l10, .col-strk { display: none; }
}