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

/* ─── default 스킨 채팅 스타일 ───────────────────────────────────── */
@keyframes dxPulse{0%,100%{opacity:1}50%{opacity:.4}}
#dx-chat-messages::-webkit-scrollbar{width:4px}
#dx-chat-messages::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}
#dx-chat-input:focus{border-color:#3b82f6!important}
/* 모바일 전체화면 — JS에서 인라인으로 제어하므로 여기서는 보완 규칙만 */
@media(max-width:768px){
  #dx-chat-box{
    /* 전체화면 전환을 JS가 하기 전까지 버튼 클릭 전이므로 기본은 유지 */
    box-sizing:border-box;
    -webkit-overflow-scrolling:touch;
  }
  #dx-chat-messages{
    /* iOS 키보드 올라올 때 스크롤 영역 확보 */
    overscroll-behavior:contain;
  }
  #dx-chat-input{
    font-size:16px!important; /* iOS 자동 줌 방지 */
  }
}