/* ============================================================
   ECOWINDOWS — Anmeldemaske
   Liegt über der App: solange niemand angemeldet ist, bleibt die
   Anwendung verborgen (body.signed-out).
   ============================================================ */

body.signed-out .topbar,
body.signed-out .app,
body.signed-out #printDoc{display:none !important}

#loginScreen{
  position:fixed;inset:0;z-index:200;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#f5f6f8 0%,#eaf6dc 100%);
  font-family:"Segoe UI",-apple-system,Roboto,Helvetica,Arial,sans-serif;
  padding:24px;
}
#loginScreen .lg-box{
  width:100%;max-width:380px;background:#fff;
  border:1px solid #E4E7EC;border-radius:14px;
  box-shadow:0 10px 40px rgba(16,24,40,.10),0 2px 6px rgba(16,24,40,.05);
  padding:34px 32px 26px;text-align:center;
}
#loginScreen .lg-logo{height:34px;width:auto}
#loginScreen .lg-tag{
  color:#6BA62F;font-size:11.5px;font-style:italic;margin-top:6px;
}
#loginScreen h1{
  font-size:14px;font-weight:700;color:#1A1A1A;
  margin:18px 0 22px;letter-spacing:.01em;
}
#loginScreen label{
  display:block;text-align:left;font-size:11.5px;font-weight:600;
  color:#4A4A4A;margin:0 0 4px;
}
#loginScreen input{
  width:100%;font-family:inherit;font-size:14px;color:#1A1A1A;
  border:1px solid #E4E7EC;border-radius:8px;padding:9px 11px;
  background:#fff;margin-bottom:14px;
}
#loginScreen input:focus{
  outline:none;border-color:#8BC94B;box-shadow:0 0 0 3px #EAF6DC;
}
#loginScreen .lg-btn{
  width:100%;font-family:inherit;font-size:14px;font-weight:600;
  background:#8BC94B;color:#fff;border:1px solid #8BC94B;
  border-radius:8px;padding:10px 14px;cursor:pointer;margin-top:4px;
}
#loginScreen .lg-btn:hover{background:#6BA62F;border-color:#6BA62F}
#loginScreen .lg-btn:disabled{opacity:.6;cursor:default}
#loginScreen .lg-err{
  background:#fdeceb;border:1px solid #f3b5b0;color:#a3271f;
  border-radius:8px;padding:8px 11px;font-size:12.5px;
  margin:0 0 12px;text-align:left;
}
#loginScreen .lg-foot{
  margin-top:20px;padding-top:14px;border-top:1px solid #E4E7EC;
  font-size:10.5px;color:#8A8F98;
}

/* angemeldeter Benutzer in der Kopfleiste */
.whoami{
  display:flex;align-items:center;gap:7px;
  font-size:12px;color:#8A8F98;margin-left:4px;white-space:nowrap;
}
.whoami b{color:#4A4A4A;font-weight:600}
.whoami .lg-out{
  border:0;background:none;cursor:pointer;font-family:inherit;
  font-size:12px;color:#6BA62F;text-decoration:underline;padding:2px 4px;
}