/* ===================================================================
 * dialogs.css — بوب-أب احترافي مركزي (confirm / prompt / alert)
 * RTL + tokens + dark-safe. متمركز في نص الشاشة مع خلفية مموّهة.
 * =================================================================== */
.oaf-dlg-overlay {
  position: fixed; inset: 0; z-index: 10050;
  display: flex; align-items: center; justify-content: center; padding: 1rem;
  background: rgba(11, 42, 74, .45);
  backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
  opacity: 0; pointer-events: none; transition: opacity .2s ease;
}
.oaf-dlg-overlay.active { opacity: 1; pointer-events: auto; }

.oaf-dlg {
  background: var(--surface, #fff);
  color: var(--text, #1f2937);
  width: 100%; max-width: 420px; overflow: hidden;
  border-radius: 18px;
  border: 1px solid var(--border, #e5e7eb);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
  direction: rtl; text-align: right;
  transform: translateY(18px) scale(.95); opacity: 0;
  transition: transform .24s cubic-bezier(.34, 1.4, .64, 1), opacity .24s ease;
}
.oaf-dlg-overlay.active .oaf-dlg { transform: translateY(0) scale(1); opacity: 1; }

.oaf-dlg-head {
  display: flex; align-items: center; gap: .7rem;
  padding: 1.25rem 1.4rem .5rem;
}
.oaf-dlg-head i { font-size: 1.55rem; flex: 0 0 auto; }
.oaf-dlg-head h3 { margin: 0; font-size: 1.12rem; font-weight: 800; color: var(--text, #1f2937); }

.oaf-dlg-body {
  padding: .25rem 1.4rem 1rem;
  font-size: .95rem; line-height: 1.75;
  color: var(--text-muted, #6b7280);
  white-space: pre-line;
  max-height: 55vh; overflow-y: auto;
}

.oaf-dlg-input {
  width: 100%; margin-top: .85rem;
  padding: .72rem .9rem; font-size: 1rem; font-family: inherit;
  border: 1.5px solid var(--border, #e5e7eb); border-radius: 11px;
  background: var(--surface-2, #f9fafb); color: var(--text, #1f2937);
  direction: rtl; box-sizing: border-box;
}
.oaf-dlg-input:focus {
  outline: none; border-color: var(--accent, #FF6B35);
  box-shadow: 0 0 0 3px rgba(255, 107, 53, .18);
}

.oaf-dlg-foot { display: flex; gap: .6rem; padding: .3rem 1.4rem 1.4rem; }
.oaf-dlg-foot button {
  flex: 1; padding: .72rem 1rem;
  border: none; border-radius: 12px;
  font-size: .95rem; font-weight: 700; font-family: inherit; cursor: pointer;
  transition: transform .12s ease, filter .15s ease, background .15s ease;
}
.oaf-dlg-foot button:active { transform: scale(.97); }
.oaf-dlg-ok { background: var(--brand, #0B2A4A); color: #fff; }
.oaf-dlg-ok:hover { filter: brightness(1.15); }
.oaf-dlg-ok.oaf-dlg-danger { background: #ef4444; }
.oaf-dlg-ok.oaf-dlg-danger:hover { filter: brightness(1.08); }
.oaf-dlg-cancel {
  background: var(--surface-2, #eef2f7); color: var(--text, #1f2937);
  border: 1.5px solid var(--border, #e5e7eb);
}
.oaf-dlg-cancel:hover { background: var(--border, #e5e7eb); }

@media (prefers-reduced-motion: reduce) {
  .oaf-dlg-overlay, .oaf-dlg { transition: none; }
}