#javis-pos-design.jp-login-production{background:var(--jp-bg);max-width:none;min-height:100dvh;display:flex;align-items:center;justify-content:center;margin:0;container-type:normal}
#javis-pos-design.jp-login-production>.jp-login{width:100%;height:100dvh;min-height:650px;grid-template-columns:.9fr 1.1fr}
#javis-pos-design .login-card{box-shadow:none;border-radius:0;padding:0;width:100%;max-width:370px}
#javis-pos-design .login-logo{font-size:11px;color:var(--jp-accent);letter-spacing:1.6px;text-align:left;margin:0 0 13px}
#javis-pos-design .login-title{font-size:26px;font-weight:600;color:var(--jp-ink);text-align:left;letter-spacing:-.6px}
#javis-pos-design .login-sub{text-align:left;font-size:14px;color:var(--jp-muted);margin:7px 0 26px}
#javis-pos-design .form-group{margin:17px 0}
#javis-pos-design .form-group label{font-size:13px;color:#526057;font-weight:400;margin-bottom:7px}
#javis-pos-design .form-group input,#javis-pos-design .form-group select{min-height:48px;border:1px solid #d9ded7;border-radius:9px;font:16px Sarabun,Arial,sans-serif;color:var(--jp-ink);padding:11px 12px}
#javis-pos-design .btn-login{background:var(--jp-accent);border-radius:9px;font-size:14px;font-weight:500;min-height:48px;padding:12px}
#javis-pos-design .btn-login:disabled{background:#b9beb8}
#javis-pos-design .footer-note{font-size:12px;color:var(--jp-muted);margin-top:22px}
#javis-pos-design [hidden]{display:none!important}
#javis-pos-design .jp-picker{background:white!important;border:0!important;padding:0!important;color:var(--jp-ink)!important;text-align:left}
#javis-pos-design .jp-picker>div:first-child{display:none}
#javis-pos-design .jp-picker .jp-branch-choice{background:white!important;color:var(--jp-ink)!important;border:1px solid var(--jp-line)!important;border-radius:12px!important;display:block;padding:17px!important;margin:4px 0!important}
#javis-pos-design .jp-picker .jp-branch-choice:hover{border-color:var(--jp-accent)!important;background:#fcf6f2!important}
#javis-pos-design .jp-picker .jp-branch-choice>span:last-child{display:none!important}
#javis-pos-design .jp-picker .jp-branch-choice.selected{border-color:var(--jp-accent)!important;background:#fcf6f2!important}
#javis-pos-design .pin-screen{background:var(--jp-bg);color:var(--jp-ink)}
#javis-pos-design #pinUserName{color:var(--jp-ink)!important}#javis-pos-design #pinBranchName{color:var(--jp-muted)!important}
#javis-pos-design .pin-btn{background:white;color:var(--jp-ink);border:1px solid var(--jp-line);border-radius:9px;min-height:58px}
#javis-pos-design .pin-dot{border-color:#cbd3c8;background:white}#javis-pos-design .pin-dot.filled{background:var(--jp-accent);border-color:var(--jp-accent)}
#javis-pos-design .pin-screen>button{color:var(--jp-muted)!important}
@media(orientation:portrait),(max-width:700px){#javis-pos-design.jp-login-production>.jp-login{display:flex;flex-direction:column;height:100dvh;min-height:0}#javis-pos-design .jp-login-story{padding:35px 36px 24px;text-align:center;border-right:0;border-bottom:1px solid var(--jp-line)}#javis-pos-design .jp-login-story .jp-brand{font-size:32px}#javis-pos-design .jp-story-content,#javis-pos-design .jp-login-story>small{display:none}#javis-pos-design .jp-login-form{flex:1;padding:35px 32px}#javis-pos-design .login-card{max-width:420px}}