/* Shared navigation for standard pages. Their forms and internal layouts remain intact. */
.munia-app .app-shell { grid-template-columns:230px minmax(0,1fr); }
.munia-app .app-main { display:flex; flex-direction:column; min-width:0; min-height:0; border-left:1px solid var(--home-line); }
.munia-app .app-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px; flex-shrink:0; }
.munia-app .app-toolbar #homeSearchSlot { width:300px; max-width:45%; }
.munia-app .app-toolbar:has(#homeSearchSlot:empty):has(.app-page-title:empty) { display:none; }
.munia-app .app-page-title { min-width:0; }
.munia-app .app-page-content { display:flex; flex-direction:column; flex:1; min-height:0; min-width:0; padding:0 20px 20px; overflow:auto; }
.munia-app #homeAccountMenu > a[aria-current="page"] { background:var(--munia-surface-soft, #f4f7f5); color:var(--home-green); font-weight:700; }
@media (min-width:1024px) {
  /* Include the toolbar in the scroller so its track starts at the viewport top.
     Compensate the centered shell's right margin without widening the content. */
  .munia-app .app-main {
    --app-scroll-gutter:max(0px, calc((100vw - 1440px) / 2));
    margin-right:calc(0px - var(--app-scroll-gutter));
    padding-right:var(--app-scroll-gutter);
    overflow-x:hidden;
    overflow-y:auto;
  }
  .munia-app .app-toolbar { position:sticky; top:0; z-index:40; background:var(--munia-surface, #fff); }
  .munia-app .app-page-content { flex:1 0 auto; overflow:visible; }
  body.munia-app:has(.messages-page) .app-page-content { flex:1 1 0; overflow:hidden; }
}
@media (max-width:1023px) {
  .munia-app .app-shell { flex:1; }
  .munia-app .app-main { flex:1; border:0; }
  .munia-app .app-toolbar { display:none; }
  .munia-app .app-page-content { padding:0; }
}