/* MoonGen MCP: AI assistants section in the portal (uses the portal's design tokens). */
.mgp-account-extra .mgp-h2 { display: flex; align-items: center; gap: 8px; }
.mgp-account-extra .mgp-h2 svg { width: 20px; height: 20px; color: var(--accent-text); }
.mgm-lead { margin-bottom: 14px; }
.mgm-h3 { font-size: 15px; font-weight: 650; margin: 22px 0 10px; }
.mgm-panel { display: flex; flex-direction: column; gap: 14px; }
.mgm-label { font-size: 13px; font-weight: 600; color: var(--muted); margin-bottom: -6px; }
.mgm-copy { display: flex; gap: 8px; align-items: stretch; }
.mgm-copy .mgp-input { min-width: 0; flex: 1; }
.mgm-copy .mgp-btn { flex: none; }
.mgm-code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13.5px; }
.mgm-tabs { align-self: flex-start; flex-wrap: wrap; border-radius: 14px; }
.mgm-tabs button { border-radius: 11px; }
.mgm-guide { display: flex; flex-direction: column; gap: 10px; }
.mgm-steps { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; }
.mgm-steps b { font-weight: 650; }
.mgm-hint { color: var(--muted); font-size: 13.5px; margin: 0; }
.mgm-pre { position: relative; }
.mgm-pre pre { margin: 0; background: var(--surface-2); border: 1px solid var(--border); border-radius: 12px; padding: 12px 92px 12px 14px; overflow-x: auto; font: 13px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre; }
.mgm-code-copy { position: absolute; top: 8px; right: 8px; padding: 6px 10px; font-size: 13px; }
.mgm-item { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mgm-item strong { font-weight: 600; overflow-wrap: anywhere; }
.mgm-meta { color: var(--faint); font-size: 12.5px; overflow-wrap: anywhere; }
.mgm-meta code { font-size: 12px; }
.mgm-newkey { border: 1px solid var(--accent); background: var(--accent-soft); border-radius: 14px; padding: 14px; display: flex; flex-direction: column; gap: 8px; }
.mgm-create { display: flex; gap: 8px; }
.mgm-create .mgp-input { flex: 1; min-width: 0; }
.mgm-create .mgp-btn { flex: none; }
@media (max-width: 560px) {
	.mgm-create { flex-direction: column; }
	.mgm-copy .mgp-btn span { display: none; }
}