/**
 * Tema claro para SweetAlert2 encima de sweetalert_dark.css.
 * Se aplica con customClass.popup = 'ologgi-swal-modern'.
 */

.swal2-popup.ologgi-swal-modern {
  background: #ffffff !important;
  color: #0f172a !important;
  border-radius: 16px !important;
  box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.38) !important;
  padding: 1.35rem 1.5rem 1.15rem !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

.swal2-popup.ologgi-swal-modern--validation {
  max-width: min(32em, calc(100vw - 2rem)) !important;
}

.swal2-popup.ologgi-swal-modern .swal2-title {
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  padding: 0 0 0.35rem !important;
}

.swal2-popup.ologgi-swal-modern .swal2-html-container,
.swal2-popup.ologgi-swal-modern .swal2-content {
  color: #334155 !important;
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

.swal2-popup.ologgi-swal-modern .swal2-html-container {
  text-align: left !important;
  white-space: pre-line !important;
}

.swal2-popup.ologgi-swal-modern .swal2-icon {
  margin: 0.25rem auto 0.65rem !important;
  border-width: 3px !important;
}

.swal2-popup.ologgi-swal-modern .swal2-icon.swal2-error {
  border-color: rgba(239, 68, 68, 0.55) !important;
  color: #ef4444 !important;
}

.swal2-popup.ologgi-swal-modern .swal2-icon.swal2-warning {
  border-color: rgba(245, 158, 11, 0.55) !important;
  color: #f59e0b !important;
}

.swal2-popup.ologgi-swal-modern .swal2-icon.swal2-success {
  border-color: rgba(16, 185, 129, 0.55) !important;
  color: #10b981 !important;
}

.swal2-popup.ologgi-swal-modern .swal2-icon.swal2-info {
  border-color: rgba(1, 184, 216, 0.55) !important;
  color: #01b8d8 !important;
}

.swal2-popup.ologgi-swal-modern .swal2-actions {
  margin: 1rem 0 0 !important;
  padding: 0 !important;
}

.swal2-popup.ologgi-swal-modern .swal2-confirm.ologgi-swal-modern__confirm {
  border-radius: 10px !important;
  padding: 0.55rem 1.45rem !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  background: linear-gradient(180deg, #15c9e8 0%, #01b8d8 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(1, 184, 216, 0.35) !important;
}

.swal2-popup.ologgi-swal-modern .swal2-confirm.ologgi-swal-modern__confirm:focus {
  box-shadow: 0 0 0 3px rgba(1, 184, 216, 0.35) !important;
}

.swal2-popup.ologgi-swal-modern .swal2-timer-progress-bar {
  background: #01b8d8 !important;
}

.swal2-container.swal2-backdrop-show {
  background: rgba(15, 23, 42, 0.48) !important;
}

/* Lista de validación (alertsHtml) */
.ologgi-swal-err-intro {
  margin: 0 0 0.65rem;
  font-size: 0.9rem;
  color: #475569;
  font-weight: 500;
}

.ologgi-swal-err-list {
  margin: 0.35rem 0 0;
  padding-left: 1.35rem;
  list-style: decimal;
  list-style-position: outside;
}

.ologgi-swal-err-list li {
  margin-bottom: 0.45rem;
  padding-left: 0.25rem;
  color: #334155;
  line-height: 1.45;
}

.ologgi-swal-err-list li:last-child {
  margin-bottom: 0;
}