/* Universal Dark Mode Mapper - frontend */

/* Toggle UI */
.udmm-floating-toggle,
.udmm-inline-toggle {
	position: relative;
	z-index: 999999;
}

.udmm-floating-toggle {
	position: fixed;
	bottom: 18px;
}

.udmm-floating-toggle.udmm-pos-br { right: 18px; }
.udmm-floating-toggle.udmm-pos-bl { left: 18px; }

.udmm-toggle-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid rgba(255,255,255,0.18);
	border-radius: 999px;
	padding: 10px 14px;
	background: rgba(0,0,0,0.55);
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	line-height: 1;
}

.udmm-inline-toggle .udmm-toggle-btn {
	background: rgba(0,0,0,0.35);
}

html[data-udmm="1"] .udmm-toggle-btn {
	border-color: rgba(255,255,255,0.28);
	background: rgba(15,15,15,0.8);
}

/* Presets (scoped) */
html[data-udmm="1"] {
	--udmm-bg: #0f1115;
	--udmm-surface: #161a22;
	--udmm-text: #e8e9ee;
	--udmm-muted: #b7bcc8;
	--udmm-link: #9cc2ff;
	--udmm-border: rgba(255,255,255,0.14);
	color-scheme: dark;
}

html[data-udmm="1"][data-udmm-preset="amoled"] {
	--udmm-bg: #000000;
	--udmm-surface: #0b0b0b;
	--udmm-text: #f2f2f2;
	--udmm-muted: #c9c9c9;
	--udmm-link: #9cc2ff;
	--udmm-border: rgba(255,255,255,0.18);
}

html[data-udmm="1"] body {
	background-color: var(--udmm-bg) !important;
	color: var(--udmm-text) !important;
}

html[data-udmm="1"] a {
	color: var(--udmm-link) !important;
}

html[data-udmm="1"] hr {
	border-color: var(--udmm-border) !important;
}

html[data-udmm="1"] input,
html[data-udmm="1"] textarea,
html[data-udmm="1"] select {
	background-color: var(--udmm-surface) !important;
	color: var(--udmm-text) !important;
	border-color: var(--udmm-border) !important;
}

html[data-udmm="1"] table,
html[data-udmm="1"] th,
html[data-udmm="1"] td {
	border-color: var(--udmm-border) !important;
}