/* Live scoreboard: reuse the existing compact slate layout, including its mobile breakpoint. */
.po-game-score { font-size:1.16rem; line-height:1.1; font-variant-numeric:tabular-nums; min-width:1ch; }
.po-live-state { color:var(--po-accent, #69d9b0); font-variant-numeric:tabular-nums; }
.po-live-game-note { display:flex; flex-direction:column; gap:.35rem; }
.po-live-game-note small, .po-live-update-note, .po-game-final-note { font-size:.68rem; color:var(--po-text-muted,#96a9c4); }
.po-game-phase-final .po-game-score { font-weight:800; }
.po-score-stale [data-score-status] { color:var(--po-text-muted,#96a9c4); }
.po-score-stale [data-score-updated] { font-style:italic; }
.po-game-final-note { text-align:right; }
@media(max-width:680px) { .po-game-final-note { text-align:left; } .po-game-score { font-size:1.06rem; } }

/* A period/clock label is wider than the old fixed-width puck-drop time. Stack it above the score. */
.po-dashboard .po-game-phase-live .po-tonight-game-core,
.po-dashboard .po-game-phase-final .po-tonight-game-core,
.po-dashboard .po-game-phase-held .po-tonight-game-core,
.po-dashboard .po-game-phase-unknown .po-tonight-game-core { flex-direction:column; align-items:flex-start; gap:6px; }
.po-dashboard .po-game-phase-live .po-tonight-game-time,
.po-dashboard .po-game-phase-final .po-tonight-game-time,
.po-dashboard .po-game-phase-held .po-tonight-game-time,
.po-dashboard .po-game-phase-unknown .po-tonight-game-time { width:auto; flex:0 0 auto; white-space:normal; }
.po-dashboard .po-game-phase-live .po-tonight-game-time { color:var(--po-accent,#69d9b0); }
.po-dashboard .po-score-stale .po-tonight-game-time { color:var(--po-text-muted,#96a9c4); }
.po-dashboard .po-game-phase-live .po-tonight-team-logo,
.po-dashboard .po-game-phase-final .po-tonight-team-logo { width:28px; height:28px; flex-basis:28px; }
.po-dashboard .po-game-phase-live .po-tonight-team,
.po-dashboard .po-game-phase-final .po-tonight-team { gap:6px; }
.po-dashboard .po-game-phase-live .po-tonight-matchup,
.po-dashboard .po-game-phase-final .po-tonight-matchup { gap:8px; }

/* Final/live rows should stay compact relative to the pregame research card. */
.po-dashboard .po-game-phase-live .po-tonight-team strong,
.po-dashboard .po-game-phase-final .po-tonight-team strong { font-size:15px; }
.po-dashboard .po-game-phase-live .po-tonight-game-time,
.po-dashboard .po-game-phase-final .po-tonight-game-time { font-size:.72rem; }
.po-dashboard .po-game-phase-live .po-live-game-note,
.po-dashboard .po-game-phase-final .po-live-game-note { font-size:.7rem; }

/* ===========================================
   LIVE DASHBOARD CARDS — MOBILE STACK
   2026-10-05
   The desktop slate uses a three-column grid. On iOS/phone widths, live rows must
   become one vertical flow: status -> matchup -> SOG/snapshot -> live odds.
   This file loads after dashboard.css, so these rules intentionally own the final
   live-card mobile layout and avoid older slate overrides fighting each other.
=========================================== */
@media (max-width: 760px) {
    .po-dashboard .po-game-phase-live.po-tonight-game-row-compact,
    .po-dashboard .po-game-phase-final.po-tonight-game-row-compact,
    .po-dashboard .po-game-phase-held.po-tonight-game-row-compact,
    .po-dashboard .po-game-phase-unknown.po-tonight-game-row-compact {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
        align-items: stretch !important;
        gap: 10px !important;
        min-width: 0 !important;
        padding: 12px !important;
    }

    .po-dashboard .po-game-phase-live.po-tonight-game-row-compact > *,
    .po-dashboard .po-game-phase-final.po-tonight-game-row-compact > *,
    .po-dashboard .po-game-phase-held.po-tonight-game-row-compact > *,
    .po-dashboard .po-game-phase-unknown.po-tonight-game-row-compact > * {
        grid-column: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
    }

    .po-dashboard .po-game-phase-live .po-tonight-game-core,
    .po-dashboard .po-game-phase-final .po-tonight-game-core,
    .po-dashboard .po-game-phase-held .po-tonight-game-core,
    .po-dashboard .po-game-phase-unknown .po-tonight-game-core {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    .po-dashboard .po-game-phase-live .po-tonight-game-time,
    .po-dashboard .po-game-phase-final .po-tonight-game-time,
    .po-dashboard .po-game-phase-held .po-tonight-game-time,
    .po-dashboard .po-game-phase-unknown .po-tonight-game-time {
        width: 100% !important;
        flex: 0 0 auto !important;
        font-size: .74rem !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }

    .po-dashboard .po-game-phase-live .po-tonight-matchup,
    .po-dashboard .po-game-phase-final .po-tonight-matchup,
    .po-dashboard .po-game-phase-held .po-tonight-matchup,
    .po-dashboard .po-game-phase-unknown .po-tonight-matchup {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
    }

    .po-dashboard .po-game-phase-live .po-tonight-team,
    .po-dashboard .po-game-phase-final .po-tonight-team {
        flex: 0 0 auto !important;
        min-width: 0 !important;
    }

    .po-dashboard .po-game-phase-live .po-live-game-note,
    .po-dashboard .po-game-phase-final .po-live-game-note {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 3px !important;
        padding: 0 !important;
    }

    .po-dashboard .po-game-phase-live .po-live-game-note strong,
    .po-dashboard .po-game-phase-final .po-live-game-note strong,
    .po-dashboard .po-game-phase-live .po-live-game-note small,
    .po-dashboard .po-game-phase-final .po-live-game-note small {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
    }

    .po-dashboard .po-game-phase-live .po-tonight-reference-odds,
    .po-dashboard .po-game-phase-live .po-tonight-reference-odds-pending {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 7px !important;
        margin-left: 0 !important;
        padding: 9px 0 0 !important;
        border-left: 0 !important;
        border-top: 1px solid rgba(96, 165, 250, .12) !important;
    }

    .po-dashboard .po-game-phase-live .po-tonight-reference-label {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .po-dashboard .po-game-phase-live .po-tonight-market-grid {
        width: 100% !important;
        min-width: 0 !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .po-dashboard .po-game-phase-live .po-tonight-odds-pending-text {
        width: 100% !important;
        max-width: none !important;
        line-height: 1.35 !important;
    }
}

@media (max-width: 430px) {
    .po-dashboard .po-game-phase-live .po-tonight-market-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .po-dashboard .po-game-phase-live .po-tonight-market + .po-tonight-market {
        border-left: 0 !important;
        border-top: 1px solid rgba(96, 165, 250, .12) !important;
    }

    .po-dashboard .po-game-phase-live .po-tonight-market-values {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 4px 8px !important;
        font-size: 10px !important;
    }
}