.connection-status{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 9px;border:1px solid currentColor;border-radius:7px;font-size:12px;line-height:1.4;font-weight:600;white-space:normal}
.connection-status i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.connection-healthy{color:#087b55;background:rgba(17,171,114,.07)}
.connection-degraded{color:#966000;background:rgba(229,166,19,.09)}
.connection-unavailable{color:#bc3333;background:rgba(223,61,61,.07)}
.connection-unknown,.connection-disabled{color:#64748b;background:rgba(100,116,139,.06)}
[data-theme=dark] .connection-healthy{color:#51d8ab}[data-theme=dark] .connection-degraded{color:#f5c361}[data-theme=dark] .connection-unavailable{color:#ff9191}[data-theme=dark] .connection-unknown,[data-theme=dark] .connection-disabled{color:#abb8cd}
.device-connections{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}
.connection-detail,.connection-time{display:block;font-size:11px;line-height:1.5;margin-top:4px;color:var(--muted,#64748b)}
.connection-caption{font-size:12px;color:var(--muted,#64748b);margin:0 0 14px}
.piksrv-launch-card [data-connection-service]{display:block;margin-top:7px}
.connection-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px;margin-bottom:24px}
.connection-service-card{padding:16px;display:flex;flex-direction:column;gap:10px}
.connection-service-card>strong{font-size:14px}