/* 最后修改：2026-10-15 15:57:08（北京时间）— 全部业务表格共用浅灰悬停变量，保留原深色及业务色。 */
/* 最后修改：2026-09-23 16:32:00（北京时间）— 保持筛选栏布局并恢复客户属性。 */
#sel-ind[hidden],#sel-customer-type[hidden]{display:none!important}
#sel-ind-trigger{width:132px;max-width:132px}
#sel-customer-type-trigger{width:150px;max-width:150px}
.customer-filter-trigger.is-filtered{border-color:var(--text2,#64748b);font-weight:600}
.customer-filter-trigger:focus-visible,.customer-filter-panel button:focus-visible{outline:2px solid var(--text2,#64748b);outline-offset:2px}
.customer-filter-panel{margin:0;max-height:calc(100dvh - 24px);font:13px var(--font);box-shadow:none}
.customer-filter-panel:not([open]){display:none!important}
.customer-filter-panel[open]{display:flex;flex-direction:column}
.customer-filter-panel::backdrop{background:transparent}
.customer-filter-panel .customer-filter-options{grid-template-columns:1fr;min-height:0;max-height:340px;overscroll-behavior:contain}
.customer-filter-panel .province-multi-option{min-height:36px;box-sizing:border-box}
.customer-filter-panel .province-multi-head,.customer-filter-panel .province-multi-actions{flex-shrink:0}
.customer-filter-panel .province-multi-actions>div{display:flex;gap:8px}
@media(max-width:760px){
  .customer-filter-panel[open]{left:0!important;right:0;top:auto!important;bottom:0;width:100%;max-width:100%;max-height:80dvh;border-radius:12px 12px 0 0;padding:16px 16px max(16px,env(safe-area-inset-bottom))}
  .customer-filter-panel::backdrop{background:rgba(0,0,0,.25)}
  .customer-filter-panel .customer-filter-options{max-height:55dvh}
  .customer-filter-panel .province-multi-option,.customer-filter-panel button{min-height:44px}
  .customer-filter-trigger{min-height:44px}
}
/* 最后修改：2026-09-23 11:50:00（北京时间）— 弹窗直接容纳只读播放器。 */
#nav-followup .cw-nav-copy{min-width:0;line-height:1.5}
#nav-followup .cw-nav-copy>span{display:block}
#nav-followup .cw-nav-copy>small{display:block;margin-top:2px;font-size:11px;font-weight:400;line-height:1.5;white-space:nowrap;color:var(--text2,#6b7280)}
.cw-workspace-tabs>.cw-workspace-tools{align-items:center;gap:12px}
.cw-workspace-tools [data-cw-demo-open]{font-weight:500;border:1px solid var(--border,#d8dee6);padding:6px 12px;background:var(--white,#fff)}
#cw-demo-modal{position:fixed;inset:0;margin:auto!important;width:min(1480px,96vw);height:min(1000px,94dvh);max-width:none;max-height:none;padding:0;border:1px solid #d7dce2;border-radius:12px;background:#fff;color:#17202d;overflow:hidden}
#cw-demo-modal[open]{display:flex;flex-direction:column}
#cw-demo-modal::backdrop{background:#11182780}
#cw-demo-modal>header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #d7dce2}
#cw-demo-modal>header strong{font-size:16px}
#cw-demo-close{border:1px solid #cdd3dc;border-radius:6px;padding:6px 14px;min-height:34px;background:#fff;color:#17202d;cursor:pointer;font:inherit}
#cw-demo-close:hover{background:#f0f1f3}
#cw-demo-content{width:100%;flex:1;min-height:0}
@media(max-width:760px){.cw-workspace-tabs>.cw-workspace-tools{padding:0}.cw-workspace-tools [data-cw-demo-open]{display:none}#cw-demo-modal{width:98vw;height:94dvh}#cw-demo-modal>header{padding:8px 12px}}
.cw-legacy-nav[hidden],#customer-workspace-tabs[hidden],#mine-workspace-filter[hidden],#followup-workspace-filter[hidden],#cw-detail[hidden],#cw-customer-menu[hidden],#detail-chart-area[hidden],#detail-body[hidden]{display:none!important}
#page-followup,#page-samples,#page-orders{--cw-tabs-height:64px}
.cw-workspace-tabs{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:14px;box-sizing:border-box;height:var(--cw-tabs-height);padding:12px 28px;background:var(--index-layout-bg,var(--white,#fff));border-bottom:1px solid var(--border,#d8dee6);font:13px var(--font)}
.cw-workspace-tabs>div{display:flex;gap:4px;min-width:0}
.cw-workspace-tabs button,.cw-detail-tabs button{border:0;background:transparent;color:var(--text2,#6b7280);padding:8px 14px;min-height:36px;font:600 13px var(--font);border-radius:6px;white-space:nowrap;cursor:pointer}
.cw-workspace-tabs button.active,.cw-detail-tabs button.active{background:#354154;color:#fff}
.cw-workspace-tabs button:hover:not(.active),.cw-detail-tabs button:hover:not(.active){background:var(--bg,#e9eaec);color:var(--text,#111827)}
.cw-workspace-tabs select{height:34px;max-width:190px;border:1px solid var(--border,#d8dee6);border-radius:6px;background:var(--white,#fff);color:var(--text,#111827);font:13px var(--font);padding:0 8px}
.cw-workspace-tabs :focus-visible,.cw-detail :focus-visible,.cw-context-menu :focus-visible{outline:2px solid #64748b;outline-offset:2px}
html.auth-has-session body.index-workspace-layout #page-followup>.fo-header{height:58px!important;min-height:58px!important;padding-top:0!important;top:var(--cw-tabs-height)!important}
html.auth-has-session body.index-workspace-layout #page-followup #foKanbanView,html.auth-has-session body.index-workspace-layout #page-followup #foListView{top:calc(var(--cw-tabs-height) + 58px)!important}
html.auth-has-session body.index-workspace-layout #page-samples>nav+div,html.auth-has-session body.index-workspace-layout #page-orders>nav+div{top:var(--cw-tabs-height)!important;padding-top:10px!important;min-height:58px!important}
#cw-detail{margin:0 58px 16px;color:var(--text,#111827)}
.cw-detail-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--border,#d8dee6)}
.cw-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-size:13px;color:var(--text2,#6b7280)}
.cw-stage{display:inline-flex;padding:4px 9px;font-size:12px;border-radius:5px;color:#111827}
.cw-record-list{display:grid;gap:10px}
.cw-record{padding:12px 14px;border:1px solid var(--border,#e1e5eb);border-radius:7px;background:var(--bg,#f8fafc);overflow-wrap:anywhere;font-size:13px;line-height:1.7}
.cw-record time{display:block;font-size:12px;color:var(--text2,#6b7280);margin-bottom:5px}
.cw-record p{margin:4px 0}.cw-record button{margin-top:7px}.cw-empty{padding:24px 0;text-align:center;font-size:13px;color:var(--text2,#6b7280)}
.cw-context-menu{position:fixed;z-index:20000;padding:5px;border:1px solid var(--border,#d1d5db);border-radius:7px;background:var(--white,#fff);box-shadow:0 5px 18px #0002}
.cw-context-menu button{display:block;min-height:36px;border:0!important;padding:8px 14px!important;background:transparent!important;color:var(--text,#111827)!important;font:13px var(--font)}
.cw-context-menu button:hover{background:var(--bg,#f3f4f6)!important}
#cw-development-filter{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;font-size:12px;background:var(--bg,#e9eaec);border:1px solid var(--border,#d8dee6);border-radius:6px;max-width:220px;white-space:nowrap;flex-shrink:0}
#cw-development-filter[hidden]{display:none!important}
#cw-development-filter button{font:inherit;border:0;border-radius:3px;background:transparent;cursor:pointer;color:inherit}
@media(min-width:761px) and (max-width:1024px){
  html.auth-has-session body.index-workspace-layout #page-followup>.fo-header{height:110px!important;min-height:110px!important;flex-wrap:wrap;align-content:center;gap:8px;padding:8px 10px!important}
  html.auth-has-session body.index-workspace-layout #page-followup>.fo-header>div:first-child{flex-wrap:wrap;gap:6px!important}
  html.auth-has-session body.index-workspace-layout #page-followup>.fo-header>div:nth-child(2){display:none!important}
  html.auth-has-session body.index-workspace-layout #page-followup #foKanbanView,html.auth-has-session body.index-workspace-layout #page-followup #foListView{top:calc(var(--cw-tabs-height) + 110px)!important}
}
@media(max-width:760px){
  #page-followup{--cw-tabs-height:96px}#page-samples,#page-orders{--cw-tabs-height:54px}
  .cw-workspace-tabs{padding:8px 12px;gap:7px;flex-wrap:wrap;align-content:center}
  .cw-workspace-tabs>div{width:100%;padding-left:44px;box-sizing:border-box}.cw-workspace-tabs button{flex:1;padding:7px 8px;font-size:13px;min-height:34px}
  .cw-workspace-tabs select{height:30px;max-width:100%;width:100%;font-size:12px}
  html.auth-has-session body.index-workspace-layout #page-followup #fo-mobile{top:var(--cw-tabs-height)!important}
  #cw-detail{margin:0 44px 12px}.cw-detail-tabs{gap:2px}.cw-detail-tabs button{padding:7px 8px;font-size:12px}
  #cw-development-filter{max-width:100%}
}

.cw-followup-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 24px;border-bottom:1px solid var(--border,#d8dee6)}
.cw-followup-actions button{border:1px solid var(--border,#d8dee6);background:var(--white,#fff);color:var(--text,#111827);border-radius:6px;font:600 13px var(--font);min-height:34px;padding:6px 12px;cursor:pointer;box-shadow:none}
.cw-followup-actions button:hover{background:var(--bg,#f3f4f6)}
@media(min-width:761px){
  html[data-current-page="mine"] body.index-workspace-layout .filterbar .inner{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:12px}
  html[data-current-page="mine"] body.index-workspace-layout .filterbar-controls{flex:1 1 auto;flex-wrap:nowrap;justify-content:flex-start;justify-content:safe flex-end!important;padding:3px 0}
  html[data-current-page="mine"] body.index-workspace-layout .filterbar-title{flex-shrink:0;align-self:center;padding-top:0}
  html[data-current-page="mine"] .filterbar-controls{gap:5px}
  html[data-current-page="mine"] select.f-sel{padding-left:8px;padding-right:6px}
  html[data-current-page="mine"] .filterbar-search-wrap{flex:0 0 110px;width:110px;min-width:110px}
  html[data-current-page="mine"] #sel-ind-trigger{width:98px;max-width:98px}
  html[data-current-page="mine"] .province-multi{flex-basis:104px;width:104px}
  html[data-current-page="mine"] #sel-province{width:104px;max-width:104px}
  html[data-current-page="mine"] #sel-source{width:98px;max-width:98px}
  html[data-current-page="mine"] #sel-wechat{width:112px;max-width:112px}
  html[data-current-page="mine"] #mine-workspace-filter{width:130px;min-width:130px}
  html[data-current-page="mine"] #sel-q{width:146px;min-width:146px}
  #tbl-mine thead th{background:var(--index-layout-head-bg,#f7f8fa)!important}
  /* 独立边框避免横向滚动时，折叠边框让底层文字透过固定列接缝。 */
  #tbl-mine{border-collapse:separate!important;border-spacing:0}
  #tbl-mine tbody td{border-bottom:1px solid var(--index-layout-row-line,#e5e7eb)!important}
  #tbl-mine tbody tr{--cw-row-bg:var(--index-layout-bg,#f3f2ef);background:var(--cw-row-bg)!important}
  #tbl-mine tbody tr:hover{--cw-row-bg:var(--table-row-hover-bg,#e5e7eb)}
  .theme-dark #tbl-mine tbody tr:hover{--cw-row-bg:#2a2c30}
  html.auth-has-session body.index-workspace-layout #tbl-mine tbody tr:hover{background:var(--cw-row-bg)!important}
  #tbl-mine th:nth-last-child(-n+2),#tbl-mine td:nth-last-child(-n+2){position:sticky;z-index:3;border-left:0}
  #tbl-mine td:nth-last-child(-n+2){border:0!important;background:var(--cw-row-bg)!important;transition:background .16s ease}
  #tbl-mine th:nth-last-child(-n+2){z-index:6;background:var(--index-layout-head-bg,#f7f8fa)!important}
  #tbl-mine th:last-child,#tbl-mine td:last-child{right:0}
  #tbl-mine th:nth-last-child(2),#tbl-mine td:nth-last-child(2){right:112px}
}

#btn-add-private{flex:0 0 auto;align-items:center;justify-content:center;white-space:nowrap;gap:5px;padding:6px 12px;min-height:36px;background:#15803d;color:#fff;border:1px solid #15803d;border-radius:6px;font:600 13px var(--font);cursor:pointer;box-shadow:none;transform:none;transition:background .15s}
#btn-add-private:hover{background:#166534;border-color:#166534;box-shadow:none;transform:none}
#btn-add-private:focus-visible{outline:2px solid #64748b;outline-offset:2px}
@media(max-width:760px){#btn-add-private{min-height:44px;font-size:14px}}
@media(max-width:760px){.cw-followup-actions{padding:10px 16px;flex-wrap:wrap}.cw-followup-actions button{flex:0 0 auto}}

/* 保留订单各列的最低可读宽度，窄屏在表格容器内滚动。 */
html.auth-has-session body.index-workspace-layout #page-orders #order-table{min-width:1380px!important}
#page-orders #order-list-new{overflow-x:auto}

/* 最后修改：2026-09-23 15:47:02（北京时间）— 原详情布局内，记录操作统一靠右。 */
.fo-tl-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:8px}
.fo-tl-actions .detail-inline-btn{flex:0 0 auto}
.workflow-source-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}
.workflow-sample-result{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:#4b5563}
.workflow-sample-result select{font:inherit;color:inherit;padding:6px 8px;background:#fff;border:1px solid #d1d5db;border-radius:6px}
.workflow-sample-result .fo-tl-actions{margin-top:0;margin-left:auto}
@media(max-width:760px){.fo-tl-actions .detail-inline-btn{min-height:40px}.workflow-sample-result{gap:8px}.workflow-sample-result .fo-tl-actions{width:100%;margin-left:0}.workflow-source-row{flex-wrap:wrap}}

#dpTimeline .fo-tl-item-action,.cw-record-action{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start}
#dpTimeline .fo-tl-item-action>.fo-tl-time,#dpTimeline .fo-tl-item-action>.fo-tl-content,.cw-record-action>time,.cw-record-action>p{grid-column:1}
#dpTimeline .fo-tl-item-action>.fo-tl-actions,.cw-record-action>.fo-tl-actions{grid-column:2;grid-row:1 / span 2;align-self:center;margin-top:0;justify-self:end}
@media(max-width:760px){#dpTimeline .fo-tl-item-action,.cw-record-action{column-gap:8px}#dpTimeline .fo-tl-item-action>.fo-tl-actions,.cw-record-action>.fo-tl-actions{max-width:110px}}
