/* Benachrichtigungen (Konto → Benachrichtigungen) und Fristen-Radar (Detailseite, Startseite) */

.push-state { margin: 0 0 var(--s-space-3); color: var(--s-text-2); }
.push-state .icon { vertical-align: -3px; }

.device-list { list-style: none; margin: var(--s-space-2) 0 var(--s-space-4); padding: 0; display: grid; gap: var(--s-space-2); }
.device-list__item {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-space-2);
  padding: var(--s-space-2) var(--s-space-3); border: 1px solid var(--s-border); border-radius: var(--s-radius);
}

.deadline-suggestion__context { color: var(--s-text-2); }
.deadline-suggestion__actions { margin-top: var(--s-space-2); }
/* Grauer Hinweistext auf dem farbigen Info-Grund unterschreitet im Dunkeln 4.5:1 – Textfarbe des Hinweises übernehmen */
.deadline-suggestion .hint { color: inherit; }
/* Touch-Ziele auf dem Handy mindestens 44 px (DESIGN_SYSTEM.md §7) */
@media (max-width: 767.98px) {
  .deadline-suggestion__actions .btn, .device-list__item .btn { min-height: 44px; }
}

.upcoming-deadlines { margin-bottom: var(--s-space-4); }
.upcoming-deadlines__list { list-style: none; margin: var(--s-space-2) 0 0; padding: 0; display: grid; gap: var(--s-space-1); }
.upcoming-deadlines__item {
  display: flex; align-items: center; justify-content: space-between; gap: var(--s-space-4);
  min-height: 44px; padding: var(--s-space-1) var(--s-space-2); border-radius: var(--s-radius);
}
.upcoming-deadlines__item a { min-width: 0; overflow-wrap: anywhere; }
.upcoming-deadlines__item time { flex: none; color: var(--s-text-2); font-variant-numeric: tabular-nums; }
.upcoming-deadlines__item--soon time { color: var(--s-accent-text); font-weight: 600; }