/* doc-project | standard/css/secondary-line-confirm-modal.css | Définit le style dédié de la modale de confirmation avant changement d’état du point de vente secondaire afin de réduire les clics accidentels et d’afficher clairement le PDV ciblé ainsi que l’action à confirmer, avec une présentation plus lisible sur smartphone, une hiérarchie plus nette du message de risque et des CTA plus confortables au toucher. | Expose: aucun | Dépend de: standard/index.php, standard/js/standard-line-toggle.js, Bootstrap modal | Impacte: confirmation visuelle du pilotage secondaire, lisibilité mobile/desktop, prévention des erreurs de manipulation | Tables: aucune */

.standard-line-secondary-confirm-modal__dialog {
  width: min(760px, calc(100% - 28px));
  max-width: 760px;
}

.standard-line-secondary-confirm-modal {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(28, 123, 255, 0.14), transparent 34%),
    linear-gradient(180deg, #111827 0%, #06090f 100%);
  color: #f8fafc;
  box-shadow: 0 32px 70px rgba(0, 0, 0, 0.34);
}

.standard-line-secondary-confirm-modal__header {
  align-items: flex-start;
  padding: 28px 28px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.standard-line-secondary-confirm-modal__eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1rem;
  font-weight: 700;
  color: rgba(226, 232, 240, 0.72);
  margin-bottom: 0.55rem;
}

.standard-line-secondary-confirm-modal__title {
  margin: 0;
  font-size: 2.4rem;
  line-height: 1.08;
  font-weight: 800;
  color: #f8fafc;
}

.standard-line-secondary-confirm-modal__close {
  margin-left: 1rem;
  width: 56px;
  height: 56px;
  padding: 0;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  color: #f8fafc;
  opacity: 1;
  font-size: 2rem;
}

.standard-line-secondary-confirm-modal__body {
  padding: 24px 28px 12px;
}

.standard-line-secondary-confirm-modal__text {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.55;
  color: #f8fafc;
  font-weight: 600;
}

.standard-line-secondary-confirm-modal__summary {
  display: grid;
  gap: 12px;
  margin-top: 20px;
  padding: 18px 20px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 1.3rem;
  line-height: 1.5;
}

.standard-line-secondary-confirm-modal__footer {
  display: flex;
  gap: 14px;
  justify-content: flex-end;
  padding: 20px 28px 28px;
  border-top: none;
}

.standard-line-secondary-confirm-modal__cancel,
.standard-line-secondary-confirm-modal__confirm {
  min-height: 74px;
  min-width: 220px;
  border-radius: 16px;
  font-size: 1.45rem;
  line-height: 1.15;
  font-weight: 800;
  white-space: normal;
}

.standard-line-secondary-confirm-modal__cancel {
  border-width: 2px;
}

@media (max-width: 991.98px) {
  .standard-line-secondary-confirm-modal__dialog {
    width: calc(100% - 16px);
    max-width: none;
    margin: 8px auto;
  }

  .standard-line-secondary-confirm-modal__header {
    padding: 24px 20px 16px;
  }

  .standard-line-secondary-confirm-modal__title {
    font-size: 2rem;
  }

  .standard-line-secondary-confirm-modal__body {
    padding: 20px 20px 10px;
  }

  .standard-line-secondary-confirm-modal__text {
    font-size: 1.3rem;
  }

  .standard-line-secondary-confirm-modal__summary {
    font-size: 1.16rem;
    gap: 10px;
  }

  .standard-line-secondary-confirm-modal__footer {
    padding: 18px 20px 24px;
    flex-direction: column;
  }

  .standard-line-secondary-confirm-modal__cancel,
  .standard-line-secondary-confirm-modal__confirm {
    width: 100%;
    min-width: 0;
    min-height: 70px;
    font-size: 1.3rem;
  }
}

@media (max-width: 575.98px) {
  .standard-line-secondary-confirm-modal__dialog {
    width: 100%;
    height: 100%;
    margin: 0;
  }

  .standard-line-secondary-confirm-modal {
    min-height: 100vh;
    border-radius: 0;
  }

  .standard-line-secondary-confirm-modal__header {
    padding: 24px 18px 16px;
  }

  .standard-line-secondary-confirm-modal__title {
    font-size: 1.82rem;
  }

  .standard-line-secondary-confirm-modal__close {
    width: 52px;
    height: 52px;
    font-size: 1.85rem;
  }

  .standard-line-secondary-confirm-modal__body {
    padding: 18px 18px 8px;
  }

  .standard-line-secondary-confirm-modal__text {
    font-size: 1.16rem;
    line-height: 1.55;
  }

  .standard-line-secondary-confirm-modal__summary {
    font-size: 1.04rem;
    padding: 16px;
    border-radius: 16px;
  }

  .standard-line-secondary-confirm-modal__footer {
    padding: 16px 18px 24px;
    gap: 12px;
  }

  .standard-line-secondary-confirm-modal__cancel,
  .standard-line-secondary-confirm-modal__confirm {
    min-height: 70px;
    font-size: 1.2rem;
  }
}