.review-shell { max-width: 980px; }
.review-shell > .app-header { margin-bottom: 28px; }
#review-create { max-width: 640px; }
.review-shell h1 { overflow-wrap: anywhere; }
.review-shell input { width: 100%; min-width: 0; margin: 8px 0 16px; }
.review-shell label { display: block; font-weight: 600; }
.review-shell .field-note { color: var(--ux-muted); }
.review-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.review-account { padding: 20px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.review-account h3 { margin: 0 0 8px; }
.review-account p { margin: 8px 0; }
.review-shell .legal-actions { flex-wrap: wrap; gap: 12px; }
.review-shell button { min-height: 46px; }
.review-shell button.danger { background: var(--danger); border-color: var(--danger); color: #fff; }
.review-shell button.danger:hover { background: var(--danger-deep); }
#review-credentials:focus { outline: 3px solid var(--blue); outline-offset: 4px; }
#review-confirm { width: min(540px, calc(100vw - 32px)); max-height: 88dvh; overflow-y: auto; padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: var(--ux-surface, var(--paper)); color: var(--ux-ink); }
#review-confirm::backdrop { background: rgba(12, 16, 40, .6); }
#review-confirm-error { color: var(--ux-danger, var(--danger)); }
@media (max-width: 480px) { .review-shell .legal-actions { flex-direction: column; } .review-shell .legal-actions button { width: 100%; } #review-confirm { padding: 20px; } }

html[data-theme="dark"] .review-shell button.danger { background: var(--danger); color: #fff; border-color: var(--danger); }