/**
 * Modal “Leaving Book Taco” (#loginExternalLeaveModal)
 * Usado com login-external-leave.js — Bootstrap Icons no markup do partial.
 */

.external-leave-modal .modal-dialog {
  max-width: 440px;
}

.external-leave-modal .external-leave-modal__close {
  position: absolute;
  top: 0.85rem;
  right: 0.85rem;
  z-index: 2;
}

.external-leave-modal .external-leave-modal__icon-wrap {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, rgba(13, 110, 253, 0.12) 0%, rgba(13, 202, 240, 0.1) 100%);
  border: 1px solid rgba(13, 110, 253, 0.15);
}

.external-leave-modal .external-leave-modal__icon {
  font-size: 1.75rem;
  line-height: 1;
  color: #0d6efd;
}

.external-leave-modal .external-leave-modal__desc {
  max-width: 26rem;
  margin-left: auto;
  margin-right: auto;
  font-size: inherit;
}