/* Date navigation applies to both calendar layouts and all existing themes. */
.calendar-navigation-message:empty{display:none}
.calendar-navigation-message{font-size:12px;color:var(--blue);line-height:1.7;margin:0 0 12px}
.schedule-section .week-day.is-selected-day{background:color-mix(in srgb,var(--blue) 16%,var(--surface));box-shadow:inset 0 -2px var(--blue);color:var(--ink)}
.schedule-section .week-day.is-selected-day strong{color:var(--blue)}
.schedule-section .compact-day.is-selected-day,.schedule-section .day-column.is-selected-day{background:color-mix(in srgb,var(--blue) 7%,var(--surface))}
.calendar-date-query{display:grid;gap:14px;max-width:400px}
.calendar-date-query label{font-size:14px;font-weight:600}
.calendar-date-query input{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:12px;min-width:0;width:100%;color-scheme:inherit}
.calendar-date-query .detail-note{margin:0}
.calendar-date-query .button{justify-self:start;background:var(--blue);color:var(--paper)}
@media(max-width:900px){.schedule-section .section-head{flex-wrap:wrap}.schedule-section .toolbar{margin-top:10px;justify-content:flex-start}.schedule-section .date-label{font-size:12px;overflow-wrap:anywhere}}