/* 6.1-E: scoped, scrollable, no motion or external assets. */
.vz-contact-removal {
  box-sizing: border-box; width: min(440px, calc(100% - 32px));
  max-height: calc(100dvh - 32px); overflow: auto; padding: 24px;
  border: 1px solid #e3e5f3; border-radius: 24px; margin: auto;
  background: var(--sur, #fff); color: var(--ink, #0f172a);
  font: inherit; box-shadow: 0 24px 80px #0f172a40; text-align: start;
}
.vz-contact-removal::backdrop { background: #0f172a88; }
.vz-cr-icon {
  display: grid; place-items: center; width: 44px; height: 44px;
  background: #fff1f2; color: #be123c; border-radius: 14px; font-size: 30px;
}
.vz-contact-removal h2 { font-size: 1.25rem; margin: 16px 0 8px; line-height: 1.4; }
#vz-cr-name { font-weight: 650; overflow-wrap: anywhere; margin: 0 0 12px; }
#vz-cr-hint { color: var(--ink2, #475569); font-size: .9375rem; line-height: 1.65; margin: 0; }
.vz-cr-status:empty { display: none; }
.vz-cr-status { font-size: .9rem; color: var(--p, #4f46e5); }
.vz-cr-error { color: #9f1239; background: #fff1f2; padding: 12px; border-radius: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.vz-cr-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.vz-cr-actions button {
  flex: 1 1 135px; min-height: 46px; padding: 10px 16px;
  border: 1px solid #d8dcec; border-radius: 12px; background: var(--sur, #fff);
  color: var(--ink, #0f172a); font: inherit; font-weight: 650; cursor: pointer;
}
.vz-cr-actions .vz-cr-remove { background: #be123c; color: #fff; border-color: #be123c; }
.vz-cr-actions button:focus-visible { outline: 3px solid #6366f1; outline-offset: 3px; }
.vz-cr-actions button:disabled { opacity: .55; cursor: wait; }
@media (max-width: 360px) { .vz-contact-removal { padding: 20px; } }
@media (forced-colors: active) { .vz-contact-removal { border: 2px solid CanvasText; } }