.deletion-progress {
  width:min(440px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  overflow:auto;
  padding:30px;
  border:1px solid #dce3eb;
  border-radius:14px;
  color:#243247;
  background:#fff;
  box-shadow:0 20px 65px #14203330;
  text-align:center;
}
.deletion-progress::backdrop { background:#14203366; backdrop-filter:blur(2px); }
.deletion-progress:focus { outline:none; }
.deletion-progress h2 { margin:18px 0 10px; font-size:20px; }
.deletion-progress p { margin:10px 0; font-size:13px; line-height:1.7; white-space:pre-line; overflow-wrap:anywhere; }
.deletion-progress .deletion-target { color:#243247; font-weight:600; }
.deletion-progress #deletionMessage { color:#64748b; }
.deletion-progress .deletion-elapsed { color:#8290a4; font-size:12px; }
.deletion-progress-icon { display:grid; place-items:center; width:42px; height:42px; margin:0 auto; border-radius:50%; background:#eef5ff; color:#0078d4; font-size:23px; }
.deletion-progress[data-state="pending"] .deletion-progress-icon::after { content:""; width:23px; height:23px; border:3px solid #c9def6; border-top-color:#0078d4; border-radius:50%; animation:deletion-spin 1s linear infinite; }
.deletion-progress[data-state="success"] .deletion-progress-icon { color:#107c41; background:#eaf7ef; }
.deletion-progress[data-state="error"] .deletion-progress-icon { color:#a4262c; background:#fff0f0; }
.deletion-progress button { margin-top:14px; min-height:38px; padding:8px 28px; border:1px solid #0078d4; border-radius:5px; color:#fff; background:#0078d4; font:inherit; font-size:13px; font-weight:600; cursor:pointer; }
.deletion-progress button:hover { background:#106ebe; }
.deletion-progress button:focus-visible { outline:3px solid #9dc5ef; outline-offset:3px; }
.deletion-progress button[hidden] { display:none; }
@keyframes deletion-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .deletion-progress[data-state="pending"] .deletion-progress-icon::after { animation:none; } }