/* ========== 移动端人性化全局优化 ========== */

/* 1) iOS 动态视口高度：避免页面/弹窗底部被浏览器工具条遮挡（100vh -> 100dvh） */
@supports (height: 100dvh) {
  html, body { min-height: 100dvh; }
  body.min-h-screen, .min-h-screen { min-height: 100dvh; }
  /* 原先这里有一条 #productDetailModalContent { height: 100dvh; }，
     已下沉到 spcx/index.html 页面内（改为 min-height）：
     该 ID 在 spcx（整页滚动的详情）和 spcr（内部滚动的弹窗）中被复用，
     写在全局会同时命中两处，固定 height 还会让 spcx 底部留白失效 */
}

/* 2) 粘性搜索栏预留顶部安全区（刘海屏/状态栏下不被遮住） */
#productSearchBar { top: env(safe-area-inset-top, 0px); }

/* 3) 移动端关键文字放大：金额/日期等 text-xs(12px) 在手机上偏小，提到 13px */
@media (max-width: 640px) {
  td.text-xs, span.text-xs, .text-xs { font-size: 0.8125rem; }
}