/**
 * Internes Postfach: Setkarten-Dialog (dunkel wie die Setkarte) und
 * Postfachansicht (neutral wie die übrigen Kontoseiten).
 */

/* ---------------------------------------------------- Dialog auf der Setkarte */
.dsmdb-msg-dialog {
	border: 0;
	padding: 0;
	background: transparent;
	max-width: min(560px, 92vw);
	color: #f2f2f2;
}
.dsmdb-msg-dialog::backdrop {
	background: rgba(0, 0, 0, .6);
}
.dsmdb-msg-dialog__panel {
	position: relative;
	padding: 1.35rem 1.4rem 1.5rem;
	background: #1f1f1f;
	border: 1px solid #333;
	border-radius: 6px;
}
.dsmdb-msg-dialog__close {
	position: absolute;
	top: .4rem;
	right: .6rem;
	padding: .2rem .4rem;
	border: 0;
	background: transparent;
	color: #aaa;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
}
.dsmdb-msg-dialog__close:hover {
	color: #fff;
}
.dsmdb-msg-kicker {
	margin: 0 0 .3rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	font-size: 11px;
	color: #9a9a9a;
}
.dsmdb-msg-dialog h2 {
	/* Das Theme färbt Überschriften dunkel — im dunklen Dialog verschwinden sie. */
	margin: 0 0 .7rem;
	color: #f5f5f5;
	font-size: 1.2rem;
	line-height: 1.25;
}
.dsmdb-msg-lead {
	margin: 0 0 1rem;
	font-size: .92rem;
	line-height: 1.5;
	color: #c9c9c9;
}
.dsmdb-msg-form label {
	display: block;
	margin: .9rem 0 .3rem;
	letter-spacing: .06em;
	font-size: .85rem;
	text-transform: uppercase;
	color: #9a9a9a;
}
.dsmdb-msg-form input[type="text"],
.dsmdb-msg-form textarea {
	width: 100%;
	padding: .65rem .75rem;
	border: 1px solid #3a3a3a;
	border-radius: 3px;
	background: #141414;
	color: #f2f2f2;
	font: inherit;
	line-height: 1.5;
}
.dsmdb-msg-form textarea {
	resize: vertical;
	min-height: 8rem;
}
.dsmdb-msg-form input:focus,
.dsmdb-msg-form textarea:focus {
	outline: 2px solid var(--hct-accent, #c9a24a);
	outline-offset: 1px;
}
.dsmdb-msg-status {
	margin: .8rem 0 0;
	min-height: 1.2em;
	font-size: .9rem;
}
.dsmdb-msg-status.is-err {
	color: #e88;
}
.dsmdb-msg-status.is-ok {
	color: #7ddba0;
}
.dsmdb-msg-actions,
.dsmdb-msg-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .8rem;
	margin-top: .6rem;
}
.dsmdb-msg-dialog .dsmdb-acc-btn {
	margin: .4rem 0;
}
.dsmdb-msg-link {
	color: #9a9a9a;
	font-size: .9rem;
}
.dsmdb-msg-form[aria-busy="true"] {
	opacity: .6;
	pointer-events: none;
}

/* ------------------------------------------------------------ Postfachansicht */
.dsmdb-mail {
	max-width: 46rem;
}
.dsmdb-mail-empty {
	margin: 1rem 0;
	padding: 1rem 1.1rem;
	border: 1px dashed currentColor;
	opacity: .8;
}
.dsmdb-mail-crumb {
	margin: 0 0 .6rem;
	font-size: .9rem;
	opacity: .75;
}
.dsmdb-mail-partner {
	margin: 0 0 1.2rem;
	font-size: .92rem;
	opacity: .8;
}
.dsmdb-mail-list {
	margin: 0 0 1.6rem;
	padding: 0;
	list-style: none;
	border-top: 1px solid currentColor;
}
.dsmdb-mail-row {
	border-bottom: 1px solid currentColor;
}
.dsmdb-mail-row > a {
	display: block;
	padding: .85rem .2rem;
	color: inherit;
	text-decoration: none;
}
.dsmdb-mail-row > a:hover,
.dsmdb-mail-row > a:focus-visible {
	background: rgba(127, 127, 127, .12);
}
.dsmdb-mail-row__who {
	display: block;
	letter-spacing: .06em;
	text-transform: uppercase;
	font-size: .88rem;
}
.dsmdb-mail-row.is-unread .dsmdb-mail-row__who {
	font-weight: 700;
}
.dsmdb-mail-row__subject {
	display: block;
	margin: .2rem 0;
}
.dsmdb-mail-row.is-unread .dsmdb-mail-row__subject {
	font-weight: 600;
}
.dsmdb-mail-row__meta {
	display: block;
	font-size: .82rem;
	opacity: .7;
}
.dsmdb-mail-badge {
	display: inline-block;
	margin-left: .4rem;
	padding: .05rem .45rem;
	background: var(--hct-accent, #c9a24a);
	color: var(--hct-bg, #111);
	border-radius: 999px;
	font-size: .72rem;
	font-style: normal;
	letter-spacing: .04em;
	text-transform: none;
	vertical-align: .1em;
}
.dsmdb-mail-thread {
	margin: 0 0 1.6rem;
	padding: 0;
	list-style: none;
}
.dsmdb-mail-msg {
	margin: 0 0 .9rem;
	padding: .8rem .95rem;
	border: 1px solid currentColor;
	border-left-width: 3px;
}
.dsmdb-mail-msg.is-mine {
	border-left-color: var(--hct-accent, #c9a24a);
	background: rgba(127, 127, 127, .08);
}
.dsmdb-mail-msg__head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: .3rem .8rem;
	margin: 0 0 .45rem;
	font-size: .82rem;
	opacity: .75;
}
.dsmdb-mail-msg__head strong {
	letter-spacing: .06em;
	text-transform: uppercase;
}
.dsmdb-mail-msg__body {
	line-height: 1.55;
	overflow-wrap: anywhere;
}
.dsmdb-mail-form textarea {
	width: 100%;
	max-width: 100%;
	padding: .7rem .8rem;
	border: 1px solid currentColor;
	background: transparent;
	color: inherit;
	font: inherit;
	line-height: 1.5;
	resize: vertical;
}
.dsmdb-mail-form input[type="text"] {
	max-width: 100%;
}
.dsmdb-mail-drop {
	margin: 0 0 1rem;
}
.dsmdb-mail-drop__btn {
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	font-size: .85rem;
	opacity: .6;
	text-decoration: underline;
	cursor: pointer;
}
.dsmdb-mail-drop__btn:hover {
	opacity: 1;
}

/* ------------------------------------------------------------------- Schmal */
@media (max-width: 640px) {
	.dsmdb-msg-dialog {
		max-width: 100vw;
		width: 100vw;
		margin: auto 0 0;
	}
	.dsmdb-msg-dialog__panel {
		border-radius: 6px 6px 0 0;
		padding: 1.1rem 1rem 1.3rem;
	}
	.dsmdb-msg-actions,
	.dsmdb-msg-cta {
		flex-direction: column;
		align-items: stretch;
	}
	.dsmdb-msg-actions .dsmdb-acc-btn,
	.dsmdb-msg-cta .dsmdb-acc-btn {
		display: block;
		width: 100%;
		text-align: center;
	}
	.dsmdb-mail,
	.dsmdb-mail-form textarea,
	.dsmdb-mail-form input[type="text"] {
		max-width: 100%;
	}
	.dsmdb-mail-msg__head {
		flex-direction: column;
	}
	.dsmdb-mail-form .dsmdb-acc-btn {
		display: block;
		width: 100%;
		text-align: center;
	}
}