/* ══════════════════════════════════════
   COLABORADORES.CSS
   Estilos específicos del módulo
══════════════════════════════════════ */

/* ── Avatar con iniciales ── */
.colab-avatar {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  letter-spacing: 0.5px;
}

/* Paleta de colores para avatares */
.av-0 { background: linear-gradient(135deg, #185FA5, #378ADD); }
.av-1 { background: linear-gradient(135deg, #059669, #10B981); }
.av-2 { background: linear-gradient(135deg, #D97706, #F59E0B); }
.av-3 { background: linear-gradient(135deg, #7C3AED, #A78BFA); }
.av-4 { background: linear-gradient(135deg, #DC2626, #F87171); }
.av-5 { background: linear-gradient(135deg, #0D9488, #2DD4BF); }
.av-6 { background: linear-gradient(135deg, #9D174D, #F472B6); }
.av-7 { background: linear-gradient(135deg, #1D4ED8, #60A5FA); }

/* ── Celda nombre + cargo ── */
.colab-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.colab-info .cell-stack strong { font-size: 13px; }
.colab-info .cell-stack span   { font-size: 11px; }

/* ── Badges de área ── */
.area-Operaciones    { background: rgba(24,95,165,0.10);  color: #185FA5; }
.area-Logistica      { background: rgba(20,184,166,0.10); color: #0D9488; }
.area-Administracion { background: rgba(139,92,246,0.10); color: #7C3AED; }
.area-Seguridad      { background: rgba(239,68,68,0.10);  color: #DC2626; }
.area-Mantenimiento  { background: rgba(245,158,11,0.10); color: #D97706; }
.area-TI             { background: rgba(16,185,129,0.10); color: #059669; }

/* ── Badges de estado ── */
.estado-Activo      { background: rgba(16,185,129,0.10); color: #059669; }
.estado-Vacaciones  { background: rgba(245,158,11,0.10); color: #D97706; }
.estado-Licencia    { background: rgba(139,92,246,0.10); color: #7C3AED; }
.estado-Inactivo    { background: rgba(107,114,128,0.10);color: #6B7280; }

/* ── Badges de contrato ── */
.contrato-Planilla    { background: rgba(24,95,165,0.08);  color: #185FA5; }
.contrato-Contrato    { background: rgba(20,184,166,0.08); color: #0D9488; }
.contrato-Terceros    { background: rgba(245,158,11,0.08); color: #D97706; }
.contrato-Practicante { background: rgba(139,92,246,0.08); color: #7C3AED; }

/* ── Badges de rol ── */
.rol-Administrador { background: rgba(239,68,68,0.10);  color: #DC2626; }
.rol-Supervisor    { background: rgba(245,158,11,0.10); color: #D97706; }
.rol-Operador      { background: rgba(24,95,165,0.10);  color: #185FA5; }
.rol-Visualizador  { background: rgba(107,114,128,0.10);color: #6B7280; }
.rol-Sin-acceso    { background: rgba(107,114,128,0.07);color: #9CA3AF; }

/* ── Turno chip ── */
.turno-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  color: var(--gris-texto);
  white-space: nowrap;
}
.turno-chip::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}
.turno-Manana       { color: #D97706; }
.turno-Tarde        { color: #185FA5; }
.turno-Noche        { color: #7C3AED; }
.turno-Administrativo { color: #059669; }