/**
 * SweetAlert2 - Ecoasis CRM theme
 * Matches website design (teal accent, clean typography)
 */

/* Override SweetAlert2 CSS variables - use fallbacks for pages without full theme */
:root {
  --swal2-background: var(--surface, #fff);
  --swal2-color: var(--text, #1e293b);
  --swal2-border-radius: 16px;
  --swal2-confirm-button-background-color: var(--accent, #15B899);
  --swal2-confirm-button-color: #fff;
  --swal2-confirm-button-border-radius: 12px;
  --swal2-input-border: 1px solid var(--border, #d1d9e6);
  --swal2-input-border-radius: 12px;
  --swal2-input-focus-border: 1px solid var(--accent, #15B899);
  --swal2-input-focus-box-shadow: 0 0 0 3px rgba(21, 184, 153, 0.15);
  --swal2-backdrop: rgba(0, 0, 0, 0.35);
}

/* Popup - match app styling */
.swal2-popup {
  font-family: var(--font-family, 'Inter', sans-serif) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid var(--border, #d1d9e6) !important;
}

/* Title */
.swal2-title {
  color: var(--text, #1e293b) !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
}

/* HTML/Message text */
.swal2-html-container {
  color: var(--text2, #475569) !important;
  font-size: 1rem !important;
}

/* Success icon - teal */
.swal2-icon.swal2-success {
  border-color: var(--accent, #15B899) !important;
  color: var(--accent, #15B899) !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(21, 184, 153, 0.3) !important;
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: var(--accent, #15B899) !important;
}

.swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
  border-color: var(--accent, #15B899) !important;
}

/* Error icon */
.swal2-icon.swal2-error {
  border-color: var(--accent4, #ED4942) !important;
  color: var(--accent4, #ED4942) !important;
}

.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
  background-color: var(--accent4, #ED4942) !important;
}

/* Warning icon */
.swal2-icon.swal2-warning {
  border-color: var(--accent3, #FBB03B) !important;
  color: var(--accent3, #FBB03B) !important;
}

.swal2-icon.swal2-warning .swal2-icon-content {
  color: var(--accent3, #FBB03B) !important;
}

/* Confirm button */
.swal2-confirm {
  font-weight: 600 !important;
  padding: 12px 24px !important;
  box-shadow: 0 4px 12px rgba(21, 184, 153, 0.3) !important;
}

.swal2-confirm:hover {
  transform: translateY(-1px);
}

/* Cancel button */
.swal2-cancel {
  background-color: var(--surface2, #f8fafc) !important;
  color: var(--text, #1e293b) !important;
  border: 1px solid var(--border, #d1d9e6) !important;
}

/* Deny button */
.swal2-deny {
  background-color: var(--accent4, #ED4942) !important;
}

/* Dark mode */
body.dark .swal2-popup {
  border-color: var(--border) !important;
}