/* Confirmation dialogs inherit the app's modal, surface and button tokens. */
.modal.confirmation { width:min(100%, 440px); }
.confirmation .modal-hd { min-height:54px; }
.confirmation .modal-hd h3 { overflow-wrap:anywhere; }
.confirmation .modal-hd .x { flex-shrink:0; width:36px; height:36px; }
.confirmation .x svg { width:18px; height:18px; }
.confirmation .modal-bd p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.55; color:var(--t2); user-select:text; }
.confirmation .modal-ft { justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.confirmation .modal-ft .btn { min-height:38px; height:auto; min-width:88px; white-space:normal; text-align:center; }
.confirmation [hidden] { display:none !important; }
@media(max-width:480px) {
 .confirmation .modal-ft .btn, .confirmation .modal-hd .x { min-height:44px; }
 .confirmation .modal-hd .x { width:44px; }
}