/* doc-project | cuisine/assets/css/print-pdv-confirm-modal.css | Définit le style dédié de la modale premium de confirmation avant impression cuisine sur un PDV différent du PDV par défaut de l’appareil, avec message de vigilance fort, résumés visuels et CTA très lisibles. | Expose: aucun | Dépend de: cuisine/index.php, cuisine/assets/js/_printPdvConfirmModal.js | Impacte: UI cuisine, sécurisation visuelle des impressions inter-PDV, lisibilité mobile premium, réduction des erreurs opérateur avant impression | Tables: aucune */

.k-print-confirm-modal {
  position: fixed;
  inset: 0;
  z-index: 1210;
  display: grid;
  place-items: center;
  padding: 20px;
}

.k-print-confirm-modal__backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top, rgba(244, 63, 94, .16), transparent 34%),
    rgba(2, 6, 23, .8);
  backdrop-filter: blur(12px);
}

.k-print-confirm-modal__dialog {
  position: relative;
  width: min(100%, 620px);
  border-radius: 28px;
  padding: 24px;
  color: #e5e7eb;
  border: 1px solid rgba(251, 113, 133, .24);
  background: linear-gradient(180deg, rgba(15, 23, 42, .99), rgba(17, 24, 39, .97));
  box-shadow: 0 28px 90px rgba(0, 0, 0, .42);
}

.k-print-confirm-modal__eyebrow {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #fda4af;
  margin-bottom: 10px;
  font-weight: 800;
}

.k-print-confirm-modal__title {
  margin: 0 0 10px;
  font-size: clamp(26px, 5.8vw, 36px);
  line-height: 1.02;
}

.k-print-confirm-modal__intro,
.k-print-confirm-modal__warning {
  margin: 0;
  line-height: 1.55;
  font-size: 15px;
}

.k-print-confirm-modal__intro {
  color: #cbd5e1;
}

.k-print-confirm-modal__summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.k-print-confirm-modal__pill {
  display: grid;
  gap: 6px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, .18);
  background: rgba(30, 41, 59, .62);
}

.k-print-confirm-modal__pill-label {
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #94a3b8;
}

.k-print-confirm-modal__pill strong {
  font-size: 18px;
  line-height: 1.15;
}

.k-print-confirm-modal__warning {
  color: #fecdd3;
}

.k-print-confirm-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 22px;
}

.k-print-confirm-modal__btn {
  min-height: 52px;
  border: 0;
  border-radius: 16px;
  padding: 0 18px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.k-print-confirm-modal__btn--ghost {
  background: rgba(30, 41, 59, .94);
  color: #e5e7eb;
}

.k-print-confirm-modal__btn--primary {
  background: linear-gradient(180deg, #fb7185, #f43f5e);
  color: #fff;
}

@media (max-width: 640px) {
  .k-print-confirm-modal {
    padding: 14px;
  }

  .k-print-confirm-modal__dialog {
    border-radius: 24px;
    padding: 20px;
  }

  .k-print-confirm-modal__summary {
    grid-template-columns: 1fr;
  }

  .k-print-confirm-modal__actions {
    flex-direction: column-reverse;
  }

  .k-print-confirm-modal__btn {
    width: 100%;
  }
}