/* Public outcomes reuse the access shell; legal copy keeps a readable measure. */
.ui-public-state-page .ui-access-shell { overflow-wrap: anywhere; }
.ui-public-state-page .ui-access-title { font-size: clamp(24px, 5vw, 32px); }
.ui-public-state-page p { margin: 16px 0; color: var(--ui-muted); line-height: 1.65; }
.ui-public-state-page strong { color: var(--ui-text); }
.ui-public-state-page .icon { font-size: 36px; margin-bottom: 16px; }
.ui-public-state-page .check { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 20px; border-radius: 50%; background: var(--public-state-accent, var(--text-success)); }
.ui-public-state-page .check svg { width: 32px; height: 32px; }
.ui-public-state-page .public-state-status { margin-top: 16px; }
.ui-public-state-page .public-state-retry { margin-top: 12px; }
.ui-public-state-page .public-state-retry--branded { color: #fff; }
.ui-public-state-page .public-state-retry--branded:hover { background: color-mix(in srgb, var(--ui-action) 90%, black); }
.ui-public-state-page .details,
.ui-public-state-page .support { padding: 16px; margin: 20px 0; border: 1px solid var(--ui-border); border-radius: var(--ui-control-radius); background: var(--ui-surface-muted); text-align: left; }
.ui-public-state-page .details p { margin: 6px 0; }
.ui-public-state-page .note,
.ui-public-state-page .support { font-size: var(--ui-text-small); color: var(--ui-muted); }
.ui-public-state-page .inv-detail { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--ui-border); }
.ui-public-state-page .spinner { display: inline-block; width: 24px; height: 24px; border: 3px solid var(--ui-border); border-top-color: var(--ui-action); border-radius: 50%; animation: public-state-spin .8s linear infinite; margin-bottom: 16px; }
.ui-public-state-page .hidden { display: none; }
@keyframes public-state-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ui-public-state-page .spinner { animation: none; } }
.ui-legal-page { margin: 0; background: var(--ui-surface); color: var(--ui-text); }
.ui-legal-document { max-width: 800px; margin: 0 auto; padding: 40px 20px; line-height: 1.7; overflow-wrap: anywhere; }
.ui-legal-document h1 { font-size: 28px; margin: 0 0 8px; color: var(--ui-text); }
.ui-legal-document h2 { font-size: 20px; margin: 28px 0 8px; color: var(--ui-text); }
.ui-legal-document p,.ui-legal-document li { margin: 0 0 12px; }
.ui-legal-document .updated { color: var(--ui-muted); font-size: var(--ui-text-small); margin-bottom: 32px; }
.ui-legal-document ul { padding-left: 24px; }
.ui-legal-document a { color: var(--ui-text); text-decoration: underline; }