.subagent-link-row { display: flex; gap: 10px; align-items: center; }
.subagent-link-row input { min-width: 0; font: 12px/1.5 ui-monospace, monospace; }
.subagent-link-row button { flex-shrink: 0; }
#subagent-form > button { margin-top: 8px; }
[data-section="subagents"] p { max-width: 65ch; line-height: 1.7; }
[data-section="subagents"] td button + button { margin-inline-start: 8px; }
[data-section="subagents"] .message.error, [data-subagent-invite] .message.error { color: var(--amber); }
.subagent-auth-note { margin-block: 12px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; color: var(--text); font-size: 13px; line-height: 1.6; }
[data-subagent-invite] p { line-height: 1.7; }
[data-subagent-invite] { padding: 24px; margin-bottom: 18px; }
.subagent-price-controls, .subagent-model-routes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.subagent-model { padding-block: 22px; border-top: 1px solid var(--line); }
.subagent-model h3 { margin: 0 0 6px; }
.subagent-model > code { display: block; color: var(--muted); margin-bottom: 18px; overflow-wrap: anywhere; }
.subagent-price-route { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 8px; }
.subagent-price-route h4 { margin: 0 0 6px; }
.subagent-price-dimensions { margin-block: 18px; font-variant-numeric: tabular-nums; }
.subagent-price-dimensions > div { display: flex; justify-content: space-between; gap: 12px; padding-block: 6px; }
.subagent-price-dimensions dt { color: var(--muted); }
.subagent-price-dimensions dd { margin: 0; text-align: end; }
.subagent-price-actions { display: flex; gap: 10px; flex-wrap: wrap; }
@media (max-width: 700px) {
  [data-subagent-invite] { padding: 18px; }
  .subagent-link-row { flex-direction: column; align-items: stretch; }
  #subagent-email, #subagent-discount, .subagent-price-route input { font-size: 16px; }
  .subagent-price-controls, .subagent-model-routes { grid-template-columns: 1fr; }
  [data-section="subagents"] table, [data-section="subagents"] tbody { display: block; min-width: 0; width: 100%; }
  [data-section="subagents"] thead { display: none; }
  [data-section="subagents"] tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding-block: 16px; border-bottom: 1px solid var(--line); }
  [data-section="subagents"] td { padding: 0; border: 0; overflow-wrap: anywhere; }
  [data-section="subagents"] td::before { content: attr(data-label); display: block; color: var(--muted); margin-bottom: 6px; }
  [data-section="subagents"] td.empty, #subagent-invitations td:last-child, #subagent-list td:last-child { grid-column: 1 / -1; }
}