/* Selected light workshop design. All overrides are confined to the login. */
#login{
  background:#f4f6f8 url('login-workshop-light-v2.webp') center/cover no-repeat;
  color:#20242d;
  padding-top:clamp(16px,5.8vh,48px);
}
#login .bgart{display:none}
#login .brand{margin-bottom:22px}
#login .brand .logo{box-shadow:0 4px 14px #e8590c18}
#login .brand h1{font-size:24px;color:#20242d}
#login .brand .slogan{display:none}
#login .lcard{
  color:#20242d;background:rgba(255,255,255,.96);
  border-color:#e3e6eb;box-shadow:0 16px 40px rgba(36,48,64,.12);
}
#login .lcard h2{font-size:18px}
#login .lcard .sub,#login .ucard .meta span,#login .pinview .role{color:#647084}
#login .ucard{color:#20242d;background:#fff;border-color:#e0e4eb}
#login .ucard:hover{background:#fff7f0;border-color:#f3af85}
#login .ucard .go{color:#8290a3}
#login .ulist .avatar{width:40px;height:40px}
#login .testnote{color:#9d350c;background:#fff0e6;border:1px solid #ffe0ca}
#login .testnote b{color:#ce470b}
#login .lfoot{color:#526073;text-shadow:0 1px 3px #fff}
#login .pinpad button{color:#20242d;background:#fff;border-color:#d5dce7}
#login .pinpad button:hover{background:#fff1e8;border-color:#f3af85}
#login .pinpad button.k2{color:#526073}
#login .dots i{border-color:#8791a0}
#login .dots i.on{background:#e8590c;border-color:#e8590c}
#login .pinmsg{color:#aa2020}
#login .linklike{color:#526073}
#login button:focus-visible{outline:3px solid #d64c08;outline-offset:3px}
#login .ucard:focus-visible{outline-offset:-3px}
@media(max-width:360px){#login .brand{gap:10px}#login .brand h1{font-size:21px}}
@media(max-height:600px){#login .brand{margin-bottom:12px}#login{padding-top:16px}}