/* Logo asli pengguna: transparansi, warna, dan proporsi dipertahankan. */
.auth-brand-jpid{display:block;max-width:100%}
.auth-brand-jpid>img{display:block;width:380px;max-width:100%;height:auto}
.brand.brand-jpid{justify-content:center;gap:0;padding-inline:7px}
.brand-jpid .brand-logo{display:block;width:100%;max-width:232px;height:auto}
.brand-symbol{display:none;width:48px;height:28px;overflow:hidden;flex-shrink:0}
.brand-symbol>img{display:block;width:116px;max-width:none;height:auto}
.startup-brand{width:min(320px,100%);margin:20px 0 36px}
.startup-brand>img{display:block;width:100%;height:auto}
.sidebar-collapsed .brand-jpid .brand-logo{display:none}
.sidebar-collapsed .brand-jpid .brand-symbol{display:block}
@media(max-width:1050px){.auth-brand-jpid>img{width:320px}}
@media(min-width:621px) and (max-width:900px){
 .brand-jpid .brand-logo{display:none}
 .brand-jpid .brand-symbol{display:block}
}
@media(max-width:800px){
 .auth-brand-jpid{margin-bottom:29px}
 .auth-brand-jpid>img{width:280px}
}
@media(max-width:620px){
 .brand.brand-jpid,body.sidebar-collapsed .brand.brand-jpid{justify-content:flex-start;gap:0}
 .brand-jpid .brand-logo,.sidebar-collapsed .brand-jpid .brand-logo{display:block;width:208px;max-width:100%}
 .brand-jpid .brand-symbol,.sidebar-collapsed .brand-jpid .brand-symbol{display:none}
 .startup-brand{width:min(280px,100%)}
}