/* Shared action feedback follows the existing metadata dialogs and theme tokens. */
.action-dialog {
    width: min(520px, calc(100vw - 32px));
    max-height: calc(100dvh - 40px);
    margin: auto;
    padding: 28px;
    overflow-y: auto;
    border: 1px solid var(--line-strong);
    border-radius: 17px;
    background: var(--surface);
    color: var(--ink);
    font: 16px/1.55 var(--font);
    box-shadow: 0 24px 80px #07121d55;
    --dialog-color: var(--primary-text);
    --dialog-soft: var(--primary-soft);
}
.action-dialog::backdrop { background: #07121da8; backdrop-filter: blur(4px); }
.action-dialog[data-tone="success"] { --dialog-color: var(--success); --dialog-soft: var(--success-soft); }
.action-dialog[data-tone="warning"], .action-dialog[data-tone="confirm"] { --dialog-color: var(--warning); --dialog-soft: var(--warning-soft); }
.action-dialog[data-tone="error"], .action-dialog[data-tone="danger"] { --dialog-color: var(--danger); --dialog-soft: var(--danger-soft); }
.action-dialog-heading { display: flex; align-items: flex-start; gap: 14px; }
.action-dialog-symbol { display: grid; place-items: center; flex-shrink: 0; width: 43px; height: 43px; border: 1px solid var(--line); border-radius: 11px; color: var(--dialog-color); background: var(--dialog-soft); }
.action-dialog-symbol .icon { width: 21px; height: 21px; }
.action-dialog-copy { min-width: 0; flex: 1; }
.action-dialog h2 { margin: 0 0 9px; color: var(--ink); font-size: 23px; font-weight: 650; line-height: 1.4; letter-spacing: -.5px; overflow-wrap: anywhere; }
.action-dialog p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.8; white-space: pre-line; overflow-wrap: anywhere; }
.action-dialog-close { width: 40px; height: 40px; margin: -5px -5px 0 0; }
.action-dialog-close .icon { width: 19px; height: 19px; transform: rotate(45deg); }
.action-dialog-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--line); }
.action-dialog-actions .button { min-height: 44px; padding: 10px 17px; border-radius: 9px; font-size: 15px; }
.action-dialog-open { overflow: hidden; }
@media (max-width: 480px) {
    .action-dialog { padding: 22px 18px; max-height: calc(100dvh - 32px); }
    .action-dialog-heading { gap: 11px; }
    .action-dialog-symbol { width: 37px; height: 39px; }
    .action-dialog h2 { font-size: 20px; }
    .action-dialog-close { width: 34px; min-width: 34px; }
    .action-dialog-actions .button { flex: 1; }
}