/* Calendário das sessões da turma (EventCalendar, event-calendar.css) nas cores
   do app: bordas e textos storm, hoje e destaque em primary, ao vivo em primary,
   sob demanda (no prazo) em accent, cancelada apagada e riscada. */
.turma-calendario .ec {
  --ec-border-color: var(--color-storm-100, #edf0f2);
  --ec-today-bg-color: color-mix(in oklab, var(--color-primary, #3d488c) 6%, transparent);
  --ec-highlight-color: color-mix(in oklab, var(--color-primary, #3d488c) 10%, transparent);
  --ec-now-indicator-color: var(--color-error, #e70303);
  --ec-event-bg-color: var(--color-primary, #3d488c);
  --ec-event-text-color: var(--color-primary-content, #fff);
  font-size: 0.875rem;
}

.turma-calendario .ec-toolbar {
  display: none;
}

.turma-calendario .ec-day-head,
.turma-calendario .ec-col-head {
  color: var(--color-storm-500, #6b7a86);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
}

.turma-calendario .ec-other-month {
  color: var(--color-storm-300, #a7b4bd);
}

.turma-calendario .ec-event {
  border-radius: 0.375rem;
  padding: 2px 6px;
  font-weight: 500;
}

.turma-calendario .ec-event.sessao-ao-vivo {
  --ec-event-bg-color: var(--color-primary, #3d488c);
  --ec-event-text-color: var(--color-primary-content, #fff);
}

.turma-calendario .ec-event.sessao-sob-demanda {
  --ec-event-bg-color: color-mix(in oklab, var(--color-accent, #f6932f) 22%, white);
  --ec-event-text-color: var(--color-mirage-500, #1b2430);
  box-shadow: inset 3px 0 0 var(--color-accent, #f6932f);
}

.turma-calendario .ec-event.sessao-cancelada {
  --ec-event-bg-color: var(--color-storm-100, #edf0f2);
  --ec-event-text-color: var(--color-storm-500, #6b7a86);
  text-decoration: line-through;
}

/* O dia selecionado com um clique (session-calendar). */
.turma-calendario .ec-day.dia-selecionado {
  box-shadow: inset 0 0 0 2px var(--color-primary, #3d488c);
  background-color: color-mix(in oklab, var(--color-primary, #3d488c) 8%, transparent);
}

/* Mesmo horário que outra sessão (SessionConflicts): borda amarela. */
.turma-calendario .ec-event.sessao-conflito {
  box-shadow: 0 0 0 2px var(--color-warning, #ffc700);
}

.turma-calendario .ec-draggable {
  cursor: grab;
}

.turma-calendario .ec-event.ec-preview,
.turma-calendario .ec-dragging {
  cursor: grabbing;
}

/* O título do evento é um <h4>; sem isto, herda a cor dos títulos do app. */
.turma-calendario .ec-event-title,
.turma-calendario .ec-event-time {
  color: inherit;
}