.agent-identity-group{min-width:0}
.device-host-strip{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px max(18px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line);background:var(--soft);font-size:.82rem;line-height:1.5}
.device-host-copy{display:flex;align-items:center;flex-wrap:wrap;gap:3px 10px;min-width:0;flex:1}
.device-host-copy strong{font-size:inherit;max-width:32ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.device-host-copy span{color:var(--muted);overflow-wrap:anywhere}
.device-host-copy small{flex-basis:100%;font-size:.79rem;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.device-host-indicator{flex:none;width:8px;height:8px;border-radius:50%;background:var(--muted)}
.device-host-strip[data-state="online"] .device-host-indicator{background:var(--mint)}
.device-host-strip[data-state="error"] .device-host-indicator{background:var(--coral)}
.device-host-action{flex:none;min-height:40px;padding:7px 12px;border:1px solid var(--line);border-radius:14px;background:var(--canvas);color:var(--agent-accent,var(--accent));font-size:.82rem;font-weight:700;cursor:pointer;text-align:center}
.device-host-action:hover{background:var(--agent-soft,var(--accent-soft))}
.device-host-action:disabled{color:var(--muted);background:var(--line);cursor:wait}
@media(max-width:760px){.device-host-strip{gap:8px;padding:6px 14px;min-height:48px}.device-host-copy{display:block}.device-host-copy strong,.device-host-copy span{display:block}.device-host-action{padding:7px 10px}}
