/* Anmelde-Leiste. Dieselbe Datei liegt in gym/, grit/ und myo/. Eine Änderung gehört in alle drei.
   Neutral gehalten, damit sie auf allen drei dunklen Seiten passt. */
.sso-leiste{position:fixed;top:.8rem;right:.8rem;z-index:1000;display:flex;align-items:center;gap:.6rem;
  padding:.3rem .35rem .3rem .8rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;
  background:rgba(14,16,20,.86);backdrop-filter:blur(6px);color:#d6dade;
  font:500 .78rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif}
.sso-leiste[hidden]{display:none}
.sso-leiste:not(:has(.sso-name)){padding-left:.35rem}
.sso-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14rem}
.sso-leiste button{font:inherit;cursor:pointer;color:#0e1014;background:#e6e9ec;border:0;border-radius:999px;
  padding:.38rem .8rem}
.sso-leiste button:hover{background:#ffffff}
.sso-leiste button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}

/* In einer Topbar der Seite: ohne eigenen Kasten, fließt mit */
.sso-leiste.sso-eingebettet{position:static;background:transparent;border:0;backdrop-filter:none;padding:0}

@media (max-width:480px){.sso-name{max-width:8rem}}