/* MyAlerts — Kopfsymbol, Modal und Liste */

/* Ungelesene Hinweise tragen Helligkeit, nicht Rot. */
.newAlerts > a,
.alerts--new a { color: var(--md-ink); }

.usercp_nav_myalerts,
.usercp_nav_myalerts_delete_all,
.usercp_nav_myalerts_delete_read { background: none !important; }

#myalerts_alerts_modal { width: auto; }

.md-alerts__list { margin: 1.2rem 0 0; width: 100%; border-collapse: collapse; }
.md-alerts__row td { padding: .75rem 0; border-top: 1px solid var(--md-rule-hair); vertical-align: top; }
.md-alerts__row:first-child td { border-top: 0; }
.md-alerts__row--empty td { padding: 1.5rem 0; text-align: center; color: var(--md-ink-faint); }

.md-alerts__av { width: 46px; padding-right: .95rem !important; }
.md-alerts__av img {
	display: block;
	width: 42px; height: 42px;
	object-fit: cover;
	padding: 2px;
	border: 1px solid var(--md-rule-hair);
	filter: var(--md-photo-filter);
}

.md-alerts__body { min-width: 0; }
.md-alerts__body > a { color: var(--md-ink-dim); transition: color .25s ease; }
.md-alerts__body > a:hover { color: var(--md-ink); }
.md-alerts__when {
	display: block;
	margin-top: .2rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}

.md-alerts__acts { width: 5.5rem; text-align: right; white-space: nowrap; }
.md-alerts__acts a {
	display: inline-block;
	margin-left: .7rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
	transition: color .25s ease;
}
.md-alerts__acts a:hover { color: var(--md-ink); }

/* Gelesen heisst zurueckgenommen, nicht ausgegraut mit Flaeche. */
.alert--read .md-alerts__body > a { color: var(--md-ink-faint); }
.alert--read.alert { opacity: 1; }

.md-alerts__foot {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: .6rem 1.5rem;
	margin-top: 1.4rem;
	padding-top: 1.1rem;
	border-top: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-alerts__group { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.1rem; }
.md-alerts__group a { transition: color .25s ease; }
.md-alerts__group a:hover { color: var(--md-ink); }
.md-alerts__group label { display: flex; align-items: center; gap: .45rem; cursor: pointer; }
.md-alerts__group input[type="checkbox"] { accent-color: var(--md-accent); }

/* Volle Seite: dieselben Bausteine wie im Modal, nur im Blatt */
.md-cp .md-alerts__list,
.md-cp .md-alerts__foot { margin-top: 0; }
.md-alerts__foot--top {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 1.1rem;
	border-top: 0;
	border-bottom: 1px solid var(--md-rule-hair);
}
.md-alerts__pages { display: flex; justify-content: flex-end; }
.md-alerts__pages:empty { display: none; }
.md-alerts__row--more td {
	padding: 1.1rem 0 0;
	border-top: 1px solid var(--md-rule-hair);
	text-align: center;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-alerts__row--more a { color: inherit; }
.md-alerts__row--more a:hover { color: var(--md-ink); }