/* GoJD mobile auth shell — full-screen app-like login, no page scroll. */
@media (max-width:768px){
  html:has(.login-page),body:has(.login-page){height:100%!important;overflow:hidden!important;overscroll-behavior:none!important;background:#fff!important}
  body:has(.login-page) .main-header,
  body:has(.login-page) .category-nav,
  body:has(.login-page) .main-footer,
  body:has(.login-page) .breadcrumb,
  body:has(.login-page) .gojd-mobile-context-actions,
  body:has(.login-page) .gojd-site-chat-panel,
  body:has(.login-page) button:has(>img[src="/moseis.png"]){display:none!important}
  .main-content:has(.login-page),
  .page-transition:has(.login-page){width:100%!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  .login-page{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:calc(64px + env(safe-area-inset-bottom,0px))!important;z-index:800!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:max(16px,env(safe-area-inset-top,0px)) 20px 16px!important;overflow:hidden!important;justify-content:center!important;background:#fff!important}
  .login-bg-container{position:absolute!important;inset:0!important;opacity:.42!important}
  .login-container{width:100%!important;max-width:430px!important;margin:0 auto!important;padding:0 4px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;animation:gojdMobileLoginIn .28s cubic-bezier(.22,.8,.22,1)!important}
  .login-top-nav{margin:0 0 18px!important}
  .back-to-home{min-height:40px!important;font-size:14px!important;gap:0!important;width:40px!important;justify-content:center!important}
  .back-to-home span{display:none!important}
  .login-logo-link{margin:0 0 8px!important}
  .login-logo-link img{height:96px!important;margin:0 0 8px!important}
  .login-header h1{font-size:25px!important;line-height:1.12!important;margin:0 0 8px!important;letter-spacing:-.45px!important}
  .login-header p{font-size:13.5px!important;line-height:1.4!important;margin:0 0 24px!important}
  .login-form .form-group{margin-bottom:16px!important}
  .login-form label{margin-bottom:7px!important}
  .input-wrapper{min-height:52px!important;border-radius:14px!important}
  .input-wrapper input{min-height:52px!important;padding-top:13px!important;padding-bottom:13px!important;font-size:16px!important}
  .forgot-password-link{margin-top:-5px!important;margin-bottom:6px!important}
  .login-btn{min-height:52px!important;padding:13px 16px!important;border-radius:14px!important}
  .register-link{margin-top:20px!important;margin-bottom:0!important}
  .login-footer{display:none!important}
  @keyframes gojdMobileLoginIn{from{opacity:0;transform:translate3d(12px,0,0)}to{opacity:1;transform:none}}
}
@media (max-width:768px) and (max-height:700px){
  .login-page{padding-top:max(10px,env(safe-area-inset-top,0px))!important;padding-bottom:max(10px,env(safe-area-inset-bottom,0px))!important}
  .login-top-nav{margin-bottom:8px!important}
  .back-to-home{min-height:34px!important}
  .login-logo-link img{height:78px!important;margin-bottom:4px!important}
  .login-header h1{font-size:23px!important;margin-bottom:6px!important}
  .login-header p{font-size:13px!important;line-height:1.35!important;margin-bottom:15px!important}
  .login-form .form-group{margin-bottom:11px!important}
  .input-wrapper,.input-wrapper input{min-height:47px!important}
  .input-wrapper input{padding-top:10px!important;padding-bottom:10px!important}
  .forgot-password-link{margin-bottom:2px!important}
  .login-btn{min-height:48px!important;padding:11px 14px!important}
  .register-link{margin-top:12px!important;font-size:13px!important}
}

/* GoJD mobile login app refinement v5 — 2026-08-29 */
@media (max-width:768px){
  body:has(.login-page) .mobile-bottom-nav,
  body:has(.register-page) .mobile-bottom-nav,
  body:has(.login-page) .main-header,
  body:has(.login-page) .category-nav,
  body:has(.login-page) .gojd-site-chat-panel,
  body:has(.register-page) .gojd-site-chat-panel,
  body:has(.login-page) button:has(>img[src="/moseis.png"]),
  body:has(.register-page) button:has(>img[src="/moseis.png"]){display:none!important}
  body:has(.login-page) .public-app-wrapper,
  body:has(.register-page) .public-app-wrapper{padding-bottom:0!important}
  .login-page{
    inset:0!important;bottom:0!important;height:100dvh!important;
    padding:max(14px,env(safe-area-inset-top,0px)) 22px max(18px,env(safe-area-inset-bottom,0px))!important;
    align-items:center!important;justify-content:center!important;background:#fff!important
  }
  .login-bg-container{opacity:.72!important;background:radial-gradient(circle at 50% 28%,rgba(230,0,0,.035),transparent 33%),linear-gradient(180deg,#fff 0%,#fbfbfc 100%)!important}
  .login-bg-lines{opacity:.34!important;background-size:64px 64px!important}
  .login-container{
    width:100%!important;max-width:420px!important;margin:0 auto!important;padding:54px 4px 8px!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;position:relative!important
  }
  .login-top-nav{position:absolute!important;top:0!important;left:0!important;margin:0!important}
  .back-to-home{
    width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;
    display:grid!important;place-items:center!important;border-radius:14px!important;background:#f5f5f7!important;
    color:#17171a!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.035)!important
  }
  .back-to-home span{display:none!important}
  .back-to-home svg{width:20px!important;height:20px!important;stroke-width:2!important}
  .login-header{text-align:center!important;margin:0 0 24px!important}
  .login-logo-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 0 10px!important}
  .login-logo-link img{height:108px!important;max-width:230px!important;margin:0!important;object-fit:contain!important}
  .login-header h1{display:none!important}
  .login-header p{max-width:315px!important;margin:0 auto!important;color:#606168!important;font-size:13.5px!important;line-height:1.45!important;font-weight:450!important}
  .login-header p br{display:none!important}
  .login-form .form-group{margin-bottom:15px!important}
  .login-form label{margin:0 0 7px!important;font-size:13px!important;font-weight:700!important;color:#25262a!important}
  .input-wrapper{height:56px!important;min-height:56px!important;border:1px solid #ececf0!important;border-radius:16px!important;background:#f6f6f8!important;box-shadow:none!important}
  .input-wrapper:focus-within{background:#fff!important;border-color:#d10a16!important;box-shadow:0 0 0 3px rgba(209,10,22,.08)!important}
  .input-wrapper input{height:54px!important;min-height:54px!important;padding-top:0!important;padding-bottom:0!important;font-size:16px!important}
  .forgot-password-link{margin:-2px 1px 12px!important}
  .forgot-password-link span{font-size:13px!important;font-weight:650!important;color:#28292e!important}
  .login-btn{min-height:54px!important;padding:13px 18px!important;margin-top:0!important;border-radius:16px!important;font-size:16px!important;font-weight:750!important;box-shadow:0 7px 18px rgba(196,0,12,.14)!important}
  .register-link{margin:20px 0 0!important;font-size:13.5px!important;color:#66676d!important}
}
@media (max-width:768px) and (max-height:700px){
  .login-container{padding-top:44px!important}
  .back-to-home{width:38px!important;height:38px!important;min-height:38px!important;border-radius:12px!important}
  .login-header{margin-bottom:15px!important}
  .login-logo-link{margin-bottom:4px!important}
  .login-logo-link img{height:84px!important}
  .login-header p{font-size:12.5px!important;line-height:1.35!important}
  .login-form .form-group{margin-bottom:10px!important}
  .input-wrapper{height:49px!important;min-height:49px!important}
  .input-wrapper input{height:47px!important;min-height:47px!important;font-size:15px!important}
  .forgot-password-link{margin-bottom:8px!important}
  .login-btn{min-height:49px!important;padding:10px 16px!important;font-size:15px!important}
  .register-link{margin-top:13px!important;font-size:12.5px!important}
}