/* Compact overview: equal metric cards; operational lists scroll inside cards. */
@media screen and (min-width:1001px){
 body.design3 .design-overview-focus{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr)!important;gap:16px!important;align-items:start!important}
 body.design3 .design-overview-focus>#overviewattention{order:0!important;height:auto!important;margin:0!important}
 body.design3 .design-overview-focus>#overviewattention>.attentionpanel{height:auto!important;margin:0!important}
 body.design3 .design-overview-focus>.design-overview-side{order:1!important;display:flex!important;flex-direction:column!important;gap:16px!important;align-self:start!important;margin:0!important}
 body.design3 .design-overview-side>section{display:flex;flex-direction:column;height:auto!important;max-height:290px;min-height:0;box-sizing:border-box;margin:0!important;min-width:0}
 body.design3 .design-overview-side>section:has(#overviewshifts){max-height:320px}
 body.design3 .design-overview-side :is(#overviewshifts,#overviewrequests){flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px}
 body.design3 .design-overview-side :is(h2,.panelhead,.formnote){flex:none}
 body.design3 .design-overview-side .liveshift{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px;padding:8px 0}
 body.design3 .design-overview-side .liveshift>.shift-employee{min-height:28px!important;margin:0!important;padding:0!important;line-height:1.35;text-align:left;justify-content:flex-start}
 body.design3 .design-overview-side .liveshift>span{align-self:center;font-size:13px}
 body.design3 .design-overview-side .liveshift>small{grid-column:1/-1;margin:0;line-height:1.4;font-size:12px}
 body.design3 .design-overview-side #overviewshifts{scrollbar-gutter:stable}
 body.design3 .design-overview-side .panelhead{flex-wrap:wrap;gap:10px;min-width:0;padding-top:0}
 body.design3 .design-overview-side .panelhead button{max-width:100%;white-space:normal}
}
@media screen and (min-width:761px){
 body.design3 .attentionpanel>.attentiongrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:1fr;align-items:stretch;gap:10px!important;padding:14px!important}
 body.design3[data-role] .attentionpanel .attentionitem{width:100%!important;min-width:0!important;height:100%;min-height:144px!important;padding:12px!important;gap:6px 8px!important}
 body.design3 .attentionitem>strong{font-size:27px!important}
 body.design3 .attentionitem>span{font-size:13px!important}
 body.design3 .attentionitem>small{font-size:11px!important}
 body.design3 .attentionpanel .attentionitem.critical,body.design3 .attentionpanel :is([data-page=transfers],[data-page=lowStock],[data-page=deposits],#attentionleave){color:#cb271c!important;border-color:#e8c6c2!important}
 body.design3 .attentionpanel :is([data-page=transfers],[data-page=lowStock],[data-page=deposits],#attentionleave)>strong{color:#cb271c!important}
 body.design3 .attentionpanel>h2>.ui-pictogram{width:25px;height:25px;color:#e1281b;filter:drop-shadow(0 1px 1px #d72b1b33)}
 body.design3 .attentionpanel>h2>.ui-pictogram svg{fill:#fff0cc;stroke:#e1281b;stroke-width:2.4}
 body.design3 .leavecard>.badge{display:inline-flex;margin:12px 12px 8px 0}
 body.design3 .leavecard>.leavedecision{display:block;margin:6px 0 12px}
}
@media screen and (min-width:1600px){body.design3 .attentionpanel>.attentiongrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media screen and (min-width:761px) and (max-width:1199px){body.design3 .attentionpanel>.attentiongrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media screen and (min-width:761px) and (max-width:1000px){body.design3 .design-overview-focus>#overviewattention{order:-1!important}body.design3 .design-overview-focus>.design-overview-side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}body.design3 .design-overview-side>section{height:auto!important}}