/* harness.css — the Harness picker's tag and the "Connect a tool" panel (backend/gateway.py).
   Loaded after measured.css, whose .ms-tag and .ms-place it reuses. */

.widget .wp-tools{margin-top:12px}
.widget .gw-url{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 4px}
.widget .gw-url code{flex:1 1 320px;min-width:0;padding:8px 12px;border:1px solid var(--accent-ring);
  border-radius:var(--radius-sm);background:color-mix(in srgb,var(--neutral-950) 64%,transparent);
  color:var(--ink);font-size:.82rem;overflow-wrap:anywhere}
.widget .gw-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.widget .gw-list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:7px 12px;
  border:1px solid var(--border-hairline);border-radius:var(--radius-sm);font-size:.86rem;color:var(--fg-muted)}
.widget .gw-list li b{color:var(--ink);font-weight:500}
.widget .gw-list li .btn{margin-left:auto}
.widget .gw-list .ms-tag{margin-left:2px}
@media (max-width:640px){.widget .gw-list li .btn{margin-left:0}}