/* Web app: Delete your Account (/app/delete-account). gd- prefix. */
.gd-head { display: flex; flex-direction: column; gap: 8px; }
.gd-alert { width: 48px; height: 48px; border-radius: 24px; background: #FBE3E1; color: var(--ga-bad); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 24px; }
.ga-btn.gd-danger { background: var(--ga-bad); border-color: var(--ga-bad); color: #fff; }
.gd-sheet { border: 0; border-radius: 20px; padding: 22px 18px; max-width: min(440px, calc(100vw - 32px)); box-shadow: 0 16px 48px rgba(0,0,0,.25); color: var(--ga-ink); background: #fff; }
.gd-sheet::backdrop { background: rgba(0,0,0,.35); }
.gd-sheet h2 { margin: 0 0 8px; font-size: 21px; }
.gd-sheet p { margin: 0 0 16px; }
.gd-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.gd-actions .ga-btn { flex: 1 1 140px; }
/* Browsers without popovers show the two confirmations in the page, under the first button. */
@supports not selector(:popover-open) { .gd-sheet { display: block; position: static; box-shadow: none; border: 1.5px solid #E8E2DC; margin-top: 8px; } }