/* The approved daily-record concept: smoked/pearl glass, one date and clear
   editorial rows. All new effects are local to the open dialog. */
#scheduleDayDialog {
  --day-ink:#f1edf6;--day-muted:#c0b6cd;--day-line:#c9b7dc33;
  --day-personal:#c7a0f4;--day-collab:#7ddcc3;--day-commerce:#f0c27d;--day-off:#b5b9c7;
  --day-control:linear-gradient(145deg,#ddc8ee16,#b59bc51b 60%,#c39be629);
  --day-control-line:#cab5dd61;--day-focus:#d9b7fa;
  display:none;position:fixed;inset:0;margin:auto;width:560px;max-width:calc(100% - 32px);
  max-height:min(84dvh,760px);padding:0;box-sizing:border-box;overflow:hidden;
  border:1px solid #cfb7e76b;border-radius:20px;color:var(--day-ink);
  background:radial-gradient(ellipse 90% 55% at 0 0,#b48edb24,transparent 76%),radial-gradient(ellipse 70% 35% at 100% 100%,#b98ede20,transparent 75%),linear-gradient(145deg,#302b39f8,#23212bf7 58%,#2d2735fa);
  box-shadow:inset 0 1px 0 #f5e5ff48,inset 1px 0 2px #d0a9ec29,inset 0 -1px 0 #dfb8ff75,0 24px 80px #08060f66;
  font:400 14px/1.6 var(--font-ui);text-align:left;color-scheme:dark;
  transform:translateY(0);isolation:isolate;
}
#scheduleDayDialog[open]{display:flex;flex-direction:column;will-change:transform;}
#scheduleDayDialog::before{
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:2;
  box-shadow:inset 12px 12px 24px -25px #edcaff,inset -12px -13px 26px -23px #dfb4ff;
}
#scheduleDayDialog::backdrop{background:#100f1c66;backdrop-filter:blur(6px);animation:day-backdrop-in 180ms ease-out both;}
#scheduleDayDialog.is-closing::backdrop{animation:day-backdrop-out 120ms ease-in both;}
@keyframes day-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes day-backdrop-out{from{opacity:1}to{opacity:0}}
#scheduleDayDialog .day-detail-heading{display:flex;flex:none;align-items:flex-start;justify-content:space-between;gap:16px;padding:30px 28px 0 32px;}
#scheduleDayDialog .day-detail-date{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;min-width:0;padding-top:1px;}
#scheduleDayDialog h2{margin:0;font:600 32px/1.4 var(--font-ui);letter-spacing:-.04em;color:var(--day-ink);white-space:nowrap;}
#scheduleDayDialog .day-detail-date p{margin:0;padding-left:18px;border-left:1px solid var(--day-line);font:400 14px/1.5 var(--font-ui);color:var(--day-muted);white-space:nowrap;}
#scheduleDayDialog button,#scheduleDayDialog a{font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;}
#scheduleDayDialog svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none;}
#scheduleDayDialog .day-detail-close{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid var(--day-control-line);border-radius:12px;background:var(--day-control);color:var(--day-ink);box-shadow:inset 0 1px #f6eaff21;cursor:pointer;transition:background-color 140ms ease,border-color 140ms ease,transform 140ms ease;}
#scheduleDayDialog .day-detail-body{position:relative;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b093c55c transparent;padding:24px 32px 30px;outline:none;}
#scheduleDayDialog .day-detail-session{margin:0;scroll-margin-top:24px;}
#scheduleDayDialog .day-detail-session+.day-detail-session{margin-top:32px;padding-top:28px;border-top:1px solid var(--day-line);}
#scheduleDayDialog .day-session-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding-bottom:22px;border-bottom:1px solid var(--day-line);}
#scheduleDayDialog .day-session-heading h3{margin:0;font:600 16px/1.5 var(--font-ui);color:var(--day-ink);}
#scheduleDayDialog .day-session-clock{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid var(--day-line);color:var(--day-ink);font-size:16px;line-height:24px;font-variant-numeric:tabular-nums;}
#scheduleDayDialog .day-session-sub{display:inline-flex;align-items:center;gap:5px;color:var(--day-muted);font-size:11px;line-height:18px;}
#scheduleDayDialog .day-session-sub img{width:16px;height:16px;object-fit:contain;}
#scheduleDayDialog .day-detail-list{list-style:none;margin:0;padding:0;}
#scheduleDayDialog .day-detail-item{--row-color:var(--day-personal);margin:0;padding:0;border-bottom:1px solid var(--day-line);}
#scheduleDayDialog .day-detail-item[data-kind=collab]{--row-color:var(--day-collab);}
#scheduleDayDialog .day-detail-item[data-kind=commerce]{--row-color:var(--day-commerce);}
#scheduleDayDialog .day-detail-item[data-kind=off]{--row-color:var(--day-off);}
#scheduleDayDialog .day-item-line{display:grid;grid-template-columns:4px minmax(0,1fr) auto;align-items:center;column-gap:18px;min-height:68px;padding:16px 3px 16px 5px;}
#scheduleDayDialog .day-item-mark{width:4px;height:24px;border-radius:2px;background:var(--row-color);box-shadow:inset 1px 0 #ffffff45;}
#scheduleDayDialog h4{margin:0;min-width:0;overflow-wrap:anywhere;word-break:keep-all;font:500 18px/1.55 var(--font-ui);letter-spacing:-.025em;color:var(--day-ink);}
#scheduleDayDialog .day-item-kind{font-size:12px;line-height:1.5;color:var(--day-muted);white-space:nowrap;}
#scheduleDayDialog .day-detail-people{padding:0 0 18px 27px;}
#scheduleDayDialog .day-detail-people p{margin:0 0 9px;font-size:11px;color:var(--day-muted);}
#scheduleDayDialog .day-detail-people>div{display:flex;flex-wrap:wrap;gap:8px 12px;}
#scheduleDayDialog .day-detail-person{display:inline-flex;align-items:center;gap:7px;min-height:36px;max-width:100%;padding:2px 6px 2px 0;border-radius:18px;color:var(--day-ink);text-decoration:none;font-size:12px;line-height:1.5;}
#scheduleDayDialog .day-detail-person>span:last-child{overflow-wrap:anywhere;}
#scheduleDayDialog .day-person-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid var(--day-line);border-radius:50%;overflow:hidden;background:#a891ba16;font-size:10px;}
#scheduleDayDialog .day-person-avatar img{width:100%;height:100%;object-fit:cover;}
#scheduleDayDialog .day-detail-vod{display:flex;align-items:center;gap:12px;min-height:54px;margin-top:24px;padding:12px 18px;border:1px solid var(--day-control-line);border-radius:14px;background:var(--day-control);box-shadow:inset 0 1px #fff1ff26,0 3px 9px #0b071d15;color:var(--day-ink);font-size:16px;font-weight:500;text-decoration:none;transition:border-color 140ms ease,background-color 140ms ease,transform 140ms ease;}
#scheduleDayDialog .day-detail-vod svg:last-child{margin-left:auto;}
#scheduleDayDialog :is(button,a):focus-visible{outline:2px solid var(--day-focus);outline-offset:3px;}
#scheduleDayDialog :is(.day-detail-close,.day-detail-vod):active{transform:translateY(1px);}
#scheduleDayDialog .day-detail-empty{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:30px 6px 34px;color:var(--day-muted);}
#scheduleDayDialog .day-detail-empty svg{width:32px;height:32px;stroke-width:1.2;}
#scheduleDayDialog .day-detail-empty p,#scheduleDayDialog .day-session-empty{margin:0;font-size:14px;line-height:1.8;color:var(--day-muted);word-break:keep-all;}
#scheduleDayDialog .day-session-empty{padding:24px 0;}
#page-schedule .v44-day.can-view-day{cursor:pointer;}
#page-schedule .v44-day.can-view-day:focus-visible{outline:2px solid var(--schedule-personal);outline-offset:-3px;}
html[data-theme=light] #scheduleDayDialog{
  --day-ink:#33253f;--day-muted:#695973;--day-line:#9d86b238;
  --day-personal:#9b75be;--day-collab:#4a9988;--day-commerce:#bd873d;--day-off:#7d788a;
  --day-control:linear-gradient(145deg,#ffffffad,#d8c9e454);--day-control-line:#9e83b464;--day-focus:#795194;
  color-scheme:light;border-color:#aa90bf80;
  background:radial-gradient(ellipse 90% 55% at 0 0,#fff,transparent 76%),radial-gradient(ellipse 70% 35% at 100% 100%,#ddc9f152,transparent 75%),linear-gradient(145deg,#faf8fcfa,#f0ebf5f7 58%,#ebe4f1fa);
  box-shadow:inset 0 1px 0 #fff,inset 1px 0 2px #fff,inset 0 -1px 0 #ba97d68a,0 24px 70px #3f294838;
}
html[data-theme=light] #scheduleDayDialog::before{box-shadow:inset 12px 12px 25px -21px #fff,inset -12px -13px 26px -22px #e6c4ff;}
html[data-theme=light] #scheduleDayDialog::backdrop{background:#30253845;}
@media(hover:hover) and (pointer:fine){
  #scheduleDayDialog :is(.day-detail-close,.day-detail-vod):hover{border-color:var(--day-focus);background-color:#ba98d119;}
  #scheduleDayDialog a.day-detail-person:hover{text-decoration:underline;text-underline-offset:4px;}
}
@media(max-width:600px){
  #scheduleDayDialog{max-height:calc(100dvh - 32px);border-radius:18px;}
  #scheduleDayDialog .day-detail-heading{padding:22px 18px 0 22px;gap:12px;}
  #scheduleDayDialog .day-detail-date{display:block;padding-top:0;}
  #scheduleDayDialog h2{font-size:28px;line-height:1.35;}
  #scheduleDayDialog .day-detail-date p{margin-top:4px;padding:0;border:0;font-size:12px;}
  #scheduleDayDialog .day-detail-body{padding:22px 22px 24px;}
  #scheduleDayDialog .day-session-heading{gap:9px 12px;padding-bottom:18px;}
  #scheduleDayDialog .day-session-heading h3{font-size:14px;}
  #scheduleDayDialog .day-session-clock{padding-left:12px;gap:7px;font-size:14px;}
  #scheduleDayDialog .day-session-clock svg{width:18px;height:18px;}
  #scheduleDayDialog .day-item-line{min-height:62px;column-gap:12px;padding-block:14px;}
  #scheduleDayDialog h4{font-size:16px;}
  #scheduleDayDialog .day-item-kind{font-size:11px;}
  #scheduleDayDialog .day-detail-people{padding-left:21px;}
  #scheduleDayDialog .day-detail-person{min-height:44px;}
  #scheduleDayDialog .day-detail-vod{font-size:15px;padding-inline:14px;}
}
@media(prefers-reduced-motion:reduce){
  #scheduleDayDialog::backdrop{animation:none;}
  #scheduleDayDialog :is(button,a){transition:none;}
}
