/* Usado pelos campos de formulário (Features/Auth/Login etc.) */
.field { margin-bottom: 16px; }
.field label {
  display: block; font-family: var(--f-mono); font-size: 10px;
  letter-spacing: .12em; text-transform: uppercase; color: var(--ink-2); margin-bottom: 6px;
}
.input, select.input, textarea.input {
  width: 100%; border: var(--border-w) solid var(--line-strong); border-radius: var(--r);
  background: var(--surface); padding: 9px 12px; font: inherit; font-size: var(--fs-sm); color: var(--ink);
}
.input:focus { outline: none; border-color: var(--accent); }
.check { display: flex; gap: 8px; align-items: center; font-size: var(--fs-sm); color: var(--ink-2); }

.password-field { position: relative; }
.password-field .input { padding-right: 76px; }
.password-toggle {
  position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  border: 0; background: transparent; color: var(--ink-3); cursor: pointer; padding: 4px 6px;
  font-family: var(--f-mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase;
}
.password-toggle:hover { color: var(--accent); }