/**
 * DXCMS — plugins/dx-socket/chats/bubble/style.css
 * dx-socket 채팅 bubble 스킨 전용 스타일시트
 */

/* ─── bubble 스킨 채팅 스타일 ────────────────────────────────────── */
@keyframes dxPulse{0%,100%{opacity:1}50%{opacity:.4}}
#dx-chat-messages::-webkit-scrollbar{width:4px}
#dx-chat-messages::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:2px}
#dx-chat-input:focus{border-color:#6366f1!important;background:#fff!important}
/* 모바일 전체화면 — JS에서 인라인으로 제어하므로 여기서는 보완 규칙만 */
@media(max-width:768px){
  #dx-chat-box{
    box-sizing:border-box;
    -webkit-overflow-scrolling:touch;
  }
  #dx-chat-messages{
    overscroll-behavior:contain;
  }
  #dx-chat-input{
    font-size:16px!important; /* iOS 자동 줌 방지 */
  }
}