/* S3 子情境 ii：經營提示頁、交辦單明細、人名語系切換。
   2026-10-01 改成只用現有元件（order-card、fields、findings、s3-layer、s3-claims、s3-meta、segmented、type-chip、stages），
   這裡只補排版的間距，不另訂顏色、邊框或字級。 */

/* 經營提示回答底部的「判斷規則與交辦」卡（放在對話回答裡） */
.insight-card { margin: var(--s4) 0 var(--s3); }
.insight-card .draft-foot { margin-top: var(--s4); }
.insight-assume { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s3); margin: var(--s4) 0 var(--s3); padding: 0 var(--s4); }
.insight-assume .field-label { margin: 0; }
.insight-assume .muted { font-size: 12px; }
.insight-action { flex-wrap: wrap; gap: var(--s2); }
.insight-action .insight-state { flex: 1 1 280px; }

/* 頁面捲到最底時框會貼著視窗底（使用者 2026-10-01 指出）：styles.css（adam 版原樣副本，不改）的 .board-body
   是 flex: 1 加 min-height: 0，被壓成剩餘視窗高度，內容溢出時底部的 60px 內距不在捲動範圍裡。
   改成照內容撐開，底部才留得出空間。影響簽核中心、Dashboard 等用 board-page 的頁面 */
.board-page .board-body { flex: 1 0 auto; }

/* 簽核中心 */
.approval-types { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: var(--s3); }
.directive-asks { margin: 0; padding-left: 20px; }
.directive-data-body { display: flex; flex-direction: column; gap: var(--s3); padding: var(--s3); }
/* 簽核明細的 approval-section 本身沒有左右內距，裡面的欄位列表與說明各自留 var(--s4)；交辦單新加的區塊照同一個寬度留邊 */
.directive-detail .directive-data,
.directive-detail .directive-compare-bar,
.directive-detail .directive-compare { margin-left: var(--s4); margin-right: var(--s4); }
.directive-detail .directive-data { margin-top: var(--s3); }
.directive-detail .directive-policy { margin: var(--s3) var(--s4); }
.directive-detail .directive-policy-ok { padding: 0 var(--s4); }
.directive-compare-bar { margin-bottom: var(--s3); }
.directive-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3); }
.directive-compare.single { grid-template-columns: minmax(0, 1fr); }
.report-card { margin: 0; }
.report-text { padding: var(--s3) var(--s4); }
.report-text p { margin: 0; white-space: pre-wrap; line-height: 1.8; font-size: var(--fs-sm); color: var(--text); }
.report-card .s3-meta { margin: 0 var(--s4) var(--s4); }
.directive-ai { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); margin-bottom: var(--s3); }
.directive-ai .stages { margin: 0; }
.directive-write .findings, .directive-policy { margin-bottom: var(--s3); }
.directive-policy .order-actions { margin-top: var(--s2); }
.directive-textarea { font-family: inherit; line-height: 1.7; }
.directive-dialog .directive-input { width: 100%; }

/* 報銷草稿（照 code feat 的草稿卡）：合計旁的憑證印值、唯讀金額 */
.expense-total small { margin-left: 6px; font-weight: 400; color: var(--text-3); }
.expense-printed { margin-left: 8px; font-size: 11.5px; color: var(--text-3); }
.expense-printed.mismatch { color: var(--danger); }
.expense-derived .mono { color: var(--text-2); }
.expense-adjusted { display: flex; align-items: center; gap: 4px; }
.expense-lines tfoot td { font-weight: 500; color: var(--text); border-top: 1px solid var(--border); }

@media (max-width: 860px) {
  .directive-compare { grid-template-columns: minmax(0, 1fr); }
}

/* 總經理首頁提示卡裡的小圖與說明（2026-10-02）。顏色在 s3-insights.js 的 HomeChart 裡讀 s3.css 的 token */
.brief-item .home-chart { width: 100%; height: 150px; margin: 6px 0 2px; }
.brief-item .home-chart[data-kind="target"] { height: 190px; }
.brief-note { font-size: 12.5px; line-height: 1.6; color: var(--text-2); }