/* ===== PERMISOS DE PERSONAL — CHIPS (prefijo apm-) ===== */

.apm-chip {
  display: inline-block;
  line-height: 1.4;
  white-space: nowrap;
}

/* Chip de estado: dato principal, píldora con relleno sólido */
.apm-chip-estado {
  border-radius: 999px;
  padding: 3px 11px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
  color: #fff;
}

/* Chip de tipo: subordinado, esquinas rectas, fondo claro + borde */
.apm-chip-tipo {
  border-radius: 4px;
  border: 1px solid transparent;
  padding: 2px 9px;
  font-size: 10px;
  font-weight: 600;
}

/* ── Estado: relleno sólido ── */
.apm-est-pendiente     { background: #d97706; }
.apm-est-pre_aprobado  { background: #7c3aed; }
.apm-est-aprobado      { background: #16a34a; }
.apm-est-rechazado     { background: #dc2626; }
.apm-est-completado    { background: #6b7280; }
.apm-est-desconocido   { background: #6b7280; }

/* ── Tipo: borde + texto del color, fondo al 10% de opacidad ── */
.apm-tip-horas        { background: rgba(59,130,246,.1);  border-color: #3b82f6; color: #3b82f6; }
.apm-tip-dia          { background: rgba(34,197,94,.1);   border-color: #22c55e; color: #22c55e; }
.apm-tip-dias         { background: rgba(249,115,22,.1);  border-color: #f97316; color: #f97316; }
.apm-tip-vacacion     { background: rgba(139,92,246,.1);  border-color: #8b5cf6; color: #8b5cf6; }
.apm-tip-desconocido  { background: rgba(107,114,128,.1); border-color: #6b7280; color: #6b7280; }