/* CFR-Neon 2.0 – Chatraum-Erweiterung
   Zusätzlich nach cfr-neon.css laden. Keine PHP-/JS-Änderungen. */
:root{--cfr-line:rgba(80,230,255,.22);--cfr-card:rgba(14,27,46,.88)}
/* Nachrichten: vorhandene HTML-Struktur respektieren */
#chatmessages .chatrow{background:rgba(12,25,44,.82)!important;border:1px solid rgba(80,230,255,.13);border-radius:12px;margin:5px 7px;padding:5px 8px;box-shadow:0 2px 12px rgba(0,0,0,.12)}
#chatmessages .chatmessage{line-height:1.5;overflow-wrap:anywhere}
#chatmessages .messagetime{border:1px solid rgba(80,230,255,.35);border-radius:6px;background:#142a43!important;color:#83ecff!important}
#chatmessages .sysmessage{background:rgba(13,34,52,.72);border-left:3px solid #50e6ff;border-radius:7px;padding:6px 9px}
#chatmessages .privmessage{background:rgba(87,42,111,.28);border-left:3px solid #df8fff;border-radius:8px;overflow-wrap:anywhere}
/* Seitenleiste und Benutzer */
#sidebar-content{background:linear-gradient(165deg,rgba(13,29,48,.96),rgba(26,28,55,.96))!important;border-left:1px solid var(--cfr-line)!important}
#sidebar-content h3{font-size:1.1rem;letter-spacing:.02em;color:#d9f8ff}
#onlinelist{border-radius:12px;overflow:hidden}
.onlinelist-row{background:rgba(17,36,57,.65);border-bottom:1px solid rgba(80,230,255,.09);align-items:center;min-width:0}
.onlinelist-row:hover{background:rgba(33,67,92,.72)}
.onlinelist-avatar{border:1px solid rgba(80,230,255,.45);box-shadow:0 0 8px rgba(80,230,255,.1)}
.onlinelist-username{overflow-wrap:anywhere}
/* Eingabe: Platz für vorhandene Steuerelemente erhalten */
.chat-footer{background:rgba(9,20,36,.92)!important;border-top:1px solid var(--cfr-line)!important}
#chat-input .input-group{gap:3px}
#chat-input #message{min-width:0;border-radius:12px!important;background:#0c192d!important;color:#f4faff!important}
#chat-input #message:focus{border-color:#50e6ff!important;box-shadow:0 0 0 2px rgba(80,230,255,.16)!important}
#chat-input .formbutton,.bottom-menu-button{border-radius:10px!important}
/* Menü und Player: nur optische Rahmung */
#sidebar-content .btn-group .formbutton{border-color:rgba(80,230,255,.35)!important}
#side-roomusers .player,#side-roomusers #player{max-width:100%}
/* Mobil: keine Änderung an Sidebar-JavaScript oder Funktions-Buttons */
@media(max-width:1024px){#sidebar-content{border-left:1px solid var(--cfr-line)!important}.chat-footer{width:100%!important}#chatmessages .chatrow{margin:4px 3px}}
@media(max-width:600px){#chatmessages .chatmessage{font-size:1rem;padding:7px!important}#chat-input #message{font-size:16px!important}#chatmessages .chatrow{padding:4px 6px}}