/* display.css - emailField
   Migrated CSS rules that control email input metrics and small status
   UI from vMAX/hone.css.
*/

/* Make the Email input match the canonical input metrics and remove any
   vertical offset so its text is vertically centered and the box aligns
   with the other fields (password, username, etc.). */
input[name="email"],
.card-table tr.form-row td:nth-child(1) input[name="email"],
input.form-input[name="email"] {
  height: 34px !important;
  line-height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  transform: none !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

/* Canonical input display includes email among other inputs. Keep the
   subset here that is specific to email to avoid duplicating global rules. */
input[name="email"],
input[type="email"] {
  /* leave global input visuals to inputTheme; keep sizing local */
  height: 34px !important;
  line-height: 34px !important;
}

/* Small pinned status shown near the top of the card for email hints */
#emailStatus {
  position: absolute;
  top: 30px; /* offset from top edge */
  left: 28px; /* match card inset */
  font-size: 12px;
  color: #aab;
  line-height: 1;
  min-height: 18px;
  z-index: 6;
  pointer-events: none;
}
#emailStatus:empty { display: none; }