/* v1.0.28 compact native-like authentication on small screens. */
@media (max-width:768px) {
  body.ams-attendance-login-page .ams-login-panel { padding:14px 9px calc(16px + env(safe-area-inset-bottom,0px)) !important; }
  body.ams-attendance-login-page .ams-login-form-card { max-width:460px !important; width:100% !important; padding:23px 17px 21px !important; border-radius:20px !important; }
  body.ams-attendance-login-page .ams-login-logo { max-height:68px !important; max-width:min(210px,68vw) !important; margin:0 auto 12px !important; }
  body.ams-attendance-login-page .ams-login-product-name { display:block !important; font-size:17px !important; line-height:1.35 !important; font-weight:600 !important; color:#24432e !important; text-align:center !important; margin:0 auto 7px !important; max-width:300px !important; }
  body.ams-attendance-login-page .ams-login-form-card h2 { margin:0 0 17px !important; font-size:21px !important; }
  body.ams-attendance-login-page #amsAttendanceLoginForm :is(input[type=text],input[type=password]) { height:50px !important; min-height:50px !important; }
  body.ams-attendance-login-page #amsAttendanceLoginForm .button-primary { height:50px !important; min-height:50px !important; }
  html.att-dark-mode body.ams-attendance-login-page .ams-login-product-name { color:#dbecdf !important; }
}