/* Question dialogs of the website's pages (dialog.js): the same look in the forum and the account page, light and dark. */
.o2d-dlg-layer { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(10, 14, 22, .45); }
.o2d-dlg { width: min(440px, 100%); max-height: calc(100vh - 32px); overflow: auto; padding: 20px 22px 16px; border-radius: 12px; border: 1px solid var(--line, #e4e1da); background: var(--surface, #fff); color: var(--ink, #141821); box-shadow: 0 18px 50px rgba(0, 0, 0, .28); font-family: var(--sans, system-ui, sans-serif); }
.o2d-dlg-title { margin: 0 0 8px; font-size: 17px; line-height: 1.3; font-weight: 650; }
.o2d-dlg-msg { margin: 0 0 14px; color: var(--dim, #5d6573); font-size: 14.5px; line-height: 1.55; white-space: pre-line; }
.o2d-dlg-input { display: block; width: 100%; min-height: 84px; padding: 9px 11px; resize: vertical; font: inherit; font-size: 14.5px; color: var(--ink, #141821); background: var(--bg, #faf9f6); border: 1px solid var(--line, #e4e1da); border-radius: 8px; }
.o2d-dlg-input:focus { outline: 3px solid color-mix(in srgb, var(--accent, #1e40af) 45%, transparent); outline-offset: 1px; border-color: var(--accent, #1e40af); }
.o2d-dlg-err { min-height: 18px; margin: 6px 0 0; color: var(--danger, #b42318); font-size: 13px; }
.o2d-dlg-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 12px; }
.o2d-dlg-btn { padding: 8px 16px; border-radius: 8px; border: 1px solid var(--line, #e4e1da); background: var(--surface, #fff); color: var(--ink, #141821); font: 600 14px var(--sans, system-ui, sans-serif); cursor: pointer; }
.o2d-dlg-btn:hover { border-color: var(--accent, #1e40af); }
.o2d-dlg-btn.primary { background: var(--accent, #1e40af); border-color: var(--accent, #1e40af); color: var(--accent-ink, #fff); }
.o2d-dlg-btn.primary.danger { background: var(--danger, #b42318); border-color: var(--danger, #b42318); color: #fff; }
.o2d-dlg-btn:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent, #1e40af) 55%, transparent); outline-offset: 2px; }