/* Account Vault V25 — scope ONLY to Add/Edit Account entry modal.
   Works with V20 two-column layout and V8 password generator below the field. */
.modal form[data-form="entry"] .entry-fields > label.entry-field > .av25-password-wrap {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  min-width: 0;
  margin: 9px 0 0;
  padding: 0;
  line-height: normal;
}
.modal form[data-form="entry"] .entry-fields > label.entry-field > .av25-password-wrap > input {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 11px 49px 11px 13px !important;
  border: 1px solid var(--border, #dce4ef) !important;
  border-radius: 11px !important;
  background: var(--input, #fff) !important;
  color: var(--text, #17213a) !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  box-shadow: 0 1px 2px rgba(20, 32, 66, .025);
  outline: none;
  transition: border-color .16s ease, box-shadow .16s ease;
}
.modal form[data-form="entry"] .entry-fields > label.entry-field > .av25-password-wrap > input:focus-visible {
  border-color: var(--primary, #6654e8) !important;
  box-shadow: 0 0 0 3px rgba(102, 84, 232, .13) !important;
}
.modal form[data-form="entry"] .entry-fields input::placeholder {
  color: var(--muted, #919db0);
  opacity: 1;
}
.modal form[data-form="entry"] .entry-fields > label.entry-field > .av25-password-wrap > button.av25-eye-toggle {
  box-sizing: border-box !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  z-index: 2;
  top: 50% !important;
  right: 6px !important;
  left: auto !important;
  transform: translateY(-50%);
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--subtle, #687994) !important;
  cursor: pointer;
  line-height: 1;
  transition: background-color .15s ease, color .15s ease;
}
.modal form[data-form="entry"] .entry-fields > label.entry-field > .av25-password-wrap > button.av25-eye-toggle:hover {
  background: rgba(102, 84, 232, .09) !important;
  color: var(--primary, #6654e8) !important;
}
.modal form[data-form="entry"] .entry-fields > label.entry-field > .av25-password-wrap > button.av25-eye-toggle:focus-visible {
  outline: 2px solid var(--primary, #6654e8) !important;
  outline-offset: 2px;
}
.modal form[data-form="entry"] .entry-fields > label.entry-field > .av25-password-wrap > button.av25-eye-toggle svg {
  display: block;
  width: 18px;
  height: 18px;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .modal form[data-form="entry"] .av25-password-wrap > input,
  .modal form[data-form="entry"] .av25-eye-toggle { transition: none !important; }
}