/*
 * 情绪角标（用户气泡上）。
 *
 * 设计意图：只有"急躁/不满/焦虑"这类需要专家改变回应方式的才给明显颜色，
 * 平静/犹豫保持中性——**满屏彩色等于没有颜色**，那用户就会全部忽略。
 */
.b-emotion {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: var(--fs-1); border-radius: 999px; padding: 1px 8px;
  border: 1px solid transparent; cursor: help; white-space: nowrap;
  margin-left: 6px;
}
/* 低置信 / 降级：视觉上明确弱化，不给和 high 一样的确定感 */
/* 情绪开关默认隐藏（EU AI Act 5(1)(f)）；hidden 必须压过 .switch-row 的 display:flex */
#set-emotion-row[hidden], #set-emotion-hint[hidden] { display: none !important; }
.b-emotion.weak { opacity: .68; font-style: italic; border-style: dashed; }

.b-emotion.em-neutral { color: var(--faint); background: var(--tint-2); border-color: var(--hairline); }
.b-emotion.em-soft    { color: var(--muted); background: var(--tint-2); border-color: var(--hairline-strong); }
.b-emotion.em-pos     { color: var(--ok); background: rgba(40,220,140,.14); border-color: rgba(40,220,140,.32); }
/* 只有这两档需要专家改变回应方式，给醒目色 */
.b-emotion.em-hot     { color: var(--warn); background: rgba(200,68,42,.16); border-color: rgba(200,68,42,.42); }
.b-emotion.em-warn    { color: var(--danger); background: var(--danger-soft); border-color: rgba(217, 113, 107, .32); }