/* Staff restrictions remain distinguishable by text as well as color. */
.legend .dot.staff { background: #b31332; border: 2px solid #730d22; }
.event.staff { background: #b31332; border: 2px solid #730d22; border-left-width: 5px; color: #fff; box-shadow: 0 1px 4px #730d2233; }
.event.staff .event-title, .event.staff .event-range { color: #fff; }
.event.staff .event-title { font-weight: 800; }
.event.staff:hover { background: #94102a; }
.staff-access-notice { padding: 12px 14px; border: 1px solid #da98a5; border-left: 4px solid #b31332; border-radius: 10px; background: #fff0f3; color: #781126; text-align: left; }
.staff-access-notice strong, .staff-access-notice span { display: block; }
.staff-access-notice span { margin-top: 4px; font-size: 13px; line-height: 1.5; }
.staff-access-notice.is-hidden, #reservationForm label[hidden] { display: none !important; }
#reservationForm .staff-access-notice { grid-column: 1 / -1; }
#reservationConfirmBody > .staff-access-notice, #modalBody > .staff-access-notice { margin-bottom: 14px; }

.event.staff:not(.compact) .event-title { white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
.event.staff .event-range { word-break: keep-all; }