/* GODIMENTO UI 887.7 — Stabiler Passwort-Auge-Fix.
   Einfache SVGs statt Emoji, bei Desktop exakt zentriert via CSS Grid.
   Keine Regeln fuer die App-Bottom-Navigation / Fahrer / Admin. */
#authScreen .gd8877-pass-toggle{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:1!important;
  font-size:0!important;
  cursor:pointer;
}
#authScreen .gd8877-pass-toggle svg{
  display:block;
  grid-area:1/1;
  width:20px;
  height:20px;
  stroke:currentColor;
  overflow:visible;
  pointer-events:none;
  flex:none;
}
#authScreen .gd8877-pass-toggle .gd8877-eye-closed{display:none;}
#authScreen .gd8877-pass-toggle.gd8877-visible .gd8877-eye-open{display:none;}
#authScreen .gd8877-pass-toggle.gd8877-visible .gd8877-eye-closed{display:block;}
#authScreen .gd8877-pass-toggle:focus-visible{outline:2px solid #ae8746;outline-offset:2px;}

/* Desktop-Korrektur: Feld und Auge haben dieselbe GRID-Reihe.
   Kein top:50%% des Wrappers: dessen Margins hatten die Position verfaelscht. */
@media (min-width:900px){
  #authScreen .passwrap{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:center!important;
    position:relative!important;
    height:auto!important;
    margin:0 0 8px!important;
  }
  #authScreen .passwrap > input.authinput{
    display:block!important;
    grid-row:1!important;
    grid-column:1!important;
    min-width:0!important;
    width:100%!important;
    height:45px;
    margin:0!important;
    box-sizing:border-box!important;
    padding-right:55px!important;
  }
  #authScreen .passwrap > button.gd8877-pass-toggle{
    position:relative!important;
    grid-row:1!important;
    grid-column:1!important;
    justify-self:end!important;
    align-self:center!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0 11px 0 0!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#6f5b3c!important;
    z-index:1;
  }
  #authScreen .passwrap > button.gd8877-pass-toggle:hover{
    background:rgba(180,144,77,.10)!important;
    color:#422c15!important;
  }
}