/* Personal leave changes the date background, never the content's opacity. */
#app [data-calendar-leave-owner] button.lh-personal-off,
#app .oto-fixed-calendar td.oto-date-cell > button.lh-personal-off,
#app .sales-simple .ss-days > button.lh-personal-off {
  background: #eef0f2 !important;
  opacity: 1 !important;
}
#app [data-calendar-leave-owner] button.lh-personal-off > .lh-personal-off-mark {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  color: #565e63 !important;
  -webkit-text-fill-color: #565e63 !important;
  font-family: inherit;
  font-size: 9px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  white-space: nowrap;
  flex-shrink: 0;
}
#app [data-calendar-leave-owner] button.lh-personal-off:focus-visible {
  outline: 2px solid #315946;
  outline-offset: -2px;
}
#app .ss-week-dates button.lh-personal-off {
  flex-wrap: wrap;
}
