/* Town 360 — comment AI helper (companion to face.css).
   The comment Post button is green (face.css .comment-send). In AI
   mode (double-tap) it turns BLUE; after the send it is green again. */
.comment-send.cai-on {
  background: linear-gradient(180deg, #3d8bff, #1f66e0);
  color: #fff;
  box-shadow: 0 0 0 2px rgba(61, 139, 255, .35), 0 4px 14px rgba(31, 102, 224, .35);
}
.cai-note {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--ink2, #B9BDB9);
}
.cai-hint {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--ink3, #7E847E);
}
.cai-hint-x {
  background: none;
  border: none;
  padding: 2px 6px;
  font-size: 15px;
  line-height: 1;
  color: var(--ink3, #7E847E);
  cursor: pointer;
}
html[data-theme="light"] .cai-note { color: #44503f; }
html[data-theme="light"] .cai-hint,
html[data-theme="light"] .cai-hint-x { color: #6b7568; }
@media (prefers-reduced-motion: reduce) {
  .comment-send.cai-on { box-shadow: none; }
}