/*! WebMCP Gateway frontend AI box v1.3.0 — © Wiki of Automation — GPL-2.0-or-later */

.wm-ai-box {
	/* Theme overrides: drop-in variables for site owners */
	--wmbox-accent: #0284c7;
	--wmbox-surface: #f8fafc;
	--wmbox-ink: #1e293b;
	--wmbox-ink-strong: #0f172a;
	--wmbox-muted: #475569;
	--wmbox-line: #e2e8f0;
	--wmbox-btn-bg: #ffffff;
	--wmbox-btn-line: #cbd5e1;
	--wmbox-btn-ink: #0f172a;
	--wmbox-radius: 10px;

	background: var(--wmbox-surface);
	border: 1px solid var(--wmbox-line);
	border-left: 4px solid var(--wmbox-accent);
	border-radius: var(--wmbox-radius);
	padding: 16px 20px;
	margin: 0 0 24px;
	font-size: 0.95em;
	line-height: 1.6;
	color: var(--wmbox-ink);
}
.wm-ai-box__summary {
	margin: 0;
}
.wm-ai-box__summary-label {
	display: inline-block;
	margin-right: 4px;
	color: var(--wmbox-ink-strong);
}
.wm-ai-box__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--wmbox-line);
}
.wm-ai-box__actions-label {
	font-size: 12px;
	font-weight: 700;
	color: var(--wmbox-muted);
	margin-right: 4px;
}
.wm-ai-box__buttons {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
}
.wm-ai-box__btn {
	display: inline-flex;
	align-items: center;
	background: var(--wmbox-btn-bg);
	border: 1px solid var(--wmbox-btn-line);
	border-radius: 6px;
	padding: 4px 11px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	color: var(--wmbox-btn-ink);
	transition: background 140ms ease, border-color 140ms ease, transform 140ms ease;
}
.wm-ai-box__btn:hover {
	border-color: var(--wmbox-accent);
	color: var(--wmbox-accent);
}
.wm-ai-box__btn--accent {
	background: color-mix(in srgb, var(--wmbox-accent) 12%, transparent);
	border-color: color-mix(in srgb, var(--wmbox-accent) 35%, transparent);
	color: var(--wmbox-accent);
}
.wm-ai-box__btn:focus-visible {
	outline: 2px solid var(--wmbox-accent);
	outline-offset: 2px;
}

/* Dark theme: explicit choice, or "auto" resolved to dark by the page-contrast detector. */
.wm-ai-box[data-wm-theme="dark"],
.wm-ai-box[data-wm-theme="auto"][data-wm-resolved="dark"] {
	--wmbox-surface: #0f172a;
	--wmbox-ink: #cbd5e1;
	--wmbox-ink-strong: #f1f5f9;
	--wmbox-muted: #94a3b8;
	--wmbox-line: #1e293b;
	--wmbox-btn-bg: #1e293b;
	--wmbox-btn-line: #334155;
	--wmbox-btn-ink: #e2e8f0;
}