/* 看板基础组件名映射到 Flux 主题变量；结构、交互与动画保持原件。 */
#chFiles,.modal-mask:has(.fm-form),.modal-mask:has(.fm-pv){--brand:var(--pri-tx,var(--pri));--brand-soft:var(--pri-soft);--muted:var(--tx-3);--text-strong:var(--tx);--text:var(--tx);--panel-2:var(--bg);--hover:var(--pri-soft);--chip-bg:var(--bg);--warn-ink:var(--warn);--warn-soft:rgba(232,140,30,.14)}
#chFiles .hidden,.modal-mask .hidden{display:none!important}
#chFiles .tabs,.fm-pv-tabs{display:flex;gap:4px;margin:2px 0 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
#chFiles .tab-btn,.fm-pv-tabs .tab-btn{border:0;background:transparent;padding:11px 16px;margin-bottom:-1px;font-size:14px;color:var(--tx-3);cursor:pointer;border-bottom:2px solid transparent;transition:.15s}
#chFiles .tab-btn.active,.fm-pv-tabs .tab-btn.active{color:var(--pri-tx,var(--pri));border-bottom-color:var(--pri);font-weight:600}
#chFiles .muted,.modal-mask .muted{color:var(--tx-3)}
#chFiles .desc{font-size:13px;line-height:1.7;color:var(--tx-3)}
:where(#chFiles,.files-full-modal) .wb-btn{border:1px solid var(--line);border-radius:7px;padding:7px 15px;font-size:13px;background:var(--panel);color:var(--tx);cursor:pointer;transition:background .16s,box-shadow .16s}
:where(#chFiles,.files-full-modal) .wb-btn.primary{background:var(--pri);border-color:var(--pri);color:var(--on-pri,#fff)}
#chFiles button:disabled,.modal-mask button:disabled{opacity:.45;cursor:default}
#chFiles .table-shell{overflow:auto;border-radius:14px;border:1px solid var(--line)}
#chFiles .table{width:100%;border-collapse:collapse;font-size:13px}
#chFiles .table th,#chFiles .table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
#chFiles .table th{color:var(--tx-3);font-weight:600;background:var(--bg)}
.modal-mask:has(.fm-form),.modal-mask:has(.fm-pv){transition:opacity .2s;opacity:0;z-index:1300}
.modal-mask.show:has(.fm-form),.modal-mask.show:has(.fm-pv){opacity:1}
.modal-mask .modal-v2{background:var(--panel);color:var(--tx);border:1px solid var(--line);max-height:90vh;display:flex;flex-direction:column}

.modal-v2 .modal-body{overflow:auto;min-height:0}
.modal-v2 input,.modal-v2 select,.modal-v2 textarea{background:var(--bg);color:var(--tx);border:1px solid var(--line);border-radius:9px}
.modal-v2 .modal-head,.modal-v2 .modal-foot{flex-shrink:0}
#chFiles input,#chFiles select{color:var(--tx);background:var(--panel);border:1px solid var(--line)}

#chFiles .list-card{display:flex;flex-direction:column;height:calc(100vh - 140px);min-height:540px}
#chFiles .fm-path{display:inline;font-size:12.5px;max-width:none;overflow:visible;text-overflow:clip}
#chFiles .fm-main{padding:0}

.sn-bell-wrap,#snBubbles{--brand:var(--pri-tx,var(--pri));--muted:var(--tx-3);--text-strong:var(--tx);--text:var(--tx);--hover:var(--pri-soft);--brand-soft:var(--pri-soft);--warn-ink:var(--warn);--warn-soft:rgba(232,140,30,.14)}

.files-full-modal .modal-v2{backdrop-filter:blur(24px)}

#chFiles .table th:first-child,#chFiles .table td:first-child{position:sticky;left:0;background:var(--panel)}
#chFiles .table thead th{position:sticky;top:0;background:var(--panel-2);z-index:1}
#chFiles .wb-btn.on{background:var(--brand-soft);border-color:var(--pri);color:var(--pri);font-weight:600}

/* 今日待传：原件把前两列留作弹性区；Flux 缩紧流程列，留足文件名宽度。 */
#chFiles #fdTable{table-layout:fixed;min-width:1100px}
#chFiles #fdTable th:nth-child(1){width:12%}
#chFiles #fdTable th:nth-child(2){width:29%}
#chFiles #fdTable th:nth-child(3){width:9%!important}
#chFiles #fdTable th:nth-child(4){width:12%!important}
#chFiles #fdTable th:nth-child(5){width:8%!important}
#chFiles #fdTable th:nth-child(6){width:7%!important}
#chFiles #fdTable th:nth-child(7){width:8%!important}
#chFiles #fdTable th:nth-child(8){width:7%!important}
#chFiles #fdTable th:nth-child(9){width:8%!important}
#chFiles #fdTable th,#chFiles #fdTable td{padding:10px 8px;overflow-wrap:anywhere}
#chFiles #fdTable .fd-file{word-break:normal;overflow-wrap:normal;line-break:strict}
#chFiles #fdTable .wb-btn{padding:6px 8px}

#chFiles #fdTable .fd-st{white-space:normal;padding:2px 6px}