/* MagicalRadio3D : habillage du tchat public seulement. */
body .chat-panel {
  background: radial-gradient(ellipse at 0 0,rgba(26,169,210,.10),transparent 55%),linear-gradient(145deg,#101829,#090e1d) !important;
  border:1px solid rgba(107,175,222,.28) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04) !important;
}
body .chat-panel #chatMessages {
  background:radial-gradient(circle at 1px 1px,rgba(153,181,224,.035) 1px,transparent 0),linear-gradient(160deg,#0b1222,#101025) !important;
  background-size:18px 18px,100% 100% !important;
  border:1px solid rgba(131,160,205,.13) !important;
  border-radius:18px !important;
  padding:12px !important;
  scrollbar-width:thin;
  scrollbar-color:#64739c #101727;
}
body .chat-panel #chatMessages::-webkit-scrollbar{width:8px}
body .chat-panel #chatMessages::-webkit-scrollbar-track{background:#101727;border-radius:8px}
body .chat-panel #chatMessages::-webkit-scrollbar-thumb{background:#64739c;border-radius:8px}
body .chat-panel #chatMessages .message {
  padding:14px 12px !important;
  margin:0 0 10px !important;
  gap:12px !important;
  border:1px solid rgba(143,166,207,.14) !important;
  border-radius:15px !important;
  background:linear-gradient(120deg,rgba(25,35,56,.92),rgba(15,21,38,.96)) !important;
  box-shadow:0 3px 10px rgba(0,0,0,.12) !important;
  align-items:flex-start !important;
  height:auto !important;
}
body .chat-panel #chatMessages .message > img {
  width:44px !important;height:44px !important;object-fit:cover !important;
  border-radius:14px !important;flex-shrink:0 !important;
  border:1px solid rgba(95,209,238,.4) !important;
}
body .chat-panel #chatMessages .message > div{min-width:0 !important;max-width:100% !important}
body .chat-panel #chatMessages .meta {
  display:flex !important;flex-wrap:wrap !important;align-items:center !important;
  gap:6px !important;margin-bottom:9px !important;
  color:#b6c3dc !important;font-size:11px !important;line-height:1.5 !important;
}
body .chat-panel #chatMessages .nick{font-size:13px !important;font-weight:750 !important;cursor:pointer}
body .chat-panel #chatMessages .meta .badge,
body .chat-panel #chatMessages .meta .tag-online,
body .chat-panel #chatMessages .meta .tag-offline,
body .chat-panel #chatMessages .chat-profile-badge{font-size:10px !important;padding:2px 6px !important}
body .chat-panel #chatMessages .message:not(.bonjour-message) > div > div:last-child,
body .chat-panel #chatMessages .bonjour-text {
  font-size:14px !important;line-height:1.65 !important;font-weight:400 !important;
  color:#eef2fb !important;background:rgba(9,15,29,.58) !important;
  border:1px solid rgba(155,178,219,.12) !important;
  border-radius:4px 14px 14px 14px !important;
  padding:10px 13px !important;max-width:100% !important;box-sizing:border-box !important;
  white-space:pre-wrap !important;overflow-wrap:anywhere !important;
}
body .chat-panel .chat-composer {
  padding:10px !important;gap:9px !important;border-radius:16px !important;
  background:#10192c !important;border:1px solid rgba(122,157,213,.24) !important;
}
body .chat-panel #chatInput {
  min-width:0 !important;min-height:46px !important;font-size:14px !important;
  background:#080f1e !important;color:#f3f6ff !important;
  border:1px solid #344660 !important;border-radius:12px !important;padding:10px 13px !important;
}
body .chat-panel #chatInput::placeholder{color:#acbad1 !important;opacity:1}
body .chat-panel #sendChat {
  min-height:46px !important;padding:10px 16px !important;border-radius:12px !important;
  background:linear-gradient(120deg,#6651d9,#365cc6) !important;color:white !important;
  font-size:13px !important;border:1px solid #9296f1 !important;
}
body .chat-panel #emojiToggle{min-width:44px !important;min-height:44px !important}
body .chat-panel button:focus-visible,body .chat-panel input:focus-visible,body .chat-panel a:focus-visible{
  outline:2px solid #65e2ff !important;outline-offset:3px !important;
}
@media(max-width:600px){
  body .chat-panel #chatMessages{padding:6px !important}
  body .chat-panel #chatMessages .message{padding:10px 8px !important;gap:8px !important}
  body .chat-panel #chatMessages .message > img{width:34px !important;height:34px !important;border-radius:10px !important}
  body .chat-panel #sendChat{padding:10px !important}
  body .chat-panel .chat-composer{padding:7px !important;gap:6px !important}
}