:root {
    --bg-page:        #111827;
    --bg-card:        #1f2937;
    --bg-dark:        #0f172a;
    --bg-header:      #161b22;
    --text-primary:   #e5e7eb;
    --text-secondary: #9ca3af;
    --text-muted:     #6b7280;
    --text-dim:       #4b5563;
    --color-radiant:  #34d399;
    --color-dire:     #f87171;
    --color-accent:   #818cf8;
    --color-purple:   #a78bfa;
    --border-light:   #374151;
    --border-dark:    #1f2937;
    --color-indigo:   #4f46e5;
    --color-indigo-hover: #4338ca;
    --color-green-dark:   #065f46;
    --color-red-dark:     #7f1d1d;
}

/**
 * shared.css — загальні стилі для проекту Dota 2 Analytics
 * Підключається у: fixtures.blade.php, live_list.blade.php
 */

/* Hero thumbnail (мініатюра героя у рядку таблиці) */
.hero-thumb {
    width: 28px;
    height: 16px;
    object-fit: cover;
    border-radius: 2px;
}

/* Бейджі статусу матчу */
.status-badge--live {
    background: #ef4444;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 4px;
    padding: 1px 6px;
}

.status-badge--done {
    background: var(--border-light);
    color: var(--text-secondary);
    font-size: 10px;
    border-radius: 4px;
    padding: 1px 6px;
}

/* ── x-matchup-stats ────────────────────────────────── */
.matchup-stats__label {
    font-size: 12px;
    color: var(--text-secondary);
    margin-top: 4px;
}
.matchup-stats__value--positive { color: var(--color-dire); }
.matchup-stats__value--negative { color: var(--color-radiant); }
.matchup-stats__count {
    font-size: 11px;
    color: var(--text-muted);
}

/* ── x-advantage-cell ───────────────────────────────── */
.adv-cell { text-align: center; }
.adv-cell__number--positive {
    color: var(--color-radiant);
    font-size: 2rem;
    font-weight: 700;
}
.adv-cell__number--negative {
    color: var(--color-dire);
    font-size: 2rem;
    font-weight: 700;
}
.adv-cell__label {
    font-size: 11px;
    color: var(--text-muted);
}
.adv-cell__tier {
    font-size: 12px;
    color: var(--text-secondary);
    margin-top: 4px;
}

/* ── x-counter-row ──────────────────────────────────── */
.counter-row__dis--positive { color: var(--color-dire); }
.counter-row__dis--negative { color: var(--color-radiant); }

/* ── x-draft-item ───────────────────────────────────── */
.draft-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
}
.draft-item + .draft-item {
    border-top: 1px solid var(--border-light);
}
.draft-item__name {
    color: var(--text-primary);
    text-decoration: none;
    font-size: 14px;
}
.draft-item__meta {
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 2px;
}
.draft-item__public { color: var(--color-radiant); }
.draft-item__actions {
    display: flex;
    gap: 8px;
    align-items: center;
}
.draft-item__open-link {
    color: var(--color-accent);
    font-size: 12px;
    text-decoration: none;
}

/* ── x-hero-matchup-panel ───────────────────────────── */
.hero-matchup-panel {
    background: var(--bg-card);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
}
.hero-matchup-panel__img {
    width: 90px;
    height: 51px;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 8px;
}
.hero-matchup-panel__name { font-weight: 600; }
.hero-matchup-panel__no-data {
    font-size: 12px;
    color: var(--text-muted);
}