/**
 * Estilos — combinado.css (restaurado do template original)
 */
/* alert, header, quick-nav: ver match/layout.css + match_subnav.html */

        /* Table Styles */
        .table-responsive {
            overflow-x: auto;
            margin-top: 1rem;
        }

        .table th, .table td {
            text-align: center;
            padding: 0.4rem;
            font-size: 13px;
        }

        /* Athlete Header Styles */
        .athlete-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.5rem;
        }

        .athlete-info-left {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .athlete-name {
            font-weight: 600;
            color: #2c3e50;
            font-size: 0.85rem;
        }

        .badge-container {
            display: inline-flex;
            gap: 0.5rem;
        }

        .athlete-points {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            text-align: right;
        }

        .points-main {
            font-size: 0.95rem;
            font-weight: bold;
            color: var(--match-accent);
            line-height: 1;
            margin-bottom: 0.1rem;
        }

        .points-percent {
            font-size: 0.7rem;
            color: #6c757d;
            margin-top: 0.1rem;
        }

        .athlete-details {
            flex: 1;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .athlete-name-section {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 0.5rem;
            flex-wrap: wrap;
        }

        /* Stats Container Styles */
        .match-stats-container {
            margin: 0.2em 0;
            padding: 0.3em;
            background: #f8f9fa;
            border-radius: 4px;
        }

        .stats-grid {
            display: flex;
            flex-wrap: nowrap;
            gap: 0.5em;
            margin-bottom: 0.2em;
            overflow-x: auto;
            padding: 0.5rem;
            background: #f8f9fa;
            border-radius: 12px;
            border: 1px solid #e9ecef;
        }

        .stat-item {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 0.3rem;
            padding: 0.4rem 0.25rem;
            background: white;
            border-radius: 8px;
            border: 1px solid #e9ecef;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            min-height: 35px;
            font-size: 0.8rem;
            flex-shrink: 0;
            white-space: nowrap;
        }

        .stat-label {
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-size: 0.7rem;
        }

        .stat-value {
            font-weight: 700;
            color: #2c3e50;
            font-size: 0.8rem;
        }

        /* Cores específicas para cada estatística no desktop */
        .stat-item:nth-child(1) .stat-label {
            color: var(--match-accent);
        }

        .stat-item:nth-child(2) .stat-label {
            color: var(--match-accent);
        }

        .stat-item:nth-child(3) .stat-label {
            color: #6f42c1;
        }

        .stat-item:nth-child(4) .stat-label {
            color: #dc3545;
        }

        .stat-item:nth-child(5) .stat-label {
            color: #fd7e14;
        }

        .stat-item:nth-child(6) .stat-label {
            color: #17a2b8;
        }

        .stat-item:nth-child(7) .stat-label {
            color: #495057;
        }

        .stat-item:nth-child(8) .stat-label {
            color: #6c757d;
        }

        /* Badge Styles */
        .match-page--combinado .badge,
        .badge {
            display: inline-flex;
            align-items: center;
            padding: 0.35em 0.65em;
            font-size: 0.75em;
            font-weight: 700;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: 0.25rem;
            --bs-badge-color: currentColor;
            color: inherit;
            box-shadow: none;
            transition: all 0.2s ease;
            min-width: 50px;
            justify-content: center;
            flex-shrink: 0;
            border: 1.5px solid var(--match-border);
        }

        /* Badge Styles for Power Factor, Class and Category */
        .match-page--combinado .badge-powerfactor,
        .badge-powerfactor {
            background-color: var(--match-bg);
            color: var(--match-text);
            padding: 0.15rem 0.5rem;
            border-radius: 0.25rem;
            font-weight: bold;
            border: 1.5px solid var(--match-border);
            min-width: 50px;
            justify-content: center;
            font-size: 0.75rem;
        }

        .match-page--combinado .badge-class,
        .badge-class {
            background-color: var(--match-bg);
            color: var(--match-text-muted);
            padding: 0.1rem 0.3rem;
            border-radius: 0.25rem;
            font-weight: bold;
            border: 1.5px solid var(--match-border);
            min-width: 25px;
            justify-content: center;
            font-size: 0.7rem;
        }

        .match-page--combinado .badge-class.M,
        .match-page--combinado .badge-class.G,
        .badge-class.M,
        .badge-class.G {
            background-color: var(--match-brand-soft);
            color: var(--match-brand-dark);
            border-color: var(--match-brand-border);
            border-width: 1.5px;
        }

        .match-page--combinado .badge-class.A,
        .badge-class.A {
            background-color: #e3f2fd;
            color: var(--match-info-blue);
            border-color: #b8daff;
            border-width: 1.5px;
        }

        .match-page--combinado .badge-class.B,
        .badge-class.B {
            background-color: #fff3e6;
            color: #fd7e14;
            border-color: #ffe0b3;
            border-width: 1.5px;
        }

        .match-page--combinado .badge-class.C,
        .badge-class.C {
            background-color: #fce8e8;
            color: #dc3545;
            border-color: #f5c6cb;
            border-width: 1.5px;
        }

        .match-page--combinado .badge-class.D,
        .match-page--combinado .badge-class.U,
        .badge-class.D,
        .badge-class.U {
            background-color: var(--match-bg);
            color: var(--match-text-muted);
            border-color: var(--match-border);
            border-width: 1.5px;
        }

        .match-page--combinado .badge-class.GM,
        .badge-class.GM {
            background-color: var(--match-brand-soft);
            color: var(--match-brand-dark);
            border-color: var(--match-brand-border);
            border-width: 1.5px;
        }

        /* Category Badge Styles */
        .match-page--combinado .badge-category,
        .badge-category {
            background-color: #f3e8ff;
            color: #6f42c1;
            padding: 0.15rem 0.5rem;
            border-radius: 0.25rem;
            border: 1.5px solid #bdbdbd;
            min-width: 60px;
            justify-content: center;
            font-size: 0.75rem;
        }

        /* Team Badge Styles */
        .match-page--combinado .badge-team,
        .badge-team {
            background-color: #fff3cd;
            color: #1e293b;
            padding: 0.15rem 0.5rem;
            border-radius: 0.25rem;
            border: 1.5px solid #bdbdbd;
            min-width: 60px;
            justify-content: center;
            font-size: 0.75rem;
        }

        /* Division Badge Styles */
        .match-page--combinado .badge-division,
        .badge-division {
            background-color: var(--match-bg);
            color: var(--match-text);
            padding: 0.15rem 0.5rem;
            border-radius: 0.25rem;
            font-weight: bold;
            border: 1.5px solid var(--match-border);
            min-width: 50px;
            justify-content: center;
            font-size: 0.75rem;
        }

        .table td.name-column {
            text-align: left;
            padding: 0.5rem;
        }

        /* Regras específicas para iPhone */
        @media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px) {
            .table-responsive {
                display: none !important;
            }
            
            .mobile-cards {
                display: block !important;
            }
        }

/* --- Combinado: badges modo escuro (vence Bootstrap .badge { color:#fff }) --- */
html.match-theme-dark .match-page--combinado .badge.badge-division,
html.match-theme-dark .match-page--combinado .mobile-card-badge.badge-division {
    background-color: var(--match-card);
    color: var(--match-text);
    border-color: var(--match-border);
}

html.match-theme-dark .match-page--combinado .badge.badge-class.D,
html.match-theme-dark .match-page--combinado .badge.badge-class.U,
html.match-theme-dark .match-page--combinado .mobile-card-badge.badge-class.D,
html.match-theme-dark .match-page--combinado .mobile-card-badge.badge-class.U {
    background-color: var(--match-card);
    color: var(--match-text);
    border-color: var(--match-border);
}

html.match-theme-dark .match-page--combinado .badge.badge-class.M,
html.match-theme-dark .match-page--combinado .badge.badge-class.G,
html.match-theme-dark .match-page--combinado .badge.badge-class.GM,
html.match-theme-dark .match-page--combinado .mobile-card-badge.badge-class.M,
html.match-theme-dark .match-page--combinado .mobile-card-badge.badge-class.G,
html.match-theme-dark .match-page--combinado .mobile-card-badge.badge-class.GM {
    background-color: var(--match-brand-soft);
    color: var(--match-brand);
    border-color: var(--match-brand-border);
}

html.match-theme-dark .match-page--combinado .badge.badge-class.A,
html.match-theme-dark .match-page--combinado .mobile-card-badge.badge-class.A {
    background-color: rgba(59, 130, 246, 0.2);
    color: #93c5fd;
    border-color: rgba(59, 130, 246, 0.4);
}

html.match-theme-dark .match-page--combinado .badge.badge-class.B,
html.match-theme-dark .match-page--combinado .mobile-card-badge.badge-class.B {
    background-color: rgba(249, 115, 22, 0.2);
    color: #fdba74;
    border-color: rgba(249, 115, 22, 0.4);
}

html.match-theme-dark .match-page--combinado .badge.badge-class.C,
html.match-theme-dark .match-page--combinado .mobile-card-badge.badge-class.C {
    background-color: rgba(239, 68, 68, 0.2);
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.4);
}

html.match-theme-dark .match-page--combinado .badge.badge-category,
html.match-theme-dark .match-page--combinado .mobile-card-badge.badge-category {
    background-color: rgba(139, 92, 246, 0.2);
    color: #c4b5fd;
    border-color: rgba(139, 92, 246, 0.4);
}

html.match-theme-dark .match-page--combinado .badge.badge-team,
html.match-theme-dark .match-page--combinado .mobile-card-badge.badge-team {
    background-color: rgba(234, 179, 8, 0.2);
    color: #fde68a;
    border-color: rgba(234, 179, 8, 0.4);
}

html.match-theme-dark .match-page--combinado .athlete-info-left span[style] {
    color: var(--match-text-muted) !important;
}