/* Phone Course Schedule: which day the list shows, and a way back to today ---------------- */

.m-day-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 2px 12px;
}

.m-day-title { display: flex; flex-direction: column; min-width: 0; }
.m-day-title strong { font-size: 17px; line-height: 1.25; color: var(--text); }
.m-day-title span { font-size: 12.5px; color: var(--text-muted); }

.m-today { flex: 0 0 auto; gap: 6px; min-height: 32px; padding: 0 12px; border-radius: 999px; }

/* Quizzes (from the Quiz view) on the Clock, the Schedule and the Upcoming cards ----------- */

.event-block.type-quiz,
.m-event.type-quiz { --bg: var(--ev-quiz-bg); --bar: var(--ev-quiz-bar); --title: var(--ev-quiz-title); }
.upcoming-item.type-quiz { --bar: var(--ev-quiz-bar); --title: var(--ev-quiz-title); }
.more-item.type-quiz { --bar: var(--ev-quiz-bar); }
.due-chip.type-quiz { border-left-color: var(--ev-quiz-bar); background: var(--ev-quiz-bg); color: var(--ev-quiz-title); }
.due-chip.type-quiz .icon { color: var(--ev-quiz-bar); }

/* A quiz keeps its pencil at every block size, so it never passes for a class with the same name */
.event-block.type-quiz .n .icon,
.cal-week-wrap .event-block.type-quiz.is-split .n .icon { display: inline-block; color: var(--ev-quiz-bar); }