/* Match the public TSUNAIDE site's orange, ink and paper palette. */
.tcrm-chat {
  --tcrm-accent: #f55f00;
  --tcrm-accent-hover: #c64c00;
  --tcrm-ink: #161616;
  --tcrm-muted: #5b5d60;
  --tcrm-line: #d4d6d7;
  font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
}
.tcrm-chat .tcrm-bubble { background: var(--tcrm-accent); color: var(--tcrm-ink); }
.tcrm-chat .tcrm-bubble:hover { background: var(--tcrm-accent-hover); color: #fff; }
.tcrm-chat .tcrm-panel { background: #fff; border-radius: 12px; }
.tcrm-chat .tcrm-head { background: var(--tcrm-ink); color: #fff; }
.tcrm-chat .tcrm-log { background: #f7f8f8; }
.tcrm-chat .tcrm-m.visitor { background: var(--tcrm-accent); color: var(--tcrm-ink); }
.tcrm-chat .tcrm-m.bot, .tcrm-chat .tcrm-m.staff { background: #fff; color: var(--tcrm-ink); border-color: var(--tcrm-line); }
.tcrm-chat .tcrm-in { border-color: var(--tcrm-line); }
.tcrm-chat .tcrm-in input { min-width: 0; background: #fff; color: var(--tcrm-ink); border-color: var(--tcrm-line); caret-color: var(--tcrm-ink); }
.tcrm-chat .tcrm-in input::placeholder { color: var(--tcrm-muted); opacity: 1; }
.tcrm-chat .tcrm-in button { background: var(--tcrm-ink); color: #fff; }
.tcrm-chat .tcrm-in button:hover { background: var(--tcrm-accent); color: var(--tcrm-ink); }
.tcrm-chat .tcrm-chips button { background: #fff; border-color: #a43e00; color: #a43e00; }
.tcrm-chat .tcrm-chips button:hover { background: #fff0e6; }
.tcrm-chat .tcrm-foot { color: var(--tcrm-muted); }
.tcrm-chat :is(button, input):focus-visible { outline: 2px solid #a43e00; outline-offset: 3px; }
.tcrm-chat ::selection { background: #ffcfad; color: var(--tcrm-ink); }