/* Account settings: scoped to the account page and its dialogs. */

.account-page{max-width:1136px;margin:0 auto;padding:46px 56px 64px;color:#152e3d}
.account-page h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0 0 10px;font-weight:650}
.account-page .account-intro{margin:0;color:#5a6e7a;font-size:15px;line-height:1.6}
.account-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:29px 0 0;padding:0 0 28px;border-bottom:1px solid #dce4e8}
.account-status div{min-width:0}
.account-status dt{font-size:12px;color:#637681;margin:0 0 7px}
.account-status dd{margin:0;font-size:13px;line-height:1.6;font-weight:550;color:#294655}
.account-verified{display:inline-flex;align-items:center;gap:6px}.account-verified::before{content:'✓';font-weight:700;color:#0e7065}
.account-status-date{display:block;color:#657681;font-size:12px;font-weight:400}
.account-settings-section{display:grid;grid-template-columns:185px minmax(0,1fr);gap:24px;padding:31px 0;border-bottom:1px solid #dce4e8}
.account-section-heading h2{font-size:17px;line-height:1.4;letter-spacing:-.3px;margin:0 0 6px;font-weight:650}
.account-section-heading p{font-size:13px;color:#637681;line-height:1.6;margin:0;max-width:175px}
.account-section-content{min-width:0}
.account-profile-topline{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.account-profile-data{margin:0;display:grid;gap:18px;min-width:0}
.account-profile-data>div{display:grid;gap:4px;min-width:0}
.account-profile-data dt{font-size:12px;color:#637681}
.account-profile-data dd{font-size:15px;line-height:1.5;margin:0;overflow-wrap:anywhere;font-weight:500}
.account-action-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 23px}
.account-action-row+.account-action-row{padding:23px 0 0;border-top:1px solid #e8edef}
.account-row-title{font-size:15px;font-weight:600;line-height:1.5;margin:0 0 5px}
.account-row-copy{margin:0;color:#637681;font-size:13px;line-height:1.65;max-width:490px}
.account-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #bdcdd4;background:#fff;color:#244d5b;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;text-decoration:none;line-height:1.4}
.account-button:hover{background:#eff6f6;border-color:#7ca6af}.account-button:focus-visible,.account-page a:focus-visible,.account-dialog input:focus-visible{outline:3px solid #69b9c5;outline-offset:3px}
.account-button.is-primary{background:#256776;border-color:#256776;color:#fff}.account-button.is-primary:hover{background:#1a5461}
.account-settings-section:last-of-type{border-bottom:0;padding-bottom:0}.account-settings-section:last-of-type .account-action-row{padding-bottom:0}
.account-footnote{margin:42px 0 0;font-size:12px;color:#72838b;line-height:1.7}.account-footnote a{color:#286573;text-decoration:underline;text-underline-offset:3px}
.account-dialog{width:min(510px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #cddbe0;border-radius:12px;padding:0;color:#152e3d;background:#fff;box-shadow:0 24px 90px #102b3a30;font-family:var(--body);color-scheme:light}
.account-dialog::backdrop{background:#102b3a66;backdrop-filter:blur(2px)}
.account-dialog-inner{padding:28px}.account-dialog-heading{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.account-dialog-heading h2{margin:0;font-size:23px;line-height:1.3;letter-spacing:-.5px}.account-close-dialog{border:0;background:transparent;cursor:pointer;min-width:32px;min-height:32px;color:#516b78;font-size:25px;margin:-5px -7px 0 0}
.account-dialog-copy{font-size:13px;line-height:1.65;color:#637681;margin:9px 0 24px}.account-dialog-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.account-dialog-field{display:grid;gap:7px;min-width:0}.account-dialog-field.account-field-wide{grid-column:1/-1}.account-dialog-field label{font-size:13px;font-weight:600}.account-dialog input{min-width:0;width:100%;border:1px solid #bdcdd4;border-radius:5px;background:#fff;min-height:44px;color:#152e3d;padding:10px 12px;font:inherit;font-size:14px}.account-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:21px;border-top:1px solid #e3eaed}.account-dialog-feedback{font-size:13px;line-height:1.6;color:#286573;margin:14px 0 0}.account-toast{margin-top:24px;font-size:13px;line-height:1.6;color:#186458}.account-toast:empty{display:none}
@media(max-width:1180px){.account-page{padding:36px}.account-settings-section{grid-template-columns:160px minmax(0,1fr);gap:20px}}
@media(max-width:680px){.account-page{padding:28px 24px 40px}.account-page h1{font-size:28px}.account-status{gap:14px;margin-top:23px;padding-bottom:23px}.account-status dd{font-size:12px}.account-status dt{font-size:11px}.account-status-date{font-size:11px}.account-settings-section{grid-template-columns:1fr;gap:22px;padding:27px 0}.account-section-heading p{max-width:none}.account-section-heading h2{font-size:17px}.account-action-row{gap:18px}.account-button{font-size:12px;padding:9px 12px}.account-footnote{margin-top:32px}}
@media(max-width:420px){.account-page{padding:26px 20px 36px}.account-status{grid-template-columns:1fr 1fr;row-gap:18px}.account-status>div:last-child{grid-column:1/-1}.account-status>div:last-child dd .account-status-date{display:inline;margin-left:4px}.account-profile-topline{display:block}.account-profile-topline>.account-button{margin-top:20px}.account-action-row{display:block}.account-action-row>.account-button{margin-top:15px;min-height:44px}.account-dialog-inner{padding:22px}.account-dialog-fields{grid-template-columns:1fr}.account-button{min-height:44px}.account-dialog{max-height:calc(100dvh - 20px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Visual review refinement: compact the overview without losing readable spacing. */
@media(min-width:681px){.account-page{padding-top:32px}.account-status{margin-top:23px;padding-bottom:23px}.account-settings-section{padding:25px 0}.account-profile-data{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.account-profile-data>div:last-child{grid-column:1/-1}.account-footnote{margin-top:30px}}
.account-button:disabled{opacity:.5;cursor:not-allowed}
/* Keep the mobile header's grid track at its content height on taller screens. */
@media(max-width:920px){html[data-page-kind="app"] .page-shell:has(.account-page){grid-template-rows:auto minmax(0,1fr)}}

.account-status time{display:block}.account-verified+time{font-size:12px;font-weight:400;color:#657681}.account-verified+time .account-status-date{display:inline;margin-left:4px}
.account-dialog:not([open]){display:none}.account-dialog-feedback:empty{display:none}.account-dialog-error{font-size:13px;line-height:1.6;color:#a32d32;margin:18px 0 0}.account-dialog [hidden]{display:none!important}.account-dialog a{color:#286573;text-decoration:underline;text-underline-offset:3px}.account-close-dialog:disabled{opacity:.5;cursor:wait}.account-dialog[aria-busy="true"]{cursor:wait}.account-dialog input:disabled{opacity:.7}html.account-dialog-open,html.account-dialog-open body{overflow:hidden}.account-close-dialog{min-height:44px;min-width:44px}.account-dialog button:focus-visible{outline:3px solid #69b9c5;outline-offset:3px}
@media(max-width:420px){.account-dialog-heading{gap:8px}.account-dialog-heading h2{font-size:20px}}