/*
 * DMV Design – Basis-Styling.
 * Struktur/Look für alle DMV-Seiten. Die Farben kommen als CSS-Variablen aus der
 * jeweiligen Varianten-Datei (dmv-dark.css / dmv-ocean.css / dmv-light.css).
 *
 * Gescopt auf body[data-template^="dmv"], damit ausschließlich die DMV-Seiten
 * betroffen sind und der Rest des Forums unberührt bleibt.
 */

body[data-template^="dmv"] {
	--dmv-radius: 12px;
}

/* Seitentitel */
body[data-template^="dmv"] .contentTitle {
	color: var(--dmv-heading);
}
body[data-template^="dmv"] .contentHeaderDescription,
body[data-template^="dmv"] .sectionDescription {
	color: var(--dmv-text-muted);
}

/* Abschnitte & Boxen als Karten */
body[data-template^="dmv"] .section,
body[data-template^="dmv"] .box,
body[data-template^="dmv"] .tabularBox {
	background-color: var(--dmv-card);
	border: 1px solid var(--dmv-border);
	border-radius: var(--dmv-radius);
	padding: 18px 20px;
	margin-bottom: 16px;
	color: var(--dmv-text);
}
body[data-template^="dmv"] .box {
	background-color: var(--dmv-card2);
}
body[data-template^="dmv"] .sectionTitle,
body[data-template^="dmv"] h1,
body[data-template^="dmv"] h2,
body[data-template^="dmv"] h3 {
	color: var(--dmv-heading);
}

/* Tabellen */
body[data-template^="dmv"] .table {
	color: var(--dmv-text);
}
body[data-template^="dmv"] .table thead th {
	background-color: var(--dmv-card2);
	color: var(--dmv-text-muted);
	border-bottom: 1px solid var(--dmv-border);
}
body[data-template^="dmv"] .table td,
body[data-template^="dmv"] .table th {
	border-color: var(--dmv-border);
}

/* Buttons */
body[data-template^="dmv"] .button {
	background-color: var(--dmv-card2);
	border: 1px solid var(--dmv-border);
	color: var(--dmv-text);
	border-radius: 10px;
	transition: filter .15s ease;
}
body[data-template^="dmv"] .button:hover {
	filter: brightness(1.15);
}
body[data-template^="dmv"] .button.buttonPrimary {
	background-color: var(--dmv-accent);
	border-color: var(--dmv-accent);
	color: var(--dmv-accent-text);
}

/* Badges */
body[data-template^="dmv"] .badge {
	background-color: var(--dmv-card2);
	color: var(--dmv-text-muted);
	border: 1px solid var(--dmv-border);
	border-radius: 999px;
}
body[data-template^="dmv"] .badge.green {
	background-color: rgba(34,197,94,.14);
	color: var(--dmv-green);
	border-color: rgba(34,197,94,.4);
}
body[data-template^="dmv"] .badge.red {
	background-color: rgba(225,29,72,.14);
	color: var(--dmv-red);
	border-color: rgba(225,29,72,.4);
}
body[data-template^="dmv"] .badge.label {
	background-color: rgba(56,189,248,.14);
	color: var(--dmv-accent);
	border-color: rgba(56,189,248,.4);
}

/* Formularfelder */
body[data-template^="dmv"] input[type="text"],
body[data-template^="dmv"] input[type="number"],
body[data-template^="dmv"] input[type="datetime-local"],
body[data-template^="dmv"] input[type="search"],
body[data-template^="dmv"] textarea,
body[data-template^="dmv"] select {
	background-color: var(--dmv-input);
	border: 1px solid var(--dmv-border);
	color: var(--dmv-text);
	border-radius: 8px;
}
body[data-template^="dmv"] input::placeholder,
body[data-template^="dmv"] textarea::placeholder {
	color: var(--dmv-text-muted);
}

/* Meldungen */
body[data-template^="dmv"] .success {
	color: var(--dmv-green);
}
body[data-template^="dmv"] .dimmed {
	color: var(--dmv-text-muted);
}

/* Dashboard-Modulraster (nutzt die im Plugin gesetzte Klasse) */
body[data-template^="dmv"] .dmvModuleList > li > .button {
	padding: 10px 16px;
}