/**
 * Anvil Schlachtberichte -- Formular und Ergebnis.
 *
 * Farben ausschliesslich ueber die CSS-Variablen des Themes. Ein hartkodierter
 * Wert waere in sieben der acht Farbschemata falsch.
 */

.asb-formular {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 1.5rem 0;
}

.asb-feld {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	margin: 0;
	min-width: 14rem;
	flex: 1 1 14rem;
}

.asb-feld label {
	font-size: 0.9em;
	color: var(--text-muted, inherit);
}

.asb-formular select,
.asb-formular input[type="text"] {
	padding: 0.4rem 0.5rem;
	background: var(--bg-body);
	color: var(--text-body);
	border: 1px solid var(--border);
}

.asb-formular select[disabled] {
	opacity: 0.55;
}

/* Schrift auf Akzent: --on-accent, das gepruefte Paar (seit 0.8.8). */
.asb-knopf {
	padding: 0.5rem 1.1rem;
	background: var(--accent);
	color: var(--on-accent, var(--bg-body));
	border: 1px solid var(--accent);
	cursor: pointer;
}

.asb-knopf[disabled] {
	opacity: 0.6;
	cursor: default;
}

.asb-ergebnis {
	flex: 1 1 100%;
	margin-top: 0.5rem;
}

/*
 * Ohne diese Regel bliebe der Kasten als leerer Rahmen stehen, solange nichts
 * darin steht -- derselbe Fall wie bei der Hinweiskarte der Schmiede.
 */
.asb-ergebnis:empty {
	display: none;
}

.asb-ergebnis.ist-laedt {
	color: var(--text-muted, inherit);
}

.asb-ergebnis.ist-fehler {
	color: var(--accent);
}

.asb-ergebnis.ist-fertig {
	border-left: 3px solid var(--gold, var(--accent));
	padding-left: 0.9rem;
}

.asb-ausbau {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	margin-top: 1rem;
}

.asb-hinweis {
	padding: 0.9rem;
	border: 1px solid var(--border);
}