/* ==========================================================================
 * 共用 AI 客戶端的樣式（配 static/js/iso-ai.js）
 *
 * 只有兩個元件：來源小標籤 .iso-ai-src 與誠實框 .iso-ai-honest。
 * 三種來源用三種顏色，讓「這次是不是真的模型算的」在一公尺外就看得出來：
 *     model 紫（AI 標示色，UX 附錄 D）／cache 藍（資訊）／rule 黃（警告）
 *
 * 黃色小字用 --iso-warning-fg-aa（#8A5A00，5.58:1），不用 UX §2.2 原本那個
 * #B8770A —— 它在 #FFF8E1 上只有 3.48:1，違反規格自己的 §8.2（殼契約 §12 已記）。
 * ------------------------------------------------------------------------- */

.iso-ai-src {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 8px; border-radius: 999px;
  font-size: var(--iso-fs-caption); font-weight: 500; white-space: nowrap;
  border: 1px solid transparent;
}
.iso-ai-src.is-model { background: var(--iso-ai-bg);      color: var(--iso-ai-fg);      border-color: var(--iso-ai-border); }
.iso-ai-src.is-cache { background: var(--iso-info-bg);    color: var(--iso-info-fg);    border-color: var(--iso-info-fg); }
.iso-ai-src.is-rule  { background: var(--iso-warning-bg); color: var(--iso-warning-fg-aa, #8A5A00); border-color: #C79A2E; }

.iso-ai-honest { border-style: solid; }
.iso-ai-honest.is-model { border-color: var(--iso-ai-border);   background: var(--iso-ai-bg);      color: var(--iso-ai-fg); }
.iso-ai-honest.is-cache { border-color: var(--iso-info-fg);     background: var(--iso-info-bg);    color: var(--iso-info-fg); }
.iso-ai-honest.is-rule  { border-color: #C79A2E;                background: var(--iso-warning-bg); color: var(--iso-warning-fg-aa, #8A5A00); }
.iso-ai-honest strong { font-weight: 600; }