/* Ordinary-admin desktop overview: one consistent hierarchy, optional rows reflow. */
@media screen and (min-width:761px) and (display-mode:browser){
 html body.design3.ordinary-admin-web .design-overview-focus.overview-unified{display:flex!important;flex-direction:column!important;gap:16px!important;align-items:stretch!important;margin-bottom:24px}
 html body.design3.ordinary-admin-web .overview-unified>#overviewattention{width:100%;margin:0!important}
 html body.design3.ordinary-admin-web .overview-unified #overviewattention>.attentionpanel{margin:0!important}
 html body.design3.ordinary-admin-web .overview-unified .attentiongrid{grid-template-columns:repeat(var(--overview-columns,3),minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:12px!important}
 html body.design3.ordinary-admin-web .overview-unified .attentionitem{height:auto!important;min-height:126px!important;padding:16px!important}
 html body.design3.ordinary-admin-web .overview-unified .overview-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;min-width:0}
 html body.design3.ordinary-admin-web .overview-summary>.metric{margin:0!important;width:100%;min-width:0;min-height:132px!important;padding:18px 20px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:12px 16px;align-content:center;border-radius:13px}
 html body.design3.ordinary-admin-web .overview-summary .metric .top{grid-column:1 / -1;grid-row:1;justify-content:flex-start;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#365563}
 html body.design3.ordinary-admin-web .overview-summary .metric .top>.overview-metric-label{flex:1}
 html body.design3.ordinary-admin-web .overview-summary .metric>strong{grid-column:1;grid-row:2;align-self:center;margin:0;font-size:32px;line-height:1.2;white-space:nowrap}
 html body.design3.ordinary-admin-web .overview-summary .metric>small{grid-column:2;grid-row:2;margin:0;font-size:12px;text-align:right;align-self:center}
 html body.design3.ordinary-admin-web .overview-summary .overview-metric-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:linear-gradient(135deg,#e2f1f2,#c9e2e5);color:#22667a;display:grid;place-items:center}
 html body.design3.ordinary-admin-web .overview-summary .metric:first-child .overview-metric-icon{background:linear-gradient(135deg,#fff0df,#f7dbc3);color:#b66129}
 html body.design3.ordinary-admin-web .overview-unified>.design-overview-side{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;gap:16px!important;width:100%;align-items:stretch!important}
 html body.design3.ordinary-admin-web .overview-unified .design-overview-side>section{height:210px!important;min-height:0!important;max-height:210px!important;margin:0!important;overflow:hidden;display:flex;flex-direction:column;padding:0!important}
 html body.design3.ordinary-admin-web .overview-unified .design-overview-side>section>.panelhead{min-height:66px;padding:14px 20px;gap:12px;flex-wrap:wrap;flex:none}
 html body.design3.ordinary-admin-web .overview-unified .design-overview-side>section>.overview-panel-body{padding:14px 20px;overflow:auto;min-height:0;flex:1}
 html body.design3.ordinary-admin-web .overview-heading-icon{display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:linear-gradient(135deg,#e2f1f2,#c9e2e5);color:#22667a;margin-right:10px;vertical-align:middle}
 html body.design3.ordinary-admin-web .overview-heading-icon svg{width:19px;height:19px;margin:0!important}
 html body.design3.ordinary-admin-web .overview-unified .design-overview-side>section:last-child .overview-heading-icon{background:linear-gradient(135deg,#fff0df,#f7dbc3);color:#b66129}
 html body.design3.ordinary-admin-web .overview-unified .design-overview-side .leavecard small{margin:8px 0 12px}
}
