@font-face{font-family:"Prompt";src:url("../fonts/Prompt-Regular-thai.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Prompt";src:url("../fonts/Prompt-SemiBold-thai.woff2") format("woff2");font-weight:600;font-display:swap}
:root{--kh-ink:#20323e;--kh-muted:#6c7f86;--kh-teal:#159d99;--kh-deep:#087f80;--kh-orange:#f39a48}
html,body,button,input,select{font-family:"Prompt",system-ui,sans-serif!important}
body#keycloak-bg{position:relative;min-height:100svh;overflow:hidden;color:var(--kh-ink);background:radial-gradient(circle at 8% 5%,rgba(95,204,194,.34),transparent 31rem),radial-gradient(circle at 96% 45%,rgba(61,191,177,.28),transparent 34rem),linear-gradient(145deg,#e5f7f4,#fbfdfc 55%,#e5f4f3)!important}
body#keycloak-bg::before,body#keycloak-bg::after{content:"";position:fixed;z-index:0;border-radius:50%;pointer-events:none}
body#keycloak-bg::before{width:min(78vw,980px);height:min(78vw,980px);right:-32vw;top:-20vw;border:clamp(55px,8vw,120px) solid rgba(51,189,175,.14)}
body#keycloak-bg::after{width:min(64vw,760px);height:min(64vw,760px);left:-31vw;bottom:-36vw;border:clamp(45px,7vw,100px) solid rgba(22,157,153,.1)}
.pf-v5-c-login{min-height:100svh;background:transparent!important}
.pf-v5-c-login__container{position:relative;z-index:1;width:min(100% - 32px,440px);display:block!important;margin:auto;padding:clamp(22px,5vw,34px);border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.pf-v5-c-login__header{margin:0;text-align:center}
.pf-v5-c-brand{width:100%;min-height:134px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;padding-top:88px;color:transparent!important;font-size:0!important;font-weight:600;line-height:1.25;letter-spacing:0;background:url("../img/logo-khong-hospital.png") center top/76px 83px no-repeat}
.pf-v5-c-brand::before{content:"โรงพยาบาลคง";display:block;color:var(--kh-deep);font-size:19px;font-weight:600}
.pf-v5-c-brand::after{content:"K-AUTH ระบบยืนยันตัวตน";display:block;margin-top:3px;color:var(--kh-muted);font-size:13px;font-weight:600;letter-spacing:.01em}
.pf-v5-c-login__main{width:100%;display:block!important;overflow:visible;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:0!important;row-gap:0!important}
.pf-v5-c-login__main-header,.pf-v5-c-login__main-body,.pf-v5-c-login__main-footer{padding-inline:0!important}
.pf-v5-c-login__main-header{display:block!important;padding-top:0!important;padding-bottom:18px!important;border:0!important;text-align:center}
.pf-v5-c-title{margin:0!important;color:var(--kh-ink)!important;font-size:0!important;font-weight:600!important;line-height:1.2!important}
.pf-v5-c-title::after{content:"เข้าสู่ระบบ";font-family:"Prompt",system-ui,sans-serif;font-size:clamp(25px,6vw,31px);font-weight:600;letter-spacing:-.02em}
.pf-v5-c-login__main-body{padding-bottom:0!important}.pf-v5-c-form__label-text{color:#344d58;font-weight:600}
.pf-v5-c-login__main-body .pf-v5-c-login__main-footer{display:none!important}
.pf-v5-c-login__main>.pf-v5-c-login__main-footer{display:block!important;margin-top:28px!important;padding-top:18px!important;border-top:1px solid rgba(32,89,94,.1)!important;color:var(--kh-muted);text-align:center}
.pf-v5-c-login__main>.pf-v5-c-login__main-footer::after{content:"กลุ่มงานสุขภาพดิจิทัล โรงพยาบาลคง";font-size:10px;line-height:1.6}
.pf-v5-c-form-control,.pf-v5-c-input-group{overflow:hidden;border:1px solid rgba(32,89,94,.18)!important;border-radius:16px!important;background:rgba(248,252,251,.92)!important;box-shadow:none!important}
.pf-v5-c-form-control::before,.pf-v5-c-form-control::after,.pf-v5-c-input-group::before,.pf-v5-c-input-group::after{display:none!important;border:0!important}
.pf-v5-c-form-control>input,.pf-v5-c-input-group input{min-height:50px;padding-inline:15px!important;border:0!important;border-radius:0!important;outline:0!important;color:var(--kh-ink)!important;background:transparent!important;box-shadow:none!important}
.pf-v5-c-input-group .pf-v5-c-form-control{border:0!important;border-radius:0!important}
.pf-v5-c-input-group .pf-v5-c-button.pf-m-control{min-height:50px;border:0!important;border-radius:0!important;color:var(--kh-deep);background:transparent!important;box-shadow:none!important}
.pf-v5-c-form-control:focus-within,.pf-v5-c-input-group:focus-within{border-color:var(--kh-teal)!important;box-shadow:0 0 0 3px rgba(21,157,153,.13)!important}
.pf-v5-c-button.pf-m-primary{min-height:50px;border:0!important;border-radius:16px!important;color:#fff!important;font-weight:600;background:linear-gradient(135deg,#3ac3b2,var(--kh-deep))!important;box-shadow:0 13px 26px rgba(13,137,136,.23)}
.pf-v5-c-button.pf-m-primary:hover{background:linear-gradient(135deg,#2fb8a8,#076f71)!important}
.hr-reset-link{margin-top:16px;padding-top:12px;border-top:1px solid rgba(32,89,94,.1);text-align:center}.hr-reset-link a{color:#087f80!important;font-size:14px;font-weight:500;text-decoration:none}.hr-reset-link a:hover{text-decoration:underline}
.pf-v5-c-login__main-header-utilities{display:none!important}
.pf-v5-c-helper-text,.pf-v5-c-check__label{color:var(--kh-muted)!important}
body[data-page-id="login-login"] .pf-v5-c-brand{min-height:158px;padding-top:105px;background-size:94px 103px}
body[data-page-id="login-login"] .pf-v5-c-brand::before{font-size:22px}
body[data-page-id="login-login"] .pf-v5-c-brand::after{margin-top:2px;font-size:14px}
body[data-page-id="login-login"] .pf-v5-c-login__main-header{margin-top:-9px!important;padding-bottom:16px!important}
body[data-page-id="login-logout-confirm"] .pf-v5-c-login__main-header{display:none!important}
body[data-page-id="login-logout-confirm"] .pf-v5-c-login__container{width:min(100% - 32px,420px);padding:26px 24px!important}
body[data-page-id="login-logout-confirm"] .pf-v5-c-brand{min-height:142px;padding-top:88px;background-size:76px 83px}
body[data-page-id="login-logout-confirm"] .pf-v5-c-login__main-body{margin-top:34px;text-align:center}
body[data-page-id="login-logout-confirm"] .pf-v5-c-login__main-body p{margin:0 0 20px!important;color:var(--kh-ink);font-size:16px;line-height:1.6;text-align:center}
body[data-page-id="login-logout-confirm"] #kc-logout-confirm input[type="hidden"],body[data-page-id="login-logout-confirm"] #kc-form-options,body[data-page-id="login-logout-confirm"] #kc-info-message:empty{display:none!important}
body[data-page-id="login-logout-confirm"] #kc-logout-confirm .form-actions,body[data-page-id="login-logout-confirm"] #kc-logout-confirm .pf-v5-c-form__group{margin:0!important;padding:0!important;background:transparent!important}
body[data-page-id="login-logout-confirm"] .pf-v5-c-form__actions{justify-content:center!important}
body[data-page-id="login-logout-confirm"] #kc-logout{width:100%;min-height:50px}
body[data-page-id="login-logout-confirm"] .pf-v5-c-login__main>.pf-v5-c-login__main-footer{margin-top:28px!important}
@media(max-width:520px){body#keycloak-bg::before{right:-54vw;top:-18vw}body#keycloak-bg::after{left:-48vw;bottom:-25vw}.pf-v5-c-login__container{width:min(100% - 22px,440px);padding:22px 18px}.pf-v5-c-brand{min-height:122px;padding-top:78px;background-size:68px 74px}.pf-v5-c-brand::before{font-size:17px}.pf-v5-c-brand::after{font-size:11.5px}.pf-v5-c-login__main-header{padding-bottom:16px!important}body[data-page-id="login-login"] .pf-v5-c-brand{min-height:148px;padding-top:98px;background-size:88px 96px}body[data-page-id="login-login"] .pf-v5-c-brand::before{font-size:21px}body[data-page-id="login-login"] .pf-v5-c-brand::after{font-size:13.5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}