/* /my/: account bar, legacy-profile banner and the account dialogs. */
.my-gate-text{font-size:var(--sai-text-body);line-height:1.8;color:var(--sai-body);margin:12px 0 0;max-width:560px}
.my-account{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding-block:32px;border-bottom:1px solid var(--sai-line)}
.platform-main .my-account h2{font-size:var(--sai-text-h3);margin-bottom:8px}
.my-account-email{font-size:var(--sai-text-body);color:var(--sai-body);overflow-wrap:anywhere}
.my-account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.my-account>.platform-caption{flex-basis:100%;margin-top:0}
.my-legacy{margin-block:32px;padding:24px;background:var(--sai-selected);border-top:3px solid var(--sai-ink)}
.platform-main .my-legacy h2{font-size:var(--sai-text-h3);margin-bottom:12px}
.my-legacy p{font-size:var(--sai-text-body);line-height:1.7;color:var(--sai-body)}
.my-legacy-results{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px;font-size:var(--sai-text-small);line-height:1.6;color:var(--sai-ink)}
.my-legacy-results li::before{content:'· '}
.my-profile-list .platform-row{padding-inline:16px;margin-inline:-16px;transition:background-color var(--sai-motion)}
.my-profile-list .platform-row:hover,.my-profile-list .platform-row:focus-within{background:var(--sai-field)}
@media(prefers-reduced-motion:reduce){.my-profile-list .platform-row{transition:none}}
.confirm-dialog .dialog-field{margin-top:16px}
.confirm-dialog .dialog-field label{display:block;font-size:var(--sai-text-small);font-weight:600;margin-bottom:8px}


.confirm-dialog .dialog-hint{margin-top:8px;font-size:var(--sai-text-small);line-height:1.7;color:var(--sai-muted)}
@media(max-width:480px){.my-legacy{padding:20px 16px}.my-account-actions .button{flex:1 1 100%}}

#my-content[hidden],#my-gate[hidden],#my-session[hidden],#delete-dialog[hidden]{display:none!important}
#my-session{overflow-wrap:anywhere}#my-session-title,#my-session-retry,#my-gate-title,#my-refresh{scroll-margin-top:112px}
#my-session-retry,#my-refresh,.my-row-actions a,.my-delete,.confirm-dialog-actions button{min-height:44px;max-width:100%;height:auto;white-space:normal;overflow-wrap:anywhere}
#delete-dialog{box-sizing:border-box;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}#delete-dialog-text{overflow-wrap:anywhere}

.my-steps{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:16px 0;color:var(--sai-muted)}.my-steps [aria-current=step]{color:var(--sai-action);font-weight:700}#my-progress p{margin:16px 0}
