/* CFR-Neon 2.5 – Eingabeleiste und Smilies
   Nur optische Anpassungen. Keine Aenderung an Chat-JavaScript oder Formularlogik.
   Nach den bisherigen CFR-Neon CSS-Dateien laden. */

/* Eingabezeile: angenehme Hoehe, klarer Fokus */
#chat-input .input-group { display:flex; align-items:stretch; gap:4px; min-width:0; }
#chat-input #message {
  flex:1 1 auto; min-width:0; height:44px; min-height:44px;
  padding:9px 12px; border-radius:11px !important;
  background:#0c1a2d !important; border:1px solid #377b99 !important;
  color:#f5faff !important; font-size:15px;
}
#chat-input #message:focus {
  outline:none; border-color:#50e6ff !important;
  box-shadow:0 0 0 2px rgba(80,230,255,.17) !important;
}
#chat-input .input-group > button {
  flex:0 0 44px; min-width:44px; min-height:44px;
  border-radius:11px !important; padding:7px;
}
/* Vorhandene Smiley-Zeile horizontal scrollbar halten, statt Emojis abzuschneiden. */
#chat-input > div:not(.input-group) {
  scrollbar-width:thin; scrollbar-color:#387e9c transparent;
}
#chat-input img { vertical-align:middle; }
/* Werkzeugbuttons in der vorhandenen Anordnung optisch angleichen */
#tools .bottom-menu-button {
  min-height:37px; padding:6px 9px;
  border-radius:9px !important; line-height:1.2;
  white-space:normal; overflow-wrap:anywhere;
}
#tools .bottom-menu-button:focus-visible,
#chat-input button:focus-visible {
  outline:2px solid #50e6ff; outline-offset:2px;
}
@media (max-width:700px) {
  #chat-input #message { font-size:16px; }
  #tools .bottom-menu-button { font-size:12px; padding:6px; }
}
@media (prefers-reduced-motion:reduce) {
  #chat-input *, #tools * { transition:none !important; }
}