/*
 * Konto-Bereich.
 *
 * Bewusst wenig: Farben, Abstände und Knöpfe kommen aus dem Stylesheet des
 * Kerns. Hier steht nur, was es dort noch nicht gibt.
 */

.sdm-main {
	max-width: 60rem;
	margin: 0 auto;
	padding: 1.5rem 1rem 3rem;
}

.sdm-card {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: .6rem;
	padding: 1.25rem 1.25rem .75rem;
	margin-bottom: 1.5rem;
}

.sdm-card--danger {
	border-color: rgba(180, 40, 40, .35);
}

.sdm-notice {
	border-radius: .4rem;
	padding: .75rem 1rem;
	margin: 0 0 1.25rem;
	font-size: .95rem;
	line-height: 1.45;
}

.sdm-notice--ok {
	background: #edf7ed;
	border: 1px solid #b7dfb7;
	color: #1e4620;
}

.sdm-notice--error {
	background: #fdecec;
	border: 1px solid #f0b4b4;
	color: #611a15;
}

.sdm-notice--warn {
	background: #fff7e6;
	border: 1px solid #f0d9a8;
	color: #5a3b00;
}

.sdm-form__field {
	display: flex;
	flex-direction: column;
	gap: .3rem;
	margin: 0 0 1rem;
}

.sdm-form__field label {
	font-weight: 600;
	font-size: .95rem;
}

.sdm-form__field input,
.sdm-form__field select {
	padding: .55rem .7rem;
	border: 1px solid rgba(0, 0, 0, .25);
	border-radius: .35rem;
	font-size: 1rem;
	max-width: 26rem;
}

.sdm-form__hint,
.sdm-form__privacy {
	font-size: .85rem;
	opacity: .8;
	line-height: 1.5;
}

.sdm-form__check {
	margin: 0 0 1rem;
	font-size: .95rem;
	line-height: 1.5;
}

.sdm-form__check input {
	margin-right: .4rem;
}

.sdm-form__actions {
	margin: 1rem 0;
}

.sdm-form--inline {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	align-items: center;
}

.sdm-form--inline input[type="text"] {
	flex: 1 1 18rem;
	padding: .55rem .7rem;
	border: 1px solid rgba(0, 0, 0, .25);
	border-radius: .35rem;
	font-size: 1rem;
}

.sdm-inline {
	display: inline;
}

.sdm-links {
	margin: .5rem 0 0;
	font-size: .95rem;
}

.sdm-logout {
	margin-left: .6rem;
	font-size: .9rem;
}

.sdm-send {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	align-items: center;
	margin-top: 1rem;
}

.sdm-send__hint {
	font-size: .9rem;
	opacity: .8;
}

.sdm-empty {
	padding: 1rem 0;
	opacity: .8;
}

.sdm-crosslink {
	margin-top: 1rem;
	font-size: .95rem;
}

/* Honigtopf: für Menschen unsichtbar, für Screenreader ausgeblendet. */
.sdm-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (prefers-color-scheme: dark) {
	.sdm-card {
		background: rgba(255, 255, 255, .04);
		border-color: rgba(255, 255, 255, .14);
	}
}