/* The root event element exists in all views (.fc-event). Make it a positioning context. */
.fc .fc-event { position: relative; }

/* Pending → orange */
.fc .fc-event.is-pending::after {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 4px;
  background: #ff8a00;
  pointer-events: none;
  border-radius: 0 2px 2px 0;
  z-index: 2;
}

/* Confirmed → green (optional) */
.fc .fc-event.is-confirmed::after {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 4px;
  background: #006633;
  pointer-events: none;
  border-radius: 0 2px 2px 0;
  z-index: 2;
}

/* Cancelled → red (optional) */
.fc .fc-event.is-cancelled::after {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 4px;
  background: #dc3545;
  pointer-events: none;
  border-radius: 0 2px 2px 0;
  z-index: 2;
}