/* Overview weekly occupancy card with compact operational trend data. */
.overview-middle .performance{display:flex!important;min-height:186px!important;padding:17px 18px!important;position:relative;overflow:hidden}.overview-middle .performance strong{font-size:42px!important;letter-spacing:-2px}.overview-middle .performance p{font-size:12px;margin:3px 0}.overview-middle .performance svg{display:block!important;width:100%;height:54px;margin-top:auto;overflow:visible}.overview-middle .performance-footer{display:flex!important;margin-top:4px;font-size:12px}.overview-middle .performance svg path{stroke-width:2}.overview-middle .performance svg circle{r:3.5}[data-theme=dark] 
.overview-middle>.panel{align-self:start;height:max-content}
.overview-middle>.panel{align-self:stretch;height:auto;min-height:265px;display:flex;flex-direction:column}
.overview-middle>.panel .readiness-grid{flex:1;align-content:stretch}
.overview-middle>.panel>.panel-note{display:flex;align-items:center;margin:0 16px 14px;padding:10px 12px;border-radius:12px;background:var(--surface2);color:var(--muted);font-size:12px}.overview-middle .performance>.performance-note{display:block;font-size:12px;margin-top:4px;color:#e1e6c1;opacity:.85}
.overview-middle>.panel,.overview-middle>.performance{height:358px!important;min-height:358px!important;max-height:358px!important;overflow:hidden!important}
@media(max-width:1100px){.overview-middle>.panel,.overview-middle>.performance{height:auto!important;min-height:186px!important;max-height:none!important}}
.overview-middle{align-items:stretch!important}
.overview-middle>.panel{height:auto!important;min-height:0!important;max-height:none!important}
.overview-middle>.performance{align-self:stretch!important;height:auto!important;min-height:0!important;max-height:none!important}
.overview-middle>.performance{align-self:start;height:212px!important;min-height:0!important;max-height:212px!important;overflow:hidden!important}
.overview-middle>.performance{height:auto!important;min-height:186px!important;max-height:none!important;overflow:visible!important}
@media(max-width:1100px){.overview-middle>.performance{height:186px;min-height:186px}}
@media(max-width:640px){.overview-middle>.performance{height:auto;min-height:186px}}
.overview-middle .performance svg.occupancy-chart-enter path{stroke-dasharray:var(--occupancy-path-length);stroke-dashoffset:var(--occupancy-path-length);animation:occupancy-line-draw 1.25s cubic-bezier(.22,.68,0,1) .15s forwards}
.overview-middle .performance svg.occupancy-chart-enter circle{opacity:0;transform-box:fill-box;transform-origin:center;animation:occupancy-point-appear .35s ease-out 1.28s forwards}
@keyframes occupancy-line-draw{to{stroke-dashoffset:0}}
@keyframes occupancy-point-appear{from{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.overview-middle .performance svg.occupancy-chart-enter path,.overview-middle .performance svg.occupancy-chart-enter circle{animation:none;stroke-dashoffset:0;opacity:1;transform:none}}
.overview-middle .performance .occupancy-points circle{fill:var(--surface);stroke:currentColor;stroke-width:1.8;cursor:pointer;opacity:0;transform-box:fill-box;transform-origin:center;animation:occupancy-point-appear .3s ease-out var(--point-delay) forwards;transition:transform .15s,fill .15s}.overview-middle .performance .occupancy-points circle:hover,.overview-middle .performance .occupancy-points circle:focus,.overview-middle .performance .occupancy-points circle.selected{fill:currentColor;stroke:var(--surface);stroke-width:2.5;transform:scale(1.35);outline:none}@media(max-width:640px){.overview-middle>.performance{min-height:210px!important;padding:16px!important}.overview-middle .performance svg{height:62px!important;margin-top:12px!important;touch-action:manipulation}.overview-middle .performance .occupancy-points circle{r:5}.chart-tooltip.visible{left:12px!important;right:12px!important;top:auto!important;bottom:80px!important}}