/* =============================================================================
   103-shelf-modals.css
   v16.263 (owner) — THE SHELF PAGE'S TWO FLOATING MENUS.

   WHY THIS FILE EXISTS
   These two rules were written into 34b-shelf-card-universal.css and
   01-mylists-cards-episodes.css, and Cloudflare would not ship either edit:
   `wrangler deploy` reported "No updated asset files to upload" for both files
   while their contents had demonstrably changed, and the served copies stayed
   on the previous revision through six deploys and repeated content checks.
   A NEW PATH cannot be skipped as unchanged and cannot be served from an
   existing cache entry, so the rules live here instead. Loaded last, so it is
   also the final word on these two components.

   WHAT IT DOES

   1. THE SORT MENU (Most Recent / Title A-Z / Rating / Year).
      Flat, opaque, evenly rounded. It was two stacked gradients over a
      90%-opaque near-black, which resolved to almost exactly the page behind it
      - the panel was held together by its border and its inset highlights
      rather than by its own fill. rgb(30,30,34) is opaque and reads clearly
      against the page's rgb(14,14,14), which is what a menu floating over
      content should do.

      Corners: 22px outside against 10px items inside 6px of padding is what
      made them look chewed - the item's arc met the panel's arc at a different
      rate on every corner. 18px outside / 12px inside with 8px of padding nests
      them, so the inner curve sits concentric to the outer one instead of
      cutting across it.

   2. THE "MOVE TO" STATUS MENU. Same neutral, no border, and 6px corners taken
      to 14px - at 6px it was the sharpest thing on a screen where the cards are
      18px, the pills 999px and the sort menu 18px.

   In both cases the border and the inset highlights go; the drop shadow stays.
   A shadow is not an outline - it is what says the panel is ABOVE the page, and
   with the edge gone it is the only thing left saying so.
   ============================================================================= */

/* ---- 1. Sort menu ---- */
.sort-dropdown-menu {
  background: rgb(30, 30, 34) !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 8px !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.58) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.sort-dropdown-menu .sort-dropdown-item {
  border: 0 !important;
  border-radius: 12px !important;
}

/* ---- 2. "Move to" status menu ---- */
.game-status-modal {
  border: 0 !important;
  border-radius: 14px !important;
  background: rgb(30, 30, 34) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.58) !important;
}
.game-status-modal .game-status-modal-header {
  border: 0 !important;
}