/* pages/referee.css — karta rozhodčího (/rozhodci/{id}-{slug}).
 *
 * Vytaženo z pages/match.css, kam se to dostalo omylem: rozpis rolí
 * a značky karet kreslí jenom tahle stránka.
 *
 * Hlavičku osoby a přehled sezón nese components/person.css.
 */

.ref-role-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 10px;
    margin-bottom: 8px;
}

.ref-role-card {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
}
.ref-role-count { font-size: 1.4rem; font-weight: 800; color: var(--accent); line-height: 1; }
.ref-role-label { font-size: 0.72rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }

.ref-role-tag { color: var(--accent); }

/* Karty rozdané v zápase stojí v popisku řádku, ne pod ním — řádek je
   sdílený a vlastní blok pod sebou nemá. Proto inline, ne flex sloupec. */
.ref-match-cards { display: inline-flex; gap: 6px; }
.ref-card {
    display: inline-block;
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    font-size: 0.66rem;
    font-weight: 700;
}
.ref-card-y { background: var(--yc-wash); color: var(--yc); }
.ref-card-r { background: var(--rc-wash); color: var(--rc); }