.zx-dialog {
    position: fixed;
    inset: 0;
    margin: auto;
    box-sizing: border-box;
    width: min(32rem, calc(100vw - 2rem));
    max-height: calc(100dvh - 2rem);
    overflow: auto;
    padding: 1.5rem;
    border: 1px solid var(--border-color, #cbd5e1);
    border-radius: 12px;
    background: var(--dropdown-bg, #fff);
    color: var(--text-primary, #172033);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
}
.zx-dialog::backdrop { background: rgba(15, 23, 42, .58); backdrop-filter: blur(3px); }
.zx-dialog h2 { margin: 0 0 .8rem; font-size: 1.15rem; }
.zx-dialog p { margin: 0; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.zx-dialog input { box-sizing: border-box; width: 100%; margin-top: 1rem; padding: .75rem; color: inherit; background: var(--input-bg, #f1f5f9); border: 1px solid var(--border-color, #cbd5e1); border-radius: 6px; }
.zx-dialog-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.zx-dialog-actions button { min-height: 44px; padding: .65rem 1rem; border-radius: 6px; border: 1px solid var(--border-color, #cbd5e1); background: var(--input-bg, #f1f5f9); color: inherit; cursor: pointer; font: inherit; font-weight: 600; }
.zx-dialog-actions .zx-dialog-accept { background: var(--primary-color, #2563eb); color: #fff; border-color: transparent; }
.zx-dialog :focus-visible { outline: 3px solid var(--primary-color, #2563eb); outline-offset: 3px; }