/* Account pages extend the accepted dashboard palette and native controls. */
.account-security-body{display:block;min-height:100dvh;height:auto;overflow:auto}
.security-main{width:calc(100% - 32px);max-width:48rem;margin:32px auto;padding:clamp(18px,4vw,32px)}
.security-main section{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.security-main form{display:grid;gap:10px;max-width:36rem}
.security-main p,.security-main dd{overflow-wrap:anywhere;line-height:1.6}
.security-main input,.security-main select{width:100%;min-width:0;max-width:100%}
.security-main .row{flex-wrap:wrap;gap:12px;margin-block:14px}
.security-main .check-label{display:flex;align-items:start;gap:10px;margin-block:12px}
.security-main .check-label input{flex:0 0 20px;width:20px;min-height:20px;margin-top:2px}
.security-main .secret-text{font-family:ui-monospace,monospace;overflow-wrap:anywhere;white-space:pre-wrap;user-select:all}
.security-main #security-error,.security-main #recovery-error,.security-main #email-error{color:var(--error)}
.security-main .review-case{padding-block:14px;border-bottom:1px solid var(--line)}
.security-main dd{margin-inline-start:0;margin-bottom:12px}
.security-main a{color:var(--action);text-underline-offset:3px}
.security-main :focus-visible{outline:2px solid var(--action);outline-offset:3px}
.security-main ::selection{background:var(--action);color:var(--action-text)}
.security-main input{caret-color:var(--action)}
@media(max-width:480px){.security-main{margin-block:16px}.security-main .row{align-items:stretch}.security-main button{white-space:normal}}
.account-site button.primary:hover:not(:disabled){background:var(--action);color:var(--action-text);filter:brightness(.9)}
.account-login-body main{width:calc(100% - 32px);max-width:32rem;margin:clamp(24px,8vh,96px) auto;padding:28px}
.account-login-body form{display:grid;gap:14px}
.account-login-body label{display:grid;gap:5px}
.account-login-body input{width:100%}
.account-login-body #account-error{margin-top:16px;overflow-wrap:anywhere}
.account-site .project-row strong{overflow-wrap:anywhere}
.account-site #social-signin{margin-block:24px}
.account-site #account-security{margin-block:24px}
.account-site #account-security input{width:100%}
.account-site #account-security p{overflow-wrap:anywhere}
.account-site #account-security .row{flex-wrap:wrap;margin-block:12px}
.account-site #hosted-profile{margin:0;padding:4px 16px;max-width:none;overflow-wrap:anywhere}

#pair-confirm{margin-block:20px}#pair-account,#pair-name,#pair-status{overflow-wrap:anywhere}

.account-site .workload-recovery{display:grid;gap:4px;flex-shrink:0;padding:8px 16px 12px}
.account-site .workload-recovery label{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;max-width:72ch;margin:0}
.account-site .workload-recovery label span{min-width:0;overflow-wrap:anywhere}
.account-site #workload-recovery{display:block;flex:0 0 20px;width:20px;max-width:20px;height:20px;min-height:20px;margin:0;padding:0}
.account-site .workload-recovery p{margin:0;max-width:72ch;overflow-wrap:anywhere}
.account-site #recovery-status:empty{display:none}

.input-relay-paths{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 16px;font-size:12px}.input-relay-paths[hidden]{display:none}