.finar-dialog {
    box-sizing: border-box;
    width: min(32rem, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    padding: 1.5rem;
    border: 1px solid #aaa;
    border-radius: 6px;
    background: #fff;
    color: #222;
    box-shadow: 0 8px 32px #0004;
    font: 14px Arial, sans-serif;
}
.finar-dialog::backdrop { background: #0006; }
.finar-dialog h2 { margin: 0 0 1rem; font-size: 1.2rem; }
.finar-dialog__message { white-space: pre-wrap; overflow-wrap: anywhere; }
.finar-dialog__actions { display: flex; justify-content: flex-end; gap: .75rem; margin-top: 1.5rem; }
.finar-dialog button { padding: .5rem 1rem; cursor: pointer; }
.finar-dialog__accept { background: #3875a7; color: #fff; border: 1px solid #28577d; border-radius: 3px; }
.finar-dialog button:focus-visible { outline: 3px solid #235d91; outline-offset: 3px; }

.finar-dialog__input { box-sizing: border-box; width: 100%; padding: .5rem; font: inherit; }
.finar-dialog__input:focus-visible { outline: 3px solid #235d91; outline-offset: 3px; }

.finar-draft { margin: .25rem 0; color: #52616b; font-size: .8rem; }
.finar-draft:empty { display: none; }
.finar-draft button { margin-left: .5rem; }
.finar-draft--error { background: #ffe6e6; color: #750000; }