/* Popup geometry belongs to this calendar mount, never the page underneath. */
.workspace dialog.workspace-layer:has(.calendar-layer-surface){width:min(80rem,calc(100vw - var(--gap-subsection)));height:min(54rem,calc(100dvh - var(--gap-subsection)))}
.workspace-layer .workspace-layer-body:has(.calendar-layer-surface){padding:0;overflow:hidden}
.workspace-layer-view:has(>.calendar-layer-surface),.calendar-layer-surface,.calendar-layer-surface>[data-calendar-surface]{height:100%;min-height:0}
.calendar-layer-surface .calendar-workspace{--support-calendar-height:100%;height:100%;min-height:0;margin:0;border:0;border-radius:0}
.calendar-layer-surface .calendar-workspace .cal-main{min-height:0;border-radius:0}
.calendar-layer-surface .calendar-workspace .cal-rail{border-radius:0}
.calendar-layer-surface .cal-layer-create{flex:none;min-height:var(--height-touch);white-space:nowrap}
.calendar-layer-surface .cal-layer-ai-link{white-space:normal;line-height:var(--lh-ui)}
@media(max-width:760px){
 .workspace dialog.workspace-layer:has(.calendar-layer-surface){width:auto;height:calc(100dvh - var(--gap-subsection) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - var(--gap-subsection) - env(safe-area-inset-bottom,0px))}
}

/* Keep the existing date-width control visible beside calendar views. */
.calendar-layer-surface .calendar-workspace .cal-width-control{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-control);min-width:0;max-width:100%;margin:0}
.calendar-layer-surface .cal-width-control :is(label,select){width:auto;min-width:0;margin:0}
.calendar-layer-surface .cal-width-control select{min-height:var(--height-touch);max-width:100%}
.calendar-layer-surface .cal-event-continuation{position:absolute;inset-inline:0;z-index:1;display:grid;gap:var(--space-unit);box-sizing:border-box;padding:var(--space-unit);background:inherit;color:inherit;overflow:hidden;pointer-events:none}
.calendar-layer-surface .cal-event-continuation[hidden]{display:none}
.calendar-layer-surface .cal-event-continuation time{font-size:var(--t-caption);line-height:var(--lh-ui);white-space:normal;overflow-wrap:anywhere}
.calendar-layer-surface .cal-event-continuation strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--t-subhead);line-height:var(--lh-ui);overflow-wrap:anywhere}
/* The shared manager owns state, its header action and Escape. Resize the same
   calendar nodes; never navigate or rebuild an editor for maximization. */
.workspace dialog.workspace-layer:where([data-workspace-maximized="true"]):has(.calendar-layer-surface){inset:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding-block:env(safe-area-inset-top,0px) env(safe-area-inset-bottom,0px);padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);box-sizing:border-box}
@media(max-width:1180px){.calendar-layer-surface .cal-width-control{grid-column:1/-1;justify-self:start}}

.calendar-layer-surface .calendar-workspace .hub-calendar-shell{padding-bottom:0;scroll-padding-bottom:0;scroll-padding-top:calc(var(--calendar-date-height,54px) + var(--calendar-all-day-height,0px) + var(--gap-control))}