/* v866 - Admin top-bar drop-downs (Listings / People / Requests / Reports) on phones and small tablets (<=900px).
   BUG: the drop-down lived INSIDE the sticky, overflow-clipped top bar, so on some phones (iPhone Safari) it was
   painted behind the bar's own card / the toolbar under it, or clipped, and the tap looked like it did nothing.
   FIX: on <=900px the original in-bar menu is hidden and the same buttons are shown in ONE floating panel that is a
   direct child of <body> (js/413-admin-nav-pop.js), above the header and every page card, so nothing can cover or clip it.
   Desktop (>900px) is untouched. Roll back: remove the 413 <link> and <script> tags from index.html. */
@media (max-width:900px){
  .admin-nav-bar .admin-subnav{display:none!important;}
}
#bhNavPop{
  position:fixed;left:10px;right:10px;top:var(--bh-pop-top,150px);z-index:2000;
  display:none;flex-wrap:wrap;gap:6px;padding:8px;box-sizing:border-box;
  background:#fff;border:1px solid rgba(22,45,76,.11);border-top:2px solid var(--gold-500,#CEA577);
  border-radius:14px;box-shadow:0 18px 42px rgba(22,45,76,.22),0 2px 8px rgba(22,45,76,.08);
  max-height:calc(100dvh - var(--bh-pop-top,150px) - 12px);overflow-y:auto;overscroll-behavior:contain;
  opacity:0;transform:translateY(-8px) scale(.985);transform-origin:top center;
  transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.2,1);
}
#bhNavPop.is-on{display:flex;}
#bhNavPop.is-in{opacity:1;transform:translateY(0) scale(1);}
#bhNavPop .admin-subnav-btn{flex:1 1 calc(50% - 6px);min-height:42px;justify-content:center;-webkit-tap-highlight-color:transparent;}
[data-theme="dark"] #bhNavPop{background:var(--ad-card,#1A2331);border-color:rgba(255,255,255,.12);}
@media (min-width:901px){ #bhNavPop{display:none!important;} }
@media (prefers-reduced-motion:reduce){ #bhNavPop{transition:none;} }