/* One canvas width for every authenticated module, including the home page. */
#appScreen{--workspace-gutter:24px;--product-page:100%;--product-form:100%}
#appScreen .shell-main{min-width:0!important;box-sizing:border-box}
#appScreen .shell-main>:is(#dashboardView,#consultView,#empresasView,#tenantSiteView,#companyFormView,#knowledgeBaseView,#clientPortalView,#adminView,#profileView,#settingsView),
#appScreen.workspace-home-enabled .shell-main>#dashboardView{
 width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box;
 margin-inline:0!important;padding-inline:var(--workspace-gutter)!important;
}
#appScreen #consultView .consult-shell,#appScreen #consultView .consult-card,
#appScreen #companyFormView .consult-shell,#appScreen #companyFormView .consult-card,
#appScreen .shell-main :is(.operation-home-dashboard,.account-panel,.tenant-site-admin-inner,.knowledge-base-shell,.firm-settings,.staff-workspace,.integrations-compact,#focusedWorkspaceHome){
 width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box;margin-inline:0!important;
}
#appScreen .shell-main :is(.admin-panel,.annual-panel,.portal-panel,.commercial-center){max-width:none!important}
#appScreen #billingWorkspace .billing-catalog-form{width:100%!important;max-width:none!important;margin-inline:0!important}
/* Complex modules own their cards; their host form must not add a second inset. */
#appScreen #queryForm:is([data-xml-manager],:has(.accounting-center-shell,.bank-reconciliation-shell,.monthly-close-shell,.work-inbox-shell,.client-requests-shell,.billing-assistant,.payroll-shell,.working-paper-workspace,.commercial-center)){
 width:100%!important;max-width:none!important;padding-inline:0!important;
}
#appScreen #consultView .consult-card:has(#queryForm[data-xml-manager])>.card-heading{padding-inline:0!important}
#appScreen #dashboardView :is(.workspace-home,.company-home,.firm-home,.home-content){max-width:none!important}
#appScreen .shell-main>#workContext{width:auto!important;max-width:none!important;margin-inline:var(--workspace-gutter)!important}
@media(min-width:1500px){
 #appScreen #queryForm[data-xml-manager] .xml-repository-filter-row{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media(max-width:1100px){#appScreen{--workspace-gutter:20px}}
@media(max-width:700px){
 #appScreen{--workspace-gutter:12px}
 #appScreen .shell-main>:is(#dashboardView,#consultView,#empresasView,#tenantSiteView,#companyFormView,#knowledgeBaseView,#clientPortalView,#adminView,#profileView,#settingsView){padding-bottom:calc(106px + env(safe-area-inset-bottom))!important}
}
