.ux-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--sub);font-size:11px;font-weight:600;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.ux-chip.offline{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--card))}
.ux-chip.online{color:var(--ok)}
.shortcut-hint{font-size:11px;color:var(--sub);margin-left:auto;white-space:nowrap}
@media(max-width:760px){#user-chip,.shortcut-hint{display:none!important}.ux-chip{padding:3px 6px}}