/*
 * Anvil Forge -- oeffentliches Formular.
 *
 * Keine eigenen Farbwerte: alles aus den Theme-Variablen, damit die acht
 * data-scheme-Slugs greifen.
 */

.afg-schmiede {
	display: grid;
	gap: 2rem;
	margin: 1.5rem 0;
}

.afg-formular {
	border: 1px solid var(--border);
	border-radius: var(--radius-md, 6px);
	background: var(--bg-surface);
	padding: 1.25rem;
}

.afg-formular h3 {
	margin: 0 0 1rem;
	color: var(--gold);
}

.afg-feld {
	display: block;
	margin-bottom: .85rem;
}

.afg-label {
	display: block;
	font-size: .75rem;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--text-muted);
	margin-bottom: .3rem;
}

.afg-feld select,
.afg-feld input {
	width: 100%;
	padding: .5rem .6rem;
	background: var(--bg-body);
	color: var(--text-body, var(--text-muted));
	border: 1px solid var(--border);
	border-radius: var(--radius-sm, 4px);
}

.afg-knopf {
	background: var(--accent);
	color: #fff;
	border: 0;
	border-radius: var(--radius-sm, 4px);
	padding: .6rem 1.4rem;
	cursor: pointer;
	font-size: .85rem;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.afg-knopf:disabled {
	opacity: .55;
	cursor: wait;
}

.afg-ergebnis:empty {
	display: none;
}

.afg-ergebnis {
	margin-top: 1.25rem;
	padding: 1rem;
	border-left: 3px solid var(--border);
	background: var(--bg-body);
}

.afg-ergebnis.ist-fertig {
	border-left-color: var(--gold);
}

.afg-ergebnis.ist-fehler {
	border-left-color: var(--accent);
	color: var(--text-muted);
}

.afg-ergebnis h4 {
	margin: 0 0 .6rem;
	color: var(--gold);
}

.afg-hinweis {
	color: var(--text-muted);
	font-size: .85rem;
}