/* ============================================================
   LifeFolder — Reminders / Ablaufdaten
   ============================================================ */
.rem-groups { display: flex; flex-direction: column; gap: 18px; }

.rem-group { padding: 0; overflow: hidden; }

.rem-group__head { display: flex; align-items: center; gap: 11px; padding: 14px 18px; border-bottom: 1px solid var(--color-line); }
.rem-group__icon { width: 34px; height: 34px; flex: none; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.rem-group__head--urgent  .rem-group__icon { background: var(--status-urgent-bg); color: var(--status-urgent-fg); }
.rem-group__head--review  .rem-group__icon { background: var(--status-review-bg); color: var(--status-review-fg); }
.rem-group__head--neutral .rem-group__icon { background: var(--status-valid-bg);  color: var(--color-muted); }
.rem-group__title { font-size: 15px; font-weight: 700; font-family: var(--font-head); }
.rem-group__count { margin-left: auto; font-size: 13px; font-weight: 700; color: var(--color-muted-2); background: var(--color-line-soft); border-radius: 999px; padding: 2px 10px; }

.rem-list { display: flex; flex-direction: column; }
.rem-row { display: flex; align-items: center; gap: 14px; padding: 13px 18px; border-bottom: 1px solid var(--color-line-soft); color: inherit; text-decoration: none; transition: background .12s; }
.rem-row:last-child { border-bottom: none; }
.rem-row:hover { background: var(--color-line-soft); }
.rem-row__icon { width: 38px; height: 38px; flex: none; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.rem-row__main { flex: 1; min-width: 0; }
.rem-row__name { display: block; font-size: 14.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rem-row__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 9px; margin-top: 4px; }
.rem-row__person { font-size: 12.5px; color: var(--color-muted-2); }
.rem-row__date { flex: none; text-align: right; min-width: 96px; }
.rem-row__date-label { display: none; font-size: 11px; color: var(--color-muted-2); }
.rem-row__date-val { font-size: 13px; color: var(--color-muted); font-weight: 600; }
.rem-row__badge { flex: none; }
.rem-row__chevron { flex: none; color: var(--color-muted-2); }

.rem-untracked { display: flex; align-items: center; gap: 8px; margin-top: 16px; font-size: 13px; color: var(--color-muted-2); }
.rem-untracked svg { color: var(--color-muted-2); flex: none; }

@media (max-width: 720px) {
  .rem-row__date { display: none; }
  .rem-row__name { white-space: normal; }
}

/* Dashboard „Alles erledigt"-Variante der Nächster-Schritt-Karte */
.dash-next--clear { background: linear-gradient(180deg, var(--color-selected-soft), var(--color-surface)); }
.dash-next__icon--clear { background: var(--status-valid-bg); color: var(--color-selected); }
a.dash-next__more { display: inline-flex; align-items: center; }
a.dash-next__more:hover { color: var(--color-selected); text-decoration: underline; }