/* Badge mức thẻ / vị trí / OVR — chép giao diện từ AutoFCO (dashboard_player.css),
   sprite badge_grade.png chép nguyên file từ AutoFCO static/images/. */

.badgedgrade {
    width: 28px;
    height: 17px;
    display: inline-block;
    flex: 0 0 28px;
    min-width: 28px;
    align-self: center;
    vertical-align: middle;
    background-image: url("../img/badge_grade.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.badgedgrade.grade0 { background-position: 0 0; }
.badgedgrade.grade1 { background-position: 0 7.692308%; }
.badgedgrade.grade10 { background-position: 0 15.384615%; }
.badgedgrade.grade11 { background-position: 0 23.076923%; }
.badgedgrade.grade12 { background-position: 0 30.769231%; }
.badgedgrade.grade13 { background-position: 0 38.461538%; }
.badgedgrade.grade2 { background-position: 0 46.153846%; }
.badgedgrade.grade3 { background-position: 0 53.846154%; }
.badgedgrade.grade4 { background-position: 0 61.538462%; }
.badgedgrade.grade5 { background-position: 0 69.230769%; }
.badgedgrade.grade6 { background-position: 0 76.923077%; }
.badgedgrade.grade7 { background-position: 0 84.615385%; }
.badgedgrade.grade8 { background-position: 0 92.307692%; }
.badgedgrade.grade9 { background-position: 0 100%; }

.fco-pos-badge,
.fco-ovr-badge {
    min-width: 32px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border: 1px solid var(--badge-border, #cbd5e1);
    border-radius: 4px;
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    vertical-align: middle;
}

.fco-ovr-badge {
    color: var(--badge-ink, #1f2937);
    background: var(--badge-bg, #f1f5f9);
    font-weight: 700;
}

.fco-pos-attack { color: var(--pos-attack-ink, #991b1b); background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.6); }
.fco-pos-midfield { color: var(--pos-midfield-ink, #166534); background: rgba(34, 199, 94, 0.15); border-color: rgba(34, 199, 94, 0.6); }
.fco-pos-defense { color: var(--pos-defense-ink, #075985); background: rgba(14, 165, 233, 0.15); border-color: rgba(14, 165, 233, 0.6); }
.fco-pos-gk { color: var(--pos-gk-ink, #9a3412); background: rgba(249, 115, 22, 0.15); border-color: rgba(249, 115, 22, 0.6); }