.calendar-shell .fc {
  --fc-border-color: rgb(0 0 0 / 0.08);
  --fc-today-bg-color: rgb(29 29 57 / 0.04);
  --fc-event-border-color: transparent;
  font-family: "Lexend Deca", ui-sans-serif, system-ui, sans-serif;
}

.calendar-shell .fc .fc-toolbar-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #101828;
}

.calendar-shell .fc .fc-button {
  background: #fff;
  border: 1px solid rgb(0 0 0 / 0.1);
  color: #101828;
  font-size: 0.8125rem;
  font-weight: 500;
  text-transform: capitalize;
  box-shadow: none;
}

.calendar-shell .fc .fc-button:hover {
  background: #f9fafb;
}

.calendar-shell .fc .fc-button-primary:not(:disabled).fc-button-active,
.calendar-shell .fc .fc-button-primary:not(:disabled):active {
  background: #1d1d39;
  border-color: #1d1d39;
  color: #fff;
}

.calendar-shell .fc-event {
  border-radius: 6px;
  padding: 1px 4px;
  font-size: 0.75rem;
  cursor: pointer;
}

.calendar-shell .fc-event-task {
  background-color: #0ea5e9;
  border-color: #0ea5e9;
}

.calendar-shell .fc-event-system {
  background-color: #8b5cf6;
  border-color: #8b5cf6;
}

.calendar-shell .fc-event-reminder {
  background-color: #f59e0b;
  border-color: #f59e0b;
}

.calendar-shell .fc-event-milestone {
  background-color: #10b981;
  border-color: #10b981;
}