/* BaanHao login/register v2 */
.bh-auth-page{font-family:Sarabun,sans-serif;background:#f4f8f4;padding:35px 20px 65px}
.bh-auth-shell{width:min(1160px,100%);min-height:690px;margin:auto;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:white;border:1px solid #e3ece5;border-radius:30px;box-shadow:0 18px 55px #16462b18}
.bh-auth-story{position:relative;isolation:isolate;overflow:hidden;background:#104f3b;color:white}
.bh-auth-story-bg{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#064931db,#0647319e 48%,#07533cba),url('footer-landscape.png?v=20261013-repaired') center center/cover}
.bh-auth-story-content{height:100%;min-height:690px;padding:40px;display:flex;flex-direction:column;justify-content:space-between}
.bh-auth-story-logo{background:#fffffff2;border-radius:18px;padding:8px 14px;max-width:250px}.bh-auth-story-logo img{width:100%;height:auto;display:block}
.bh-auth-story-main{padding:30px 0}.bh-auth-story-pill{display:inline-flex;align-items:center;gap:7px;background:#ffffff24;border:1px solid #ffffff55;border-radius:25px;padding:8px 15px;font-size:13px;font-weight:700}
.bh-auth-story-main h1{color:#fff;font-size:clamp(40px,4vw,58px);line-height:1.15;letter-spacing:-1px;margin:28px 0 14px;font-weight:800}
.bh-auth-story-main h1 em{color:#ffa333;font-style:normal}.bh-auth-story-main p{font-size:17px;line-height:1.8;max-width:400px;color:#f3fff6}
.bh-auth-story-features{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.bh-auth-story-features span{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#fff2;border:1px solid #ffffff38;border-radius:10px;font-size:12px}
.bh-auth-story-bottom{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#eeffef}.bh-auth-story-bottom span:first-child{display:flex;align-items:center;gap:7px}
.bh-auth-panel{display:flex;align-items:center;justify-content:center;padding:34px 46px}.bh-auth-panel-inner{width:min(420px,100%)}
.bh-auth-mobile-brand{display:none}.bh-auth-head{text-align:center}.bh-auth-welcome-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 11px;background:#e7f5e9;border-radius:16px;color:#0f6847}
.bh-auth-welcome-icon svg{height:25px;width:25px}.bh-auth-eyebrow{font-size:12px;color:#399266;font-weight:700}
.bh-auth-head h2{font-size:29px;color:#103f2f;line-height:1.3;margin:6px 0}.bh-auth-head p{font-size:13px;color:#87928a;line-height:1.7;margin:0 auto 20px}
.bh-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f2f6f2;padding:5px;border-radius:14px;margin:14px 0 24px}
.bh-auth-tabs a{display:flex;align-items:center;gap:7px;justify-content:center;padding:10px 6px;border-radius:11px;font-size:13px;font-weight:800;color:#678276}
.bh-auth-tabs a.is-active{background:#fff;color:#07583b;box-shadow:0 2px 8px #163b2317}
.bh-auth-tabs svg{width:17px;height:17px}.bh-auth-form{display:flex;flex-direction:column;gap:8px}
.bh-auth-form label,.bh-auth-label-row label{font-size:13px;font-weight:800;color:#294838}.required{color:#ee7b22}
.bh-auth-label-row{display:flex;justify-content:space-between;align-items:center}.bh-password-note{font-size:11px;color:#a0aaa3}
.bh-auth-control{display:flex;align-items:center;gap:10px;border:1px solid #dce7dd;background:#fff;border-radius:12px;padding:0 12px;min-height:48px;margin-bottom:10px}
.bh-auth-control:focus-within{border-color:#158855;box-shadow:0 0 0 3px #1488541b}
.bh-auth-control>svg{color:#8c9d94;width:19px;height:19px;flex-shrink:0}.bh-auth-control input{width:100%;min-width:0;flex:1;border:0;outline:0;padding:12px 0;background:none;font-size:14px;color:#234a38}
.bh-auth-reveal{background:transparent;border:0;color:#7e9586;padding:5px;display:grid;place-items:center}.bh-auth-reveal svg{width:18px;height:18px}
.bh-auth-submit{border:0;border-radius:12px;background:#075c3d;color:#fff;min-height:49px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:8px;font-weight:800;font-size:15px}
.bh-auth-submit:hover{background:#047147}.bh-auth-submit svg{width:19px;height:19px}.bh-auth-divider{text-align:center;display:flex;align-items:center;gap:12px;color:#96a49c;font-size:12px;margin:24px 0 16px}
.bh-auth-divider:before,.bh-auth-divider:after{content:'';height:1px;background:#e3e8e3;flex:1}
.bh-social-logins{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bh-social-btn{border:1px solid #dbe9df;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;background:white;color:#245238;font-size:14px}
.bh-social-btn svg{height:20px;width:20px}.bh-social-btn.bh-line:not(.is-disabled){background:#06c755;border-color:#06c755;color:white}
.bh-social-btn.bh-google:not(.is-disabled):hover{border-color:#4c8bf5}.bh-social-btn.is-disabled{opacity:.48;cursor:not-allowed}.bh-google-mark{font-family:Arial,sans-serif;color:#4285f4;font-weight:900;font-size:21px}
.bh-auth-provider-note{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:#9b8470;margin:10px 0}.bh-auth-provider-note svg{width:15px;height:15px;flex-shrink:0}
.bh-auth-end{text-align:center;margin-top:22px;font-size:13px;color:#89958d}.bh-auth-end a{color:#087c4b;font-weight:800}.bh-auth-end svg{width:14px;height:14px;display:inline;vertical-align:middle}
.bh-auth-footer-note{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:22px;font-size:11px;color:#a0aba3}.bh-auth-footer-note svg{width:14px;height:14px}
.bh-auth-alert,.bh-auth-success{border-radius:11px;padding:12px;display:flex;align-items:flex-start;gap:7px;margin:0 0 13px;font-size:12px}.bh-auth-alert{color:#a63325;background:#fff0ee}.bh-auth-success{color:#08643d;background:#e9f5eb}
.bh-auth-help{font-size:11px;color:#86938a;line-height:1.5}.bh-auth-help a{font-weight:700;color:#0b8556}
@media(max-width:950px){.bh-auth-shell{grid-template-columns:.85fr 1fr}.bh-auth-story-content{padding:27px}.bh-auth-panel{padding:25px}}
@media(max-width:700px){.bh-auth-page{padding:0 0 65px;background:white}.bh-auth-shell{display:block;border:0;border-radius:0;box-shadow:none;min-height:0}.bh-auth-story{display:none}.bh-auth-panel{padding:24px 24px 34px}.bh-auth-mobile-brand{display:flex;justify-content:center;margin:2px auto 23px}.bh-auth-mobile-brand img{width:210px;height:auto}.bh-auth-head h2{font-size:26px}.bh-auth-panel-inner{max-width:460px}.bh-auth-welcome-icon{margin-bottom:8px}}