/* Event (per-cell, if used) */
.event {
  font-size: .75em;
  padding: .1em .3em;
  margin: .1em 0;
  border-radius: .2em;
  color: white;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: calc(100% - .5em);
  line-height: 1.2;
  cursor: pointer;
  z-index: 5;
}
.event:hover { opacity: .8 }

/* Spanning events in the overlay (grid-positioned, not absolutely measured) */
.event-span {
  font-size: .75em;
  padding: 0 .5em;
  border-radius: .4em;
  color: white;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  height: 1.2em;
  align-self: center;     /* vertically center within the overlay row */
  justify-self: stretch;  /* stretch across chosen grid columns */
  pointer-events: auto;   /* clickable despite overlay having none */
  z-index: 1;
}