/* Agent 接入（#/mcp）· 2026-09-20 从 mpgen.css 的「MCP 接入弹窗」那段搬来并改成整页
   原来这是 700px 宽的弹窗，现在是独立页：内容按段落分卡片，宽度交给 page-shell。 */

.mcpa-card {
  padding: 14px 16px;
  border-radius: 12px;
  background: var(--paper-0, #fff);
  border: 1px solid var(--line, #e6dfd2);
}
.dark .mcpa-card { background: var(--paper-900, #211f1c); border-color: rgba(255, 255, 255, .1); }

.mcpa-h {
  font-size: 13px; font-weight: 600; margin: 0 0 8px;
  color: var(--ink-700, #443e38);
}
.dark .mcpa-h { color: var(--ink-200, #d8d2c8); }

.mcpa-help {
  font-size: 12.5px; line-height: 1.55;
  color: var(--ink-600, #57504a);
  margin: 0 0 6px;
}

.mcpa-form { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

.mcpa-codewrap { display: flex; gap: 8px; align-items: flex-start; margin: 4px 0 8px; }
.mcpa-code {
  flex: 1; display: block; white-space: pre-wrap; word-break: break-all;
  font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  padding: 8px 10px; border-radius: 8px;
  background: var(--paper-100, #f4efe6); border: 1px solid var(--line, #e6dfd2);
}

.mcpa-created {
  padding: 10px 12px; border-radius: 10px;
  background: var(--paper-50, #fbf8f2);
  border: 1px dashed var(--line, #e6dfd2);
}

.mcpa-token-row {
  display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
  font-size: 12.5px; padding: 6px 0;
  border-top: 1px solid var(--line, #e6dfd2);
}
.mcpa-token-name { font-weight: 600; }
.mcpa-token-meta { color: var(--ink-500, #6b6257); }

/* 手机窄屏：令牌行的元信息容易把撤销键挤出去，改成按行堆叠 */
@media (max-width: 640px) {
  .mcpa-token-row { align-items: flex-start; }
  .mcpa-token-row .page-spacer { flex-basis: 100%; height: 0; }
}