/* Install snippets follow the active theme's input colors. */
.mcp-snippet-wrap {
  position: relative;
  margin: 0 0 1rem;
}

.mcp-snippet {
  display: block;
  margin: 0;
  padding: 0.75rem 4.75rem 0.75rem 1rem;
  background: var(--page-input-bg, #1c2028);
  color: var(--page-input-text, #f1f3f4);
  border: 1px solid var(--page-input-border, #4a5160);
  border-radius: 0.25rem;
  white-space: pre-wrap;
  overflow-x: auto;
  font-size: 0.875rem;
  line-height: 1.45;
}

.mcp-copy {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  z-index: 1;
  margin: 0;
  padding: 0.1rem 0.45rem;
  min-width: 3.6rem;
  font-size: 0.75rem;
  line-height: 1.4;
  border-radius: 0.2rem;
  border: 1px solid var(--page-input-border, #4a5160);
  background: var(--page-surface, #2a303a);
  color: var(--page-text, #e8eaed);
  cursor: pointer;
}

.mcp-copy:hover,
.mcp-copy:focus {
  background: var(--page-header-bg, #3d4450);
  color: var(--page-header-text, #fff);
}