.mobile-menu-button,.mobile-sidebar-backdrop,.install-app-button{display:none}.install-app-button:not([hidden]){display:inline-flex}.network-status{font-size:9px;font-weight:800;color:#19806c;background:#e8f7f3;border-radius:99px;padding:6px 9px;white-space:nowrap}.is-offline .network-status{color:#9b5d16;background:#fff1d9}.auth-install{display:none;width:100%;margin:16px 0 0;border:1px solid #c8dfe3;border-radius:8px;padding:11px;background:#eef8f8;color:#087f93;font-weight:800}.auth-install:not([hidden]){display:block}
@media(max-width:850px){
 body{overscroll-behavior-y:none}.app{display:block}.workspace{min-height:100dvh}.topbar{position:sticky;top:0;z-index:35;height:60px;padding:max(8px,env(safe-area-inset-top)) 14px 8px;background:#fff}.top-actions{gap:8px}.top-actions .db-save-state,.top-actions .avatar,.install-app-button{display:none!important}.logout-button{min-height:40px}.mobile-menu-button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--navy);font-size:21px;flex:0 0 auto}.breadcrumb{display:flex;align-items:center;gap:9px;min-width:0}.breadcrumb span{display:none}.breadcrumb b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42vw;font-weight:700}.sidebar{position:fixed!important;inset:0 auto 0 0;z-index:60;width:min(310px,86vw);height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;overflow-y:auto;transform:translateX(-105%);transition:transform .22s ease;box-shadow:22px 0 55px rgba(0,20,34,.28)}.mobile-nav-open .sidebar{transform:translateX(0)}.mobile-sidebar-backdrop{position:fixed;inset:0;z-index:55;border:0;background:rgba(2,24,39,.55);backdrop-filter:blur(2px)}.mobile-nav-open .mobile-sidebar-backdrop{display:block}.sidebar .brand{display:block;width:90px;height:90px;margin:0 auto 8px}.sidebar .brand img{width:100%;height:100%;object-fit:contain}.sidebar .brand-caption{display:grid!important;text-align:center;padding:0 0 14px}.sidebar .signed-user{display:flex!important;margin:6px 0 16px}.sidebar .nav-label{display:block!important;margin:7px 10px 9px}.sidebar nav,.sidebar .nav-group-items{display:grid!important;width:100%;gap:5px!important}.sidebar .nav-group{display:block;width:100%}.sidebar .nav-group-toggle,.sidebar .nav-item{width:100%!important;min-height:46px;margin:0!important;padding:11px 12px!important;font-size:13px!important;justify-content:flex-start!important}.sidebar .nav-icon{display:inline-block!important}.sidebar-bottom{display:block!important;margin-top:auto;padding:18px 0 0}.sidebar-bottom .cat-mascot{max-height:90px}.page-heading{gap:12px}.data-toolbar{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}.data-toolbar::-webkit-scrollbar{display:none}.data-toolbar .inline-button{min-height:42px}.table-scroll{max-width:calc(100vw - 28px);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:10px}.table-scroll table{min-width:760px}.table-scroll th{position:sticky;top:0;z-index:2}.drawer,.form-dialog{width:100vw!important;max-width:none!important;height:100dvh;max-height:100dvh;margin:0!important;border-radius:0!important}.drawer .dialog-body,.form-dialog .dialog-body{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.dialog-head{position:sticky;top:0;z-index:5;background:#fff;padding-top:calc(18px + env(safe-area-inset-top))}.dialog-actions{position:sticky;bottom:0;z-index:5;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.dialog-actions .button,.form-actions .button{min-height:46px}.form-actions{position:sticky;bottom:0;background:#fff;padding:12px 0 calc(8px + env(safe-area-inset-bottom));z-index:4}.form-grid,.detail-grid{grid-template-columns:1fr!important}.field.full{grid-column:auto}input,select,textarea{font-size:16px!important;min-height:44px}.segmented{max-width:100%;overflow-x:auto}.segmented button{min-height:40px}.button,.inline-button,.text-action{touch-action:manipulation}.payment-summary,.stats,.cost-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:540px){
 main{padding:18px 14px calc(28px + env(safe-area-inset-bottom))}.topbar{padding-left:10px;padding-right:10px}.page-heading{margin-bottom:16px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.page-heading .button{min-height:46px}.network-status{padding:5px 7px}.logout-button{font-size:0;width:40px;padding:0}.logout-button:after{content:'↪';font-size:18px}.schedule-head,.filters{padding:13px}.search-group>*{width:100%!important}.week{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.week .day{min-width:58px;scroll-snap-align:start}.payment-summary,.stats,.cost-summary-grid{grid-template-columns:1fr!important}.invoice{padding:14px}.invoice table{min-width:620px}.auth-shell{min-height:100dvh}.auth-card{justify-content:flex-start;padding:calc(24px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));overflow-y:auto}.auth-card>img{width:96px;height:96px;margin-bottom:12px}.auth-card h1{font-size:25px}.auth-tabs button{min-height:44px}.auth-form{gap:11px}.auth-contact{margin-top:16px}.team-request,.team-user{grid-template-columns:42px minmax(0,1fr)!important}.team-request select,.team-request .button,.team-user select,.team-user .button{grid-column:1/-1!important}.team-panel-head{align-items:flex-start}.finance-heading select{min-width:0;width:100%}
}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);background:#f4f7f8}.topbar{top:env(safe-area-inset-top)}.install-app-button,.auth-install{display:none!important}}