/* ============================================================
   enterprise.css — Zwato functional overrides
   Only SweetAlert2 polish + the action-dropdown width fix.
   ============================================================ */

/* ── Shared colour tokens (used by SweetAlert2 below) ───────── */
:root {
  --c-brand:        #0f4c54;
  --c-success:      #16a34a;
  --c-danger:       #dc2626;
  --c-danger-light: #fef2f2;
  --c-warning:      #d97706;
  --c-info:         #2563eb;
  --c-text-1:       #0f172a;
  --c-text-2:       #475569;
  --c-text-3:       #94a3b8;
  --r-sm: 6px;
  --r-xl: 16px;
  --sh-modal: 0 24px 64px rgba(0,0,0,.14), 0 8px 24px rgba(0,0,0,.06);
}

/* ── Action-button dropdown fix ─────────────────────────────── */
/* Without this, ul.action li a { width: 28px } clips dropdown items */
ul.action li .dropdown-content a {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
}

/* ── SweetAlert2 ─────────────────────────────────────────────── */
/*
  Do NOT override .swal2-icon width/height/border-width.
  The success checkmark uses hardcoded px positions sized for the
  default 80px container — shrinking it breaks the checkmark.
*/
.swal2-popup {
  border-radius: var(--r-xl) !important;
  box-shadow: var(--sh-modal) !important;
  background-color: #ffffff !important;
  padding: 28px !important;
  font-size: 14px !important;
  max-width: 440px !important;
}
.swal2-title {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--c-text-1) !important;
  padding: 0 0 8px !important;
}
.swal2-html-container,
.swal2-content {
  font-size: 14px !important;
  color: var(--c-text-2) !important;
  line-height: 1.6 !important;
}
/* Success icon — colour only, never size */
.swal2-icon.swal2-success {
  border-color: #a3e635 !important;
  color: var(--c-success) !important;
}
.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(22,163,74,.3) !important;
}
.swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: var(--c-success) !important;
}
/* Masking elements must match popup background */
.swal2-success-fix,
.swal2-success-circular-line-left,
.swal2-success-circular-line-right {
  background-color: #ffffff !important;
}
/* Error icon */
.swal2-icon.swal2-error {
  border-color: #fca5a5 !important;
  color: var(--c-danger) !important;
}
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
  background-color: var(--c-danger) !important;
}
/* Warning icon */
.swal2-icon.swal2-warning {
  border-color: #fde68a !important;
  color: var(--c-warning) !important;
}
/* Info icon */
.swal2-icon.swal2-info {
  border-color: #bfdbfe !important;
  color: var(--c-info) !important;
}
/* Buttons */
.swal2-confirm {
  background-image: none !important;
  background-color: var(--c-brand) !important;
  border-radius: var(--r-sm) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 8px 20px !important;
  box-shadow: none !important;
}
.swal2-cancel {
  background-image: none !important;
  background-color: #f1f5f9 !important;
  color: var(--c-text-1) !important;
  border-radius: var(--r-sm) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 8px 20px !important;
  box-shadow: none !important;
}
.swal2-deny {
  background-image: none !important;
  background-color: var(--c-danger-light) !important;
  color: var(--c-danger) !important;
  border-radius: var(--r-sm) !important;
  font-size: 13px !important;
}
.swal2-close {
  top: 12px !important;
  right: 14px !important;
  color: var(--c-text-3) !important;
  font-size: 20px !important;
}
.swal2-close:hover { color: var(--c-text-1) !important; }
.swal2-actions { gap: 8px !important; margin-top: 20px !important; }