/* Preserve the existing day/today/week selection; shift hints are a second layer. */
.is-personal-calendar .calendar-day { position: relative; }
.is-personal-calendar .calendar-day.is-personal-working:not(.is-selected):not(.is-week-range) {
  background: var(--primary-soft);
}
.is-personal-calendar .calendar-day.is-personal-working::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: calc(50% - 2px);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--primary-dark);
  pointer-events: none;
}
.is-personal-calendar .calendar-day.is-personal-working.is-selected:not(.is-week-range)::after { background: #fff; }
.is-personal-calendar .calendar-day.is-muted { opacity: .6; }
.personal-calendar-status { margin: 8px 0 0; color: var(--text-secondary); font-size: var(--font-size-xs); line-height: var(--line-normal); }
.personal-calendar-status button { padding: 4px; border: 0; color: var(--primary-dark); background: transparent; font: inherit; text-decoration: underline; cursor: pointer; }