/* AdEQ — agent keys on the workspace page. SPEC-API-V1 §9.
   Tokens only. Everything else is the Team card's own table and popovers. */

.keys-prefix {
  margin-left: var(--s-1);
  font: 500 11.5px/1 var(--font-body);
  color: var(--mute);
}
.keys-off { color: var(--mute); }

.keys-scope {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: var(--gap-inline);
  align-items: center;
  padding: var(--s-half) 0;
}
.keys-scope-l { font: var(--t-label); color: var(--ink); }
.keys-scope-m { grid-column: 1 / -1; font-size: 12.5px; color: var(--mute); }
.keys-level { width: auto; margin: 0; }

.keys-clients {
  display: grid;
  gap: var(--s-half);
  max-height: calc(var(--s-12) * 2);
  overflow-y: auto;
  padding: var(--s-half) 0;
}
.keys-client {
  display: flex;
  align-items: center;
  gap: var(--gap-inline);
  cursor: pointer;
}

.keys-secret {
  display: block;
  margin: var(--s-1) 0 var(--s-half);
  padding: var(--s-1);
  font: 500 12px/1.4 var(--font-body);
  white-space: normal;
  word-break: break-all;
  overflow-wrap: anywhere;
  max-width: 100%;
  user-select: all;
  background: var(--shade);
  border: 1px solid var(--rule);
  border-radius: var(--r-sm);
  color: var(--ink);
}

/* Connect Your Agent (SPEC-API-V1 §18). Tokens only. */
.cn-lines > .l-row { margin: 0; }
.cn-say { margin: 0; color: var(--ink-soft); }
.cn-say > strong { color: var(--ink); font-weight: 600; }
.cn-pre {
  margin: 0;
  padding: var(--s-1h);
  overflow-x: auto;
  background: var(--shade);
  border: 1px solid var(--rule);
  border-radius: var(--r-sm);
  font: 500 12px/1.5 var(--font-body);
  color: var(--ink);
  white-space: pre;
}
.cn-routes > .l-row {
  margin: 0;
  font: 500 12px/1.4 var(--font-body);
  color: var(--ink-soft);
}
.cn-verbs { font-size: 12.5px; color: var(--mute); }
.btn.cn-copy {
  min-height: var(--h-sm);
  padding: 0 var(--s-1h);
  margin-left: auto;
  font-size: 13px;
  background: var(--shade);
  color: var(--ink);
  border: 1px solid var(--rule);
  display: inline-flex;
  align-items: center;
}

/* Webhooks on Connect Your Agent (SPEC-API-V1 §19). */
.cn-hooks { display: flex; flex-direction: column; gap: var(--gap-field); }
.cn-hook > .l-group .btn.cn-copy { margin-left: 0; }
.cn-add .btn.cn-copy { margin-left: 0; }
.cn-url {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 500 12px/1.4 var(--font-body);
  color: var(--ink);
}
.input.cn-input { min-height: var(--h-md); padding: 0 var(--s-1h); }

/* NO TYPEWRITER TYPE (Franz, 2026-10-16): code, commands, and keys read in the
   body sans like everything else, including the browser's own <code>/<pre>. */
.cn-page code, .cn-page pre, .keys-secret, .keys-prefix { font-family: var(--font-body); }