/* Gespräch (chat.js) */
.chat-bar { display: flex; align-items: center; gap: 8px; padding-bottom: 4px; }
.chat-bar #chat-cost { margin-left: auto; font-size: 12px; }
.chat-bar select {
  background: var(--hull); color: var(--steel); border: 1px solid var(--seam); border-radius: var(--r-s);
  padding: 5px 8px; font: 13px var(--text); max-width: 180px;
}
.chat-bar select:focus { outline: none; border-color: var(--core); }
.chat-bar select:disabled { opacity: .5; }
.kern-panel .kern { transition: width 400ms ease-out, height 400ms ease-out; }
.kern-panel.has-chat .kern-stage { padding: 0 0 8px; }
.kern-panel.has-chat .kern { width: 120px; height: 120px; }
.msg-meta { font: 10px var(--mono); color: var(--iron); margin-top: 6px; white-space: normal; }
.chat-error { color: var(--signal); font-size: 13px; margin: 0; }
.chat-hint { font-size: 13px; text-align: center; }

@media (max-width: 720px) {
  /* oben rechts liegen am Handy Status und Abmelden */
  .chat-bar { flex-wrap: wrap; padding-top: 30px; }
  .chat-bar select { max-width: 48%; }
  .chat-bar #chat-cost { order: 5; width: 100%; margin-left: 0; }
  .kern-panel.has-chat .kern { width: 72px; height: 72px; }
}
.msg code { font: 13px var(--mono); background: var(--plate); padding: 1px 4px; border-radius: 4px; }