/* Mobile authentication presentation only. Desktop and print unchanged. */
@media screen and (max-width:650px), screen and (max-width:950px) and (max-height:500px) and (pointer:coarse) {
  .login-shell { min-height:100svh; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:12px; padding:16px 12px; padding-top:max(16px,env(safe-area-inset-top)); padding-bottom:max(16px,env(safe-area-inset-bottom)); }
  .login-shell .login-card { width:min(420px,100%); min-width:0; padding:18px; border-radius:12px; }
  .login-shell .login-brand { display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:16px; }
  .login-shell .login-logo { width:36px; height:36px; margin:0; flex:0 0 36px; border-radius:9px; }
  .login-shell .login-brand-title { font-size:21px; line-height:1.2; margin:0; overflow-wrap:anywhere; }
  .login-shell .form { display:flex; flex-direction:column; gap:12px; margin:0; }
  .login-shell label { font-size:14px; line-height:1.35; text-align:left; gap:6px; min-width:0; }
  .login-shell input { width:100%; max-width:100%; min-width:0; min-height:44px; padding:10px 12px; font-size:16px; line-height:1.35; scroll-margin-block:16px; }
  .login-shell button { min-height:44px; padding:10px 12px; font-size:15px; line-height:1.35; white-space:normal; }
  .login-shell .form > button, .login-shell .two-factor-cancel button { width:100%; }
  .login-shell .two-factor-card > p { font-size:14px; line-height:1.4; margin:0 0 14px; overflow-wrap:anywhere; }
  .login-shell .two-factor-manual { margin:12px 0; padding:8px 10px; font-size:13px; line-height:1.4; }
  .login-shell .two-factor-manual summary { padding:6px 0; cursor:pointer; }
  .login-shell .two-factor-manual p { margin:8px 0 0; }
  .login-shell .two-factor-cancel { margin:0; }
  .login-shell .messages { width:min(420px,100%); margin:0; }
  .login-shell .message { padding:10px 12px; font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
}