/* Keep the supplied logo's transparency and use the tenant's saved colors. */
.has-custom-logo{--accent-soft:color-mix(in srgb,var(--accent-detail) 14%,white);--accent-hover:color-mix(in srgb,var(--accent) 88%,black)}
.has-custom-logo .login-brand{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-detail) 9%,white),color-mix(in srgb,var(--accent-detail) 28%,white));border-right:4px solid var(--accent-detail)}
.has-custom-logo .login-brand :is(.ub-name,h1,.login-step){color:var(--ink)}
.has-custom-logo .login-brand :is(.brand-message>p,.login-foot){color:#59616e}
.has-custom-logo .login-brand .login-label{color:var(--accent)}
.has-custom-logo .login-brand .ub-lockup{align-items:flex-start;flex-direction:column;gap:18px}
.has-custom-logo .login-brand .ub-lockup>img{width:285px;max-width:100%;height:auto;object-fit:contain;background:transparent;border-radius:0;padding:0;box-sizing:border-box}
.has-custom-logo .login-step>span{border-color:var(--accent);color:var(--accent)}
.has-custom-logo .login-step{border-color:color-mix(in srgb,var(--accent-detail) 28%,white)}
.has-custom-logo .side-brand{align-items:flex-start;flex-wrap:wrap;gap:12px}
.software-platform-view.has-custom-logo .sidebar{grid-template-rows:auto minmax(0,1fr) auto}
.software-platform-view.has-custom-logo .sidebar .side-brand{height:auto;min-height:150px;flex-shrink:0;padding-bottom:18px}
.has-custom-logo .side-brand>img{width:100%;height:auto;object-fit:contain;background:transparent;border-radius:0;padding:0;box-sizing:border-box}
.software-platform-view.has-custom-logo .sidebar .side-brand>img{max-width:100%;width:100%;height:auto;flex:0 0 100%}
.has-custom-logo .side-brand>div{flex:1}
@media(max-width:760px){.has-custom-logo .login-brand .ub-lockup>img{width:250px}.has-custom-logo .login-brand .ub-lockup{gap:12px}}