/* =============================================================================
   96-shelf-status-tab-order.css — v16.117
   THE ONE PLACE THE SHELF'S STATUS TABS ARE ORDERED.

   The tab buttons are static markup in index.html shared by every category
   (live · watching · planned · watched · wishlist · paused), so a per-section
   order has to be expressed as flex `order` rather than by re-authoring the DOM.

   WHY THIS FILE EXISTS
   That order was previously declared in FOUR places across two files:

     01-mylists-cards-episodes.css:239   games-scoped, no !important
     01-mylists-cards-episodes.css:7522  all sections, !important
     01-mylists-cards-episodes.css:7533  all sections, !important (a duplicate
                                         of the block 11 lines above it)
     14-live-update-discover-controls.css:111  all sections, !important

   The only section-AWARE block was the one with no !important, so it lost every
   tie — which meant the games order on screen was Playing · Played · Wishlist ·
   Paused while three separate comments claimed it was something else. All four
   are deleted; this file replaces them.

   KEEP IN STEP WITH: SCREENLIST_VISIBLE_STATUS_TABS_BY_SECTION in
   js/04-shared-utils-data.js. That array is the source of truth for tab
   VALIDITY, the status-swipe order and the jump-to-first-populated shelf; this
   file only mirrors it visually. Changing one without the other makes the tabs
   read left-to-right in an order the swipe gesture does not follow.
   ============================================================================= */

/* `live` is never a shelf tab — games surface it as a sub-filter of Playing. */
#mylist-view #mylist-toolbar .tabs .tab-btn[data-tab="live"] {
  display: none !important;
}

/* -----------------------------------------------------------------------------
   Default — shows · anime · manga · books, and movies (which simply has no
   `watching` or `wishlist` button rendered, so 1/2/3 collapse to 1st/2nd/3rd).
   -------------------------------------------------------------------------- */
#mylist-view #mylist-toolbar .tabs .tab-btn[data-tab="watching"] { order: 0 !important; }
#mylist-view #mylist-toolbar .tabs .tab-btn[data-tab="planned"]  { order: 1 !important; }
#mylist-view #mylist-toolbar .tabs .tab-btn[data-tab="watched"]  { order: 2 !important; }
#mylist-view #mylist-toolbar .tabs .tab-btn[data-tab="paused"]   { order: 3 !important; }
#mylist-view #mylist-toolbar .tabs .tab-btn[data-tab="wishlist"] { order: 4 !important; }

/* -----------------------------------------------------------------------------
   GAMES — Playing · Wishlist · Paused · Played  (v16.117, owner spec).
   Labels differ from the storage keys: watching = "Playing", watched = "Played".
   -------------------------------------------------------------------------- */
body.mylist-section-games #mylist-view #mylist-toolbar .tabs .tab-btn[data-tab="watching"] { order: 0 !important; }
body.mylist-section-games #mylist-view #mylist-toolbar .tabs .tab-btn[data-tab="wishlist"] { order: 1 !important; }
body.mylist-section-games #mylist-view #mylist-toolbar .tabs .tab-btn[data-tab="paused"]   { order: 2 !important; }
body.mylist-section-games #mylist-view #mylist-toolbar .tabs .tab-btn[data-tab="watched"]  { order: 3 !important; }

/* -----------------------------------------------------------------------------
   MUSIC — Listened · Planned. Music has no "watching" tab, and it wants
   Listened (storage `watched`) FIRST, which is the reverse of the default.
   -------------------------------------------------------------------------- */
body.mylist-section-music #mylist-view #mylist-toolbar .tabs .tab-btn[data-tab="watched"] { order: 0 !important; }
body.mylist-section-music #mylist-view #mylist-toolbar .tabs .tab-btn[data-tab="planned"] { order: 1 !important; }