#calendar .day-cell {
  background: var(--surface-color);
  border: 1px solid rgba(0, 0, 0, 0.05);
  min-height: 120px;
  padding: 8px;
  font-size: 0.85rem;
  position: relative;
}

#calendar .day-cell .date-num {
  font-weight: bold;
  font-size: 0.9rem;
}

#calendar .event {
  margin-top: 4px;
  font-size: 0.75rem;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 2px 4px;
  border-radius: 4px;
  display: block;
  text-decoration: none;
}

#calendar .inactive {
  opacity: 0.3;
}
#ph-cal.d-flex {
  display: block !important;
}