.ev-confirm-dialog {
    width: min(460px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    padding: 0;
    margin: auto;
    border: 1px solid var(--ev-border-strong, #e2e8f0);
    border-radius: 20px;
    background: var(--ev-card, #fff);
    color: var(--ev-text, #0f172a);
    box-shadow: 0 24px 80px rgba(0, 0, 0, .28);
    font-family: var(--ev-font, system-ui, sans-serif);
    overflow: auto;
}
.ev-confirm-dialog::backdrop { background: rgba(9, 18, 38, .58); backdrop-filter: blur(4px); }
.ev-confirm-body { padding: 28px 28px 24px; }
.ev-confirm-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--ev-brand-soft, #eff6ff); color: var(--ev-info-fg, #1d4ed8); font-size: 21px; margin-bottom: 20px; }
.ev-confirm-dialog[data-tone="danger"] .ev-confirm-icon { background: var(--ev-danger-soft, #fef2f2); color: var(--ev-danger-fg, #b91c1c); }
.ev-confirm-dialog h2 { margin: 0 0 12px; color: inherit; font-size: 23px; line-height: 1.3; font-weight: 700; overflow-wrap: anywhere; }
.ev-confirm-dialog p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--ev-text-muted, #64748b); overflow-wrap: anywhere; white-space: pre-line; }
.ev-confirm-actions { display: flex; justify-content: flex-end; gap: 12px; padding: 20px 28px; border-top: 1px solid var(--ev-border, #e2e8f0); background: var(--ev-bg-soft, #f8fafc); }
.ev-confirm-actions button { min-height: 44px; padding: 10px 18px; border-radius: 10px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.ev-confirm-cancel { background: var(--ev-card, #fff); color: var(--ev-text, #0f172a); border: 1px solid var(--ev-border-strong, #cbd5e1); }
.ev-confirm-accept { background: #003597; color: #fff; border: 1px solid transparent; }
.ev-confirm-dialog[data-tone="danger"] .ev-confirm-accept { background: #b91c1c; }
.ev-confirm-actions button:hover { filter: brightness(.94); }
.ev-confirm-actions button:focus-visible { outline: 3px solid var(--ev-info-fg, #3b82f6); outline-offset: 3px; }
@media (max-width: 480px) {
    .ev-confirm-body { padding: 24px 20px; }
    .ev-confirm-actions { padding: 16px 20px; flex-direction: column-reverse; }
    .ev-confirm-actions button { width: 100%; }
}
