/* A Recomend — admin console specifics (shared shell lives in auth.css). */

/* Make-professional modal (the one allowed shadow: overlays only) */
.modal-overlay {
  position: fixed; inset: 0; background: rgba(20,18,15,.35); z-index: 90;
  display: flex; align-items: center; justify-content: center; padding: var(--s5);
}
.modal-card {
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card);
  box-shadow: var(--overlay-shadow);
  width: min(420px, 100%); padding: var(--s5);
}
.modal-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--s1); }
.modal-head h3 { margin: 0; font-size: 20px; font-weight: 600; }
.modal-who { font-size: 13px; color: var(--muted); margin: 0 0 var(--s4); }

/* User name cell */
.user-name { font-weight: 600; }
.user-phone { direction: ltr; display: inline-block; font-size: 12px; color: var(--muted); }
html[dir="rtl"] .user-phone { text-align: right; }

/* Audit meta */
.audit-meta { font-size: 11px; color: var(--muted); max-width: 260px; white-space: normal; }
.audit-time { font-size: 12px; color: var(--muted); direction: ltr; }