/* One visual layer over native Keycloak forms. Authentication/MFA remain native. */
:root{--e3p-navy:#122f4e;--e3p-blue:#235eaa;--e3p-text:#243d58;--e3p-muted:#7e90a3;--e3p-line:#dce4ed}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-width:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}body#keycloak-bg{background:linear-gradient(90deg,#122f4e 0 41%,#f5f7fa 41% 100%)!important;color:var(--e3p-text);min-height:100vh}.pf-v5-c-login,.pf-c-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,440px)!important;align-items:center!important;gap:100px!important;max-width:1120px!important;min-height:100vh!important;min-height:100dvh!important;margin:auto!important;padding:48px!important;background:none!important}.pf-v5-c-login__container,.pf-c-login__container{display:contents!important}#kc-header{grid-column:1!important;grid-row:1!important;position:static!important;width:100%!important;padding:0!important;margin:0!important;color:white!important;align-self:center!important}#kc-header-wrapper{font-size:0!important;color:transparent!important;padding:0!important;text-align:left!important;display:block!important;max-width:330px!important}#kc-header-wrapper::before{content:'';display:block;width:250px;height:78px;background:url('../img/ptdi-horizontal-white.png') left center/contain no-repeat;margin-bottom:36px}#kc-header-wrapper::after{content:'Satu akses.\A Lebih mudah bekerja.';white-space:pre-line;display:block;color:#f2f7fc;font-size:32px;font-weight:550;line-height:1.35;letter-spacing:-1px}.pf-v5-c-login__main,.pf-c-login__main{grid-column:2!important;grid-row:1!important;max-width:440px!important;width:100%!important;margin:0!important;padding:0!important;background:white!important;border:1px solid #e0e7ef!important;border-radius:14px!important;box-shadow:0 12px 40px #142f4e08!important;overflow:hidden!important}.pf-v5-c-login__main-header,.pf-c-login__main-header{padding:34px 34px 14px!important;background:white!important}#kc-page-title{font-size:25px!important;line-height:1.3!important;letter-spacing:-.65px!important;font-weight:600!important;color:var(--e3p-navy)!important;margin:0!important}.pf-v5-c-login__main-body,.pf-c-login__main-body{padding:10px 34px 30px!important;background:white!important}.pf-v5-c-login__main-footer,.pf-c-login__main-footer{padding:0!important;margin:0!important;min-height:0!important;background:white!important}#kc-form,#kc-form-wrapper,#kc-content,#kc-content-wrapper{width:100%!important;min-width:0!important}.pf-v5-c-form,.pf-c-form{gap:21px!important}.pf-v5-c-form__group-label,.pf-c-form__group-label{padding-bottom:8px!important}.pf-v5-c-form__label,.pf-c-form__label,#kc-form label{font-size:12px!important;font-weight:550!important;color:#51657c!important}.pf-v5-c-form-control,.pf-c-form-control{display:block!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;height:auto!important;min-height:0!important}.pf-v5-c-form-control::before,.pf-v5-c-form-control::after,.pf-c-form-control::before,.pf-c-form-control::after{content:none!important;display:none!important}#kc-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]),#kc-register-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.pf-v5-c-form-control>input,.pf-c-form-control>input{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;padding:11px 13px!important;border:1px solid #d3deea!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;color:#2d4661!important;-webkit-text-fill-color:#2d4661!important;font-size:14px!important;font-weight:400!important;line-height:22px!important;outline:0!important}#kc-form input:focus,.pf-v5-c-form-control>input:focus{border-color:#6797d2!important;box-shadow:0 0 0 3px #e8f0fc!important}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset!important;-webkit-text-fill-color:#2d4661!important}input[aria-invalid=true]{border-color:#c46565!important}.pf-v5-c-input-group,.pf-c-input-group{display:flex!important;align-items:stretch!important;gap:0!important;min-width:0!important}.pf-v5-c-input-group__item.pf-m-fill,.pf-c-input-group__item.pf-m-fill{flex:1!important;min-width:0!important}.pf-v5-c-input-group input,.pf-c-input-group input{border-radius:7px 0 0 7px!important;border-right:0!important}.pf-v5-c-input-group__item:has([data-password-toggle]),.pf-c-input-group__item:has([data-password-toggle]){background:none!important;border:0!important}[data-password-toggle]{position:relative!important;display:grid!important;place-items:center!important;width:44px!important;height:46px!important;border:1px solid #d3deea!important;border-left:0!important;border-radius:0 7px 7px 0!important;background:white!important;color:#7d90a4!important;padding:0!important;box-shadow:none!important}[data-password-toggle]:before{display:none!important}[data-password-toggle] i{display:none!important}[data-password-toggle]:after{content:''!important;position:static!important;display:block!important;width:18px!important;height:18px!important;background:#7d90a4!important;border:0!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12Z'/%3E%3Ccircle fill='none' stroke='black' stroke-width='1.7' cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat!important}[data-password-toggle]:has(i.fa-eye-slash):after{opacity:.55!important}#kc-login,.pf-v5-c-button.pf-m-primary,.pf-c-button.pf-m-primary{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:45px!important;border-radius:7px!important;border:1px solid var(--e3p-blue)!important;background:var(--e3p-blue)!important;color:#fff!important;font-size:13px!important;font-weight:600!important;padding:11px 18px!important;box-shadow:none!important;margin-top:6px!important}.pf-v5-c-button.pf-m-primary::before,.pf-v5-c-button.pf-m-primary::after{display:none!important}#kc-login:hover{background:#1d5195!important}#kc-login:disabled{opacity:.6!important}.pf-v5-c-alert,.pf-c-alert,#input-error{font-size:12px!important;line-height:1.6!important;border-radius:7px!important}#kc-form-options,.pf-v5-c-form__helper-text,.pf-v5-c-helper-text{font-size:11px!important}a{color:var(--e3p-blue)!important}#kc-info{background:#f7f9fc!important;padding:15px!important;font-size:12px!important}#kc-locale{font-size:11px!important}.pf-v5-c-login__main-header::after{content:'E3P · Corporate access';font-size:11px;color:#94a2b2;display:block;margin-top:9px}.pf-v5-c-login__main-body::after{content:'Akses aman untuk akun perusahaan Anda.';display:block;text-align:center;font-size:10px;color:#9aa7b5;margin-top:24px}.pf-v5-c-login__main-body:has(#kc-otp-login-form)::after{content:'Gunakan kode verifikasi dari perangkat Anda.'}:focus-visible{outline:3px solid #a1c1eb!important;outline-offset:3px!important}
@media(max-width:900px){.pf-v5-c-login,.pf-c-login{gap:45px!important;padding:36px!important;grid-template-columns:1fr minmax(0,390px)!important}#kc-header-wrapper::before{width:210px;height:65px}#kc-header-wrapper::after{font-size:26px}}@media(max-width:700px){body#keycloak-bg{background:#f5f7fa!important}.pf-v5-c-login,.pf-c-login{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:25px!important;padding:30px 20px!important;max-width:480px!important}#kc-header{align-self:stretch!important}#kc-header-wrapper{font-size:20px!important;color:#213f5f!important;text-align:center!important;max-width:none!important;font-weight:600!important}#kc-header-wrapper::before{display:none!important}#kc-header-wrapper::after{content:'E3P · Human Capital';font-size:12px;letter-spacing:0;color:#7f92a6;margin-top:5px;white-space:normal}#kc-page-title{font-size:23px!important}.pf-v5-c-login__main-header{padding:28px 25px 12px!important}.pf-v5-c-login__main-body{padding:10px 25px 26px!important}}