@media (max-width:760px){body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked)>.customer-unified-header.customer-mobile-unified-header{display:flex!important;align-items:center!important;gap:6px!important;height:auto!important;min-height:0!important;max-height:none!important;margin-bottom:6px!important;padding:6px 8px!important;overflow:visible!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header .customer-unified-brand{flex:0 0 26px!important;width:26px!important;min-width:26px!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header .customer-unified-brand>span{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;border-radius:8px!important;font-size:18px!important;line-height:26px!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header :is(.customer-unified-brand>div,.customer-header-metrics){display:none!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header .customer-unified-account{display:block!important;flex:1 1 0!important;width:auto!important;min-width:0!important;padding:0!important;margin:0!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header .customer-unified-account>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:2px 4px!important;width:100%!important;min-width:0!important;padding:0!important;border:0!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header .customer-account-name{display:contents!important;min-width:0!important;margin:0!important;white-space:nowrap!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header #customerLoginState:not(.hidden):not([hidden]){display:block!important;grid-column:1!important;grid-row:1!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:0!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow-wrap:normal!important;font-size:12px!important;line-height:20px!important;cursor:pointer}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header #customerLoginState:focus-visible{outline:2px solid #3562aa;outline-offset:2px;border-radius:3px}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header #customerProfileBtn:not(.hidden):not([hidden]),body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header #customerIdentityBadge:not(.hidden):not([hidden]){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:22px!important;min-height:22px!important;min-block-size:22px!important;max-height:22px!important;margin:0!important;padding:0 5px!important;font-size:10px!important;line-height:20px!important;white-space:nowrap!important;box-shadow:none!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header #customerProfileBtn{grid-column:2!important;grid-row:1!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header #customerIdentityBadge{grid-column:3!important;grid-row:1!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header .customer-account-meta{display:contents!important;min-width:0!important;margin:0!important;padding:0!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header .customer-account-meta>:not(#customerGroupBadge):not(#customerAccountValidityRow){display:none!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header #customerGroupBadge:not(.hidden):not([hidden]){display:inline-flex!important;grid-column:1!important;grid-row:2!important;justify-self:start!important;flex:0 1 auto!important;min-width:0!important;max-width:100%!important;width:auto!important;height:22px!important;min-height:22px!important;min-block-size:22px!important;max-height:22px!important;margin:0!important;padding:0 5px!important;font-size:9px!important;line-height:20px!important;white-space:nowrap!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header .customer-account-meta>#customerAccountValidityRow:not([hidden]){position:relative!important;display:flex!important;grid-column:2/4!important;grid-row:2!important;justify-self:end!important;flex:0 1 auto!important;order:0!important;justify-content:flex-end!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:0!important;margin:0 0 0 auto!important;gap:0!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header #customerAccountValidityMobile:not([hidden]){display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;width:max-content!important;min-width:0!important;max-width:100%!important;height:22px!important;min-height:22px!important;min-block-size:22px!important;max-height:22px!important;margin:0!important;padding:0 5px!important;font-size:10px!important;line-height:20px!important;white-space:nowrap!important}body.customer-portal.customer-phone-layout #customer#customer#customer#customer#customer#customer#customer#customer:not(.portal-locked) .customer-mobile-unified-header #customerAccountValidityDetail:not([hidden]){position:absolute!important;z-index:110!important;top:calc(100% + 6px)!important;right:0!important;left:auto!important;width:280px!important;max-width:calc(100vw - 40px)!important;max-height:min(300px,calc(100dvh - 120px))!important;overflow:auto!important;margin:0!important;padding:10px 12px!important;box-sizing:border-box!important;border:1px solid #d8e4f3!important;border-radius:8px!important;background:#fff!important;color:#596e87!important;box-shadow:0 6px 20px rgba(32,62,99,.13)!important;font-size:11px!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important}body.customer-portal.customer-phone-layout>dialog.customer-mobile-header-company-dialog{box-sizing:border-box;width:min(340px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:18px;border:1px solid #d8e4f3;border-radius:12px;background:#fff;color:#34465f;overflow:auto}body.customer-portal.customer-phone-layout>dialog.customer-mobile-header-company-dialog::backdrop{background:rgba(15,35,58,.35)}body.customer-portal.customer-phone-layout>dialog.customer-mobile-header-company-dialog .customer-mobile-header-company-fullname{margin:12px 0 16px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}body.customer-portal.customer-phone-layout>dialog.customer-mobile-header-company-dialog>button{min-height:32px;padding:5px 12px}}
