/* KOMPAS supplied wordmark: keep the transparent PNG legible on every shell. */
.brand{gap:0!important}
.brand>span:not(.system-name),.brand>b{display:none!important}
.brand img{display:block!important;width:min(100%,176px)!important;height:auto!important;max-width:100%!important;max-height:none!important;aspect-ratio:auto!important;flex:0 1 auto!important;object-fit:contain!important;object-position:left center!important;filter:none!important;background:transparent!important;padding:0!important;border-radius:0!important}
.login-layout .intro>.brand,.login-layout .login-intro>.brand{width:100%;max-width:420px;margin-bottom:42px}
.login-layout .intro>.brand img,.login-layout .login-intro>.brand img{width:min(100%,390px)!important}
#workspace>aside .brand img,#workspace aside .brand img{width:min(100%,176px)!important;max-width:176px!important}
#workspace>main>header .brand img,#workspace .header-left .brand img,.header-left .brand img{width:210px!important;height:auto!important;max-width:32vw!important;flex:0 1 210px!important}
#workspace.sidebar-collapsed>aside .brand img,#workspace.sidebar-collapsed aside .brand img{width:50px!important;height:50px!important;max-width:50px!important;flex:0 0 50px!important;object-fit:cover!important;object-position:left center!important;padding:0!important}
@media(max-width:720px){.login-layout .intro>.brand img,.login-layout .login-intro>.brand img{width:min(100%,270px)!important}#workspace>main>header .brand img,#workspace .header-left .brand img,.header-left .brand img{width:min(180px,34vw)!important;height:auto!important;max-width:34vw!important;flex-basis:auto!important}}
/* Login brand alignment follows the DCS reference (55px top, 65px sides, 390px logo). */
.login-layout .intro,.login-layout .login-intro{padding:55px 65px!important;grid-template-columns:1fr 1fr!important}
.login-layout .intro>.brand,.login-layout .login-intro>.brand{width:100%;max-width:420px;margin:0 0 42px!important;display:flex;align-items:center;gap:15px!important}
.login-layout .intro>.brand img,.login-layout .login-intro>.brand img{width:min(100%,390px)!important;max-width:390px!important;height:auto!important;flex:0 1 390px!important;object-fit:contain!important}
.login-layout .intro>.brand>span,.login-layout .login-intro>.brand>span{display:block!important;flex:0 0 auto;color:#fff;font-size:12px;font-weight:700;letter-spacing:1.5px;border-left:1px solid #ffffff55;padding-left:15px}
@media(max-width:720px){.login-layout .intro,.login-layout .login-intro{padding:30px!important}.login-layout .intro>.brand img,.login-layout .login-intro>.brand img{width:min(100%,270px)!important;max-width:270px!important;flex-basis:270px!important}.login-layout .intro>.brand>span,.login-layout .login-intro>.brand>span{font-size:10px;padding-left:10px}}
/* Shared login layout: DCS is the source of truth for all three entry pages. */
#login.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
#login.login-layout>.intro,#login.login-layout>.login-intro{box-sizing:border-box;min-width:0;min-height:100vh;padding:55px 65px!important;display:flex;flex-direction:column;justify-content:space-between}
#login.login-layout>.login-panel{box-sizing:border-box;min-width:0;min-height:100vh;padding:40px!important;display:flex;align-items:center;justify-content:center}
#login.login-layout .brand{width:100%;max-width:420px;margin:0 0 42px!important;display:flex;align-items:center;gap:15px!important}
#login.login-layout .brand img{display:block!important;width:min(100%,390px)!important;max-width:390px!important;height:auto!important;max-height:none!important;flex:0 1 390px!important;object-fit:contain!important;object-position:left center!important}
#login.login-layout .brand>span{display:block!important;visibility:visible!important;flex:0 0 auto;color:#fff!important;font-size:12px!important;font-weight:700!important;letter-spacing:1.5px!important;max-width:none!important;border-left:1px solid #ffffff55;padding-left:15px}
#login.login-layout .login-card{box-sizing:border-box;position:relative;z-index:1;width:375px!important;max-width:100%!important;margin:0!important}
#login.login-layout .login-card h2{font-size:29px;margin-top:24px;margin-bottom:8px}
#login.login-layout .login-card label{display:block;font-size:14px;font-weight:600;margin:16px 0}
#login.login-layout .login-card input{display:block;width:100%;box-sizing:border-box;border:1px solid #ccd8df;padding:12px;border-radius:7px;background:#fff;color:#173143;margin-top:7px}
#login.login-layout .login-card button.primary{width:100%;padding:12px 20px;border-radius:7px}
#login.login-layout .login-card form{margin:30px 0}
@media(max-width:1050px){#login.login-layout>.intro,#login.login-layout>.login-intro{padding:40px!important}}
@media(max-width:720px){#login.login-layout{grid-template-columns:1fr}#login.login-layout>.intro,#login.login-layout>.login-intro{min-height:380px;padding:30px!important}#login.login-layout>.login-panel{min-height:auto;padding:35px 25px!important}#login.login-layout .brand img{width:min(100%,270px)!important;max-width:270px!important;flex-basis:270px!important}#login.login-layout .brand>span{font-size:10px!important;padding-left:10px}#login.login-layout .login-card{width:100%!important}#login.login-layout .intro small,#login.login-layout .login-intro small{display:none}}
/* DCS login fields use the live DCS form's intrinsic width and spacing. */
#login.login-layout .login-card{width:min(375px,100%)!important;max-width:375px!important}
#login.login-layout .login-card label{font-size:14px!important;font-weight:600!important;margin:16px 0!important}
#login.login-layout .login-card input{width:100%!important;box-sizing:border-box!important;padding:9px 10px!important;border-radius:8px!important}
#login.login-layout .login-card form{margin:24px 0!important}
#login.login-layout .login-card button.primary{width:100%!important}