/* YUQI v126 — iPhone 後台欄位防溢出與快取更新
   僅修正版面，不修改資料、庫存、預約、帳務或薪資邏輯。 */

@media (max-width: 640px) {
  html,
  body,
  .admin-shell,
  #admin-sub-content {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  #admin-sub-content,
  #admin-sub-content *,
  #admin-sub-content *::before,
  #admin-sub-content *::after {
    box-sizing: border-box !important;
  }

  #admin-sub-content > *,
  #admin-sub-content .yuqi-card,
  #admin-sub-content .compact-card,
  #admin-sub-content .grid,
  #admin-sub-content .flex,
  #admin-sub-content .grid > *,
  #admin-sub-content .flex > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #admin-sub-content .yuqi-card,
  #admin-sub-content .compact-card,
  #admin-sub-content .grid {
    width: 100% !important;
  }

  #admin-sub-content input,
  #admin-sub-content select,
  #admin-sub-content textarea,
  #admin-sub-content button {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* iOS Safari 會替 date/month 保留桌面寬度，必須同時限制 inline-size。 */
  #admin-sub-content input[type="date"],
  #admin-sub-content input[type="month"],
  #admin-sub-content .date-input,
  #admin-sub-content .booking-date-flat {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  /* 只有主導覽列可左右滑，其餘後台內容不得產生整頁橫向捲動。 */
  #admin-sub-content .admin-tabs {
    overflow-x: auto !important;
  }
}