/* Installed app and mobile browser share the same safe, usable layout. */
html{background:#f5f3ef}body{min-height:100dvh}.workspace{min-width:0}dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}
@media(max-width:900px){
 body:not(.auth) .workspace{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}
 body:not(.auth) .workspace>header{padding-top:calc(10px + env(safe-area-inset-top))!important;padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important;background:#f5f3ef!important;gap:10px}
 body:not(.auth)>aside{padding-top:calc(20px + env(safe-area-inset-top))!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}
 input,select,textarea{font-size:16px!important}button,.g-button{min-height:44px}.mobile-menu{background:#233129!important;flex-shrink:0}.task{flex-wrap:wrap;gap:12px}.task .check{min-width:44px}.task>div{min-width:0;flex:1}.task b{overflow-wrap:anywhere}.g-action{flex-wrap:wrap;gap:12px}.g-buttons{flex-wrap:wrap}.g-columns>*{min-width:0}.g-row{flex-wrap:wrap}.customer-filters{grid-template-columns:1fr 1fr!important}.customer-filters input{grid-column:1/-1}.wh .scroll{max-width:100%}
 .mobile-backdrop{display:none;position:fixed;inset:0;background:#14201888;z-index:90;border:0;border-radius:0;width:100%;height:100dvh;padding:0}body.menu-open .mobile-backdrop{display:block}body.menu-open{overflow:hidden}
 .mobile-menu-close{display:block!important;align-self:flex-end;background:transparent;border:1px solid #7b887e;color:white;width:auto;padding:8px 14px}
}
.mobile-menu-close{display:none}
@media(max-width:560px){.customer-filters{grid-template-columns:1fr!important}.g-head{flex-wrap:wrap}.g-date{font-size:12px}body.auth{padding:calc(20px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom))}.wh nav a{flex:1;text-align:center;padding:10px;font-size:13px}}