/* =========================================================
   Calendar active-date underline - safe patch
   Replaces the purple date circle with an underline without
   changing the calendar grid/header structure.
   Scoped to #scheduleTab only.
   ========================================================= */

/* Keep the normal date-number sizing for layout consistency, but
   remove the filled circle from active/today dates. */
#scheduleTab .big-calendar-day.today .big-calendar-date-number,
#scheduleTab .big-calendar-day.selected .big-calendar-date-number {
  position: relative !important;
  background: transparent !important;
  color: #6d4df6 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-bottom: 4px !important;
}

#scheduleTab .big-calendar-day.today .big-calendar-date-number::after,
#scheduleTab .big-calendar-day.selected .big-calendar-date-number::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 1px;
  width: 14px;
  height: 2px;
  border-radius: 999px;
  background: #6d4df6;
  transform: translateX(-50%);
  pointer-events: none;
}

/* Give the weather chip a little more room beside the date number,
   without changing the header from the working readable-events layout. */
@media (max-width: 820px) {
  #scheduleTab .big-calendar-day.today .big-calendar-date-number,
  #scheduleTab .big-calendar-day.selected .big-calendar-date-number {
    width: clamp(16px, 5.2vw, 21px) !important;
    min-width: clamp(16px, 5.2vw, 21px) !important;
    height: clamp(17px, 5.2vw, 22px) !important;
    font-size: clamp(9px, 3vw, 12px) !important;
    line-height: 1 !important;
  }

  #scheduleTab .big-calendar-day.today .big-calendar-date-number::after,
  #scheduleTab .big-calendar-day.selected .big-calendar-date-number::after {
    width: clamp(10px, 3.4vw, 13px);
  }
}

body.dark-theme #scheduleTab .big-calendar-day.today .big-calendar-date-number,
body.dark-theme #scheduleTab .big-calendar-day.selected .big-calendar-date-number {
  color: #a996ff !important;
}

body.dark-theme #scheduleTab .big-calendar-day.today .big-calendar-date-number::after,
body.dark-theme #scheduleTab .big-calendar-day.selected .big-calendar-date-number::after {
  background: #a996ff;
}