/* PC(769px↑)만 이모티콘 피커 크게 → 이모티콘 잘 보이게. 모바일은 그대로 유지. */
@media (min-width: 769px){
  #emoPicker{ width:440px !important; }
  #emoGrid{ height:340px !important; padding:14px !important; gap:10px !important; }
  #emoGrid > div[style*="background-image"]{ height:100px !important; }
}

.emo-visual { cursor:text; overflow-wrap: anywhere; word-break: break-word; }
/* iOS 자동확대(줌) 방지: 글쓰기/댓글/수정 입력칸 글자 16px 이상 (그 미만이면 iOS가 탭 시 화면을 확대해버림) */
.emo-visual, textarea[name="content"], #editVisualEditor { font-size: 16px !important; }
.emo-visual.emo-empty:before { content: attr(data-ph); color:#aaa; pointer-events:none; display:inline-block; width:0; white-space:nowrap; overflow:visible; }
.emo-visual:focus { border-color:#e8730c; }
/* 댓글 입력 박스(메신저 모양): 입력영역 + 하단 😊툴바를 한 박스로 */
.comment-box { border:1px solid #ddd; border-radius:8px; overflow:hidden; background:#fff; margin-bottom:28px; }
.comment-box:focus-within { border-color:#e8730c; }
.comment-box .emo-visual { border:none !important; border-radius:0; min-height:140px; }
.comment-box > textarea { display:block; }
.comment-toolbar { display:flex; justify-content:space-between; align-items:center; padding:6px 10px; border-top:1px solid #eee; background:#fafafa; }

.cmt-mobile-open { display: none; }
@media (max-width: 768px) {
    .cmt-mobile-open {
        display: block; width: 100%; text-align: left; box-sizing: border-box;
        padding: 14px 16px; margin-bottom: 16px;
        background: #fff7ed; border: 1.5px solid #e8730c; border-radius: 10px;
        color: #e8730c; font-size: 14px; font-weight: bold; cursor: pointer;
    }
    .cmt-host-form { display: none; }              /* 모바일: 인라인 폼 숨김 */
    #cmtFull .cmt-host-form { display: block; }    /* 전체화면 안에선 보임 */
    #cmtFull .comment-box { border: none !important; margin: 0 !important; }
    #cmtFull .comment-toolbar { display: none; }   /* 😊·제출은 상단으로 옮김 → 인라인 툴바 숨김 */
    #cmtFull .comment-box textarea, #cmtFull .comment-box .emo-visual { min-height: 42vh !important; }
    /* 수정·답글 등 .comment-box 밖의 글칸도 테두리 없이 + 크게 (작성 폼과 동일하게) */
    #cmtFull .emo-visual, #cmtFull textarea[name="content"] { border: none !important; border-radius: 0 !important; min-height: 42vh !important; }
    /* B 방식: 댓글창 전체높이 고정 + 내용 영역(slot)만 스크롤 → 키보드는 밑을 덮고 글만 스크롤 (카톡식) */
    /* 글쓰기칸처럼: slot 자체를 margin으로 키보드보다 위에서 끝나게 → 커서가 거기까지만 = 간격. (padding은 스크롤되며 무시돼서 margin으로) */
    #cmtFull #cmtFullSlot { flex: 1 !important; min-height: 0 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 4px 14px 0 !important; margin-bottom: 24px !important; box-sizing: border-box; }
}
#cmtFull { display: none; position: fixed; inset: 0; z-index: 11000; background: #fff; flex-direction: column; }
#cmtFull .alarm-reply-actions { display: none !important; }   /* 모달엔 위에 등록 버튼 있으니, 폼 자체 취소/작성 버튼 숨김 */
#cmtFull .cmtfull-bar { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid #eee; }
#cmtFull .cmtfull-ctx { padding: 8px 14px; border-bottom: 1px solid #f1f3f5; font-size: 12px; color: #868e96; background: #fcfcfd; }
#cmtFull .cmtfull-slot { flex: 1; overflow-y: auto; padding: 12px 14px; }
#cmtFull .cmtfull-slot form div[style*="text-align: right"] { display: none; }  /* 폼 자체 취소/제출 버튼줄 숨김 (상단 등록/✕ 사용) */
#cmtFull .cmtfull-slot form .emo-btn { display: none; }  /* 폼 자체 😊 숨김 (상단 😊 사용) */
#cmtFull .cmtfull-slot .comment-toolbar { display: none; }  /* 메인댓글 인라인 툴바도 숨김 */