/* Eingang der Trainerabrechnung im Frontend. */

.ta-fe.ta-eg {
	--ta-blau: #1f4e79;
	--ta-blau-hell: #2e6da4;
	--ta-rahmen: #d8dee6;
	--ta-flaeche: #ffffff;
	--ta-grau: #f5f7fa;
	--ta-text: #22282f;
	--ta-leise: #64717f;
	--ta-gruen: #2f7d32;
	--ta-rot: #b3261e;
	--ta-radius: 10px;
	color: var(--ta-text);
	font-size: 15px;
}

.ta-eg .ta-filter {
	align-items: flex-end;
	background: var(--ta-grau, #f5f7fa);
	border: 1px solid var(--ta-rahmen, #d8dee6);
	border-radius: var(--ta-radius, 10px);
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 16px;
	padding: 12px;
}

.ta-eg .ta-filter label {
	display: block;
}

.ta-eg .ta-filter label span {
	display: block;
	font-size: 13px;
	margin-bottom: 3px;
}

.ta-eg .ta-filter input,
.ta-eg .ta-filter select {
	border: 1px solid var(--ta-rahmen, #d8dee6);
	border-radius: 6px;
	font: inherit;
	padding: 6px 8px;
}

.ta-eg .ta-tabelle td .ta-leise {
	display: block;
}

.ta-status-marke {
	border-radius: 999px;
	display: inline-block;
	font-size: 12px;
	padding: 3px 9px;
	white-space: nowrap;
}

.ta-status-marke.status-entwurf {
	background: #eceff3;
	color: #4b5563;
}

.ta-status-marke.status-eingegangen,
.ta-status-marke.status-in_pruefung {
	background: #e3edf7;
	color: #1f4e79;
}

.ta-status-marke.status-rueckfrage {
	background: #fff4d6;
	color: #8a6100;
}

.ta-status-marke.status-geprueft {
	background: #e6f0ff;
	color: #2e6da4;
}

.ta-status-marke.status-ausgezahlt {
	background: #e8f4ea;
	color: #2f7d32;
}

.ta-status-marke.status-abgelehnt {
	background: #fbe9e7;
	color: #b3261e;
}

.ta-daten {
	display: grid;
	grid-template-columns: 180px 1fr;
	margin: 0;
}

.ta-daten dt {
	color: var(--ta-leise, #64717f);
	padding: 4px 0;
}

.ta-daten dd {
	margin: 0;
	padding: 4px 0;
}

.ta-schritte,
.ta-verlauf,
.ta-rueckfragen {
	margin: 0;
	padding-left: 18px;
}

.ta-schritte li,
.ta-verlauf li,
.ta-rueckfragen li {
	margin-bottom: 6px;
}

.ta-rueckfragen {
	list-style: none;
	padding-left: 0;
}

.ta-schritt-genehmigt {
	color: var(--ta-gruen, #2f7d32);
}

.ta-schritt-abgelehnt {
	color: var(--ta-rot, #b3261e);
}

.ta-schritt-aktuell {
	font-weight: 600;
}

.ta-entscheidung p {
	margin: 0;
}

/*
 * Schaltflächen der Entscheidungskarte: 15px Abstand waagerecht und, wenn
 * die Reihe umbricht, auch senkrecht.
 */
.ta-entscheidung .ta-knopfreihe {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin: 0;
}

.ta-entscheidung .ta-knopfreihe > .ta-btn {
	margin: 0;
}

.ta-fehler {
	color: #b3261e;
}

/* Hinweis im Fenster „Vorgang abgeben“: Ladezustand, Fehler und leere Liste. */
.ta-hinweis {
	color: var(--ta-leise, #64717f);
	margin: -0.4rem 0 0.8rem;
}

.ta-dialog .ta-btn[disabled] {
	cursor: not-allowed;
	opacity: 0.55;
}

@media (max-width: 640px) {
	.ta-daten {
		grid-template-columns: 1fr;
	}

	.ta-eg .ta-filter {
		align-items: stretch;
		flex-direction: column;
	}
}