/* 
 * CSS Fixes to remove colors from table elements for a neutral look.
 * This will affect badges, performance scores, and action buttons inside tables.
 */

/* Reset badges inside tables */
/* Generic selector for any table inside a table container */
.table-container table .user-type-badge,
.table-container table .severity-badge,
.table-container table .sector-badge,
.table-container table .score-badge,
.table-container table .status-badge,
.table-container table .risk-badge,
.table-container table .count-badge,
.table-container table .action-badge,
.table-container table .training-badge {
    background-color: #f1f5f9 !important; /* neutral-100 */
    color: #475569; /* neutral-600 */
    border: 1px solid #e2e8f0; /* neutral-200 */
}

/* Reset performance score colors inside tables */
.data-table .performance-score .score-fill {
    background-color: #94a3b8 !important; /* neutral-400 */
}

.data-table .performance-score span {
    color: #475569 !important; /* neutral-600 */
}

/* Reset offender avatar colors inside tables */
.data-table .offender-avatar {
    background-color: #e2e8f0 !important; /* neutral-200 */
    color: #64748b !important; /* neutral-500 */
}

/* Reset rank badges inside tables */
.data-table .rank-badge {
    background: #e2e8f0 !important; /* neutral-200 */
    color: #475569 !important; /* neutral-600 */
}

/* Reset rating colors inside tables */
.data-table .rating,
.data-table .rating i {
    color: #475569 !important; /* neutral-600 */
}


/* Reset action button colors inside tables */
.table-container table .action-buttons .btn-sm {
    background-color: #ffffff !important;
    color: #475569 !important; /* neutral-600 */
    border: 1px solid #cbd5e1 !important; /* neutral-300 */
}
.table-container table .action-buttons .btn-sm.danger {
    color: #475569 !important; /* neutral-600 */
}

.table-container table .action-buttons .btn-sm:hover {
    background-color: #f8fafc !important; /* neutral-50 */
    border-color: #94a3b8 !important; /* neutral-400 */
}

/* Fixes for driver-engagement.html table */
.table-container table .score-circle {
    background-color: #f1f5f9 !important;
    color: #475569 !important;
}

.table-container table .progress-fill {
    background: #94a3b8 !important;
}

.table-container table .satisfaction-stars,
.table-container table .satisfaction-stars i {
    color: #94a3b8 !important;
}