/* === GLOBAL VARIABLES & BASE STYLES === */
:root {
    --modern-bg: #f4f6f8;
    --modern-card-bg: #ffffff;
    --modern-text-primary: #2c3e50;
    --modern-text-secondary: #7f8c8d;
    --modern-accent: #007bff;
    --modern-timeline-line: #e0e0e0;
    --modern-icon-border: #e0e0e0;
    --modern-time-color: #1abc9c;
    --modern-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --modern-border-radius: 12px;
    --modern-shadow: 0 4px 12px rgba(0,0,0,0.08);
    --modern-table-header-bg: #f9fafb;
    --modern-table-row-hover-bg: #f0f4f8;
    --modern-table-border-color: #e9ecef;
    --modern-goal-icon-color: #28a745;
}

.match-stats-plugin-container.modern-design {
    font-family: var(--modern-font);
    padding: 2px 0;
}

/* Tab Content Area */
.match-stats-tabs .tab-content {
    display: none;
    background-color: #292c31;
    border-radius: var(--modern-border-radius);
    padding: 2px;
    border: none;
}

.match-stats-tabs .tab-content.current {
    display: block;
}