/* doc-project | caisse-aqp/public/assets/css/components/deliveryZoneConfirmation.css | Stylise le contrôle tactile Confirmer zone livraison et ses états neutre, adresse OK et adresse refusée dans la fiche client caisse. | Expose: .deliveryZoneConfirmRequest | Dépend de: deliveryZoneConfirmation.js, styles globaux app.css | Impacte: lisibilité du statut de zone près de l’adresse client | Tables: aucune */
.deliveryZoneConfirmRequest[hidden] {
  display: none !important;
}

.deliveryZoneConfirmRequest {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  padding: 9px 11px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #f8fafc;
  color: #0f172a;
  font-weight: 800;
  line-height: 1.25;
  cursor: pointer;
}

.deliveryZoneConfirmRequest input {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}

.deliveryZoneConfirmRequest.is-inside {
  border-color: #86efac;
  background: #dcfce7;
  color: #166534;
  cursor: default;
}

.deliveryZoneConfirmRequest.is-outside {
  border-color: #fda4af;
  background: #ffe4e6;
  color: #9f1239;
  cursor: default;
}

.deliveryZoneConfirmRequest input:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.35);
  outline-offset: 2px;
}