/**
 * Colores ARL y estados — variables oficiales VIMASOFT / W&K
 * Uso: fondo soft + borde + texto; indicador lateral en cards.
 * Depende de theme-vimasoft.css para :root (--arl-*, --status-*).
 */

/* ========== ARL — Badges (soft + borde, sin fondo sólido) ========== */

.badge.arl-sura,
.arl-badge.arl-sura,
.v360-wrap .badge.arl-sura {
  background: var(--arl-sura-soft);
  color: var(--arl-sura-primary);
  border: 1px solid var(--arl-sura-primary);
}

.badge.arl-sura-pymes,
.arl-badge.arl-sura-pymes,
.v360-wrap .badge.arl-sura-pymes {
  background: var(--arl-sura-pymes-soft);
  color: var(--arl-sura-pymes-primary);
  border: 1px solid var(--arl-sura-pymes-primary);
}

.badge.arl-colmena,
.arl-badge.arl-colmena,
.v360-wrap .badge.arl-colmena {
  background: var(--arl-colmena-soft);
  color: var(--arl-colmena-primary);
  border: 1px solid var(--arl-colmena-primary);
}

.badge.arl-bolivar,
.arl-badge.arl-bolivar,
.v360-wrap .badge.arl-bolivar {
  background: var(--arl-bolivar-soft);
  color: var(--arl-bolivar-primary);
  border: 1px solid var(--arl-bolivar-primary);
}

.badge.arl-positiva,
.arl-badge.arl-positiva,
.v360-wrap .badge.arl-positiva {
  background: var(--arl-positiva-soft);
  color: var(--arl-positiva-primary);
  border: 1px solid var(--arl-positiva-primary);
}

.badge.arl-colpatria,
.arl-badge.arl-colpatria,
.v360-wrap .badge.arl-colpatria {
  background: var(--arl-colpatria-soft);
  color: var(--arl-colpatria-primary);
  border: 1px solid var(--arl-colpatria-primary);
}

.badge.arl-otros,
.arl-badge.arl-otros,
.v360-wrap .badge.arl-otros {
  background: var(--arl-otros-soft);
  color: var(--arl-otros-primary);
  border: 1px solid var(--arl-otros-primary);
}

/* ========== BADGES POR TIPO (success, warning, info, danger, neutral) ========== */
.badge-success {
  background: var(--status-success-soft);
  color: var(--status-success);
  border: 1px solid var(--status-success);
}
.badge-warning {
  background: var(--status-warning-soft);
  color: var(--status-warning);
  border: 1px solid var(--status-warning);
}
.badge-info {
  background: var(--status-info-soft);
  color: var(--status-info);
  border: 1px solid var(--status-info);
}
.badge-danger {
  background: var(--status-danger-soft);
  color: var(--status-danger);
  border: 1px solid var(--status-danger);
}
.badge-neutral {
  background: var(--status-neutral-soft);
  color: var(--status-neutral);
  border: 1px solid var(--status-neutral);
}

/* ========== ESTADOS — Badges oficiales (soft + borde) ========== */
/* EJECUTADA → verde | PROGRAMADA → naranja | EN PROCESO → azul | VENCIDA → rojo | CANCELADA → gris */

.badge.estado-gris-claro,
.estado-badge.estado-gris-claro,
.v360-wrap .badge.estado-gris-claro {
  background: var(--status-neutral-soft);
  color: var(--status-neutral);
  border: 1px solid var(--status-neutral);
}

.badge.estado-amarillo-claro,
.estado-badge.estado-amarillo-claro,
.v360-wrap .badge.estado-amarillo-claro {
  background: var(--status-warning-soft);
  color: var(--status-warning);
  border: 1px solid var(--status-warning);
}

.badge.estado-rojo-claro,
.estado-badge.estado-rojo-claro,
.v360-wrap .badge.estado-rojo-claro,
.badge.estado-vencida,
.estado-badge.estado-vencida {
  background: var(--status-danger-soft);
  color: var(--status-danger);
  border: 1px solid var(--status-danger);
}

.badge.estado-naranja-claro,
.estado-badge.estado-naranja-claro,
.v360-wrap .badge.estado-naranja-claro,
.badge.estado-programada,
.estado-badge.estado-programada {
  background: var(--status-warning-soft);
  color: var(--status-warning);
  border: 1px solid var(--status-warning);
}

.badge.estado-verde-claro,
.estado-badge.estado-verde-claro,
.v360-wrap .badge.estado-verde-claro,
.badge.estado-ejecutada,
.estado-badge.estado-ejecutada,
.badge.estado-verde,
.estado-badge.estado-verde {
  background: var(--status-success-soft);
  color: var(--status-success);
  border: 1px solid var(--status-success);
}

.badge.estado-rojo,
.estado-badge.estado-rojo,
.v360-wrap .badge.estado-rojo {
  background: var(--status-danger-soft);
  color: var(--status-danger);
  border: 1px solid var(--status-danger);
}

.badge.estado-gris-oscuro,
.estado-badge.estado-gris-oscuro,
.v360-wrap .badge.estado-gris-oscuro,
.badge.estado-cancelada,
.estado-badge.estado-cancelada {
  background: var(--status-neutral-soft);
  color: var(--status-neutral);
  border: 1px solid var(--status-neutral);
}

/* En proceso / info (azul) */
.badge.estado-info,
.estado-badge.estado-info,
.badge.estado-en-proceso,
.estado-badge.estado-en-proceso {
  background: var(--status-info-soft);
  color: var(--status-info);
  border: 1px solid var(--status-info);
}

/* Por vencer */
.badge.estado-por-vencer,
.estado-badge.estado-por-vencer {
  background: var(--status-warning-soft);
  color: var(--status-warning);
  border: 1px solid var(--status-warning);
}

/* Base badge (tamaño y forma) */
.badge,
.estado-badge,
.v360-wrap .badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-family: "Segoe UI", "Microsoft Sans Serif", sans-serif;
}

/* Indicador lateral tipo “línea ARL” en filas/celdas (opcional) */
.cell-arl-indicator.arl-colmena { border-left: 3px solid var(--arl-colmena-primary); }
.cell-arl-indicator.arl-sura { border-left: 3px solid var(--arl-sura-primary); }
.cell-arl-indicator.arl-bolivar { border-left: 3px solid var(--arl-bolivar-primary); }
.cell-arl-indicator.arl-positiva { border-left: 3px solid var(--arl-positiva-primary); }
.cell-arl-indicator.arl-colpatria { border-left: 3px solid var(--arl-colpatria-primary); }
.cell-arl-indicator.arl-sura-pymes { border-left: 3px solid var(--arl-sura-pymes-primary); }
.cell-arl-indicator.arl-otros { border-left: 3px solid var(--arl-otros-primary); }

/* Vista 360: borde izquierdo por ARL en tarjetas de orden/card-item */
.v360-wrap .order-card.arl-colmena,
.v360-wrap .card-item.arl-colmena { border-left: 3px solid var(--arl-colmena-primary); }
.v360-wrap .order-card.arl-sura,
.v360-wrap .card-item.arl-sura { border-left: 3px solid var(--arl-sura-primary); }
.v360-wrap .order-card.arl-bolivar,
.v360-wrap .card-item.arl-bolivar { border-left: 3px solid var(--arl-bolivar-primary); }
.v360-wrap .order-card.arl-positiva,
.v360-wrap .card-item.arl-positiva { border-left: 3px solid var(--arl-positiva-primary); }
.v360-wrap .order-card.arl-colpatria,
.v360-wrap .card-item.arl-colpatria { border-left: 3px solid var(--arl-colpatria-primary); }
.v360-wrap .order-card.arl-sura-pymes,
.v360-wrap .card-item.arl-sura-pymes { border-left: 3px solid var(--arl-sura-pymes-primary); }
.v360-wrap .order-card.arl-otros,
.v360-wrap .card-item.arl-otros { border-left: 3px solid var(--arl-otros-primary); }
