/* @@SPLIT_HEADER@@
   css/responsive.css —— 窄屏适配
      由 redesign2.html 拆分而来（原行号 1717-1754），业务逻辑原样搬运；加载顺序见 index.html / README.md */
/* ==========================================================================
   13. 窄屏适配（1280×800 等）
   ◆ 不产生横向滚动：列宽是百分比，这里只把字号/内边距压小，
     超长内容用省略号，行高保持 52px。
   ========================================================================== */
@media (max-width:1500px){
  /* ⚠️ 写成 table.grid 而不是 .grid：基础规则是 `table.grid{font-size:13px}`
     （特异性 0,1,1），这里只写 `.grid`（0,1,0）会被它压掉 —— 媒体查询里的
     字号**从来没生效过**，1280 下一直是 13px。加上元素名后特异性打平，
     又因为本段源码在基础规则之后，才真正生效。 */
  table.grid{font-size:12px}
  .grid thead th{padding:4px 6px}
  .grid tbody td{padding:3px 6px}
  /* 1280 下勾选列只有 ~28px：左内边距从 12 压到 8，否则 14px 的勾选框会被裁 */
  .grid thead th.c-chk,.grid tbody td.c-chk{padding-left:8px}
  .w-time{width:92px}
  .w-search{width:150px}
  .nav-item{padding:0 7px;font-size:12px}
}
/* 首页 / 售后在 1280 下同样不许横向滚动：只压字号和间距，不改结构 */
@media (max-width:1500px){
  .stat .v{font-size:26px}
  .stat{padding:9px 11px 8px}
  .statrow{gap:8px}
  .rrow{gap:8px;padding:0 10px}
  .uc-oid{width:140px}
  .as-filter{gap:6px 8px}
  .w-as-q{width:180px}
  /* 同上：基础规则是 `table.as-table{font-size:12px}`（0,1,1），
     只写 `.as-table`（0,1,0）压不住 → 1280 下售后表字号也没生效过。 */
  table.as-table{font-size:11px}
  .as-table thead th,.as-table tbody td{padding:4px 6px}
  .bbtn{padding:0 9px}
  /* 1280 下列很窄：胶囊字号缩到 10px、左右 padding 6px，状态才不会被省略号吃掉 */
  .pill{font-size:10px;padding:0 6px}
  .otime{font-size:10px}
}