/* Compact labels are mobile-only; page titles and role scope stay unchanged. */
@media (max-width:700px) {
  #mobile-nav {
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(0,1fr);
    gap:0;
    overflow:visible;
    padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));
    border-top:1px solid #b9ceca26;
    background:#173e46;
  }
  #mobile-nav .nav-button {
    min-width:0;
    width:100%;
    height:54px;
    min-height:54px;
    margin:0;
    padding:4px 0;
    gap:3px;
    justify-content:center;
    border-radius:12px;
    letter-spacing:0;
    color:#bad0d0;
    touch-action:manipulation;
  }
  #mobile-nav .nav-icon {
    width:25px;height:25px;flex:0 0 25px;
    background:transparent;border:0;box-shadow:none;
  }
  #mobile-nav .nav-icon svg {width:21px;height:21px}
  #mobile-nav .nav-label {
    display:block;max-width:100%;font-size:12px;line-height:16px;
    white-space:nowrap;word-break:keep-all;
  }
  #mobile-nav .nav-button.active {background:#ddcca0;color:#173e46;font-weight:600}
  #mobile-nav .nav-button.active .nav-icon {background:transparent;color:inherit}
  #mobile-nav .nav-button:focus-visible {outline:2px solid #f6e6b5;outline-offset:-2px}
  .main-shell {padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .toast {bottom:calc(78px + env(safe-area-inset-bottom))}
}