/* ORMEA 2.29 · espai útil i navegació al mòbil, inclòs el mode instal·lat d'iOS. */
@media screen and (max-width:760px) {
  html { -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-padding-top:env(safe-area-inset-top, 0px); }
  .app-shell { min-width:0; }
  .main { min-width:0; padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px)); }
  .top { position:sticky; top:0; z-index:30; background:#fffefd; padding-top:calc(12px + env(safe-area-inset-top, 0px)); }
  .view { padding:18px 14px 24px; }
  .sidebar {
    position:fixed; inset:auto 0 0; z-index:50;
    width:100%; height:auto; min-height:0; max-height:none;
    display:block; padding:5px max(5px, env(safe-area-inset-right, 0px)) calc(5px + env(safe-area-inset-bottom, 0px)) max(5px, env(safe-area-inset-left, 0px));
    border:0; border-top:1px solid var(--line); background:#fffefd;
  }
  .sidebar .brand, .sidebar .sidebar-label, .sidebar .sidebar-foot { display:none; }
  .sidebar nav { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:2px; margin:0; overflow:visible; width:100%; }
  .sidebar nav .navbtn {
    min-width:0; width:100%; min-height:56px; padding:5px 1px; gap:4px;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    font-size:9px; line-height:1.2; letter-spacing:0; white-space:nowrap;
  }
  .sidebar nav .navbtn > span { width:auto; height:22px; display:grid; place-items:center; }
  .sidebar nav .nav-icon { width:21px; height:21px; }
  .toast { bottom:calc(78px + env(safe-area-inset-bottom, 0px)); }
  dialog.dialog { max-height:calc(100dvh - env(safe-area-inset-top, 0px) - 12px); padding-bottom:calc(22px + env(safe-area-inset-bottom, 0px)); }
}