/*
  Business Center 經營建議 Workspace CSS
  (CLINICOS-BUSINESS-CENTER-DECISION-PHASE6-SINGLE-COLUMN-READING-UX).

  每一條規則都 scope 在 #decisionWorkspaceHostRoot（或 #decisionWorkspace）之下，
  且每個 class 都是 dw-* 前綴 —— 與 kpiWorkspace.css／revenueWorkspace.css／businessCenter.css
  相同的 double-containment 慣例，不會外溢到其他頁面。

  Phase 6 排版原則：
    * 單欄閱讀 —— 取消兩欄 Grid，每張 Decision 佔完整內容寬度，依序垂直排列，
      視線只往下走，不左右跳。
    * 字級階梯：頁面主標題 28 / 模組頁標題 22 / 區塊標題 20 / Decision 標題 18 /
      主要內文 16 / Summary 標籤 15 / 按鈕 15 / 一般 Label 14 / 輔助文字 13。
      不出現 12px 以下文字。
    * 數字一律 tabular-nums，讓各列的數值對齊。
    * 邊框與陰影克制：1px 邊框 + 極輕陰影，不使用大面積漸層，不使用 Emoji。
*/
#decisionWorkspaceHostRoot {
  --dw-space-2: 8px;
  --dw-space-3: 12px;
  --dw-space-4: 16px;
  --dw-space-5: 20px;
  --dw-space-6: 24px;
  --dw-space-7: 32px;

  --dw-fs-module: 22px;
  --dw-fs-section: 20px;
  --dw-fs-card-title: 18px;
  --dw-fs-body: 16px;
  --dw-fs-strong-label: 15px;
  --dw-fs-label: 14px;
  --dw-fs-assist: 13px;

  --dw-border: var(--color-border, #e4e7ec);
  --dw-surface: var(--color-surface, #fff);
  --dw-subtle: var(--color-surface-subtle, #f9fafb);
  --dw-text: var(--color-text, #1d2939);
  --dw-muted: var(--color-text-muted, #667085);
  --dw-primary: var(--color-primary, #2e90fa);
  --dw-shadow: 0 1px 2px rgba(16, 24, 40, .05);

  font-size: var(--dw-fs-body);
  line-height: 1.7;
  color: var(--dw-text);
}

/* 數字對齊：所有數值型節點都用等寬數字 */
#decisionWorkspaceHostRoot .dw-num,
#decisionWorkspaceHostRoot .dw-tab-count,
#decisionWorkspaceHostRoot .dw-top-rank,
#decisionWorkspaceHostRoot .dw-evidence-table {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* 線性圖示：統一尺寸與對齊，色彩跟隨文字 */
#decisionWorkspaceHostRoot .dw-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  vertical-align: -3px;
}

/* V4 Presentation（W1）：`.workspace-head-v211` 外殼已由 index.html 的 .cos-page-header 取代，
   原本針對該外殼 h3／.note 的兩條覆寫規則已無作用對象，一併移除。 */


#decisionWorkspaceHostRoot .dw-section { margin-bottom: var(--dw-space-6); }

#decisionWorkspaceHostRoot .dw-section-title {
  font-size: var(--dw-fs-section);
  font-weight: 700;
  color: var(--dw-text);
}

/* ---------------- 第三層 Tab ---------------- */
/* V4：外觀由 .cos-tabs--pill 提供；本頁 11 個頁籤必須可換行，故只保留 wrap。 */
#decisionWorkspaceHostRoot .dw-tabs { flex-wrap: wrap; }

/* ---------------- 頁首 Summary 四卡 ---------------- */
/* 四張一列（與核准 UI 圖一致）；空間不足時降為兩列，仍維持整齊對齊 */
#decisionWorkspaceHostRoot .dw-stat-head {
  display: flex;
  align-items: center;
  gap: var(--dw-space-2);
}
#decisionWorkspaceHostRoot .dw-stat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--dw-subtle);
  color: var(--dw-muted);
}
#decisionWorkspaceHostRoot .dw-stat-decided .dw-stat-icon { background: #ecfdf3; color: #05603a; }
#decisionWorkspaceHostRoot .dw-stat-insufficient .dw-stat-icon { background: #fffaeb; color: #b54708; }
#decisionWorkspaceHostRoot .dw-stat-unsupported .dw-stat-icon { background: #fef3f2; color: #b42318; }
#decisionWorkspaceHostRoot .dw-stat-time .dw-stat-icon { background: #eff8ff; color: #175cd3; }

/* V4 Presentation（W1）：標籤／數值／單位／說明四層全部改用共用的 .cos-kpi__label／
   __value／__unit／__note，此處原本的四條覆寫已無作用對象，一併移除。
   保留的 .dw-stat-head／.dw-stat-icon／.dw-stat-<tone> 是本頁特有的圖示列與語意底色，
   .cos-kpi 沒有對應表達，屬 Legacy C 類。 */

/* ---------------- 今日重點：緊湊排行列（單列，非大型卡片） ---------------- */
#decisionWorkspaceHostRoot .dw-panel {
  padding: var(--dw-space-6);
  border: 1px solid var(--dw-border);
  border-radius: 12px;
  background: var(--dw-surface);
  box-shadow: var(--dw-shadow);
}
#decisionWorkspaceHostRoot .dw-panel-head { margin-bottom: var(--dw-space-5); }
#decisionWorkspaceHostRoot .dw-panel-note {
  margin-top: 4px;
  font-size: var(--dw-fs-assist);
  line-height: 1.7;
  color: var(--dw-muted);
}

#decisionWorkspaceHostRoot .dw-top-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--dw-space-3);
}
#decisionWorkspaceHostRoot .dw-top-row {
  display: flex;
  align-items: center;
  gap: var(--dw-space-5);
  padding: var(--dw-space-4) var(--dw-space-5);
  border: 1px solid var(--dw-border);
  border-left: 3px solid var(--dw-border);
  border-radius: 10px;
  background: var(--dw-surface);
}
#decisionWorkspaceHostRoot .dw-top-p-high { border-left-color: #f04438; }
#decisionWorkspaceHostRoot .dw-top-p-medium { border-left-color: #f79009; }
#decisionWorkspaceHostRoot .dw-top-p-low,
#decisionWorkspaceHostRoot .dw-top-p-info { border-left-color: #98a2b3; }

#decisionWorkspaceHostRoot .dw-top-rank {
  flex: 0 0 28px;
  font-size: var(--dw-fs-section);
  font-weight: 700;
  color: var(--dw-muted);
  text-align: center;
}
#decisionWorkspaceHostRoot .dw-top-title-cell {
  flex: 1 1 260px;
  min-width: 0;
}
#decisionWorkspaceHostRoot .dw-top-title-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--dw-space-2);
}
#decisionWorkspaceHostRoot .dw-top-name {
  font-size: var(--dw-fs-card-title);
  font-weight: 700;
  color: var(--dw-text);
}
#decisionWorkspaceHostRoot .dw-top-question {
  margin-top: 2px;
  font-size: var(--dw-fs-assist);
  line-height: 1.6;
  color: var(--dw-muted);
}
#decisionWorkspaceHostRoot .dw-top-cell {
  flex: 1 1 200px;
  min-width: 0;
}
#decisionWorkspaceHostRoot .dw-top-cell-narrow { flex: 0 0 120px; }
#decisionWorkspaceHostRoot .dw-top-cell-label {
  font-size: var(--dw-fs-assist);
  font-weight: 600;
  color: var(--dw-muted);
  margin-bottom: 2px;
}
#decisionWorkspaceHostRoot .dw-top-cell-value {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--dw-fs-label);
  line-height: 1.6;
  color: var(--dw-text);
  word-break: break-word;
}
#decisionWorkspaceHostRoot .dw-top-cta { flex: 0 0 auto; }


/* 頁尾入口 */
#decisionWorkspaceHostRoot .dw-more-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--dw-space-4);
  padding: var(--dw-space-5) var(--dw-space-6);
  border: 1px solid var(--dw-border);
  border-radius: 12px;
  background: var(--dw-subtle);
}
#decisionWorkspaceHostRoot .dw-more-main {
  display: flex;
  align-items: center;
  gap: var(--dw-space-4);
}
#decisionWorkspaceHostRoot .dw-more-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: var(--dw-surface);
  border: 1px solid var(--dw-border);
  color: var(--dw-primary);
}
#decisionWorkspaceHostRoot .dw-more-title {
  font-size: var(--dw-fs-body);
  font-weight: 700;
  color: var(--dw-text);
}
#decisionWorkspaceHostRoot .dw-more-desc {
  font-size: var(--dw-fs-assist);
  color: var(--dw-muted);
}

/* ---------------- 模組頁首摘要 ---------------- */
#decisionWorkspaceHostRoot .dw-module-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--dw-space-4);
  padding-bottom: var(--dw-space-4);
  margin-bottom: var(--dw-space-5);
  border-bottom: 1px solid var(--dw-border);
}
#decisionWorkspaceHostRoot .dw-module-title {
  margin: 0;
  font-size: var(--dw-fs-module);
  font-weight: 700;
  line-height: 1.4;
  color: var(--dw-text);
}
#decisionWorkspaceHostRoot .dw-module-total {
  margin-top: 2px;
  font-size: var(--dw-fs-label);
  color: var(--dw-muted);
}
#decisionWorkspaceHostRoot .dw-module-stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--dw-space-2);
  font-size: var(--dw-fs-label);
  color: var(--dw-muted);
}
#decisionWorkspaceHostRoot .dw-module-stat {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
}
#decisionWorkspaceHostRoot .dw-module-stat-decided { color: #05603a; }
#decisionWorkspaceHostRoot .dw-module-stat-insufficient { color: #b54708; }
#decisionWorkspaceHostRoot .dw-module-stat-unsupported { color: #b42318; }
#decisionWorkspaceHostRoot .dw-module-sep { color: var(--dw-border); }
#decisionWorkspaceHostRoot .dw-module-time {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: var(--dw-space-3);
  padding-left: var(--dw-space-3);
  border-left: 1px solid var(--dw-border);
}

/* ---------------- 篩選（固定在卡片清單上方） ---------------- */
#decisionWorkspaceHostRoot .dw-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dw-space-4);
  margin-bottom: var(--dw-space-5);
  padding: var(--dw-space-4);
  border: 1px solid var(--dw-border);
  border-radius: 10px;
  background: var(--dw-subtle);
}
#decisionWorkspaceHostRoot .dw-filter {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 160px;
}
#decisionWorkspaceHostRoot .dw-filter-label {
  font-size: var(--dw-fs-label);
  font-weight: 600;
  color: var(--dw-muted);
}
#decisionWorkspaceHostRoot .dw-filter-select,
#decisionWorkspaceHostRoot .dw-filter-input {
  width: 100%;
  padding: 8px 12px;
  font-size: var(--dw-fs-label);
  border: 1px solid var(--dw-border);
  border-radius: 8px;
  background: var(--dw-surface);
  color: var(--dw-text);
}
#decisionWorkspaceHostRoot .dw-filter-search { min-width: 240px; flex: 1 1 240px; }

/* ---------------- 單欄 Decision 卡 ---------------- */
#decisionWorkspaceHostRoot .dw-card-column {
  display: flex;
  flex-direction: column;
  gap: var(--dw-space-5);
}
#decisionWorkspaceHostRoot .dw-card {
  width: 100%;
  padding: var(--dw-space-6);
  border: 1px solid var(--dw-border);
  border-radius: 12px;
  background: var(--dw-surface);
  box-shadow: var(--dw-shadow);
}
#decisionWorkspaceHostRoot .dw-card-insufficient,
#decisionWorkspaceHostRoot .dw-card-unsupported { background: #fcfcfd; }
#decisionWorkspaceHostRoot .dw-card-focus { border-color: var(--dw-primary); }

#decisionWorkspaceHostRoot .dw-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--dw-space-5);
  padding-bottom: var(--dw-space-4);
  margin-bottom: var(--dw-space-4);
  border-bottom: 1px solid var(--dw-border);
}
#decisionWorkspaceHostRoot .dw-card-head-main { flex: 1 1 auto; min-width: 0; }
#decisionWorkspaceHostRoot .dw-card-head-side {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: var(--dw-space-3);
  flex-wrap: wrap;
  justify-content: flex-end;
}
#decisionWorkspaceHostRoot .dw-card-title {
  margin: 0;
  font-size: var(--dw-fs-card-title);
  font-weight: 700;
  line-height: 1.45;
  color: var(--dw-text);
}
#decisionWorkspaceHostRoot .dw-card-question {
  margin-top: 2px;
  font-size: var(--dw-fs-label);
  line-height: 1.65;
  color: var(--dw-muted);
}
#decisionWorkspaceHostRoot .dw-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dw-space-2);
}
#decisionWorkspaceHostRoot .dw-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dw-space-2);
}

#decisionWorkspaceHostRoot .dw-badge-decided { color: #05603a; background: #d1fadf; }
#decisionWorkspaceHostRoot .dw-badge-insufficient,
#decisionWorkspaceHostRoot .dw-badge-unsupported { color: #667085; background: #f2f4f7; }
#decisionWorkspaceHostRoot .dw-badge-p-high { color: #b42318; background: #fee4e2; }
#decisionWorkspaceHostRoot .dw-badge-p-medium { color: #b54708; background: #fef0c7; }
#decisionWorkspaceHostRoot .dw-badge-p-low,
#decisionWorkspaceHostRoot .dw-badge-p-info { color: #667085; background: #f2f4f7; }

#decisionWorkspaceHostRoot .dw-block { margin-bottom: var(--dw-space-4); }
#decisionWorkspaceHostRoot .dw-block-title {
  font-size: var(--dw-fs-label);
  font-weight: 700;
  color: var(--dw-muted);
  margin-bottom: 6px;
}
#decisionWorkspaceHostRoot .dw-finding {
  font-size: var(--dw-fs-body);
  line-height: 1.75;
  color: var(--dw-text);
  word-break: break-word;
}
#decisionWorkspaceHostRoot .dw-finding-detail,
#decisionWorkspaceHostRoot .dw-future {
  font-size: var(--dw-fs-label);
  line-height: 1.8;
  color: var(--dw-muted);
  word-break: break-word;
}
#decisionWorkspaceHostRoot .dw-sub-title {
  margin-top: var(--dw-space-3);
  font-size: var(--dw-fs-label);
  font-weight: 700;
  color: var(--dw-muted);
  margin-bottom: 4px;
}

#decisionWorkspaceHostRoot .dw-missing {
  padding: var(--dw-space-3) var(--dw-space-4);
  border-radius: 8px;
  background: var(--dw-subtle);
}
#decisionWorkspaceHostRoot .dw-missing-title {
  font-size: var(--dw-fs-label);
  font-weight: 700;
  color: var(--dw-muted);
  margin-bottom: 4px;
}
#decisionWorkspaceHostRoot .dw-missing-list {
  margin: 0;
  padding-left: 20px;
  font-size: var(--dw-fs-label);
  line-height: 1.8;
  color: var(--dw-muted);
}

#decisionWorkspaceHostRoot .dw-suggestion-list {
  margin: 0;
  padding-left: 20px;
  font-size: var(--dw-fs-label);
  line-height: 1.8;
  color: var(--dw-muted);
}
#decisionWorkspaceHostRoot .dw-suggestion-name {
  font-size: var(--dw-fs-body);
  font-weight: 700;
  color: var(--dw-text);
  margin-right: 8px;
}
#decisionWorkspaceHostRoot .dw-suggestion-desc { margin-right: 8px; }
#decisionWorkspaceHostRoot .dw-suggestion-path { color: #98a2b3; }

#decisionWorkspaceHostRoot .dw-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dw-space-5);
  padding: var(--dw-space-3) 0;
  border-top: 1px solid var(--dw-border);
  font-size: var(--dw-fs-label);
  color: var(--dw-muted);
}
#decisionWorkspaceHostRoot .dw-meta-label {
  display: inline-block;
  margin-right: 6px;
  font-weight: 600;
}

/* ---------------- 分析依據（預設收合） ---------------- */
#decisionWorkspaceHostRoot .dw-evidence-block { margin-top: var(--dw-space-2); }
#decisionWorkspaceHostRoot .dw-evidence-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: var(--dw-fs-strong-label);
  font-weight: 600;
  color: var(--dw-text);
  background: var(--dw-subtle);
  border: 1px solid var(--dw-border);
  border-radius: 8px;
  cursor: pointer;
}
#decisionWorkspaceHostRoot .dw-evidence-toggle:hover { background: #f2f4f7; }
#decisionWorkspaceHostRoot .dw-evidence-toggle-open .dw-toggle-arrow { transform: rotate(180deg); }
#decisionWorkspaceHostRoot .dw-toggle-arrow {
  display: inline-block;
  transition: transform .15s ease;
}
#decisionWorkspaceHostRoot .dw-evidence-panel { margin-top: var(--dw-space-3); }
#decisionWorkspaceHostRoot .dw-evidence-scroll { overflow-x: auto; }
#decisionWorkspaceHostRoot .dw-evidence-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--dw-fs-assist);
  line-height: 1.7;
}
#decisionWorkspaceHostRoot .dw-evidence-table th,
#decisionWorkspaceHostRoot .dw-evidence-table td {
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid var(--dw-border);
  vertical-align: top;
}
#decisionWorkspaceHostRoot .dw-evidence-table th {
  font-weight: 700;
  color: var(--dw-muted);
  white-space: nowrap;
}
#decisionWorkspaceHostRoot .dw-evidence-row-unavailable td { color: #98a2b3; }
#decisionWorkspaceHostRoot .dw-evidence-value { font-weight: 700; white-space: nowrap; }
#decisionWorkspaceHostRoot .dw-evidence-kind {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 6px;
  font-size: var(--dw-fs-assist);
  border-radius: 4px;
  background: #f2f4f7;
  color: var(--dw-muted);
}
/* capability id 只作次要說明，不當主要標題 */
#decisionWorkspaceHostRoot .dw-evidence-ref {
  font-size: var(--dw-fs-assist);
  color: #98a2b3;
  word-break: break-all;
}
#decisionWorkspaceHostRoot .dw-evidence-empty {
  padding: var(--dw-space-4);
  font-size: var(--dw-fs-label);
  color: var(--dw-muted);
}

/* ---------------- Action ---------------- */
#decisionWorkspaceHostRoot .dw-action-btn:hover { filter: brightness(.95); }
#decisionWorkspaceHostRoot .dw-action-note {
  margin-top: var(--dw-space-2);
  font-size: var(--dw-fs-assist);
  line-height: 1.7;
  color: #98a2b3;
}

/* ---------------- 頁尾 ---------------- */
#decisionWorkspaceHostRoot .dw-footer-note {
  margin-top: var(--dw-space-7);
  padding-top: var(--dw-space-4);
  border-top: 1px solid var(--dw-border);
  font-size: var(--dw-fs-assist);
  line-height: 1.8;
  color: var(--dw-muted);
}

/* ---------------- 窄螢幕：排行列改為堆疊，仍維持單欄 ---------------- */
@media (max-width: 900px) {
  #decisionWorkspaceHostRoot .dw-top-row { flex-wrap: wrap; }
  #decisionWorkspaceHostRoot .dw-top-cell { flex: 1 1 160px; }
  #decisionWorkspaceHostRoot .dw-top-cta { flex: 1 1 100%; }
}