/* 说明：案例管理的分类筛选、状态汇总和明细表，仅作用于案例管理弹窗。 */
.case-manager--filtered { --manager-accent:#397854; --manager-line:#b7d1bf; display:grid; gap:16px; min-width:0; }
.case-manager--filtered[data-type="typical"] { --manager-accent:#bb514d; --manager-line:#e3b3b0; }
.case-manager-topline,.case-manager-statusline,.case-manager-filter-label,.case-manager-table-caption { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.case-manager-types,.case-manager-categories nav { display:flex; flex-wrap:wrap; gap:8px; }
.case-manager--filtered .case-manager-filter { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:36px; padding:7px 12px; border:1px solid #e0e5ea; border-radius:7px; background:#fff; color:#617087; font:inherit; font-size:13px; cursor:pointer; }
.case-manager--filtered .case-manager-filter span { font-size:12px; font-variant-numeric:tabular-nums; color:#8893a3; }
.case-manager--filtered .case-manager-filter:hover { border-color:var(--manager-line); color:var(--manager-accent); }
.case-manager--filtered .case-manager-filter.is-active { border-color:var(--manager-accent); color:var(--manager-accent); font-weight:650; }
.case-manager--filtered .case-manager-filter.is-active span { color:var(--manager-accent); }
.case-manager--filtered :is(button,select):focus-visible { outline:2px solid var(--manager-accent); outline-offset:3px; }
.case-manager-topline > .ui-btn { flex-shrink:0; }
.case-manager-categories { display:grid; gap:9px; padding:14px 0; border-top:1px solid #edf0f3; border-bottom:1px solid #edf0f3; }
.case-manager-filter-label strong { font-size:13px; }
.case-manager-filter-label > span,.case-manager-table-caption > span { font-size:12px; color:#7b8799; }
.case-manager-metrics { display:grid; grid-template-columns:repeat(4,minmax(65px,1fr)); gap:22px; }
.case-manager-metrics > span { display:flex; align-items:center; gap:10px; }
.case-manager-metrics small { color:#7b8799; font-size:12px; }
.case-manager-metrics strong { font-size:19px; font-variant-numeric:tabular-nums; color:#31435b; }
.case-manager-status { display:flex; align-items:center; gap:8px; flex-shrink:0; font-size:12px; color:#65748a; }
.case-manager-status > span { flex-shrink:0; white-space:nowrap; }
.case-manager-status select { width:auto; min-width:120px; }
.case-manager-table-caption { padding-top:3px; }
.case-manager-table-caption strong { font-size:14px; }
.case-manager--filtered .case-manager-table { min-width:0; margin:0; overflow:auto; }
.case-manager--filtered .case-manager-table table { width:100%; min-width:730px; table-layout:fixed; }
.case-manager--filtered .case-manager-table th:nth-child(1) { width:34%; }
.case-manager--filtered .case-manager-table th:nth-child(2) { width:17%; }
.case-manager--filtered .case-manager-table th:nth-child(3) { width:12%; }
.case-manager--filtered .case-manager-table th:nth-child(4) { width:17%; }
.case-manager--filtered .case-manager-table th:nth-child(5) { width:20%; }
.case-manager--filtered .case-manager-table :is(th,td) { padding:10px 12px; }
.case-manager--filtered .case-manager__title { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.case-manager--filtered .case-manager__record { display:block; margin-top:4px; font-size:11px; color:#7b8799; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case-manager__category { font-size:12px; font-weight:500; }
.case-manager--filtered .case-manager__actions { gap:12px; white-space:nowrap; }
.case-manager--filtered .case-manager__actions .table-action { font-size:12px; padding:4px 0; }
.case-manager--filtered .case-manager-pagination { min-height:34px; padding:0; }
.case-manager-empty { display:grid; justify-items:center; gap:10px; padding:34px 12px; color:#8190a2; }
.case-manager-empty strong { font-weight:500; color:#53647b; }
@media (max-width:760px) {
  .case-manager-topline { align-items:flex-start; flex-wrap:wrap; }
  .case-manager-statusline { align-items:flex-start; flex-wrap:wrap; }
  .case-manager-metrics { width:100%; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .case-manager-metrics > span { justify-content:space-between; }
  .case-manager-status { width:100%; justify-content:space-between; }
  .case-manager-status select { flex:1; max-width:190px; }
  .case-manager--filtered .case-manager-filter { padding:7px 9px; }
  .case-manager--filtered .case-manager-table :is(th,td):last-child { position:sticky; right:0; background:#fff; border-left:1px solid #edf0f3; }
}