:root{--pf-v5-global--primary-color--100:#12652f;--pf-v5-global--primary-color--200:#0d4f2b;font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif}
body#keycloak-bg{background:#f4f7f4!important;color:#1c2d24;font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif}
.pf-v5-c-login{background:transparent!important}
.pf-v5-c-login__container{max-width:430px!important;margin:auto}
#kc-header{margin-bottom:25px;text-align:center}
#kc-header-wrapper{display:inline-flex;align-items:center;gap:9px;color:#173825!important;font-size:1.35rem!important;font-weight:800;letter-spacing:-.035em;text-transform:none}
#kc-header-wrapper::before{content:"";display:inline-block;width:45px;height:45px;background:url('../img/sakura-logo.png') center/contain no-repeat}
.pf-v5-c-login__main{overflow:hidden;border:1px solid #dce8df!important;border-radius:22px!important;background:#fff!important;box-shadow:0 18px 48px rgba(22,69,37,.10)!important}
.pf-v5-c-login__main-header{padding-bottom:0!important;border-top:4px solid #12652f!important}
#kc-page-title{color:#173825!important;font-size:1.55rem!important;font-weight:800!important;letter-spacing:-.03em}
.pf-v5-c-form__label-text{color:#304b39;font-weight:700}
.pf-v5-c-form-control{border:1px solid #cadace!important;border-radius:10px!important;box-shadow:none!important}
.pf-v5-c-form-control::after{display:none!important}
.pf-v5-c-form-control input{min-height:44px;border-radius:10px!important;background:#fff!important;color:#1c2d24!important}
.pf-v5-c-form-control:focus-within{--pf-v5-c-form-control--after--BorderBottomColor:#12652f}
#kc-login{min-height:45px;border-radius:11px!important;background:#12652f!important;font-weight:800!important;box-shadow:none!important}
#kc-login:hover{background:#0d4f2b!important}
#kc-login:focus-visible,#kc-form input:focus-visible{outline:3px solid #a1dcb4;outline-offset:2px}
.pf-v5-c-button.pf-m-control{border:1px solid #cadace!important;border-radius:0 10px 10px 0!important;background:#edf5ef!important;color:#1d6038!important}
@media(max-width:620px){.pf-v5-c-login__container{width:auto!important;max-width:none!important;padding:0 16px}.pf-v5-c-login__main{border-radius:20px!important}#kc-header{margin-bottom:20px}#kc-header-wrapper{font-size:1.2rem!important}}