/* 手机宽度（≤767.98px，同 pages.css 列表页的触控断点）帖子列表以外的后台列表：表格不再左右滑，每行一张卡（前端红线 §38）。
   依赖 Unfold admin/change_list_results.html：#changelist-form > div.overflow-x-auto > table#result_list，thead 一行表头，
   每行一个 tbody > tr.data-row；每格前面的列名是 lists.js 从表头抄来的 data-label。
   - 帖子列表（body.model-post）不受影响（它的卡片另做）；规则都在 @media 里，宽屏照旧是表格。
   - 表头留着，折成一条可换行的小条，只留全选勾选框和能点的排序列（不能排序的列名卡片里已经有）。
   - 每格：列名挂在左边留白里（6.5rem，放不下折行），内容整段缩进、长文字折行不溢出；只有一个链接的格上下居中；
     每格、表头项至少 44px 高（格里的链接、勾选框的 44px 点击区在 pages.css 同一断点里）。 */
@media (max-width: 767.98px) {
  body.change-list:not(.model-post) #changelist-form > div[class~="overflow-x-auto"] { overflow-x: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  body.change-list:not(.model-post) #result_list { display: block; width: 100%; }

  body.change-list:not(.model-post) #result_list thead { display: block; }
  body.change-list:not(.model-post) #result_list thead tr { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--wb-sp-4); padding: 0 var(--wb-sp-4); border-radius: 12px; background: var(--subtle); }
  body.change-list:not(.model-post) #result_list thead th { display: flex; align-items: center; width: auto; height: auto; min-height: 44px; padding: 0; background: transparent; box-shadow: none; white-space: normal; }
  body.change-list:not(.model-post) #result_list thead th:not(:has(a, input)) { display: none; }

  body.change-list:not(.model-post) #result_list tbody { display: block; margin-top: var(--wb-sp-3); border: 1px solid var(--wb-line); border-radius: 14px; background: var(--wb-surface); box-shadow: 0 1px 2px var(--wb-ring); overflow: hidden; }
  body.change-list:not(.model-post) #result_list tbody tr.data-row { display: block; }
  body.change-list:not(.model-post) #result_list tbody tr.data-row > :is(td, th) { display: flow-root; height: auto; min-height: 44px; padding: var(--wb-sp-2) var(--wb-sp-4) var(--wb-sp-2) calc(var(--wb-sp-4) + 6.5rem + var(--wb-sp-3)); border: 0; border-top: 1px solid var(--wb-line); text-align: start; white-space: normal; overflow-wrap: anywhere; }
  body.change-list:not(.model-post) #result_list tbody tr.data-row > :first-child { border-top: 0; }
  body.change-list:not(.model-post) #result_list tbody tr.data-row > :is(td.action-checkbox, :has(> a:only-child)) { display: flex; align-items: center; gap: 0; }
  body.change-list:not(.model-post) #result_list tbody tr.data-row > td.action-checkbox { padding-inline-start: var(--wb-sp-4); }
  /* 列名：浮在左边留白里（负的起始外边距抵掉自身宽度，不挤内容）；占位在脚本加上 data-label 前就在，内容不左右跳 */
  body.change-list:not(.model-post) #result_list tbody tr.data-row > :is(td, th):not(.action-checkbox)::before { content: attr(data-label); float: left; flex: none; box-sizing: border-box; width: 6.5rem; margin-inline: calc(-6.5rem - var(--wb-sp-3)) var(--wb-sp-3); color: var(--wb-secondary); font-size: var(--wb-fs-sub); font-weight: 500; white-space: normal; }
  /* 格里的链接、本来单行省略的长文字（pages.css .xm-cell-ell 最宽 16rem、theme.css 的 X 链接按钮）不超过这一格 */
  body.change-list:not(.model-post) #result_list tbody tr.data-row a,
  body.change-list:not(.model-post) #result_list tbody tr.data-row .xm-cell-ell,
  body.change-list:not(.model-post) #result_list tbody tr.data-row img { max-width: 100%; }
}