/* nachholen: das Blatt eines verpassten Tages auf „Studium“. Grundbausteine in app.css. */

/* ---------- Tagesblatt des verpassten Tages ---------- */

.nh-fortschritt { display: flex; align-items: center; gap: 12px; margin: 12px 0 4px; }
.nh-fortschritt .balken { flex: 1; }
.nh-werkzeug { margin-top: 8px; align-items: center; gap: 8px; }
.nh-werkzeug .knopf { gap: 6px; }
.nh-werkzeug .knopf svg { width: 12px; height: 12px; }
.nh-fuss { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--linie); }
.nh-fuss .knopf { gap: 6px; }
.nh-fuss:has(> :only-child) { justify-content: flex-end; }

/* Abgeschlossen: Bilanz des Tages */
.nh-fertig-kopf { display: flex; align-items: center; gap: 14px; margin: 4px 0 8px; }
.nh-leer-haken {
  flex: none; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center;
  background: var(--studium); color: #fff;
}
.nh-leer-haken svg { width: 26px; height: 26px; }
.nh-bilanz { list-style: none; margin: 8px 0 0; padding: 0; }
.nh-bilanz li { display: flex; align-items: baseline; gap: 8px; padding: 8px 0; border-top: 1px solid var(--linie); font-size: var(--t-text); }
.nh-bilanz li svg { flex: none; width: 13px; height: 13px; color: var(--studium); transform: translateY(1px); }
.nh-bilanz b { font-weight: 600; }
.nh-ausgelassen { margin: 10px 0 0; }