/* src/component/mcp-instructions.module.css */
mcp-install-instructions {
  --primary-color: var(--mcp-instructions-color, black);
  .mcp_instructions_header,
  hr {
    border-top: 0px;
    border-bottom: 3px solid var(--primary-color);
  }
  hr {
    margin-bottom: 2rem;
  }
  .mcp_instructions_header {
    .mcp_instructions_btn {
      background: none;
      border: none;
      color: unset;
      padding: 5px 10px;
      border-radius: 4px 4px 0 0;
      cursor: pointer;
    }
    .mcp_instructions_btn.mcp_instructions_selected {
      background: var(--primary-color);
      color: white;
    }
  }
  .mcp_instructions_content {
    pre,
    code {
      background: #f0f0f0;
      padding: 2px 4px;
      border-radius: 2px;
    }
    pre {
      overflow: auto;
      padding: 0.6rem;
      border-radius: 4px;
    }
    pre.mcp_instructions_fullMarkdown {
      max-height: 12rem;
    }
  }
  .mcp_instructions_footer {
    display: flex;
    gap: 0.2rem;
    justify-content: flex-end;
    align-items: center;
  }
}