/* Phone bottom tab bar — see bottom-nav.js. Only shown on narrow screens. */
.pms-bottom-nav{display:none}
@media (max-width:900px){
  html.has-bottom-nav .mob-hamburger{display:none!important}      /* the old top-left burger */
  html.has-bottom-nav body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  html.has-bottom-nav #toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}

  .pms-bottom-nav{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:140;
    height:calc(70px + env(safe-area-inset-bottom,0px));
    padding:6px 8px env(safe-area-inset-bottom,0px);
    background:rgba(10,10,13,.94);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    border-top:1px solid rgba(255,255,255,.08);
  }
  .pms-tab{
    flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    background:none;border:0;cursor:pointer;text-decoration:none;
    font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.01em;
    color:#6c7899;border-radius:12px;
    -webkit-tap-highlight-color:transparent;
  }
  .pms-tab svg{display:block;transition:transform .15s}
  .pms-tab:active svg{transform:scale(.9)}
  .pms-tab.on{color:#ffb627}
  .pms-tab:focus-visible{outline:2px solid #ffb627;outline-offset:-2px}

  html[data-theme="light"] .pms-bottom-nav{background:rgba(255,255,255,.96);border-top-color:rgba(30,40,80,.12)}
  html[data-theme="light"] .pms-tab{color:#98a1bb}
  html[data-theme="light"] .pms-tab.on{color:#e07a00}
}