/* Fixed current-week overview directly below the Dates composer. */
:is(#datesWeekStrip,.week-slide-copy){display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;justify-items:stretch;flex-shrink:0;margin:0 0 12px;padding:7px 4px 5px;background:#fff;border-radius:18px}
:is(#datesWeekStrip,.week-slide-copy) button{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:15px 32px 7px;justify-content:stretch;justify-items:center;align-items:center;gap:3px;min-width:0;width:100%;height:66px;min-height:66px;padding:3px 1px;border:0;background:transparent;border-radius:13px;text-align:center;font-weight:400}
:is(#datesWeekStrip,.week-slide-copy) button:hover{background:#f6f2ff}
.week-day-name{font-size:10px;line-height:1.4;color:#8b8198}
.week-day-number{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:13px;font-weight:500;line-height:1;color:#544a64}
:is(#datesWeekStrip,.week-slide-copy) [aria-current=date] .week-day-number{background:#6958f5;color:#fff;font-weight:600}
:is(#datesWeekStrip,.week-slide-copy) [aria-pressed=true] .week-day-number{box-shadow:0 0 0 2px #b9a9ee;background:#ede6ff;color:#6446a4}
:is(#datesWeekStrip,.week-slide-copy) [aria-current=date][aria-pressed=true] .week-day-number{background:#6958f5;color:#fff;box-shadow:0 0 0 2px #d4c9f9}
.week-task-dot{display:block;width:5px;height:5px;border-radius:50%;background:var(--tag-edge,#9180c1)}
.week-task-dot.tone-cyan{box-shadow:0 0 0 1px #9498a3}
.week-task-dot.no-events{visibility:hidden}
@media(max-width:360px){:is(#datesWeekStrip,.week-slide-copy){gap:0;padding-left:2px;padding-right:2px}.week-day-number{width:30px;height:30px}.week-day-name{font-size:9px}}

:is(#datesWeekStrip,.week-slide-copy) .week-day-name{display:block;width:100%;text-align:center;white-space:nowrap}
:is(#datesWeekStrip,.week-slide-copy) .week-day-number,:is(#datesWeekStrip,.week-slide-copy) .week-task-dot{justify-self:center;margin-left:0;margin-right:0}
/* A plain-language reset appears whenever a day narrows the Dates list. */
.dates-day-filter{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;flex-wrap:wrap;margin:-4px 0 10px;padding:7px 9px 7px 11px;background:#eee9fc;border-radius:13px;color:#77628d;font-size:11px;line-height:1.5}
#showAllDates{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 10px;border:0;border-radius:10px;background:#fff;color:#6950ad;font-size:11px;white-space:nowrap;font-weight:500}
#showAllDates .ui-icon{width:15px;height:15px}

#datesWeekViewport{position:relative;min-width:0;overflow:hidden;border-radius:18px}#datesWeekViewport>.week-slide-copy{position:absolute;inset:0;width:100%;margin:0;pointer-events:none}
#datesWeekMonthLabel{grid-column:1/-1;font-size:11px;line-height:1.4;font-weight:500;color:#77668c;padding:0 4px 2px}
