/* The till's one question box (public/dialog.js). It borrows the shared
   .modal-back / .modal look, and only adds what a question needs: to sit
   above whatever window asked it, to keep a long message's line breaks, and
   buttons that can carry a real sentence in either language. */
.cx-dlg-back{z-index:5000}
.modal-back>.modal.cx-dlg{padding:22px;overflow:auto}
.cx-dlg-title{margin:0 0 10px;font-size:16px;font-weight:700}
.cx-dlg-msg{margin:0;white-space:pre-wrap;line-height:1.6;font-size:14.5px;color:var(--ink,inherit)}
.cx-dlg-in{width:100%;margin-top:14px;padding:10px 12px;font-size:15px;
  border:1px solid var(--line,#d5dbe3);border-radius:var(--radius-sm,8px);background:var(--surface,#fff);color:inherit}
.cx-dlg-in:focus{outline:2px solid var(--accent,#0891b2);outline-offset:1px}
.modal-foot.cx-dlg-foot{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;
  padding:0;margin-top:18px;border-top:0}
.cx-dlg-foot button{min-width:110px;white-space:normal}
.cx-dlg-foot button:focus-visible{outline:2px solid var(--accent,#0891b2);outline-offset:2px}
.cx-dlg-danger .cx-dlg-ok{background:var(--danger,#dc2626)}
/* Arabic reads right to left: the answer buttons follow, as the rest of the till does. */
body.ar .cx-dlg-msg{font-size:15.5px}