.shell-connection-status { display: inline-flex; align-items: center; gap: var(--space-sm); } /* FNXC:ShellConnectionStatusPill 2026-07-10-14:22: The pill previously mixed a tiny host-kind label with a larger summary; the separate __kind span was removed and all pill text now shares one font size. Summary and action intentionally have no font-size overrides so they inherit the same size; the action is distinguished by color only. */ .shell-connection-status__summary { color: var(--text); max-width: calc(var(--space-2xl) * 8); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .shell-connection-status__action { color: var(--color-info); } @media (max-width: 768px) { .shell-connection-status { width: 100%; justify-content: flex-start; } .shell-connection-status__summary { max-width: calc(var(--space-2xl) * 5); } }