.deletion-page { max-width: 480px; margin: 0 auto; padding: var(--space-3); }

.deletion-card {
    border: 1px solid var(--color-border); border-radius: var(--radius);
    padding: var(--space-4); text-align: center; margin-bottom: var(--space-4);
}
.deletion-icon {
    width: 56px; height: 56px; border-radius: 50%; margin: 0 auto var(--space-3);
    display: flex; align-items: center; justify-content: center;
    background: var(--color-bg-alt); color: var(--color-text-secondary);
}
.deletion-icon--warning { background: #fff6da; color: #8a6d00; }
.deletion-icon--success { background: var(--color-primary-light); color: var(--color-primary); }

.deletion-title { font-size: var(--font-size-lg); margin-bottom: var(--space-2); }
.deletion-subtitle { font-size: var(--font-size-sm); color: var(--color-text-secondary); margin-bottom: var(--space-3); }
.deletion-note { font-size: var(--font-size-sm); color: var(--color-text-secondary); margin-bottom: var(--space-3); }
.deletion-date { font-weight: 700; color: var(--color-primary); }

.otp-input-row { justify-content: center; margin-bottom: var(--space-3); }

.btn--danger { background: var(--color-error); color: #fff; }
.btn--danger:hover { opacity: 0.9; }

.deletion-info-section { margin-top: var(--space-4); }
.deletion-details {
    border: 1px solid var(--color-border); border-radius: var(--radius);
    padding: var(--space-3); margin-bottom: var(--space-2);
}
.deletion-details summary { font-weight: 600; cursor: pointer; font-size: var(--font-size-sm); }
.deletion-details__list { margin-top: var(--space-2); padding-left: var(--space-3); font-size: 0.85rem; color: var(--color-text-secondary); }
.deletion-details__list li { margin-bottom: 6px; }

.deletion-footer-note { text-align: center; font-size: var(--font-size-sm); color: var(--color-text-secondary); margin-top: var(--space-4); line-height: 1.8; }
.deletion-footer-note a { color: var(--color-primary); font-weight: 600; }