/* Tracked service legend — colour belongs to the connection, not a floating card. */
.system-page .connection-chip{width:158px;gap:12px;padding:10px 0;border:0;border-bottom:1px solid var(--brand-line);border-radius:0;background:linear-gradient(90deg,#fffffff5 70%,#ffffff90);box-shadow:none}
.system-page .connection-icon{width:32px;height:36px;border-radius:0;background:none;border-right:1px solid color-mix(in srgb,var(--connection-color) 30%,white);padding-right:9px}
.system-page .connection-icon svg{width:23px;height:23px;stroke-width:1.6}
.system-page .connection-text{display:flex;flex-direction:column;gap:4px}
.system-page .connection-text small{font-size:8px;line-height:1;letter-spacing:.17em;color:var(--text-gray)}
.system-page .connection-chip b{font-size:15px;font-weight:450;line-height:1.2;color:var(--text-dark)}
.system-page .connection-chip i{width:3px;height:3px;margin-left:auto;margin-right:7px;box-shadow:none}
.system-page .connection-leader{stroke-width:.8;stroke-dasharray:none;opacity:.55}
@media(max-width:599px){
 .system-page .connection-chip{width:94px;gap:6px;padding:8px 0}
 .system-page .connection-icon{width:23px;height:25px;padding-right:5px}
 .system-page .connection-icon svg{width:18px;height:18px}
 .system-page .connection-text small{font-size:6px;letter-spacing:.12em}
 .system-page .connection-chip b{font-size:11px}
 .system-page .connection-chip i{display:none}
}