.account-page{margin:0;background:#f3f6fa;color:#193957;font-family:Arial,sans-serif;min-height:100vh}
.account-header{background:#193957;color:white;padding:25px max(24px,calc((100vw - 1120px)/2));border-bottom:4px solid #2c78b9}
.account-header strong{display:block;font-size:20px}.account-header span{display:block;font-size:13px;margin-top:8px}
.account-card{box-sizing:border-box;max-width:460px;margin:52px auto;padding:32px;background:white;border:1px solid #d5deea;border-radius:10px;box-shadow:0 4px 16px #1939570a}
.account-card h1{font-size:30px;margin:10px 0}.account-card p{line-height:1.5}
.account-card label{display:block;font-weight:600;margin:20px 0 8px;font-size:14px}
.account-card input:not([type=checkbox]){box-sizing:border-box;width:100%;padding:12px;border:1px solid #a9b9ca;border-radius:5px;font-size:16px;color:#193957}
.account-card input:focus{outline:2px solid #2c78b9;outline-offset:2px}
.account-card .show-password{display:flex;gap:8px;align-items:center;font-weight:400}.show-password input{width:auto}
.account-card .primary-button{width:100%;padding:13px;background:#193957;color:white;border:0;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer}
.account-card button:disabled{opacity:.6;cursor:wait}.account-note{font-size:13px;color:#51657b}
.account-card .recovery-action{display:block;box-sizing:border-box;text-align:center;text-decoration:none}
.account-card .recovery-action:focus-visible{outline:2px solid #2c78b9;outline-offset:3px}
.account-switch{text-align:center}.account-switch button{border:0;background:none;color:#1e61a0;text-decoration:underline;font-size:14px;cursor:pointer}
#account-message{color:#a32424;font-size:14px}.account-card [hidden]{display:none!important}
#account-toolbar{display:flex;gap:14px;align-items:center;justify-content:flex-end;padding:10px 20px;background:white;border-bottom:1px solid #d5deea;color:#193957;font-size:13px}
#logout-button{padding:6px 12px;border:1px solid #a9b9ca;border-radius:4px;background:white;color:#193957;cursor:pointer}
@media(max-width:520px){.account-card{margin:24px 16px;padding:24px}.account-header{padding:20px}.account-header strong{font-size:18px}}


/* Compact signed-in status row */
#save-banner{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:50px;
  padding:8px 20px;
  background:#eef4ff;
  color:#16324f;
  border-bottom:1px solid #d5deea;
  position:sticky;
  top:0;
  z-index:10000;
}
#save-banner .save-status{min-width:0;line-height:1.4}
#save-banner #account-toolbar{
  flex:0 1 auto;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  white-space:nowrap;
}
#save-banner #account-email{overflow-wrap:anywhere;white-space:normal;text-align:right}
@media (max-width:640px){
  #save-banner{align-items:flex-start;flex-wrap:wrap;gap:8px 14px;padding:10px 14px}
  #save-banner .save-status{flex:1 1 100%}
  #save-banner #account-toolbar{flex:1 1 100%;justify-content:space-between}
  #save-banner #account-email{text-align:left}
}