/* Account recovery follows the existing warm interface, with explicit actions. */
.account-text-button{display:block;min-height:44px;margin:14px 0 0;padding:6px 0;border:0;background:none;color:#8b3c19;text-align:left;font:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.account-text-button:focus-visible,.account-security-dialog button:focus-visible{outline:3px solid #b78a61;outline-offset:3px}
.account-security-note,.account-security-status{font-size:13px;line-height:1.65;color:#625e57;overflow-wrap:anywhere}
.account-security-status:not(:empty){padding:12px;border-radius:9px;background:#edf2e9;color:#374b32}
.account-security-email{font-size:14px;font-weight:700;overflow-wrap:anywhere}
.account-security-actions{display:grid;gap:10px;margin:22px 0}
.account-security-actions .button{min-height:44px;white-space:normal}
.account-security-dialog{width:min(100% - 32px,520px);max-width:calc(100% - 16px);max-height:min(92dvh,850px);padding:0;border:1px solid #e4e0db;border-radius:17px;background:#fff;color:#292723;box-shadow:0 30px 90px rgba(9,32,23,.28);overflow:hidden}
.account-security-dialog[open]{display:flex;flex-direction:column}
.account-security-dialog::backdrop{background:rgba(26,45,35,.48);backdrop-filter:blur(3px)}
.account-security-header,.account-security-footer{flex:0 0 auto;padding:20px 24px;border-bottom:1px solid #ece9e4}
.account-security-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.account-security-header h2{margin:0;font-size:20px;letter-spacing:-.035em}
.account-security-header p{margin:7px 0 0;font-size:12px;color:#625e57;overflow-wrap:anywhere}
.account-security-body{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:4px 24px 24px}
.account-security-body section{padding:18px 0}
.account-security-body section+section{border-top:1px solid #ece9e4}
.account-security-body h3{margin:0 0 12px;font-size:16px}
.account-security-body .field-group{margin:16px 0}
.account-security-body input{width:100%;min-height:44px}
.account-security-body small{font-size:12px;color:#625e57}
.account-security-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;border-top:1px solid #ece9e4;border-bottom:0}
.account-security-dialog button{white-space:normal}
.account-security-dialog .button{min-height:44px}
@media(max-width:480px){
  .auth-page{padding:22px 14px}
  .auth-panel{padding:24px 19px}
  .auth-panel h1{font-size:25px}
  .account-security-dialog{width:calc(100% - 16px);max-height:94dvh}
  .account-security-header,.account-security-footer{padding:16px}
  .account-security-body{padding:0 16px 16px}
}