/* Scoped list controls and stable calendar header */
.calendar-shell .range-agenda .range-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:8px 0 20px;padding:0}
.calendar-shell .range-agenda .range-toolbar>label{display:flex;flex-direction:column;gap:7px;flex:0 1 180px;min-width:160px;margin:0;padding:0;font-size:14px;font-weight:600;line-height:20px}
.calendar-shell .range-agenda .range-toolbar>label>input,.calendar-shell .range-agenda .range-toolbar>label>select{display:block;box-sizing:border-box;width:100%;min-width:0;height:44px;min-height:44px;max-height:44px;margin:0;padding:9px 12px;border:1px solid #bdccda;border-radius:8px;background:var(--background,#fff);color:inherit;font:inherit;line-height:24px}
.calendar-shell .range-agenda .range-toolbar>label>select{appearance:auto;-webkit-appearance:menulist}
.calendar-shell .range-agenda .range-toolbar>button,.range-agenda .range-pages button{box-sizing:border-box;height:44px;min-height:44px;margin:0;align-self:flex-end}
.range-agenda .range-pages{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-top:20px}
.range-agenda h2{margin-bottom:16px}.range-agenda section>h3{margin:20px 0 10px}
/* Reserve the daily controls and summary space, without showing misleading daily totals. */
.calendar-shell:has(.range-agenda) .date-controls{visibility:hidden;pointer-events:none}
.workspace-content:has(.range-agenda) .calendar-overview{visibility:hidden;pointer-events:none}
.calendar-shell:has(.range-agenda)>.toolbar>.toolbar-right{margin-left:auto}
.calendar-shell:has(.range-agenda) .day-title,.calendar-shell:has(.range-agenda) .calendar-footer{display:none}
.range-agenda :focus-visible{outline:3px solid #2787cf;outline-offset:3px}
@media(max-width:650px){.calendar-shell .range-agenda .range-toolbar>label{flex:1 1 150px;min-width:0}.calendar-shell .range-agenda .range-toolbar>button{flex:1 1 auto}.calendar-shell:has(.range-agenda) .date-controls{display:none}.calendar-shell:has(.range-agenda)>.toolbar>.toolbar-right{margin-left:0}}

/* Narrow displays: explicit rows prevent Safari date inputs from sizing flex tracks. */
@media(max-width:700px){
 .workspace-content:has(.range-agenda) .calendar-overview{display:none!important}
 .calendar-shell:has(.range-agenda)>.toolbar{min-height:0!important;height:auto!important;align-items:flex-start!important;padding-top:12px!important;row-gap:0!important}
 .calendar-shell:has(.range-agenda)>.toolbar>.date-controls{display:none!important}
 .calendar-shell:has(.range-agenda)>.toolbar>.toolbar-right{margin:0!important;min-width:0;max-width:100%;flex-wrap:wrap}
 .calendar-shell .range-agenda{min-width:0;max-width:100%;box-sizing:border-box}
 .calendar-shell .range-agenda .range-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;align-items:stretch!important;width:100%;min-width:0;box-sizing:border-box}
 .calendar-shell .range-agenda .range-toolbar>label{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;align-self:stretch!important}
 .calendar-shell .range-agenda .range-toolbar>label>input,.calendar-shell .range-agenda .range-toolbar>label>select{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;height:46px!important;min-height:46px!important;max-height:46px!important;margin:0!important;padding:10px 12px!important;font-size:16px!important;line-height:24px!important}
 .calendar-shell .range-agenda .range-toolbar input[type=date]{appearance:none;-webkit-appearance:none;display:block!important;text-align:left}
 .calendar-shell .range-agenda .range-toolbar input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left}
 .calendar-shell .range-agenda .range-toolbar>button{grid-column:1/-1;position:static!important;transform:none!important;min-width:0!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:44px!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere;align-self:stretch!important}
 .calendar-shell .range-agenda .range-toolbar>button[aria-label="Vorheriger Listenzeitraum"],.calendar-shell .range-agenda .range-toolbar>button[aria-label="Nächster Listenzeitraum"]{grid-column:auto}
 .calendar-shell .range-agenda>h2{font-size:18px!important;line-height:1.4;overflow-wrap:anywhere;white-space:normal}
 .calendar-shell .range-agenda .range-pages{min-width:0;gap:10px}
 .calendar-shell .range-agenda .range-pages>button{max-width:100%;white-space:normal}
}