/* Connections panel in the component Inspector. Cards keep their size; only surface, spacing and type change. */
[data-archbro-ui="next"] .ui-next-connections-panel{display:grid;gap:var(--ui-next-space-4)}
[data-archbro-ui="next"] .ui-next-connection-columns{display:grid;gap:var(--ui-next-space-4);grid-template-columns:minmax(0,1fr)}
[data-archbro-ui="next"] .ui-next-connection-column{display:grid;gap:var(--ui-next-space-2);min-width:0}
[data-archbro-ui="next"] .ui-next-connection-column>h3{display:flex;align-items:center;gap:6px;margin:0;color:var(--ui-next-muted);font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}
[data-archbro-ui="next"] .ui-next-connection-column.is-upstream>h3::before{content:"\2191";color:var(--ui-next-accent);font-size:13px;letter-spacing:0}
[data-archbro-ui="next"] .ui-next-connection-column.is-downstream>h3::before{content:"\2193";color:var(--ui-next-accent);font-size:13px;letter-spacing:0}
[data-archbro-ui="next"] .ui-next-connection-list{display:grid;gap:var(--ui-next-space-2)}
[data-archbro-ui="next"] .ui-next-connection-row{display:grid;gap:6px;padding:var(--ui-next-space-3);border:1px solid var(--ui-next-line-soft);border-radius:var(--ui-next-radius-md);background:var(--ui-next-surface);min-width:0}
[data-archbro-ui="next"] .ui-next-connection-row.is-blocked{border-color:var(--ui-next-warning);background:var(--ui-next-warning-bg)}
[data-archbro-ui="next"] .ui-next-connection-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-next-space-2);min-width:0}
[data-archbro-ui="next"] .ui-next-connection-name{min-width:0;overflow-wrap:anywhere;color:var(--ui-next-ink);font-size:13px;font-weight:650;line-height:1.35}
[data-archbro-ui="next"] .ui-next-connection-blocked{flex:none;padding:1px 8px;border-radius:999px;background:var(--ui-next-warning-bg);color:var(--ui-next-warning);font-size:11px;font-weight:650}
[data-archbro-ui="next"] .ui-next-connection-description{margin:0;color:var(--ui-next-muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
[data-archbro-ui="next"] .ui-next-connection-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px var(--ui-next-space-3);margin:0;font-size:12px}
[data-archbro-ui="next"] .ui-next-connection-meta>div{display:contents}
[data-archbro-ui="next"] .ui-next-connection-meta dt{color:var(--ui-next-muted)}
[data-archbro-ui="next"] .ui-next-connection-meta dd{margin:0;min-width:0;color:var(--ui-next-ink);overflow-wrap:anywhere}
[data-archbro-ui="next"] .ui-next-connection-owner{display:flex;align-items:center;gap:6px}
[data-archbro-ui="next"] .ui-next-connection-avatar{display:inline-grid;flex:none;place-items:center;width:20px;height:20px;border-radius:999px;background:var(--ui-next-accent);color:var(--ui-next-on-accent);font-size:10px;font-weight:700}
[data-archbro-ui="next"] .ui-next-connection-avatar.is-empty{background:transparent;border:1.5px dashed var(--ui-next-line);color:var(--ui-next-muted)}
[data-archbro-ui="next"] .ui-next-connection-track{height:4px;overflow:hidden;border-radius:999px;background:var(--ui-next-line-soft)}
[data-archbro-ui="next"] .ui-next-connection-track>span{display:block;height:100%;border-radius:999px;background:var(--ui-next-accent)}
[data-archbro-ui="next"] .ui-next-connection-empty,[data-archbro-ui="next"] .ui-next-connection-state{margin:0;padding:var(--ui-next-space-3);border:1px dashed var(--ui-next-line);border-radius:var(--ui-next-radius-md);color:var(--ui-next-muted);font-size:12px;line-height:1.45}
[data-archbro-ui="next"] .ui-next-connection-retry{min-height:32px;padding:5px 12px;border:1px solid var(--ui-next-line);border-radius:var(--ui-next-radius-md);background:var(--ui-next-surface);color:var(--ui-next-ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
[data-archbro-ui="next"] .ui-next-connection-retry:hover{border-color:var(--ui-next-accent);color:var(--ui-next-accent)}
[data-archbro-ui="next"] .ui-next-connection-retry:focus-visible{outline:2px solid var(--ui-next-accent);outline-offset:2px}
@media (prefers-reduced-motion:no-preference){
  [data-archbro-ui="next"] .ui-next-connection-track>span{transition:width .35s ease-out}
  [data-archbro-ui="next"] .ui-next-connection-row{animation:ui-next-connection-in .25s ease-out both}
}
@keyframes ui-next-connection-in{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}