/* ============================================================
   TABLES — Risk table, Employee table, shared badges & deltas
   ============================================================ */

/* --- Shared delta indicators --- */
.delta-up   { color: var(--red);   font-family: var(--font-mono); font-size: 12px; }
.delta-down { color: var(--green); font-family: var(--font-mono); font-size: 12px; }

/* --- Risk / Critical Events table --- */
.risk-table { width: 100%; border-collapse: collapse; }
.risk-table th {
  text-align: left; font-size: 11px; color: var(--text3); font-weight: 500;
  padding: 0 0 8px; border-bottom: 1px solid var(--border);
}
.risk-table td {
  padding: 10px 0; border-bottom: 1px solid var(--border2); font-size: 13px;
}
.risk-table tr:last-child td { border-bottom: none; }

.risk-badge {
  font-size: 11px; font-weight: 600; padding: 2px 8px;
  border-radius: 4px; font-family: var(--font-mono);
}
.risk-high { background: rgba(248, 81,  73, 0.15); color: var(--red); }
.risk-mid  { background: rgba(240, 136, 62, 0.15); color: var(--orange); }
.risk-low  { background: rgba(63,  185, 80, 0.15); color: var(--green); }

.risk-num { font-weight: 600; font-family: var(--font-mono); }

/* --- Employee tabs (best / worst toggle) --- */
.emp-tabs { display: flex; gap: 0; margin-bottom: 12px; border-bottom: 1px solid var(--border); }
.emp-tab {
  padding: 8px 14px; font-size: 12.5px; font-weight: 500;
  color: var(--text2); cursor: pointer;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
  transition: color 0.15s, border-color 0.15s;
}
.emp-tab.active { color: var(--accent); border-bottom-color: var(--accent); }

/* --- Employee table --- */
.emp-table { width: 100%; border-collapse: collapse; }
.emp-table th {
  text-align: left; font-size: 11px; color: var(--text3); font-weight: 500;
  padding: 0 6px 8px; border-bottom: 1px solid var(--border);
}
.emp-table th:first-child { padding-left: 0; }
.emp-table td {
  padding: 9px 6px; border-bottom: 1px solid var(--border2); font-size: 12.5px;
}
.emp-table td:first-child  { padding-left: 0; }
.emp-table tr:last-child td { border-bottom: none; }

.rank-num    { color: var(--text3); font-family: var(--font-mono); font-size: 11px; width: 20px; }
.emp-name    { font-weight: 600; }
.emp-branch  { color: var(--text2); font-size: 11.5px; }
.score-val   { font-family: var(--font-mono); font-weight: 600; color: var(--green); }
.success-val { font-family: var(--font-mono); color: var(--text2); }
.viol-val    { font-family: var(--font-mono); }
.viol-low    { color: var(--green); }
.viol-high   { color: var(--red); }
.dial-val    { font-family: var(--font-mono); color: var(--text2); }