/* Account connections use the existing page/modal tokens and controls. */
.agent-connections { border-top: 1px solid var(--card-border); }
.agent-connections h3, .agent-dialog h3 { margin: 24px 0 8px; font-size: 16px; }
.agent-connections p { margin: 8px 0; color: var(--text-secondary); }
.agent-connections li { margin: 10px 0; }
.agent-permissions { border: 0; padding: 0; margin: 20px 0; }
.agent-permissions legend { margin-bottom: 10px; font-weight: 600; }
.agent-permissions label { display: flex; gap: 10px; align-items: center; padding: 10px 0; }
.agent-quantities { width: 100%; border-collapse: collapse; margin: 12px 0; }
.agent-quantities th, .agent-quantities td { padding: 8px 0; border-bottom: 1px solid var(--card-border); text-align: left; font-weight: 400; }
.agent-quantities td { text-align: right; padding-left: 16px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.agent-dialog details { margin: 20px 0; }
.agent-dialog details .agent-quantities { table-layout: fixed; }
.agent-dialog details .agent-quantities th { width: 50%; }
.agent-dialog details .agent-quantities td { white-space: normal; }
.agent-dialog summary { cursor: pointer; font-weight: 600; }
.agent-dialog .brb-modal-body { overflow-wrap: anywhere; }
.agent-recipe-choices { max-height: 240px; overflow-y: auto; }
.agent-permissions input { flex: 0 0 auto; }
.agent-dialog .brb-modal-body a { color: var(--rust); text-underline-offset: 3px; }