/**
 * Desktop compact density — reproduces useful 80% zoom information density at 100% zoom.
 * Scoped to >= 1134px only. Mobile/tablet touch targets unchanged.
 */

@media (min-width: 1134px) {
    :root {
        --touch-min: 36px;
        --touch-compact: 32px;
        --desktop-row-min: 34px;
    }

    body {
        line-height: 1.45;
    }

    /* Cards & sections */
    .card {
        padding: var(--space-sm, 12px);
        margin-bottom: var(--space-sm, 12px);
    }

    .container {
        padding-top: var(--space-sm, 12px);
        padding-bottom: var(--space-md, 16px);
    }

    /* Header — slightly tighter desktop chrome */
    header,
    .global-header {
        min-height: 44px;
    }

    .global-header-inner {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    /* Tabs & equal-height controls */
    .tab-btn,
    .ui-tab-btn,
    .equal-tabs .tab-btn,
    .competition-tabs .tab-btn,
    .team-tabs .tab-btn,
    .match-detail-tabs .tab-btn,
    .player-tab-btn {
        min-height: var(--touch-min, 36px);
        padding: 8px 12px;
        font-size: var(--fs-sm, 0.84rem);
    }

    /* Match / table rows */
    body.page-matches .enhanced-table tbody tr {
        min-height: var(--desktop-row-min, 34px);
        padding: 5px 10px 5px 8px;
        gap: 5px;
    }

    .enhanced-table th,
    .enhanced-table td {
        padding: 6px 8px;
    }

    /* Competition page density (phase3b does not cover competition detail) */
    .competition-header {
        padding: var(--space-md, 16px) var(--space-sm, 12px) !important;
        margin-bottom: var(--space-sm, 12px);
    }

    .competition-container {
        padding-top: var(--space-sm, 12px);
    }

    .h2h-match-row,
    .fx-match-row,
    .competition-fixture-row {
        min-height: var(--desktop-row-min, 34px);
    }

    .fx-date-header,
    .competition-date-header {
        padding: 6px 0;
        margin-bottom: 4px;
    }

    .standings-table th,
    .standings-table td,
    .enhanced-table.standings-table th,
    .enhanced-table.standings-table td {
        padding: 6px 8px;
    }

    /* Entity pages — moderate tightening */
    body.layout-centered .card,
    .match-hero-card,
    .player-hero-header,
    .team-hero-header {
        padding: var(--space-md, 16px);
    }

    .match-detail-tabs,
    .team-tabs,
    .competition-tabs {
        gap: 4px;
        margin-bottom: var(--space-sm, 12px);
    }
}

/* Tablet: conservative tightening, preserve touch targets */
@media (min-width: 768px) and (max-width: 1133px) {
    .card {
        padding: var(--space-md, 14px);
        margin-bottom: var(--space-md, 14px);
    }

    body.page-matches .enhanced-table tbody tr {
        min-height: 36px;
    }
}