.client-account-bar{display:flex;min-height:46px;align-items:center;justify-content:flex-end;gap:9px;margin:-13px 0 18px;color:#263149}
.client-account-identity{display:grid;min-width:0;max-width:min(32vw,360px);margin-right:5px;text-align:right;line-height:1.3}
.client-account-context{display:grid;gap:2px;margin-right:auto;line-height:1.3}
.client-account-context strong{color:#19243a;font-size:18px;font-weight:700;line-height:1.3}
.client-account-context span{color:#78839a;font-size:12px;line-height:1.3}
.client-account-identity strong{overflow:hidden;color:#263149;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.client-account-identity span{overflow:hidden;color:#7d8799;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.client-account-bar form{margin:0}
.client-account-button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #e1e4eb;border-radius:9px;background:#fff;color:#3e4960;font:500 12px Poppins,Arial,sans-serif;text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.client-account-button:hover{border-color:#c8bedc;background:#f9f7fc;color:#513d87}
.client-account-logout:hover{border-color:#edc7c4;background:#fff8f7;color:#a43c38}
.client-profile-backdrop{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:18px;background:rgba(24,29,46,.48);backdrop-filter:blur(3px)}
.client-profile-backdrop[hidden]{display:none!important}
.client-profile-modal{width:min(440px,calc(100vw - 36px));box-sizing:border-box;max-height:min(90vh,720px);overflow-x:hidden;overflow-y:auto;padding:22px;border:1px solid #e6e9ef;border-radius:17px;background:#fff;box-shadow:0 24px 70px rgba(25,28,44,.24);color:#19243a}
.client-profile-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.client-profile-kicker{color:#e67d5d;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.client-profile-heading h2{margin:3px 0 0;font-size:21px;line-height:1.25}
.client-profile-close{display:grid;width:34px;height:34px;place-items:center;border:1px solid #e1e4eb;border-radius:9px;background:#fff;color:#586278;cursor:pointer}
.client-profile-close:hover{background:#f7f5fa;color:#513d87}
.client-profile-summary{display:flex;align-items:center;gap:11px;margin-bottom:18px;padding:12px;border:1px solid #e9e6ef;border-radius:11px;background:#faf9fc}
.client-profile-avatar{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:50%;background:#eee9f7;color:#513d87;font-size:14px;font-weight:700}
.client-profile-summary>div{display:grid;min-width:0;gap:2px}
.client-profile-summary strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.client-profile-summary span:not(.client-profile-avatar){overflow:hidden;color:#788297;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.client-profile-form{display:grid;min-width:0;gap:10px}
.client-profile-form label{display:grid;min-width:0;gap:5px;color:#334057;font-size:12px;font-weight:500}
.client-profile-form input{display:block;width:100%;min-width:0;box-sizing:border-box;height:40px;padding:0 11px;border:1px solid #d9dce5;border-radius:9px;outline:0;background:#fff;color:#19243a;font:400 13px Poppins,Arial,sans-serif}
.client-profile-form input:focus{border-color:#8068ad;box-shadow:0 0 0 3px rgba(81,61,135,.11)}
.client-profile-save{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;margin-top:0;border:0;border-radius:9px;background:#513d87;color:#fff;font:600 12px Poppins,Arial,sans-serif;cursor:pointer}
.client-profile-save:hover{background:#40306e}
.client-profile-save:disabled{opacity:.65;cursor:wait}
.client-profile-feedback{min-height:18px;margin:0;color:#a43c38;font-size:11px}
.client-profile-feedback.success{color:#21805e}
.client-profile-readonly{margin:0;color:#6c7587;font-size:12px;line-height:1.6}
.client-provisional-backdrop{position:fixed;z-index:1210;inset:0;display:grid;place-items:center;padding:18px;background:rgba(25,15,39,.5);backdrop-filter:blur(3px)}
.client-provisional-backdrop[hidden]{display:none!important}
.client-provisional-modal{width:min(460px,100%);padding:28px;border:1px solid #e6e9ef;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(25,28,44,.24);color:#19243a;text-align:center}
.client-provisional-icon{display:grid;width:46px;height:46px;place-items:center;margin:0 auto 14px;border-radius:50%;background:#f0ebf8;color:#513d87;font-size:19px}
.client-provisional-modal h2{margin:0 0 8px;font-size:19px;line-height:1.35}
.client-provisional-modal>p:not(.client-provisional-feedback){margin:0;color:#6c7587;font-size:13px;line-height:1.65}
.client-provisional-actions{display:flex;justify-content:center;gap:9px;margin-top:22px}
.client-provisional-actions button{min-height:42px;padding:0 15px;border:1px solid #dfe2e9;border-radius:9px;background:#fff;color:#39445a;font:600 12px Poppins,Arial,sans-serif;cursor:pointer}
.client-provisional-actions button:hover{background:#f7f5fa;border-color:#cfc5e2}
.client-provisional-actions .client-provisional-change{border-color:#513d87;background:#513d87;color:#fff}
.client-provisional-actions .client-provisional-change:hover{background:#40306e}
.client-provisional-actions button:disabled{opacity:.65;cursor:wait}
.client-provisional-feedback{min-height:17px;margin:8px 0 0;color:#a43c38;font-size:11px}
@media(max-width:760px){
  .client-account-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px;margin:-5px 0 14px;padding:0 1px}
  .client-account-context{min-width:0;margin-right:0;gap:0}
  .client-account-context strong{overflow:hidden;font-size:14px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
  .client-account-context span{display:block;color:#78839a;font-size:10px;line-height:1.2}
  .client-account-identity{min-width:0;max-width:132px;margin-right:0;text-align:right}
  .client-account-identity strong,.client-account-identity span{overflow:visible;text-overflow:clip;white-space:nowrap}
  .client-account-identity strong{font-size:11px}
  .client-account-identity span{font-size:9px}
  .client-account-button{width:36px;min-width:36px;min-height:34px;padding:0;gap:0;font-size:11px;white-space:nowrap}
  .client-account-button span{display:none}
  .client-profile-modal{padding:19px;border-radius:14px}
}
@media(max-width:520px){.client-provisional-modal{padding:23px 18px}.client-provisional-actions{flex-direction:column}.client-provisional-actions button{width:100%}}
@media(max-width:380px){
  .client-account-bar{gap:4px}
  .client-account-identity{max-width:118px}
  .client-account-button{padding:0;font-size:10px}
}