:root{--mobile-safe-top: env(safe-area-inset-top, 0px);--mobile-safe-right: env(safe-area-inset-right, 0px);--mobile-safe-bottom: env(safe-area-inset-bottom, 0px);--mobile-safe-left: env(safe-area-inset-left, 0px)}@media screen and (max-width:900px){html,body{height:100%;overflow:hidden}.app-shell{display:flex;flex-direction:column;height:100dvh;min-height:0}.app-shell>.main-col{flex:1 1 0;min-height:0;width:100%}.main-col>.topbar{flex:0 0 auto}.main-col>.view-area{padding-bottom:16px;scroll-padding-bottom:16px}.app-shell>.mobile-dock{position:relative;inset:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto;align-items:start;flex:0 0 auto;gap:2px;width:100%;min-height:0;margin:0;padding:5px max(6px,var(--mobile-safe-right)) max(5px,var(--mobile-safe-bottom)) max(6px,var(--mobile-safe-left));border-radius:14px 14px 0 0;background:#fff}.mobile-dock .mobile-dock-item{flex-direction:column;justify-content:center;gap:3px;height:54px;min-height:54px!important;padding:5px 0;font-size:11px;line-height:1.2}.mobile-dock-item>span:last-child{white-space:nowrap}.mobile-dock-item .nav-ico{flex:0 0 21px}.mobile-more-icon{height:21px;line-height:21px}body.mobile-menu-open .app-shell>.mobile-dock,body:has(#modalHost:not(:empty)) .app-shell>.mobile-dock{display:none}}@media screen and (max-width:900px)and (display-mode:standalone){html,body{overscroll-behavior:none}.app-shell,.login-screen{position:fixed;inset:0;height:auto;min-height:0}}@media screen and (max-width:560px),screen and (max-width:900px)and (max-height:500px){.topbar{min-height:calc(58px + var(--mobile-safe-top));padding:calc(7px + var(--mobile-safe-top)) max(8px,var(--mobile-safe-right)) 7px max(8px,var(--mobile-safe-left))}.operational-overview{gap:12px}.operational-overview .overview-hero{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:12px}.operational-overview .overview-heading h1{font-size:22px}.operational-overview .overview-heading p{margin-top:4px;font-size:12px}.operational-overview .overview-head-actions{gap:6px;margin-left:auto}.operational-overview .overview-head-actions button{padding:8px;font-size:12px}.operational-overview .overview-metric{min-height:92px;padding:10px;gap:4px}.operational-overview .overview-metric-value{font-size:26px}.operational-overview .overview-metric:last-child{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:72px;column-gap:12px}.operational-overview .overview-metric:last-child .overview-metric-value{grid-column:2;grid-row:1 / 3;align-self:center}.operational-overview .overview-metric:last-child .overview-metric-note{grid-column:1}.operational-counts{margin:0}}@media screen and (max-width:400px){.mobile-dock .mobile-dock-item{font-size:10.5px}}@media screen and (max-width:900px)and (max-height:500px){.mobile-dock .mobile-dock-item{flex-direction:row;height:44px;min-height:44px!important;gap:6px}.topbar{min-height:calc(52px + var(--mobile-safe-top));padding-top:calc(4px + var(--mobile-safe-top));padding-bottom:4px}}
