.calendar-legends{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.calendar-type-legend{display:flex;align-items:center;gap:12px;margin:10px 0;font-size:10px;font-weight:800}.calendar-type-legend .lesson-key{color:var(--green)}.calendar-type-legend .activity-key{color:#a25d0d}.calendar-type-legend .assessment-key{color:#65439a}.calendar-content-event{display:flex;flex-direction:column;gap:2px;margin-bottom:7px;padding:7px;border-left:4px solid;border-radius:8px;color:inherit;text-decoration:none;box-shadow:0 2px 7px #17342c0b}.calendar-content-event>span,.week-content-event>span{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.calendar-content-event strong{font-size:11px;line-height:1.25}.calendar-content-event small,.calendar-content-event time{font-size:8px;color:var(--muted)}.activity-event{border-left-color:#d98a28!important;background:#fff7e9!important}.activity-event>span{color:#a25d0d}.assessment-event{border-left-color:#8061ae!important;background:#f5f0fc!important}.assessment-event>span{color:#65439a}.week-content-event{--lesson-color:#d98a28}.week-content-event.assessment-event{--lesson-color:#8061ae}.week-content-event>span{margin-bottom:2px}.dashboard-week>.calendar-type-legend{justify-content:flex-end;margin:8px 0 -2px}@media(max-width:900px){.calendar-legends{align-items:flex-start;flex-direction:column;gap:0}.dashboard-week>.calendar-type-legend{justify-content:flex-start}}

/* Legenda do calendário mensal: grupos claros e texto legível. */
.calendar-legends {
  gap: 12px 24px;
  margin: 12px 0;
  padding: 12px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.calendar-legends .calendar-type-legend,
.calendar-legends .shift-legend {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
}
.calendar-legends .calendar-type-legend > strong,
.calendar-legends .shift-legend > strong {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.calendar-legends .calendar-type-legend > span { white-space: nowrap; }
.calendar-legends .shift-chip { padding: 6px 9px; font-size: 11px; }
@media (max-width: 900px) {
  .calendar-legends { align-items: flex-start; }
}