/* ================================================
   DASHBOARD CRM TRUYEN THONG KH - Extra Styles
   ================================================ */

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

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

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

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

.kpi-cho-gui { border-left-color: #6c757d; }
.kpi-cho-gui .kpi-icon { background: rgba(108, 117, 125, 0.1); color: #6c757d; }

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

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

.kpi-ty-le-tt { border-left-color: #fd7e14; }
.kpi-ty-le-tt .kpi-icon { background: rgba(253, 126, 20, 0.1); color: #fd7e14; }

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