/* Scope is ONLY quick-date cards. No stage, page, trigger or rail background.
   Frost is translucent tint + real backdrop blur, never whole-card opacity.
   No opaque fallback: unsupported blur still keeps the translucent surface. */
/* Clear-coat finish: exactly 50% alpha in each colored gradient stop.
   Reflection is a separate surface layer, never opacity on text or selector. */
.planPage[data-calendar-material="reference"] .planningCalendar button.day {
  background:linear-gradient(135deg,rgba(96,144,177,.5),rgba(37,77,117,.5) 52%,rgba(111,172,205,.5));
  color:#193b4d;border-color:#ffffff8c;
  box-shadow:inset 0 1px 0 #ffffffcc,inset 1px 0 0 #ffffff40,inset 0 -2px 3px #163b5326,0 4px 8px #29465a20;
  backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);
}
.planPage[data-calendar-material="reference"] .planningCalendar button.day.today {
  background:linear-gradient(135deg,rgba(114,228,157,.5),rgba(32,151,92,.5) 52%,rgba(150,244,177,.5));
}
.planPage[data-calendar-material="reference"] .planningCalendar button.day.future {
  background:linear-gradient(135deg,rgba(255,208,92,.5),rgba(219,147,24,.5) 52%,rgba(255,224,137,.5));
}
/* A broad clear-coat reflection replaces the old curved paper-like cap. */
.planPage[data-calendar-material="reference"] .planningCalendar button.day::before {
  content:"";position:absolute;inset:1px;height:auto;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(155deg,#ffffff94 0%,#ffffff38 24%,#ffffff05 44%,transparent 45%,#ffffff00 70%,#ffffff25 100%);
  box-shadow:inset 0 1px 1px #ffffffb3;
}
.planPage[data-calendar-material="reference"] .planningCalendar button.day.selected {filter:none}
.planPage[data-calendar-material="reference"] .planningCalendar button.day .calendarDayWeekday {
  color:#176686;font-weight:700;text-shadow:none;filter:drop-shadow(0 1px 0 #ffffff60);
}
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
  .planPage[data-calendar-material="reference"] .planningCalendar button.day .calendarDayWeekday {
    background:linear-gradient(105deg,#126779,#2352a1);
    background-clip:text;-webkit-background-clip:text;color:transparent;
  }
}
.planPage[data-calendar-material="reference"] .planningCalendar button.day .calendarDayDate,
.planPage[data-calendar-material="reference"] .planningCalendar button.day .calendarDayMeta {color:#25465a;text-shadow:0 1px 0 #ffffff60}
@media(forced-colors:active) {
  .planPage[data-calendar-material="reference"] .planningCalendar button.day {background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none;backdrop-filter:none}
  .planPage[data-calendar-material="reference"] .planningCalendar button.day::before {display:none}
  .planPage[data-calendar-material="reference"] .planningCalendar button.day span {background:none!important;color:CanvasText!important;filter:none!important;text-shadow:none!important}
}