/* GODIMENTO UI 887.4 — DESKTOP LOGIN LUXURY EDITION
   Strictly scoped to >= 900px; original iPhone login / UI8872 bottom navigation not touched.
   Foto austauschen: replace URL in --gd8874-photo below, with a locally hosted image if desired.
   Fallback visual: assets/gd8874-tuscany-fallback.svg (works offline). */
.gd8874-story,.gd8874-desktop-footer{display:none}
@media (min-width:900px){
  #authScreen.authscreen{
    display:grid!important;
    grid-template-columns:minmax(0,610px) minmax(0,475px);
    grid-auto-rows:auto;
    align-items:stretch!important;
    align-content:safe center;
    justify-content:center!important;
    column-gap:0!important;
    padding:clamp(18px,3.4vw,46px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    isolation:isolate;
    background:radial-gradient(ellipse 660px 520px at 9% 7%,rgba(191,144,62,.15),transparent 70%),
      radial-gradient(ellipse 400px 520px at 100% 100%,rgba(40,95,55,.10),transparent 66%),
      linear-gradient(122deg,#0b0c0a 0%,#17130f 54%,#14110c 100%)!important;
  }
  #authScreen.authscreen:before{z-index:-1!important;pointer-events:none}
  #authScreen .gd8874-story{
    display:flex!important;position:relative;flex-direction:column;justify-content:space-between;
    min-width:0;min-height:730px;overflow:hidden;
    border-radius:30px 0 0 30px;
    isolation:isolate;
    background:#282617;
    border:1px solid rgba(210,168,91,.47);border-right:0;
    box-shadow:0 30px 82px rgba(0,0,0,.44);
    color:#fff9eb;
  }
  #authScreen .gd8874-story-art{
    --gd8874-photo:url("https://images.unsplash.com/photo-1782070308143-0e4cbc76b97a?auto=format&fit=crop&w=1500&q=83");
    position:absolute;inset:-1%;z-index:-2;
    background-image:var(--gd8874-photo),url('assets/gd8874-tuscany-fallback.svg');
    background-position:center center,center center;background-repeat:no-repeat;background-size:cover,cover;
    transform:scale(1.04);animation:gd8874-image-enter 1.25s cubic-bezier(.2,.7,.25,1) both;
  }
  #authScreen .gd8874-story-shade{
    position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(180deg,rgba(10,12,9,.53) 0%,rgba(11,13,10,.10) 32%,rgba(8,10,7,.44) 62%,rgba(8,10,7,.87) 100%),
      linear-gradient(90deg,rgba(11,11,8,.17),transparent 65%);
  }
  #authScreen .gd8874-story:after{
    content:"";position:absolute;left:35px;right:35px;bottom:24px;height:4px;border-radius:99px;z-index:1;
    background:linear-gradient(90deg,#287648 0 33.33%,#f9f5eb 33.33% 66.66%,#c43231 66.66%);
    opacity:.96;box-shadow:0 2px 12px #0008;
  }
  #authScreen .gd8874-story-head{
    display:flex;align-items:center;gap:12px;position:relative;padding:38px 40px;
    font:700 13px/1.1 system-ui,sans-serif;letter-spacing:.22em;text-shadow:0 2px 10px #0009;
  }
  #authScreen .gd8874-story-head small{display:block;margin-top:8px;font:600 9px/1.2 system-ui,sans-serif;letter-spacing:.36em;color:#efdbaf}
  #authScreen .gd8874-story-glyph{display:grid;place-items:center;width:34px;height:34px;border:1px solid #eacb8a;border-radius:50%;font-size:14px;color:#eecb85}
  #authScreen .gd8874-story-copy{padding:0 40px 108px;position:relative;animation:gd8874-copy 800ms 150ms both}
  #authScreen .gd8874-kicker{display:block;font:700 11px system-ui,sans-serif;letter-spacing:.26em;color:#efd294;margin-bottom:16px;text-shadow:0 2px 10px #000a}
  #authScreen .gd8874-story-copy h2{margin:0 0 16px;color:#fff7e4!important;font:normal clamp(56px,5.5vw,86px)/.98 Georgia,'Times New Roman',serif!important;letter-spacing:-.055em;text-shadow:0 4px 26px #0009}
  #authScreen .gd8874-story-copy h2 em{display:block;font-style:italic;font-weight:400;color:#f0d89f}
  #authScreen .gd8874-story-copy p{max-width:490px;margin:0 0 24px;font:400 clamp(17px,1.6vw,21px)/1.4 Georgia,serif;color:#fff6e2;text-shadow:0 2px 13px #000c}
  #authScreen .gd8874-story-rule{display:block;width:86px;height:1px;background:#e3ba70;margin-bottom:18px}
  #authScreen .gd8874-story-sign{font:650 10px/1.4 system-ui,sans-serif;letter-spacing:.19em;color:#eed6a8;text-shadow:0 2px 10px #000a}
  #authScreen .gd8874-story-credit{position:absolute;right:34px;bottom:40px;font:400 10px/1.3 system-ui,sans-serif;color:#f8f0de;text-decoration:none;opacity:.72;text-shadow:0 2px 7px #000b}
  #authScreen .gd8874-story-credit:hover{opacity:1;text-decoration:underline}
  #authScreen .authcard{
    grid-column:2;min-width:0;width:100%!important;max-width:none!important;
    min-height:730px;max-height:none!important;height:auto!important;overflow:visible!important;
    margin:0!important;padding:32px clamp(28px,3vw,42px) 35px!important;
    display:flex!important;flex-direction:column;justify-content:center;
    background:linear-gradient(150deg,#fffcf7 0%,#f6f0e5 67%,#f0e7d7 100%)!important;
    border:1px solid rgba(219,188,127,.68)!important;
    border-radius:0 30px 30px 0!important;
    backdrop-filter:none!important;
    box-shadow:0 30px 82px rgba(0,0,0,.44)!important;
    color:#282014!important;
    animation:gd8874-card-enter .64s ease-out both;
  }
  #authScreen .authcard:before{inset:11px;border:1px solid rgba(151,110,47,.12);border-radius:0 21px 21px 0;pointer-events:none}
  #authScreen .authcard:after{left:33px;right:33px;bottom:13px;height:6px;opacity:1;box-shadow:0 3px 7px rgba(23,16,9,.08)}
  #authScreen .authlogo{width:182px!important;max-width:62%;margin:0 auto 6px!important;filter:drop-shadow(0 6px 11px rgba(51,39,22,.12));transform:translateZ(0)}
  #authScreen .auth-ornament{margin-bottom:4px;max-width:232px}
  #authScreen .authheadline{margin-bottom:13px}
  #authScreen .authheadline h2{font-size:36px!important;line-height:1.08!important;color:#93691f!important;text-shadow:none!important}
  #authScreen .authheadline p em{font-size:12px;color:#ad8540!important}
  #authScreen .authtabs{margin:12px 0 14px;padding:4px;border-radius:14px;gap:5px;background:#eae4d9!important;border:1px solid #dfd5c5!important}
  #authScreen .authtab{min-height:42px;padding:9px 8px;letter-spacing:.06em;font-size:11px;color:#776850!important;transition:background .18s ease,transform .18s ease,color .18s ease,box-shadow .18s ease}
  #authScreen .authtab.active{background:#fff!important;color:#62451b!important;box-shadow:0 3px 11px rgba(65,46,18,.09)!important}
  #authScreen .authfieldlabel{margin:9px 2px 5px;color:#876726!important;letter-spacing:.085em;font-size:10px}
  #authScreen .authinput{height:45px;margin-bottom:4px;background:#fff!important;border:1px solid #d7cdbb!important;color:#1d1b16!important;box-shadow:none;border-radius:13px!important;font-size:14px}
  #authScreen .authinput:focus{outline:2px solid rgba(187,142,56,.65)!important;outline-offset:1px}
  #authScreen .pass-toggle{height:36px;top:4px;width:36px;border-radius:9px}
  #authScreen .authsubmit{min-height:47px;height:47px!important;margin-top:7px!important;background:linear-gradient(105deg,#251f17,#493824)!important;color:#fff7e8!important;border-radius:13px!important;box-shadow:0 10px 22px #1a130c26!important;letter-spacing:.08em}
  #authScreen .authsubmit:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 14px 27px #1a130c35!important}
  #authScreen .authswitchlink{margin-top:4px!important;border-radius:13px!important;background:linear-gradient(100deg,#f5e5bf,#e9d0a3)!important;color:#533b18!important;border:1px solid #e4ceaa!important}
  #authScreen .authbacklink.v59-forgot{height:31px!important;margin-top:1px!important;color:#89662a!important}
  #authScreen .auth-divider{margin:8px 0 5px!important;color:#97866c!important}
  #authScreen .g885819-social{gap:6px!important;margin-top:8px!important}
  #authScreen .g885819-social .g885819-social-button{min-height:40px!important;padding:5px 14px!important}
  #authScreen .authmicrocopy{color:#8c7e65!important}
  #authScreen .gd8874-desktop-footer{display:block;margin:14px 0 0;text-align:center;font:600 9px/1.3 system-ui,sans-serif;letter-spacing:.22em;color:#ab9265;opacity:.85}
  #authScreen .authcard:focus-within{border-color:#c9a769!important}
}
@media (min-width:900px) and (hover:hover){
  #authScreen .authtab:not(.active):hover{color:#4c381c!important;background:#f5efe5!important}
  #authScreen .g885819-social .g885819-social-button:hover{filter:brightness(.96)}
  #authScreen .authswitchlink:hover{filter:brightness(1.035)}
}
@media (min-width:900px) and (max-width:1120px){
 #authScreen.authscreen{grid-template-columns:minmax(0,1fr) minmax(0,460px)}
 #authScreen .gd8874-story-copy{padding-left:30px;padding-right:30px}
 #authScreen .gd8874-story-head{padding-left:30px;padding-right:30px}
}
@media (min-width:900px) and (max-height:770px){
 #authScreen.authscreen{align-content:start!important}
 #authScreen .gd8874-story{min-height:690px}
 #authScreen .authcard{min-height:690px}
 #authScreen .authlogo{width:160px!important}
 #authScreen .authheadline{margin-bottom:8px}
 #authScreen .gd8874-story-copy{padding-bottom:90px}
}
@keyframes gd8874-image-enter{from{opacity:.55;transform:scale(1.085)}to{opacity:1;transform:scale(1.04)}}
@keyframes gd8874-copy{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes gd8874-card-enter{from{opacity:.80;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){
 #authScreen .gd8874-story-art,#authScreen .gd8874-story-copy,#authScreen .authcard{animation:none!important}
 #authScreen .authsubmit,#authScreen .authtab{transition:none!important}
}

/* GODIMENTO UI 8904.45 — NUR DESKTOP LOGIN-HOEHE/SCROLL
   Bewusst keine JavaScript-, Navigation- oder Login-Logik-Aenderungen.
   Die 887.9 Hidden-State-Regeln unten MUESSEN zuletzt stehen bleiben. */
@media (min-width:900px){
  #authScreen.authscreen{
    /* Der Viewport scrollt als Ganzes, wenn die Form mehr Hoehe braucht. */
    align-content:safe center!important;
    align-items:stretch!important;
    padding:clamp(10px,1.8vh,24px) clamp(12px,2.5vw,32px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain;
  }
  #authScreen .gd8874-story{
    min-height:0!important;
    height:auto!important;
    align-self:stretch!important;
  }
  #authScreen .authcard{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding:clamp(17px,2.4vh,28px) clamp(22px,2.8vw,39px) clamp(25px,2.8vh,34px)!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  #authScreen .authlogo{
    width:clamp(126px,16vh,166px)!important;
    margin:0 auto 3px!important;
  }
  #authScreen .authheadline{margin-bottom:8px!important}
  #authScreen .authheadline h2{font-size:clamp(27px,4vh,35px)!important}
  #authScreen .authtabs{margin:8px 0 10px!important}
  #authScreen .authfieldlabel{margin:6px 2px 4px!important}
  #authScreen .authinput{height:42px!important;min-height:0!important}
  #authScreen .authsubmit{min-height:44px;height:auto!important;margin-top:6px!important}
  #authScreen .g885819-social{margin-top:6px!important;gap:5px!important}
  #authScreen .g885819-social .g885819-social-button{min-height:38px!important}
  #authScreen .gd8874-desktop-footer{margin-top:9px!important}
}
/* Kleine Desktop-Fenster und Windows-Anzeige-Skalierung. Keine Felder verstecken. */
@media (min-width:900px) and (max-height:800px){
  #authScreen.authscreen{align-content:start!important;padding:10px 12px!important}
  #authScreen .authcard{padding:14px 25px 22px!important}
  #authScreen .authlogo{width:clamp(110px,14vh,138px)!important}
  #authScreen .authheadline{margin-bottom:6px!important}
  #authScreen .authheadline h2{font-size:29px!important}
  #authScreen .authtabs{margin:6px 0 8px!important}
  #authScreen .authfieldlabel{margin:4px 2px 3px!important}
  #authScreen .authinput{height:40px!important}
  #authScreen .gd8874-story-head{padding:24px 30px}
  #authScreen .gd8874-story-copy{padding:0 30px 86px}
  #authScreen .gd8874-story-copy h2{font-size:clamp(48px,5vw,72px)!important}
}
/* Sehr geringe Hoehe: der ganze Dialog bleibt durch Scrollen erreichbar. */
@media (min-width:900px) and (max-height:580px){
  #authScreen.authscreen{padding:8px!important}
  #authScreen .authcard{padding:12px 20px 20px!important}
  #authScreen .authlogo{width:105px!important}
  #authScreen .gd8874-story-copy{padding-bottom:65px}
}

/* UI 887.9: WICHTIG – Auth-Overlay nach erfolgreichem Login nie erzwingen.
   Die Desktop-Grid-Regel oben nutzt display:grid!important; Login/Session setzen
   dagegen display:none inline. Die explizite versteckte Ansicht hat Vorrang. */
@media (min-width:900px) {
  #authScreen.authscreen[style*="display: none"],
  #authScreen.authscreen[style*="display:none"],
  body:not(.g8845-auth) #authScreen.authscreen {
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}