/*
 * Mike AI Open WebUI refinements.
 *
 * The chat background itself is configured through Open WebUI's native
 * per-user `backgroundImageUrl` setting. Do not make the structural chat
 * layers transparent here: that would also hide Open WebUI's own image layer.
 */

:root {
	color-scheme: dark;
	--mike-ai-bg: #070a12;
	--mike-ai-panel-strong: rgba(12, 16, 27, 0.96);
	--mike-ai-border: rgba(148, 163, 184, 0.13);
}

html,
body {
	background-color: var(--mike-ai-bg) !important;
}

.dark [role='dialog'],
.dark dialog,
.dark pre,
.dark textarea,
.dark input,
.dark select {
	background-color: var(--mike-ai-panel-strong);
}

.dark [role='dialog'],
.dark dialog,
.dark [class~='dark:border-gray-800'],
.dark [class~='dark:border-gray-850'] {
	border-color: var(--mike-ai-border) !important;
}

.dark :is(button, a, input, textarea, select):focus-visible {
	outline-color: rgba(96, 165, 250, 0.78) !important;
	outline-offset: 2px;
}