/* ITDA 2.0.22 account controls */
body.account-modal-open{overflow:hidden}
.account-password-trigger{white-space:nowrap}
.account-modal-backdrop{
  position:fixed;inset:0;z-index:1250;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(15,23,42,.42);backdrop-filter:blur(3px)
}
.account-modal-backdrop.open{display:flex}
.account-password-modal{
  width:min(440px,100%);max-height:min(620px,calc(100vh - 32px));overflow:auto;
  background:#fff;border:1px solid #e2e8f0;border-radius:18px;
  box-shadow:0 24px 70px rgba(15,23,42,.22);animation:accountModalIn .18s ease-out
}
@keyframes accountModalIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.account-password-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 22px 16px;border-bottom:1px solid #eef2f7}
.account-password-head small{display:block;margin-bottom:4px;color:#2563eb;font-size:10px;font-weight:900;letter-spacing:.16em}
.account-password-head h2{margin:0;color:#0f172a;font-size:21px;line-height:1.2}
.account-password-head p{margin:7px 0 0;color:#64748b;font-size:12px;line-height:1.55}
.account-password-close{flex:0 0 36px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f5f9;color:#475569;font-size:23px;line-height:1;cursor:pointer}
.account-password-form{display:grid;gap:14px;padding:20px 22px 22px}
.account-password-field{display:grid;gap:7px}
.account-password-field>span{color:#334155;font-size:12px;font-weight:850}
.account-password-field input{width:100%;height:44px;padding:0 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font:inherit;outline:none;box-sizing:border-box}
.account-password-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.10)}
.account-password-error{padding:10px 12px;border:1px solid #fecaca;border-radius:9px;background:#fff7f7;color:#b91c1c;font-size:12px;font-weight:750}
.account-password-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}
.mobile-nav-account-actions{display:flex;align-items:center;gap:6px}
.mobile-nav-password{min-height:42px;display:flex;align-items:center;padding:0 11px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:850;cursor:pointer;white-space:nowrap}
@media(max-width:1050px){.desktop-password-change{display:none!important}}
@media(max-width:700px){
  .account-modal-backdrop{align-items:flex-end;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px))}
  .account-password-modal{width:100%;max-height:88vh;border-radius:18px 18px 14px 14px}
  .account-password-head{padding:19px 18px 14px}
  .account-password-form{padding:17px 18px 19px}
  .account-password-field input{height:48px;font-size:16px}
  .account-password-actions .btn{min-height:46px;flex:1;justify-content:center}
  .server-mobile-nav-foot{gap:7px!important}
  .mobile-nav-user{min-width:70px}
  .mobile-nav-account-actions{gap:5px}
  .mobile-nav-password,.mobile-nav-logout{min-height:42px!important;padding:0 9px!important;font-size:11px!important}
}
@media(max-width:390px){
  .server-mobile-nav-foot{align-items:flex-end!important;flex-wrap:wrap}
  .mobile-nav-user{flex-basis:100%}
  .mobile-nav-account-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .mobile-nav-password,.mobile-nav-logout{justify-content:center}
}