/* Correções de contraste e responsividade da conta — V58 */
.account-dialog{
  width:min(760px,calc(100vw - 28px));
  max-height:min(900px,calc(100vh - 30px));
  overflow:auto;
  color:#102444;
  border:1px solid rgba(229,183,48,.52);
  background:#f8fbff;
  box-shadow:0 42px 120px rgba(1,18,44,.58),0 0 45px rgba(229,183,48,.12);
}
.account-dialog-head{
  position:sticky;
  top:0;
  z-index:2;
  background:radial-gradient(circle at 12% 0,rgba(255,218,98,.2),transparent 38%),linear-gradient(135deg,#123b6d,#071d3e);
}
.account-dialog-head .eyebrow{color:#f0bf36}
.account-dialog-head h2{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.2)}
.account-dialog-head p:not(.eyebrow){color:#b8c9dc}
.account-dialog .account-data{background:#d7e1ed}
.account-dialog .account-data>div{background:linear-gradient(145deg,#0c2b55,#071d3e)}
.account-dialog .account-data small{color:#9db2ca}
.account-dialog .account-data strong{color:#fff}
.account-dialog .change-password-form{background:linear-gradient(145deg,#fff,#f1f7fd)}
.account-dialog .account-section-title h3{color:#102444}
.account-dialog .account-section-title small{color:#637892}
.account-dialog .change-password-form label{color:#294866;font-size:12px}
.account-dialog .change-password-form input{
  min-height:48px;
  color:#102444;
  border:1px solid #bdcee0;
  background:#fff;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(11,48,89,.07);
}
.account-dialog .change-password-form input:focus{border-color:#d6a827;box-shadow:0 0 0 4px rgba(228,181,47,.17)}
.account-dialog .account-dialog-actions{background:linear-gradient(135deg,#071d3e,#0c2b55)}
.account-dialog .account-dialog-actions .ghost{color:#15375f;background:#eef4fa;border-color:#c4d2e1}
.account-dialog .account-message{color:#087454;background:#def5ec;border-color:#a9ddca}
.account-dialog .account-message.error{color:#a12f3d;background:#ffe8eb;border-color:#efbac1}
@media(max-width:620px){
  .account-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:16px}
  .account-dialog-head{grid-template-columns:auto 1fr auto;padding:18px 16px}
  .account-avatar{width:44px;height:44px}
  .account-dialog-head h2{font-size:19px}
  .account-dialog .account-data{grid-template-columns:1fr}
  .account-dialog .change-password-form .split{grid-template-columns:1fr}
}