/* Oogje bij een wachtwoordveld (reparaties uit de testronde, deel E).
   Eén variant voor klantpagina's (lf-klant: onderlijn-invoer) en beheer
   (main.css: kaderinvoer). Het veld houdt zijn eigen opmaak; alleen rechts
   komt ruimte voor de knop. De selector `.ww-oogje input.ww-oogje-veld`
   weegt even zwaar als `.lfk-main input[type="password"]` en staat later,
   dus de extra ruimte rechts wint. */
.ww-oogje { position: relative; display: block; }
.ww-oogje input.ww-oogje-veld { padding-right: 40px; }
.ww-oogje-knop {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
  color: inherit;
  opacity: 0.6;
  cursor: pointer;
}
.ww-oogje-knop:hover, .ww-oogje-knop:focus-visible { opacity: 1; background: transparent; }
.ww-oogje-knop:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }
.ww-oogje-knop svg { display: block; width: 20px; height: 20px; }