/* WHY [BOL-NAV-LABEL-ROOM-002]: at 360 px Approvals fit its 57.75 px
   logical button but crossed the 51.75 px painted pill. The human asked for
   wider buttons, not smaller text or a taller bar. Give long labels their
   intrinsic width + existing padding, retain >=44 px targets, and align More
   with the reserved last column. No height, typography or Voice changes.
   FALSIFIER: at 360/390 px every label must fit the painted target, all six
   targets stay separate, and bar/button heights match the R793 preimage. */
@media (max-width: 480px) {
  .app-shell > .mobile-nav {
    grid-template-columns: max-content max-content minmax(44px, 1fr) max-content minmax(max-content, 1fr) 44px;
  }
  .app-shell > .workspace-shell > .topbar .topbar-more {
    right: .4rem;
    width: 44px;
    padding-inline: 0;
  }
  @supports (anchor-name: --bol-tab) {
    .app-shell > .mobile-nav::after {
      left: anchor(left);
      right: anchor(right);
    }
  }
}