/* Existing Helper theme tokens; PG review is an extension of plan selection. */
.pg-review { box-sizing: border-box; width: min(460px, calc(100% - 32px)); margin: auto; max-height: calc(100dvh - 32px); padding: 28px; border: 1px solid var(--g5); border-radius: 16px; color: var(--ink); background: var(--wht); font: inherit; }
.pg-review::backdrop { background: rgb(0 0 0 / 55%); }
.pg-review h2 { margin: 0 0 12px; font-size: 24px; }
.pg-review p { margin: 0 0 16px; line-height: 1.6; }
.pg-review label { display: block; margin: 16px 0 6px; }
.pg-review input:not([type="checkbox"]), .pg-review select { box-sizing: border-box; width: 100%; min-height: 44px; padding: 10px; border: 1px solid var(--g2); border-radius: 8px; color: var(--ink); background: var(--wht); font: inherit; }
.pg-review select { margin-bottom: 16px; }
.pg-review .pg-review-consent { display: flex; align-items: flex-start; gap: 8px; line-height: 1.5; }
.pg-review-consent input { flex: 0 0 24px; width: 24px; height: 24px; margin: 0; }
.pg-review-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 20px; }
.pg-review button { min-height: 44px; padding: 10px 16px; border: 1px solid var(--g2); border-radius: 8px; color: var(--ink); background: var(--wht); font: inherit; cursor: pointer; transition: opacity 150ms ease-out, transform 150ms ease-out; }
.pg-review button:active { transform: translateY(1px); }
.pg-review button:disabled { opacity: .6; cursor: wait; }
.pg-review :focus-visible { outline: 3px solid var(--bl); outline-offset: 3px; }
.pg-review #pg-review-status { margin-top: 16px; }
@media (prefers-reduced-motion: reduce) { .pg-review button { transition: none; transform: none; } }