/* ══════════════════════════════════════════════════════════════════
   Modal — flat solid panel per brand_identity_v2.md §5/§11
   Cycle 17 B: glass-morphism DEMOTED. A modal is a panel, not a
   transient toast — it gets a solid white surface, a crisp 1px line
   border and a clear elevation shadow. No backdrop-filter.
   ══════════════════════════════════════════════════════════════════ */

.modal-content {
  background: var(--wasla-surface, #ffffff);
  border: 1px solid var(--wasla-line, #E4E7EC);
  border-radius: 16px;
  box-shadow: 0 16px 48px rgba(20, 40, 70, 0.22);
}

[data-bs-theme="dark"] .modal-content {
  background: var(--wasla-surface);
  border-color: var(--wasla-line);
  color: var(--wasla-ink);
}

/* Header / footer sit on the same solid surface; the border lines
   delimit the regions. */
.modal-header,
.modal-footer {
  background: transparent;
  border-color: var(--wasla-line, #E4E7EC);
}

[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer {
  border-color: var(--wasla-line);
}