/* Home/dashboard outer rhythm; deliberately isolated from card/modal spacing. */
.app-shell { --harmony-page-gutter:16px; --harmony-page-block:24px; --harmony-page-width:1500px; }
@media (min-width: 640px){.app-shell{--harmony-page-gutter:24px}}
@media (min-width: 1024px){.app-shell{--harmony-page-gutter:32px}}
.app-shell [data-harmony-page-spacing]{box-sizing:border-box;width:100%;max-width:var(--harmony-page-width)!important;margin-inline:auto!important;padding:var(--harmony-page-block) var(--harmony-page-gutter)!important;min-width:0}
@layer properties { #root .app-shell main [data-harmony-page-inset]{max-width:none!important;width:100%;margin-inline:0!important;padding-inline:0!important;padding-left:0!important;padding-right:0!important} }
.app-shell [data-harmony-page-spacing] > [data-harmony-page-inset]:first-of-type{padding-top:0!important}
.app-shell nav[aria-label="Percorso di navigazione"]{box-sizing:border-box;width:100%;max-width:var(--harmony-page-width);margin-inline:auto;padding:12px var(--harmony-page-gutter) 0!important}
.app-shell main > footer{padding-inline:var(--harmony-page-gutter)!important}