/* LUMA — phone adjustments shared by the sign-in, register, verify and reset pages (loaded after each page's own CSS) */
.inp input, .inp select { min-width: 0; }
@media (max-width: 480px) {
  body { align-items: flex-start; padding: max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
  .auth { margin: auto 0; padding: 30px 22px; border-radius: 24px; width: 100%; }
  .inp input, .inp select, .field input, .field select { font-size: 16px; }   /* smaller text makes iPhones zoom in when a field is tapped */
  .two { gap: 10px; }
  .head h2 { font-size: 1.4rem; }
}
@media (max-width: 360px) {
  .auth { padding: 26px 18px; }
  .two { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .row { flex-wrap: wrap; gap: 10px; }
}

/* Browser autofill (Chrome, Edge, Safari) paints a pale blue box behind a filled field. Keep the field's own look: the colour
   change is delayed for good, and the text stays white. */
.inp input:-webkit-autofill, .inp input:-webkit-autofill:hover, .inp input:-webkit-autofill:focus,
.inp select:-webkit-autofill, .inp select:-webkit-autofill:hover, .inp select:-webkit-autofill:focus,
.field input:-webkit-autofill, .field select:-webkit-autofill {
  -webkit-text-fill-color: #fff;
  caret-color: #fff;
  transition: background-color 600000s 0s, color 600000s 0s;
}
.inp input:autofill, .inp select:autofill, .field input:autofill, .field select:autofill { -webkit-text-fill-color: #fff; transition: background-color 600000s 0s, color 600000s 0s; }