.agent-connections { margin: 24px 0; }
.agent-connections summary { cursor: pointer; padding: 14px 0; font-weight: 600; }
.connection-create form { display: grid; gap: 20px; padding: 12px 0 24px; }
.agent-connections fieldset { border: 1px solid var(--line, #2b363b); border-radius: 12px; padding: 16px; min-width: 0; }
.agent-connections legend { padding: 0 8px; }
.connection-scopes { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 12px; }
.connection-scopes code { font-size: 12px; }
.connection-presets { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 16px; }
.connection-card, .connection-secret { padding: 20px; margin: 16px 0; border: 1px solid var(--line, #2b363b); border-radius: 12px; background: rgba(0,0,0,.12); }
.connection-card h3 { margin: 0; }
.connection-grants { font-size: 12px; overflow-wrap: anywhere; line-height: 1.9; }
.connection-endpoints { display: grid; gap: 10px; padding: 20px 0; overflow-wrap: anywhere; }
.connection-endpoints h3 { margin: 0; }
.connection-endpoints label { display: grid; gap: 8px; min-width: 0; }
.connection-endpoints input, .connection-endpoints textarea { width: 100%; min-width: 0; box-sizing: border-box; }
.connection-secret textarea { width: 100%; font-family: monospace; margin-bottom: 12px; }
.agent-connections .activity-row { align-items: start; gap: 12px; }
.agent-connections small { overflow-wrap: anywhere; }
.agent-connections .small-muted { overflow-wrap: anywhere; }