/* v1.0.27 native mobile sign in and WordPress password recovery.
 * Loaded after old mobile rules, scoped to attendance login and WordPress auth. */
@media(max-width:768px) {
  body.ams-attendance-login-page { margin:0 !important; background:#f5f7f8 !important; }
  body.ams-attendance-login-page .ams-login-layout { display:flex !important; min-height:100dvh !important; flex-direction:column !important; }
  body.ams-attendance-login-page .ams-login-intro { display:none !important; }
  body.ams-attendance-login-page .ams-login-panel { min-height:100dvh !important; display:flex !important; flex:1 !important; justify-content:center !important; padding:24px 14px calc(24px + env(safe-area-inset-bottom,0px)) !important; }
  body.ams-attendance-login-page .ams-login-form-card {
    box-sizing:border-box !important; width:100% !important; max-width:430px !important; margin:auto !important;
    padding:28px 22px 24px !important; border-radius:24px !important; border:1px solid #e2eae3 !important;
    background:#fff !important; box-shadow:0 12px 36px rgba(24,53,33,.075) !important;
  }
  body.ams-attendance-login-page .ams-login-logo { display:block !important; width:auto !important; max-width:min(240px,75vw) !important; max-height:85px !important; margin:0 auto 22px !important; object-fit:contain !important; }
  body.ams-attendance-login-page .ams-login-form-card h2 { color:#1d3124 !important; font-size:24px !important; line-height:1.25 !important; text-align:center !important; font-weight:600 !important; margin:0 0 24px !important; }
  body.ams-attendance-login-page #amsAttendanceLoginForm p { margin:0 0 16px !important; }
  body.ams-attendance-login-page #amsAttendanceLoginForm label { margin-bottom:7px !important; font-size:14px !important; font-weight:500 !important; color:#394b40 !important; }
  body.ams-attendance-login-page #amsAttendanceLoginForm :is(input[type=text],input[type=password]) { width:100% !important; height:52px !important; min-height:52px !important; font-size:16px !important; border:1px solid #d6e1d9 !important; border-radius:13px !important; background:#fff !important; padding:12px 14px !important; }
  body.ams-attendance-login-page #amsAttendanceLoginForm .ams-password-field input { padding-right:70px !important; }
  body.ams-attendance-login-page #amsAttendanceLoginForm .ams-password-toggle { min-width:54px !important; min-height:40px !important; position:absolute !important; right:6px !important; bottom:6px !important; border-radius:10px !important; font-size:13px !important; }
  body.ams-attendance-login-page #amsAttendanceLoginForm input[type=checkbox] { width:19px !important; height:19px !important; min-height:19px !important; accent-color:#306d3f !important; }
  body.ams-attendance-login-page #amsAttendanceLoginForm .login-remember label { display:flex !important; align-items:center !important; gap:8px !important; font-size:14px !important; }
  body.ams-attendance-login-page #amsAttendanceLoginForm .button-primary { min-height:52px !important; height:52px !important; border-radius:13px !important; font-size:16px !important; font-weight:600 !important; background:#2f6b1f !important; }
  body.ams-attendance-login-page .ams-login-forgot { display:block !important; margin-top:17px !important; text-align:center !important; font-size:14px !important; font-weight:500 !important; }
  body.ams-attendance-login-page .ams-login-error { font-size:13px !important; line-height:1.45 !important; border-radius:12px !important; padding:10px 12px !important; }
  body.ams-attendance-login-page .ams-login-sso .att-ms365-login-btn { width:100% !important; min-height:50px !important; border-radius:12px !important; }
  /* Earlier short-code login maintains a centered auth card and functional fields. */
  body.att-mobile-mode .att-mobile-screen-login .att-mobile-body { display:flex !important; justify-content:center !important; flex-direction:column !important; }
  body.att-mobile-mode .att-mobile-screen-login .att-mobile-login { width:100% !important; max-width:430px !important; padding:24px 20px !important; border-radius:23px !important; margin:auto !important; }
  body.att-mobile-mode .att-mobile-screen-login .att-mobile-login-brand { display:block !important; width:auto !important; max-width:220px !important; max-height:80px !important; margin:0 auto 22px !important; }
  body.att-mobile-mode .att-mobile-screen-login .att-mobile-login-heading { font-size:23px !important; font-weight:600 !important; text-align:center !important; margin:0 0 22px !important; }
  /* WordPress core recovery screens, branded consistently. */
  body.login { background:#f5f7f8 !important; }
  body.login #login { width:100% !important; max-width:430px !important; padding:22px 14px !important; }
  body.login #login .att-login-pagehead { border-radius:22px 22px 0 0 !important; padding:23px 20px 14px !important; }
  body.login #login .att-login-brand img { max-height:80px !important; max-width:220px !important; }
  body.login #login form#loginform,body.login #login form#lostpasswordform,body.login #login form#resetpassform { padding:17px 20px 22px !important; border-radius:0 0 22px 22px !important; }
  body.login #login form :is(input[type=text],input[type=password],input[type=email]) { height:52px !important; min-height:52px !important; font-size:16px !important; border-radius:12px !important; }
  body.login #login form .submit .button,body.login #login .button.button-large { min-height:52px !important; height:52px !important; border-radius:12px !important; }
  body.login #login :is(#login_error,.message) { font-size:13px !important; line-height:1.45 !important; }
}