/* Compact header, grouped navigation and touch-friendly controls. */
html{scroll-padding-top:112px}
#mobileNavCloseBtn{display:none}
#app:has([data-w125-view]){display:flex;flex-direction:column;gap:12px}
#app:has([data-w125-view])>.head{order:-3;margin-bottom:0}
#app:has([data-w125-view])>section:has([data-w125-view]){order:-2;margin-top:0}
#app:has([data-w125-view])>.grid,#app:has([data-w125-view])>details{order:-1;margin-top:0}
#app:has([data-w125-view])>section:has([data-legal="go"]){font-size:.85rem;padding:14px}
.topbar{align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:12px 18px!important;flex-wrap:wrap!important;min-height:0!important;height:auto!important;z-index:80}
.mobile-head-row{flex:0 1 340px!important;width:auto!important;min-height:0!important}
.brand{max-width:340px!important;gap:10px!important}.brand img{width:64px!important;height:48px!important;flex:0 0 64px!important}.brand strong{font-size:1.05rem!important;line-height:1.25!important}.brand span{font-size:.7rem!important;line-height:1.35!important}
.top-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex:1 1 610px!important;width:auto!important;min-width:0!important;flex-wrap:wrap!important;overflow:visible!important;margin:0!important;padding:0!important}
.top-controls>.session-box{order:1;flex:0 1 auto!important;min-width:0!important;width:auto!important;padding:5px 8px!important;font-size:.8rem!important;gap:8px!important;min-height:44px!important}
.top-controls>label:has(#workDate){order:2;flex:0 0 170px!important;width:170px!important;min-width:0!important;font-size:.7rem!important}
.top-controls #workDate{width:100%!important;margin-top:3px!important;padding:7px 9px!important;min-height:40px!important;font-size:.85rem!important}
.top-controls>.pwa-actions{order:3;flex:0 0 auto!important;width:auto!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:3px!important}.pwa-actions .btn{min-height:40px!important;font-size:.8rem!important}.pwa-status{font-size:.7rem!important;line-height:1.3;max-width:210px}.pwa-status[data-kind=offline]{color:#ffb3a7}.pwa-status[data-kind=online]{color:#77e5a5}
.top-controls>.pwa-settings{display:block!important;position:relative!important;order:4;flex:0 0 auto!important;width:auto!important;border:0!important;margin:0!important}
.pwa-settings>summary{display:block!important;list-style:none!important;cursor:pointer;color:#eaf1f8!important;background:#17314d;border:1px solid #294963;border-radius:8px;font-size:.8rem!important;padding:10px 12px!important;min-height:44px!important;line-height:22px!important}.pwa-settings>summary::-webkit-details-marker{display:none}.pwa-settings[open]>summary{border-color:#4da3ff}
.pwa-settings:not([open])>.pwa-settings-content{display:none!important}
.pwa-settings[open]>.pwa-settings-content{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));position:absolute;right:0;top:calc(100% + 10px);width:min(500px,calc(100vw - 36px));max-height:70dvh;overflow:auto;gap:12px;padding:16px;background:#0d1b2b;border:1px solid #294963;border-radius:12px;box-shadow:0 14px 45px #0009;z-index:90}
.pwa-settings-content label{width:100%!important;min-width:0!important;max-width:100%!important}.pwa-settings-content select{width:100%!important;max-width:100%!important}.pwa-settings-content #projectControl{grid-column:1/-1}.pwa-settings-content .btn{white-space:normal!important;min-height:44px!important;margin:0!important}
.app-shell{grid-template-columns:250px minmax(0,1fr)!important;overflow:visible!important}main{min-width:0;width:100%}
aside#nav{padding:12px 8px!important}.nav-section{margin:8px 10px!important;font-size:.72rem!important;line-height:1.4!important}.sidebar-scope-note,.rbac-project-note{font-size:.74rem!important;padding:8px 10px!important;margin:0 8px 10px!important;line-height:1.4!important}.nav-quick{margin:8px 5px 12px!important;padding:8px!important}.nav-quick-title{font-size:.65rem!important;letter-spacing:.05em!important}.nav-quick-list{grid-template-columns:1fr 1fr!important;gap:6px!important}.nav-quick-link{font-size:.72rem!important;line-height:1.3!important;min-height:48px!important;padding:8px!important}.nav-groups{padding:0 3px!important;gap:3px!important}.nav-group-toggle{font-size:.8rem!important;line-height:1.3!important;padding:10px!important;letter-spacing:0!important;min-height:46px!important}.nav-group-items>button[data-view]{font-size:.78rem!important;line-height:1.4!important;padding:10px!important;min-height:44px!important}.nav-group-count{min-width:21px!important;font-size:.65rem!important}
@media(min-width:901px){aside#nav{position:sticky;top:108px;max-height:calc(100dvh - 108px);overflow-y:auto;align-self:start}main{padding:20px!important}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr!important}aside#nav{padding:76px 12px 24px!important}.nav-group-toggle,.nav-group-items>button[data-view]{font-size:.95rem!important;min-height:48px!important}.nav-quick-link{font-size:.85rem!important}body.nav-open #mobileNavCloseBtn{display:grid!important;place-items:center;position:fixed;left:min(calc(90vw - 60px),310px);top:12px;width:44px;height:44px;z-index:130;border:1px solid #31506d;border-radius:8px;background:#17314d;color:white;font-size:28px;cursor:pointer}}
@media(max-width:760px){
 .topbar{padding:10px 12px!important;gap:10px!important;position:relative!important}.mobile-head-row{flex:0 0 100%!important;width:100%!important}.brand{max-width:none!important}.brand strong{font-size:.95rem!important}.brand span{font-size:.66rem!important}.brand img{width:58px!important;height:44px!important;flex-basis:58px!important}
 .top-controls{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;flex:0 0 100%!important;width:100%!important}
 .top-controls>.session-box{grid-column:1/-1;width:100%!important;justify-content:space-between!important;min-height:44px!important;flex-wrap:nowrap!important;font-size:.78rem!important}.session-box span{min-width:0;overflow-wrap:anywhere}.session-box .btn{min-height:40px!important;font-size:.8rem!important}
 .top-controls>label:has(#workDate){width:100%!important;max-width:none!important;grid-column:1;grid-row:2}.top-controls>.pwa-settings{grid-column:2;grid-row:2;align-self:end!important}.pwa-settings>summary{min-height:44px!important;padding:9px 10px!important;font-size:.78rem!important}
 .top-controls>.pwa-actions{grid-column:1/-1;grid-row:3;flex-direction:row;align-items:center;justify-content:space-between;width:100%!important;gap:8px!important}.pwa-actions .btn{font-size:.78rem!important}.pwa-status{text-align:right;font-size:.7rem!important;max-width:210px}
 .pwa-settings[open]>.pwa-settings-content{width:calc(100vw - 24px);grid-template-columns:repeat(2,minmax(0,1fr));max-height:65dvh;top:calc(100% + 8px);padding:12px;gap:10px}
}
@media print{.topbar,aside#nav{display:none!important}.app-shell{display:block!important}}