/* Keep the header independent of individual page and login layouts. */
.app-header[data-shared-header]{height:72px;padding:0;background:#fff;border-bottom:1px solid #e6eaf0}
.prototype-header-inner{height:100%;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.prototype-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.prototype-header-actions .btn{height:36px;padding:6px 12px;white-space:nowrap}
.prototype-header-actions #identity{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prototype-header-actions [hidden]{display:none!important}
@media(max-width:767px){.prototype-header-inner{padding:0 20px;gap:12px}.prototype-header-actions{gap:8px}.prototype-header-actions #identity{display:inline-block;max-width:110px}.prototype-header-actions #header-label{display:inline-block}}
@media(max-width:420px){.prototype-header-inner{padding:0 12px}.app-header .brand{font-size:15px;gap:8px}.prototype-header-actions #identity{max-width:70px}.prototype-header-actions .btn{font-size:12px;padding:6px 8px}}

.brand-logo{display:block;width:34px;height:34px;object-fit:contain;flex-shrink:0}
.login-brand-logo{display:block;width:48px;height:48px;object-fit:contain}

/* The generated wordmark has transparent vertical margins; cover fits the visible mark to the header slot. */
.brand-logo-horizontal{display:block;width:236px;height:48px;object-fit:cover;object-position:center 48%;flex-shrink:0}
.brand-mobile{display:none}
@media(max-width:767px){.brand-logo-horizontal{display:none}.brand-mobile{display:flex;align-items:center;gap:8px}}

/* Extra live-account action stays reachable on narrow screens. */
.prototype-header-actions form{margin:0}
@media(max-width:420px){.prototype-header-inner .brand-mobile > span{display:none}.prototype-header-actions #header-password{padding:6px 8px;font-size:12px}}