.member-agent-page { display: grid; gap: 16px; }
.member-agent-card { display: grid; gap: 14px; padding: 20px; }
.member-agent-card > :first-child { margin-top: 0; }
.member-agent-card h2 { margin: 0; color: var(--ink); font-size: 17px; }
.member-agent-card h3 { margin: 8px 0 0; color: var(--ink); font-size: 13px; }
.member-agent-lead,
.member-agent-empty { margin: 0; color: var(--ink); line-height: 1.55; }
.member-agent-status { margin: 0; color: var(--muted); line-height: 1.5; }
.member-agent-status.is-error { color: var(--red, #9b2e3a); }
.member-agent-details { display: grid; gap: 0; margin: 0; border-top: 1px solid var(--line); }
.member-agent-details > div { display: grid; grid-template-columns: minmax(130px, .7fr) minmax(0, 1.3fr); gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.member-agent-details dt { color: var(--muted); font-size: 12px; font-weight: 700; }
.member-agent-details dd { margin: 0; color: var(--ink); overflow-wrap: anywhere; }
.member-agent-scopes { display: grid; gap: 7px; margin: 0; padding-left: 22px; color: var(--ink); line-height: 1.5; }
.member-agent-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding-top: 8px; border-top: 1px solid var(--line); }
.member-agent-connection { display: grid; gap: 10px; padding: 16px 0; border-top: 1px solid var(--line); }
.member-agent-connection > div h2 { margin: 0; }
.member-agent-connection > div p,
.member-agent-meta { margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.member-agent-connection > button { justify-self: start; }
.member-agent-page :is(button, a):focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
@media (max-width: 600px) {
  .member-agent-card { padding: 16px; }
  .member-agent-details > div { grid-template-columns: 1fr; gap: 3px; }
  .member-agent-actions { justify-content: stretch; }
  .member-agent-actions .button { flex: 1 1 120px; }
}