/* 智能舱下的文件管理（从看板移植的 wb-btn / fd-st / .table 组件）：
 * 这些组件读的是通用变量 --pri / --panel-2 / --bg / --chip-bg，在智能舱里分别落成浅天蓝实底配白字、
 * 实色近黑的表头、黑底灰字的状态牌，和其余页面的玻璃风格不一致（用户 2026-11-13 指出）。
 * 这里统一改读智能舱自己的 --ac-* 变量：按钮同 .btn / .btn.primary，表头半透明磨砂，状态牌按语义着色。 */
:root[data-skin="alice"][data-theme][data-palette] body :is(#chFiles, .files-full-modal) .wb-btn {
  border: 1px solid var(--ac-line2); background: rgba(var(--ac-fg-rgb), .04); color: var(--ac-tx);
}
:root[data-skin="alice"][data-theme][data-palette] body :is(#chFiles, .files-full-modal) .wb-btn:hover:not(:disabled) {
  background: rgba(var(--ac-fg-rgb), .08); border-color: rgba(var(--ac-sl-rgb), .4);
}
:root[data-skin="alice"][data-theme][data-palette] body :is(#chFiles, .files-full-modal) .wb-btn.on {
  background: rgba(var(--ac-cy-rgb), .14); border-color: rgba(var(--ac-cy-rgb), .45); color: var(--ac-tx);
}
:root[data-skin="alice"][data-theme][data-palette] body :is(#chFiles, .files-full-modal) .wb-btn.primary {
  background: var(--ac-grad); border-color: transparent; color: #060914; font-weight: 700;
  box-shadow: 0 4px 16px -8px rgba(var(--ac-in-rgb), .8);
}
:root[data-skin="alice"][data-theme][data-palette] body :is(#chFiles, .files-full-modal) .wb-btn.primary:hover:not(:disabled) {
  background: var(--ac-grad); filter: brightness(1.08);
}

/* 表格：表头用半透明磨砂，吸顶时仍能盖住滚上来的行；首列吸左的底色同步 */
:root[data-skin="alice"][data-theme][data-palette] body #chFiles .table th { color: var(--ac-tx2); }
:root[data-skin="alice"][data-theme][data-palette] body #chFiles .table thead th {
  background: color-mix(in srgb, var(--ac-bg2) 72%, transparent);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom-color: var(--ac-line2);
}
/* 首列吸左：不铺色块（合并行里首格是文件名，铺色会出现一块暗底），只做磨砂，横向滚动时照样盖住滑过的内容 */
:root[data-skin="alice"][data-theme][data-palette] body #chFiles .table tbody td:first-child {
  background: transparent; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
:root[data-skin="alice"][data-theme][data-palette] body #chFiles .table td { border-bottom-color: var(--ac-line); }

/* 状态牌：中性的用描边玻璃，完成 / 进行 / 将到期 / 逾期 按语义色 */
:root[data-skin="alice"][data-theme][data-palette] body :is(#chFiles, .files-full-modal) .fd-st {
  border: 1px solid var(--ac-line2); background: rgba(var(--ac-fg-rgb), .04); color: var(--ac-tx2);
}
:root[data-skin="alice"][data-theme][data-palette] body :is(#chFiles, .files-full-modal) .fd-st.done {
  border-color: rgba(var(--ac-gr-rgb), .35); background: rgba(var(--ac-gr-rgb), .12); color: rgb(var(--ac-gr-rgb));
}
:root[data-skin="alice"][data-theme][data-palette] body :is(#chFiles, .files-full-modal) .fd-st.going {
  border-color: rgba(var(--ac-cy-rgb), .35); background: rgba(var(--ac-cy-rgb), .12); color: rgb(var(--ac-cy-rgb));
}
:root[data-skin="alice"][data-theme][data-palette] body :is(#chFiles, .files-full-modal) .fd-st.due {
  border-color: rgba(var(--ac-am-rgb), .35); background: rgba(var(--ac-am-rgb), .12); color: rgb(var(--ac-am-rgb));
}
:root[data-skin="alice"][data-theme][data-palette] body :is(#chFiles, .files-full-modal) .fd-st.late {
  border-color: rgba(var(--ac-rd-rgb), .35); background: rgba(var(--ac-rd-rgb), .12); color: rgb(var(--ac-rd-rgb));
}
:root[data-skin="alice"][data-theme][data-palette] body :is(#chFiles, .files-full-modal) .fd-st.extra {
  border-style: dashed; color: var(--ac-tx);
}
/* 浅色（晴空）下语义色加深，保证白底上可读 */
:root[data-skin="alice"][data-theme="light"][data-palette] body :is(#chFiles, .files-full-modal) .fd-st.done { color: color-mix(in srgb, rgb(var(--ac-gr-rgb)) 70%, #0f172a); }
:root[data-skin="alice"][data-theme="light"][data-palette] body :is(#chFiles, .files-full-modal) .fd-st.going { color: color-mix(in srgb, rgb(var(--ac-cy-rgb)) 70%, #0f172a); }
:root[data-skin="alice"][data-theme="light"][data-palette] body :is(#chFiles, .files-full-modal) .fd-st.due { color: color-mix(in srgb, rgb(var(--ac-am-rgb)) 70%, #0f172a); }
:root[data-skin="alice"][data-theme="light"][data-palette] body :is(#chFiles, .files-full-modal) .fd-st.late { color: color-mix(in srgb, rgb(var(--ac-rd-rgb)) 70%, #0f172a); }
/* 浅色下渐变本身较深，主按钮用白字（同全局智能舱浅色 .btn.primary） */
:root[data-skin="alice"][data-theme="light"][data-palette] body :is(#chFiles, .files-full-modal) .wb-btn.primary { color: #fff; }
