.account-header-row { display:flex; align-items:center; justify-content:center; gap:6px; }
.account-header-row .toolbar-btn-user { max-width:calc(100% - 50px); }
.account-header-row .account-info-btn { width:auto; flex-shrink:0; padding:.42rem; }
#accountModal .modal-dialog { max-width:660px; }
#accountModal .modal-content { background:linear-gradient(180deg,#1f2630,#18202a); color:#e2e8f0; border:1px solid rgba(96,165,250,.23); border-radius:18px; box-shadow:0 22px 42px rgba(9,12,24,.46); }
#accountModal .modal-header { border-bottom:1px solid rgba(255,255,255,.09); padding:1rem 1.25rem; }
#accountModal .modal-title { font-size:1.05rem; font-weight:700; }
#accountModal .modal-title i { color:#60a5fa; }
#accountModal .modal-body { padding:1.25rem; }
#accountModal .account-tabs { display:flex; flex-wrap:nowrap; border-bottom:1px solid rgba(255,255,255,.12); margin-bottom:1.25rem; }
#accountModal .account-tabs .nav-link { flex:1; color:#aab7c9; border:0; border-bottom:2px solid transparent; background:transparent; padding:.7rem .4rem; font-size:.9rem; font-weight:600; }
#accountModal .account-tabs .nav-link.active { color:#60a5fa; border-bottom-color:#3b82f6; }
#accountModal .account-tabs .nav-link:focus-visible, #accountModal button:focus-visible { outline:2px solid #60a5fa; outline-offset:2px; }
.account-profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.15rem 1rem; padding-bottom:.25rem; }
#accountModal label { display:block; margin-bottom:.45rem; font-size:.85rem; font-weight:600; }
#accountModal .form-control { background:#293545; border:1px solid #48576b; color:#f1f5f9; font-size:.9rem; min-height:42px; }
#accountModal .form-control[readonly] { background:#232d3a; color:#cbd5e1; }
#accountModal .form-control:focus { border-color:#60a5fa; box-shadow:0 0 0 .2rem rgba(59,130,246,.16); }
.account-password-field { margin-bottom:1.2rem; }
.account-password-field label span { color:#f87171; }
#accountModal .account-password-input { position:relative; }
#accountModal .account-password-input .form-control { padding-right:48px; }
#accountModal .account-eye { position:absolute; right:4px; top:50%; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:36px; height:34px; padding:0; background:transparent; color:#aab7c9; border:0; border-radius:7px; box-shadow:none; }
#accountModal .account-eye:hover { color:#fff; background:rgba(255,255,255,.07); }
#accountModal .form-control.is-invalid, #accountModal .form-control.is-invalid:focus { border-color:#f87171 !important; background-image:none; box-shadow:0 0 0 2px rgba(248,113,113,.12) !important; }
.account-field-error { color:#fca5a5; font-size:.8rem; margin-top:.4rem; }
#accountPasswordSubmit:disabled { background:#334155 !important; border-color:#475569 !important; color:#94a3b8 !important; box-shadow:none !important; opacity:.65; cursor:not-allowed; transform:none; filter:none; }
.account-status { color:#aab7c9; font-size:.85rem; }
.account-status:empty { display:none; }
.account-status.is-error { color:#fca5a5; }
@media (max-width:575.98px) {
  #accountModal .modal-dialog { margin:.5rem; }
  #accountModal .modal-body { padding:1rem; }
  .account-profile-grid { grid-template-columns:1fr; gap:.9rem; }
  #accountModal .account-tabs .nav-link { font-size:.8rem; }
}