/* ================= REQUESTED V17 ================= */
    /* 1) Bazar List + Daily Meal: member names must NEVER line-break, and all member columns must
       stay reachable via horizontal scroll (already supported by .meal-table-wrap { overflow:auto }
       and .meal-table { min-width }). Placed last on purpose so this !important wins over the
       older, conflicting "overflow-wrap:anywhere / word-break:break-word" rules from earlier
       patches that were still forcing names to wrap mid-word on narrow screens. */
    .daily-meal-name-badge,
    .daily-meal-member-head .name-badge,
    .meal-table th .name-badge,
    .bazar-member-cell .name-badge,
    .bazar-member-head th.bazar-member-cell .name-badge {
      white-space: nowrap !important;
      overflow-wrap: normal !important;
      word-break: keep-all !important;
      hyphens: none !important;
      display: inline-block !important;
    }

    .daily-meal-member-head,
    .bazar-member-cell {
      min-width: 92px !important;
    }

    @media (max-width: 480px) {

      .daily-meal-member-head,
      .bazar-member-cell {
        min-width: 78px !important;
      }

      .daily-meal-name-badge,
      .bazar-member-cell .name-badge {
        font-size: 0.72rem !important;
        padding: 4px 7px !important;
      }
    }

    /* 2) Sidebar sometimes showing only a few options after opening on mobile/tablet: the sidebar
       has been rebuilt across many patches (v10–v13) with hover/pin/open classes and staggered
       CSS transitions; occasionally the browser paints mid-transition state where a tab-btn is
       still at opacity/height 0 from an old rule. Force every real nav button back to fully
       visible whenever the sidebar is actually open/pinned/hovered, regardless of which older
       rule set the opposite. */
    body.sidebar-open .responsive-sidebar .tab-btn,
    body.sidebar-pinned .responsive-sidebar .tab-btn,
    .responsive-sidebar:hover .tab-btn,
    .responsive-sidebar.force-open .tab-btn {
      opacity: 1 !important;
      visibility: visible !important;
      max-height: none !important;
      pointer-events: auto !important;
      transform: none !important;
    }

    body.sidebar-open .responsive-sidebar .nav-label,
    body.sidebar-pinned .responsive-sidebar .nav-label,
    .responsive-sidebar:hover .nav-label,
    .responsive-sidebar.force-open .nav-label {
      opacity: 1 !important;
      visibility: visible !important;
      display: inline !important;
    }

    body.sidebar-open .responsive-sidebar,
    body.sidebar-pinned .responsive-sidebar,
    .responsive-sidebar.force-open {
      overflow-y: auto !important;
    }