/* ================================================
   DASHBOARD CRM CSKH & KHIEU NAI - Extra Styles
   ================================================ */

/* KPI Color Variants - CSKH */
.kpi-total-gd { border-left-color: #0d6efd; }
.kpi-total-gd .kpi-icon { background: rgba(13, 110, 253, 0.1); color: #0d6efd; }

.kpi-dang-xu-ly { border-left-color: #fd7e14; }
.kpi-dang-xu-ly .kpi-icon { background: rgba(253, 126, 20, 0.1); color: #fd7e14; }

.kpi-hoan-thanh { border-left-color: #198754; }
.kpi-hoan-thanh .kpi-icon { background: rgba(25, 135, 84, 0.1); color: #198754; }

.kpi-khieu-nai { border-left-color: #dc3545; }
.kpi-khieu-nai .kpi-icon { background: rgba(220, 53, 69, 0.1); color: #dc3545; }

.kpi-yeu-cau { border-left-color: #6f42c1; }
.kpi-yeu-cau .kpi-icon { background: rgba(111, 66, 193, 0.1); color: #6f42c1; }

.kpi-ty-le-dung-han { border-left-color: #20c997; }
.kpi-ty-le-dung-han .kpi-icon { background: rgba(32, 201, 151, 0.1); color: #20c997; }

.kpi-thoi-gian-tb { border-left-color: #0dcaf0; }
.kpi-thoi-gian-tb .kpi-icon { background: rgba(13, 202, 240, 0.1); color: #0dcaf0; }

.kpi-diem-hai-long { border-left-color: #ffc107; }
.kpi-diem-hai-long .kpi-icon { background: rgba(255, 193, 7, 0.1); color: #d4a106; }

.kpi-cuoc-goi-hotline { border-left-color: #e35d6a; }
.kpi-cuoc-goi-hotline .kpi-icon { background: rgba(227, 93, 106, 0.1); color: #e35d6a; }

/* Status badges in grid */
.badge-cskh-status {
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.73rem;
    font-weight: 600;
    color: #fff;
}

.badge-dang-xu-ly { background: #fd7e14; }
.badge-hoan-thanh { background: #198754; }
.badge-qua-han { background: #dc3545; }
.badge-cho-xu-ly { background: #6c757d; }

/* Audio player in grid */
.audio-mini {
    height: 28px;
    width: 100%;
    max-width: 200px;
}