.sport-card-report {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}
.sport-card-report th, .sport-card-report td {
    padding: 8px 10px;
    border: 1px solid #ddd;
    text-align: center;
}
.scr-team {
    display: flex;
    align-items: center;
    gap: 10px;
}
.scr-logo {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* ========== HEADER COLORS FOR CARD REPORT ========== */

/* ใบเหลือง */
.scr-header-yellow {
    background: #fff7c2;
    color: #8a6d00;
    font-weight: bold;
    border-bottom: 2px solid #e6d76b;
}

/* ใบเหลือง + ใบแดง */
.scr-header-yellow-red {
    background: #ffe4c2;
    color: #b44b00;
    font-weight: bold;
    border-bottom: 2px solid #e6a56e;
}

/* ใบแดง */
.scr-header-red {
    background: #ffd0d0;
    color: #a00000;
    font-weight: bold;
    border-bottom: 2px solid #d46a6a;
}

/* ปรับหัวตารางให้ดูดีขึ้น */
.sport-card-report th {
    padding: 10px;
    text-align: center;
    font-size: 14px;
}

/* ========== CARD ICON HEADER ========== */

.scr-card-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    /* padding: 3px 6px; */
    border-radius: 4px;
    color: #222;
    /* min-width: 26px; */
}

/* ใบเหลือง */
.scr-card-yellow {
    background: #ffea00;
    border: 1px solid #d4c900;
}

/* ใบเหลือง + ใบแดง (ทำเป็นกล่องซ้อนกัน) */
.scr-card-yellow-red {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.scr-card-yellow-red .yellow {
    background: #ffea00;
    border: 1px solid #d4c900;
}

.scr-card-yellow-red .red {
    background: #ff3b3b;
    border: 1px solid #b90000;
}

/* ใบแดง */
.scr-card-red {
    background: #ff3b3b;
    border: 1px solid #b90000;
}

/* ปรับหัวตาราง table */
.sport-card-report th {
    text-align: center;
    font-size: 14px;
    padding: 10px;
}

.text-team{
    font-size: 16px !important;
}