.mobile-app-nav{display:none}

@media (max-width:767px){
  body{background:#fff8ef}
  .main{padding-bottom:104px}
  .mobile-app-nav{
    position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:120;
    min-height:76px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
    background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--border);
    box-shadow:0 -10px 28px rgba(60,45,32,.12);backdrop-filter:blur(18px);
  }
  .mobile-app-nav-item{
    appearance:none;border:0;background:none;color:var(--text3);display:flex;min-width:0;min-height:56px;
    flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:16px;font:inherit;cursor:pointer;
  }
  .mobile-app-nav-item>span{font-family:'Plus Jakarta Sans',sans-serif;font-size:25px;line-height:1}
  .mobile-app-nav-item small{font-size:10px;font-weight:700}
  .mobile-app-nav-item.active{color:var(--coral);background:color-mix(in srgb,var(--coral) 10%,transparent)}
  .topbar{position:sticky;top:0;border-radius:0 0 18px 18px;box-shadow:0 5px 18px rgba(60,45,32,.08)}
  .topbar-brand .sb-title{font-family:'Urlaubsplaner Headings',sans-serif!important;font-size:23px!important;color:var(--coral)}
  #page-overview .ov-grid{gap:15px}
  #page-overview #ov-hero{order:1;min-height:420px;border-radius:24px;box-shadow:0 10px 30px rgba(60,45,32,.13)}
  #page-overview .mobile-home-weather{
    display:flex!important;order:2;grid-column:1;grid-row:auto;width:100%;min-height:136px;margin:0!important;
    padding:18px!important;border-radius:22px!important;box-shadow:0 8px 22px rgba(60,45,32,.1);
  }
  #page-overview #ov-todos-card{order:3;min-height:300px;border-radius:22px;box-shadow:0 8px 22px rgba(60,45,32,.1)}
  #page-overview .ov-expenses-card{order:4;min-height:250px;border-radius:22px;box-shadow:0 8px 22px rgba(60,45,32,.1)}
  #page-overview #ov-timeline-card{order:5}
  #page-overview .ov-map-narrow{order:6}
  #page-overview .ov-stat-row{order:7}
  .page-title{font-family:'Urlaubsplaner Headings',sans-serif;font-weight:400}
  button,a,input,select,textarea{touch-action:manipulation}
}