/* CBT Login Mobile v23 – all changes are mobile-only; desktop v22 untouched. */
@media screen and (max-width:720px) {
  :root { color-scheme:light; }
  html { min-width:0; overflow-x:hidden; }
  body.cbt-login-v22 {
    min-width:0; overflow-x:hidden; color:#17362a;
    background:radial-gradient(circle at 0 0,rgba(200,247,220,.65),transparent 34%),
      radial-gradient(circle at 100% 94%,rgba(209,244,225,.7),transparent 35%),
      #effaf4;
  }
  body.cbt-login-v22::before {opacity:.24;top:0;height:170px;}
  body.cbt-login-v22 .login-page {
    min-height:100vh;min-height:100dvh; padding: max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));
    display:flex;justify-content:center;align-items:center;gap:0;
    width:100%;max-width:100%;
  }
  body.cbt-login-v22 .login-card {
    width:100%;max-width:435px;min-width:0;
    padding:24px clamp(19px,5vw,29px) 19px;
    border-radius:27px;border:1px solid #e4f1e9;
    background:#fff;box-shadow:0 16px 48px rgba(0,94,57,.10);
  }
  body.cbt-login-v22 .login-brand {margin:0 0 22px;text-align:center;}
  body.cbt-login-v22 .login-brand picture {display:block;line-height:0;margin:0 0 11px;}
  body.cbt-login-v22 .login-brand-mark {
    display:block;width:102px;height:102px;max-width:30vw;max-height:30vw;
    object-fit:contain;border-radius:24px;margin:0 auto;
    box-shadow:0 5px 16px rgba(1,79,57,.10);
  }
  body.cbt-login-v22 .login-brand h1 {
    margin:0;color:#08653e;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    font-size:clamp(24px,6.3vw,29px);font-weight:800;line-height:1.14;letter-spacing:-.045em;
  }
  body.cbt-login-v22 .login-brand h1 span {display:block;font-size:.91em;margin-top:2px;}
  body.cbt-login-v22 .login-brand .brand-accent {width:48px;height:3px;background:#16a05a;margin:12px auto 9px;}
  body.cbt-login-v22 .login-brand p {font-size:12px;line-height:1.45;color:#687d76;}
  body.cbt-login-v22 .login-form {display:grid;gap:13px;}
  body.cbt-login-v22 .login-field {gap:7px;}
  body.cbt-login-v22 .login-field label {font-size:13px;line-height:1.4;font-weight:750;color:#243b32;}
  body.cbt-login-v22 .login-input-wrap {
    width:100%;min-height:52px;border-radius:13px;border:1.5px solid #d7e3dd;
    padding:0 13px;gap:12px;background:#fff;
  }
  body.cbt-login-v22 .login-input-wrap>svg{width:21px;height:21px;flex-basis:21px;color:#6f8390;}
  body.cbt-login-v22 .login-input-wrap input {
    min-height:48px;height:48px;min-width:0;padding:0;font-size:16px;border:0;outline:0;
    background:none;box-shadow:none!important;
  }
  body.cbt-login-v22 .login-eye {min-height:42px;width:40px;flex-basis:40px;}
  body.cbt-login-v22 .login-submit {
    width:100%;min-height:52px;border-radius:12px;margin-top:4px;
    background:linear-gradient(100deg,#078645,#12aa57);border:1px solid #088d4c;
    font-size:15px;font-weight:800;box-shadow:0 9px 22px rgba(16,149,79,.16);
  }
  body.cbt-login-v22 .login-divider {margin:19px 0 15px;color:#899690;font-size:12px;}
  body.cbt-login-v22 .login-role-button {
    width:100%;min-height:50px;border:1.5px solid #087b48;border-radius:12px;
    background:#f0faf4;color:#087347;font-weight:750;font-size:13px;
  }
  body.cbt-login-v22 .login-help-button {
    margin:23px auto 0;min-height:38px;color:#08764a;font-size:13px;
  }
  body.cbt-login-v22 .login-role-help,body.cbt-login-v22 .login-help-panel{font-size:12px;line-height:1.55;}
  body.cbt-login-v22 .login-copyright {display:none;}
}
@media screen and (max-width:720px) and (max-height:760px) {
  body.cbt-login-v22 .login-page{padding-top:10px;padding-bottom:10px;}
  body.cbt-login-v22 .login-card{padding-top:16px;padding-bottom:12px;}
  body.cbt-login-v22 .login-brand{margin-bottom:13px;}
  body.cbt-login-v22 .login-brand picture{margin-bottom:7px;}
  body.cbt-login-v22 .login-brand-mark{width:78px;height:78px;border-radius:18px;}
  body.cbt-login-v22 .login-brand h1{font-size:24px;}
  body.cbt-login-v22 .login-brand .brand-accent{margin:8px auto 6px;}
  body.cbt-login-v22 .login-form{gap:10px;}
  body.cbt-login-v22 .login-input-wrap{min-height:47px;}
  body.cbt-login-v22 .login-input-wrap input{height:45px;min-height:45px;}
  body.cbt-login-v22 .login-submit{min-height:47px;}
  body.cbt-login-v22 .login-role-button{min-height:45px;}
  body.cbt-login-v22 .login-divider{margin:12px 0 10px;}
  body.cbt-login-v22 .login-help-button{margin-top:13px;}
}
@media screen and (max-width:360px){
  body.cbt-login-v22 .login-page{padding-left:10px;padding-right:10px;}
  body.cbt-login-v22 .login-card{padding-left:17px;padding-right:17px;border-radius:23px;}
  body.cbt-login-v22 .login-role-button{font-size:12px;}
}
@media screen and (max-width:720px) and (max-height:610px){
  body.cbt-login-v22 .login-page{justify-content:flex-start;}
  body.cbt-login-v22 .login-brand-mark{width:65px;height:65px;}
  body.cbt-login-v22 .login-help-button{margin-top:8px;}
}