/* Ensure form controls remain focusable and visibly editable on touch and desktop. */
input,
select,
textarea {
  pointer-events: auto;
  user-select: text;
  -webkit-user-select: text;
  touch-action: manipulation;
  caret-color: var(--green);
}

input:focus,
select:focus,
textarea:focus {
  outline: 3px solid #278a4238;
  outline-offset: 1px;
  border-color: var(--green) !important;
}

.login {
  position: relative;
  z-index: 1;
}

.login-card {
  position: relative;
  z-index: 2;
  isolation: isolate;
  pointer-events: auto;
}

.login input,
.field input,
.field select {
  position: relative;
  z-index: 3;
  display: block;
  min-height: 44px;
}