/* Container inside the table cell */
.password-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

/* Give the input enough right padding so text doesn't slide under the button */
.password-wrapper input[type="password"],
.password-wrapper input[type="text"] {
  width: 100%;
  padding-right: 36px; /* Room for eye icon */
  box-sizing: border-box;
}

/* Position toggle button inside the input field */
.toggle-password-btn {
  position: absolute;
  right: 8px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
}

.toggle-password-btn:hover {
  color: #000;
}

/* Highlight color when password is exposed */
.toggle-password-btn.active {
  color: #0066cc;
}