.app-header:has(.cp-team-login){gap:8px}
.cp-team-login{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:0 12px;margin-left:auto;margin-right:4px;border:1px solid #57b9fa80;border-radius:22px;background:#102333;color:#7cc7fb;text-decoration:none;font-size:14px;font-weight:600;line-height:1}
.cp-team-login:hover,.cp-team-login:focus-visible{background:#18364b;border-color:#7cc7fb;outline:2px solid #7cc7fb;outline-offset:2px}
.cp-team-login:active{transform:scale(.96)}
@media(max-width:420px){.app-header{gap:7px}.app-header .brand-lockup{gap:8px}.app-header .brand-lockup img{width:40px;height:40px}.app-header .brand-lockup strong{font-size:15px}.cp-team-login{padding:0 10px;margin-right:0;font-size:13px}.app-header .menu-button{flex-shrink:0;width:44px;height:44px}}

.cp-team-login{flex:0 1 auto;min-width:0;max-width:180px}.cp-team-login span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:420px){.cp-team-login{max-width:110px}}

.cp-team-login{position:relative;overflow:visible}.cp-unread{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:12px;background:#f52d48;color:white;font:700 11px/18px sans-serif;text-align:center;box-shadow:0 0 0 2px #07111b}.cp-unread[hidden]{display:none}