/* ===== Employee Number Column ===== */
.num-col {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-tertiary);
  width: 48px;
}

/* ===== Inactive Employees Section ===== */
.inactive-section { margin-top: 20px; }
.inactive-header {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 12px 20px;
  user-select: none;
}
.inactive-header h3 { font-size: 13px; font-weight: 600; color: var(--text-tertiary); }
.inactive-header .count-badge {
  font-size: 11px; font-weight: 600;
  background: var(--slate-bg); color: var(--slate);
  padding: 2px 8px; border-radius: 10px;
}
.inactive-header .toggle-icon {
  color: var(--text-tertiary); transition: transform 0.2s; font-size: 12px;
}
.inactive-header .toggle-icon.collapsed { transform: rotate(-90deg); }
.inactive-body { overflow: hidden; transition: max-height 0.3s ease; }
.inactive-body.collapsed { max-height: 0 !important; }
.inactive-body .data-table tbody tr { opacity: 0.6; }
.inactive-body .data-table tbody tr:hover { opacity: 0.85; }