/* Learning Center: the only custom CSS. Everything else is Bootstrap classes. */

/* Attendance card: a slim stacked progress bar (present / absent). Bootstrap reads this variable for the bar's height. */
.card-progress {
  --bs-progress-height: 10px;
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

/* The "not sent yet" bar stays at the top while scrolling */
#unsent-ribbon { position: sticky; top: 0; z-index: 1030; margin: 0; border-radius: 0; }