/* OneToolz — injected account-password field on CartFlows checkout.
   Styled to sit naturally in the site's dark checkout: dark input,
   mint focus ring (brand #20E3A2 on #0A1A18). */
.otz-acct-pw {
  margin: 10px 0 6px;
  clear: both;
}
.otz-acct-pw label {
  display: block;
  font-size: 13.5px;
  font-weight: 500;
  margin-bottom: 6px;
  /* The checkout theme floats labels over inputs; inside this block the
     label must stay a normal block above the field (on phones the
     floated label collided with the Show toggle). */
  position: static !important;
  transform: none !important;
  float: none !important;
}
.otz-acct-pw__wrap {
  display: flex;
  gap: 8px;
  align-items: stretch;
  min-width: 0;
}
.otz-acct-pw input[type="password"],
.otz-acct-pw input[type="text"] {
  flex: 1 1 auto;
  min-width: 0;
  background: #0a1f1b;
  border: 1px solid rgba(32, 227, 162, 0.35);
  border-radius: 10px;
  color: #e8f4f0;
  font-size: 16px; /* also stops iOS focus zoom */
  padding: 12px 14px;
  width: 100%;
}
.otz-acct-pw input:focus {
  border-color: #20e3a2;
  box-shadow: 0 0 0 3px rgba(32, 227, 162, 0.18);
  outline: none;
}
.otz-acct-pw__toggle {
  background: rgba(32, 227, 162, 0.12);
  border: 1px solid rgba(32, 227, 162, 0.35);
  border-radius: 10px;
  color: #20e3a2;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  padding: 0 16px;
  flex: 0 0 auto;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .otz-mandatory {
    padding: 12px 13px;
    margin: 12px 0;
  }
  .otz-acct-pw__toggle {
    padding: 0 12px;
  }
  .otz-mandatory__note {
    font-size: 13px;
  }
}
.otz-acct-pw__toggle:hover {
  background: rgba(32, 227, 162, 0.22);
}
.otz-acct-pw__hint {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.75;
}
/* Mandatory mode block (guest checkout off): account explainer + field. */
.otz-mandatory {
  margin: 14px 0;
  padding: 14px 16px;
  border: 1px solid rgba(32, 227, 162, 0.35);
  border-radius: 12px;
  background: rgba(32, 227, 162, 0.05);
}
.otz-mandatory__note {
  font-size: 13.5px;
  line-height: 1.55;
  margin: 0 0 6px;
}
.otz-mandatory__login {
  color: #20e3a2;
  font-weight: 600;
  text-decoration: underline;
}