/* Einsatzplanung Service: Login-Seite und Benutzermenue (neu, nicht Teil des Artifacts) */

/* Hebetech-Logo: positiv (HEBE blau) im hellen, negativ (HEBE weiss) im dunklen Modus */
.ep-logo{height:28px;width:auto;flex:none;display:block}
.ep-logo-dark{display:none}
:root[data-theme="dark"] .ep-logo-light{display:none}
:root[data-theme="dark"] .ep-logo-dark{display:block}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .ep-logo-light{display:none}
  :root:not([data-theme="light"]) .ep-logo-dark{display:block}
}
.brand .ep-logo + .ep-logo + div{border-left:1px solid var(--line);padding-left:12px}
.ep-card .ep-logo{height:32px;margin:0 0 18px}
@media (max-width:560px){ .brand .ep-logo{height:22px} }
.ep-gate{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg)}
.ep-card{max-width:420px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:28px 24px;box-shadow:var(--shadow)}
.ep-card h1{margin:0 0 12px;font-family:var(--f-display);font-size:22px;color:var(--brand)}
.ep-card p{margin:0 0 16px;color:var(--ink)}
.ep-card .btn{margin:0 8px 0 0}
.ep-form label{display:block;margin:0 0 10px;font-size:13px;color:var(--muted)}
.ep-form input{display:block;width:100%;margin-top:4px;padding:7px 9px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:6px}
.ep-form .ep-err:empty{display:none}
.ep-ok{color:var(--ok)!important;font-weight:600}
.ep-ok:empty{display:none}
.ep-hint{margin:14px 0 0!important;font-size:12px;color:var(--muted)!important}
.ep-err{color:var(--err)!important;font-weight:600}
.ep-user{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:8px;margin-bottom:-8px}
.ep-name{font-size:13px;color:var(--muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}