/* ecorpus-brand 1.1.0 – Button „App installieren“ in der Topbar (27.10.2026). Look wie im Portal: helle Outline-Pille + App-Icon (lila Verlauf). */
.topbar a.topbar__app{display:inline-flex;align-items:center;gap:.45rem;flex:none;min-height:30px;padding:0 .85rem 0 .28rem;margin-inline-start:.25rem;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.34);color:#fff;font-size:.8rem;font-weight:650;letter-spacing:.01em;line-height:1;white-space:nowrap;text-decoration:none}
.topbar a.topbar__app:hover,.topbar a.topbar__app:focus-visible{background:rgba(255,255,255,.16);color:#fff}
.topbar a.topbar__app:hover span{text-decoration:none}
.topbar a.topbar__app:focus-visible{outline:2px solid #fff;outline-offset:2px}
.topbar__app-ico{width:22px;height:22px;border-radius:6px;flex:none;display:block}
.topbar__app-s{display:none}
@media (max-width:640px){.topbar__app-l{display:none}.topbar__app-s{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis}.topbar a.topbar__app{flex:0 1 auto;min-width:0;padding-inline-end:.7rem;gap:.35rem;margin-inline-start:auto;margin-inline-end:auto}}
@media (max-width:400px){.topbar__inner:has(.topbar__app){gap:.5rem}.topbar a.topbar__app{padding-inline-end:.55rem;gap:.3rem}}