/* ================= REQUESTED FIX V3: result mobile one member per row + quick meal rows ================= */
    @media (max-width: 900px) {

      #tab-results .card.print-card,
      #tab-results .mobile-cards,
      #tab-results .member-mobile-card,
      #tab-results .result-mobile-detail-grid,
      #tab-results .result-mobile-field,
      #tab-results .action-row,
      #tab-results .member-action-wrap {
        overflow: visible !important;
      }

      #tab-results .mobile-cards {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
      }

      #tab-results .result-member-card,
      #tab-results .member-mobile-card {
        width: 100% !important;
        margin: 0 !important;
      }

      #tab-results .mobile-card-top {
        grid-template-columns: minmax(0, 1fr) auto !important;
      }

      #tab-results .result-mobile-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      #tab-results .result-mobile-field.full,
      #tab-results .result-mobile-field.action-field {
        grid-column: 1 / -1 !important;
      }

      #tab-results .result-mobile-field.action-field .action-row {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        width: 100% !important;
      }

      #tab-results .member-action-wrap {
        position: relative !important;
        z-index: 99990 !important;
      }

      #tab-results .member-action-panel {
        position: fixed !important;
        z-index: 99999 !important;
        min-width: 190px !important;
        max-width: calc(100vw - 16px) !important;
        max-height: min(72dvh, 360px) !important;
        overflow-y: auto !important;
      }

      #tab-results .member-action-panel.open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        display: block !important;
      }

      #tab-dailyMeal .quick-actions-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
      }

      #tab-dailyMeal .quick-action-card .action-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
      }

      #tab-dailyMeal .quick-action-card .action-row .btn,
      #tab-dailyMeal .quick-action-card .action-row .text-input,
      #tab-dailyMeal #quickMealValue {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
      }

      #tab-dailyMeal .quick-action-card:first-child .action-row .btn:nth-child(1),
      #tab-dailyMeal .quick-action-card:first-child .action-row .btn:nth-child(2) {
        grid-column: auto !important;
      }

      #tab-dailyMeal .quick-action-card:first-child .action-row .btn:nth-child(3) {
        grid-column: 1 / -1 !important;
      }

      #tab-dailyMeal .quick-action-card:nth-child(2) .action-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, .86fr) !important;
      }
    }

    @media (max-width: 420px) {
      #tab-results .result-mobile-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
      }

      #tab-dailyMeal .quick-action-card:nth-child(2) .action-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, .82fr) !important;
      }

      #tab-dailyMeal .quick-action-card .btn {
        padding-inline: 7px !important;
        font-size: .68rem !important;
      }
    }

    /* ================= END REQUESTED FIX V3 ================= */

    /* ================= REQUESTED FIX V24: results table on mobile/tablet shows a
       horizontally scrollable table (frozen "Details" column + ~3 member columns visible
       at once, rest reachable by side-scroll) instead of one member card at a time. ================= */
    @media (max-width: 900px) {

      #tab-results .mobile-cards,
      #tab-results #mobileCards {
        display: none !important;
      }

      #tab-results .card.print-card,
      #tab-results .table-wrap,
      #tab-results #resultsScrollBox {
        display: block !important;
      }

      #tab-results .table-wrap,
      #tab-results #resultsScrollBox {
        overflow-x: auto !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        max-width: 100% !important;
      }

      #tab-results #resultsTable {
        width: max-content !important;
        min-width: 100% !important;
      }

      #tab-results .result-transposed th.detail-head,
      #tab-results .result-transposed td.detail-label {
        min-width: 96px !important;
        max-width: 96px !important;
        width: 96px !important;
        font-size: 0.68rem !important;
        padding: 8px 6px !important;
      }

      #tab-results .result-transposed th.member-head,
      #tab-results .result-transposed td.member-result-cell {
        min-width: calc((100vw - 96px - 30px) / 3) !important;
        max-width: calc((100vw - 96px - 30px) / 3) !important;
        width: calc((100vw - 96px - 30px) / 3) !important;
        font-size: 0.76rem !important;
        padding: 8px 5px !important;
      }

      #tab-results .result-transposed th.member-head .name-badge {
        max-width: 100%;
        font-size: 0.68rem !important;
        padding: 4px 6px !important;
        white-space: normal !important;
        word-break: break-word !important;
      }

      #tab-results .included-bill-cell {
        flex-direction: column !important;
        gap: 3px !important;
      }

      #tab-results .included-bill-cell .bill-tag {
        font-size: 0.6rem !important;
        padding: 2px 5px !important;
      }
    }

    @media (max-width: 420px) {

      #tab-results .result-transposed th.detail-head,
      #tab-results .result-transposed td.detail-label {
        min-width: 82px !important;
        max-width: 82px !important;
        width: 82px !important;
      }

      #tab-results .result-transposed th.member-head,
      #tab-results .result-transposed td.member-result-cell {
        min-width: calc((100vw - 82px - 26px) / 3) !important;
        max-width: calc((100vw - 82px - 26px) / 3) !important;
        width: calc((100vw - 82px - 26px) / 3) !important;
      }
    }

    /* ================= END REQUESTED FIX V24 ================= */


    /* ================= PASSWORD EYE TOGGLE UPDATE V4 ================= */
    .password-field-wrap {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
    }

    .password-field-wrap .text-input {
      padding-right: 48px;
    }

    .password-eye-btn {
      position: absolute;
      right: 7px;
      top: 50%;
      transform: translateY(-50%);
      width: 34px;
      height: 34px;
      border: 1px solid transparent;
      border-radius: 11px;
      background: transparent;
      color: var(--text2);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
      z-index: 2;
    }

    .password-eye-btn:hover,
    .password-eye-btn[aria-pressed="true"] {
      background: var(--tag-bg);
      border-color: var(--border);
      color: var(--accent);
    }

    .password-eye-btn:active {
      transform: translateY(-50%) scale(0.96);
    }

    .password-eye-btn i {
      font-size: 1.05rem;
      line-height: 1;
      pointer-events: none;
    }

    /* ================= END PASSWORD EYE TOGGLE UPDATE V4 ================= */