body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif; color: #1f2430; }

h1, h2, h3, h4, h5 { font-weight: 600; color: #1a1a2e; }
h3 { font-size: 22px; }

h6 {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #6b7280;
}

dt {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #6b7280;
}

dd {
  font-size: 14px;
  color: #1f2430;
}

.card-body { font-size: 14px; }

/* 品牌主色按鈕（#1b2748，與登入頁、客戶入口頂列同色） */
.btn-brand { background: #1b2748; border-color: #1b2748; color: #fff; }
.btn-brand:hover, .btn-brand:focus { background: #2a3a66; border-color: #2a3a66; color: #fff; }
.text-brand { color: #1b2748; }

/* Jira 匯入內容裡的標題（h1~h6）用 CRM 自己的字級，不要沿用 Jira 原本很大的標題樣式（CRM01P2601-54 A1）。
   子專案④的 Quill 編輯器輸出的標題也套用這個 class，兩邊要一致。 */
.rich-content h1, .rich-content h2, .rich-content h3,
.rich-content h4, .rich-content h5, .rich-content h6 {
  font-size: 1.05rem;
  font-weight: 600;
  margin: .75rem 0 .25rem;
}

/* 富文本編輯器（Quill 2，CRM01P2601-54 ④）：前後台描述、留言共用 */
.rich-editor .ql-container { min-height: var(--rich-editor-min-height, 160px); font-size: 14px; }
.rich-editor .ql-editor img { max-width: 100%; height: auto; }
.rich-content img { max-width: 100%; height: auto; }

/* 表格顯示端樣式（CRM01P2601-69）：Quill 2 table-better 輸出的表格 */
.rich-content { overflow-x: auto; }
.rich-content table {
  border-collapse: collapse;
  min-width: max-content;
  max-width: 100%;
}
.rich-content table td, .rich-content table th {
  border: 1px solid #ced4da;
  padding: .375rem .5rem;
}
.rich-content table th {
  background-color: #f8f9fa;
  font-weight: 600;
}
@media (max-width: 575.98px) {
  .rich-editor .ql-toolbar { padding: 4px; }
  .rich-editor .ql-toolbar .ql-formats { margin-right: 6px; }
}