/* CHAT_ONLY_20261014_R1 — 채팅 메뉴만의 독립 화면 스타일. 다른 메뉴/세차장 스타일 비변경 */
.chat-view .chat-layout{height:clamp(540px,calc(100dvh - 168px),950px);min-height:540px;display:grid;grid-template-columns:minmax(285px,332px) minmax(0,1fr);border:1px solid #dce5f0;border-radius:18px;background:#f8fafc;overflow:hidden;box-shadow:0 12px 34px rgba(15,38,69,.075)}
.chat-view .chat-rooms{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff!important;border-right:1px solid #e5ebf3!important;border-bottom:0!important;max-height:none!important;overflow:hidden}
.chat-view .chat-rooms-head{min-height:87px;display:flex;gap:12px;align-items:center;padding:17px 16px!important;background:#fff!important;border-bottom:0!important}
.chat-view .chat-brand{display:flex;gap:10px;align-items:center;min-width:0}.chat-view .chat-brand-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;background:#e3f5f3;color:#087c77;border-radius:12px;font-size:23px}
.chat-view .chat-brand strong{font-size:1.11rem!important;letter-spacing:-.035em;color:#182e45}.chat-view .chat-brand small{display:block;font-size:.69rem;color:#8591a1;margin-top:2px}
.chat-view #chatNewRoomBtn{border:0;border-radius:11px;padding:11px 12px!important;background:#0d817c!important;color:white!important;box-shadow:0 4px 12px rgba(13,129,124,.15);white-space:nowrap;font-size:.75rem!important;min-height:38px}
.chat-view .chat-tools{padding:0 15px 10px;background:#fff}.chat-view #chatRoomSearch{width:100%;min-height:41px;border-radius:10px;border:1px solid #e3eaf3;background:#f4f7fb;color:#223952;padding:10px 12px;font-size:.8rem}
.chat-view #chatRoomSearch:focus{outline:2px solid rgba(12,133,127,.22);border-color:#0d817c}.chat-view .chat-tabs{display:flex;gap:6px;padding-top:11px}.chat-view .chat-tabs button{flex:1;min-height:36px;border:1px solid transparent;border-radius:9px;background:#f4f7fa;color:#718298;font-size:.76rem;font-weight:700;cursor:pointer}
.chat-view .chat-tabs button.selected{background:#e0f3f0;color:#087d78;border-color:#c9e9e4}.chat-view .chat-count{padding:4px 18px 10px;background:#fff;font-size:.69rem;font-weight:700;color:#8694a5}
.chat-view .chat-room-list{padding:4px 9px 12px!important;flex:1;min-height:0;overflow-y:auto;background:#fff}
.chat-view .chat-room-item{width:100%;display:flex!important;align-items:center;gap:11px;border:1px solid transparent!important;margin:2px 0 7px!important;padding:12px 10px!important;text-align:left;border-radius:12px!important;background:transparent!important;transition:background .12s,border-color .12s}
.chat-view .chat-room-item:hover{background:#f1f7f8!important}.chat-view .chat-room-item.active{background:#eaf7f5!important;border-color:#ccebe6!important}.chat-view .chat-room-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;background:#e3effb;color:#4167a8;border-radius:13px;font-size:19px}
.chat-view .chat-room-avatar.station{background:#e0f4ef;color:#008579}.chat-view .chat-room-avatar.direct{background:#fff0dd;color:#b37424}.chat-view .chat-room-detail{min-width:0;display:flex;flex-direction:column;flex:1;gap:3px}.chat-view .chat-room-detail .cri-top,.chat-view .chat-room-detail .cri-bot{display:flex;align-items:center;gap:5px;margin:0}
.chat-view .chat-room-detail .cri-top strong{flex:1;min-width:0;font-size:.87rem;color:#20334a;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-view .chat-room-detail time{font-size:.62rem;color:#8a9bad;white-space:nowrap}.chat-view .chat-room-detail .cri-bot small{flex:1;min-width:0;color:#77879a;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-view .cri-type{font-size:.63rem;color:#8a9bad}
.chat-view .cri-unread{min-width:20px;height:20px;font-size:.69rem;background:#e35859}.chat-view .chat-empty-list{text-align:center;color:#8694a3;font-size:.82rem;padding:35px 12px}
.chat-view .chat-thread{min-height:0;background:#f5f8fc!important;display:flex;flex-direction:column;min-width:0}.chat-view .chat-thread-head{display:flex;min-height:72px;gap:12px;align-items:center;background:#fff!important;padding:13px 20px!important;border-bottom:1px solid #e6edf5!important}
.chat-view .chat-thread-title strong{font-size:1rem;color:#1d334b;font-weight:800}.chat-view .chat-thread-title small{font-size:.72rem;color:#8795a5;margin-top:4px}.chat-view .chat-thread-actions{display:flex;gap:7px;flex-shrink:0;align-items:center}
.chat-view .chat-thread-actions button,.chat-view .chat-back{border:1px solid #e0e7ef;background:#fff;color:#566c81;border-radius:9px;padding:8px 11px;min-height:36px;font-size:.73rem;font-weight:700;white-space:nowrap;cursor:pointer}
.chat-view .chat-thread-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:4px 18px;color:#8292a2;font-size:.66rem}.chat-view .chat-thread-toolbar button{border:1px solid #dce8f0;color:#287c7b;background:#fff;border-radius:999px;padding:6px 13px;font-size:.72rem;font-weight:750;cursor:pointer}
.chat-view #chatConnectionStatus{margin-left:auto;text-align:right}.chat-view #chatConnectionStatus.problem{color:#c04842}
.chat-view .chat-messages{flex:1;min-height:0;display:flex;flex-direction:column;gap:7px;overflow-y:auto;padding:15px 25px 20px;background:#f5f8fc!important}
.chat-view .chat-sys{align-self:center;background:#e9edf3;color:#7a899c;border-radius:999px;font-size:.69rem;padding:6px 13px;margin:10px 0}
.chat-view .chat-msg{max-width:min(76%,540px);gap:4px}.chat-view .chat-msg .chat-name{font-size:.72rem;color:#334a62;font-weight:750}.chat-view .chat-msg .chat-name em{font-size:.66rem;color:#8c9aaa;font-weight:400}
.chat-view .chat-msg .chat-bubble{padding:12px 15px;font-size:.85rem;line-height:1.55;box-shadow:0 2px 8px rgba(31,49,75,.06);word-break:break-word}
.chat-view .chat-msg.other .chat-bubble{background:#fff;border:1px solid #e9eef5;color:#2a3d52;border-radius:5px 15px 15px 15px}.chat-view .chat-msg.mine .chat-bubble{background:#c9ece7;color:#12433f;border-radius:15px 5px 15px 15px}
.chat-view .chat-msg time{font-size:.63rem;color:#8291a1}.chat-view .chat-msg-actions{display:flex;gap:6px}.chat-view .chat-msg-actions button{background:transparent;border:0;padding:0;font-size:.64rem;color:#8494a6;text-decoration:underline;cursor:pointer}
.chat-view .chat-composer{background:#fff;padding:14px 17px;border-top:1px solid #e7edf4;gap:11px;align-items:flex-end}.chat-view .chat-composer textarea{min-width:0;min-height:45px;background:#f7f9fc;border:1px solid #dce5ef;border-radius:12px;padding:12px 15px;font-size:.84rem;color:#26394b;line-height:1.45;max-height:135px}.chat-view .chat-composer textarea:focus{outline:2px solid #bee4df;border-color:#12a096}.chat-view #chatSendBtn{min-height:46px;border-radius:11px;background:#0d817c!important;color:#fff!important;border:0;font-size:.81rem;font-weight:800;padding:10px 18px;white-space:nowrap}
.chat-view #chatSendBtn:disabled{opacity:.55}.chat-view .chat-thread-empty{max-width:460px;text-align:center;color:#6b7b90}.chat-view .chat-thread-empty h2{font-size:1.21rem;color:#233d55;margin:0 0 9px}.chat-view .chat-thread-empty p{font-size:.82rem;line-height:1.55}.chat-view .chat-welcome-icon{font-size:2.3rem;color:#0d817c;width:70px;height:70px;border-radius:22px;background:#def5f0;display:grid;place-items:center;margin:0 auto 18px}.chat-view .chat-privacy-note{margin-top:20px!important;border-radius:12px;border:1px solid #e2ebe9;background:#fff;padding:12px;color:#617782!important;font-size:.74rem!important}
.chat-view [hidden]{display:none!important}
@media(max-width:900px){
 .chat-view .chat-layout{position:relative!important;display:block!important;height:min(760px,calc(100dvh - 125px))!important;min-height:460px!important;border-radius:12px}
 .chat-view .chat-rooms{height:100%!important;max-height:none!important;border-right:0!important}
 .chat-view .chat-thread{position:absolute;inset:0;transform:translateX(102%);z-index:5;min-height:0!important;transition:transform .18s ease;box-shadow:-6px 0 16px rgba(13,45,65,.07)}
 .chat-view .chat-thread.room-open{transform:translateX(0)}.chat-view .chat-back{display:inline-flex!important;align-items:center;font-size:.79rem}
 .chat-view .chat-thread-head{min-height:64px!important;padding:10px 12px!important;gap:7px}.chat-view .chat-thread-title strong{font-size:.85rem}.chat-view .chat-thread-title small{font-size:.63rem}
 .chat-view .chat-thread-actions{gap:4px}.chat-view .chat-thread-actions button{font-size:.65rem;padding:6px;min-height:32px}
 .chat-view .chat-messages{padding:12px 12px 20px}.chat-view .chat-msg{max-width:86%}
 .chat-view .chat-composer{padding:9px;gap:7px}.chat-view .chat-composer textarea{font-size:.83rem}.chat-view #chatSendBtn{padding:9px 12px;min-height:44px}
 .chat-view .chat-thread-toolbar{padding:4px 10px;font-size:.6rem}
}

/* Override old responsive grid placement for chat only */
@media(max-width:900px){
 .chat-view .chat-layout{display:block!important;position:relative!important}
 .chat-view #chatThreadPane{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;left:0!important;right:0!important;top:0!important;bottom:0!important;grid-column:auto!important}
 .chat-view #chatThreadPane.room-open{transform:translateX(0)!important}
 .chat-view #chatThreadPane:not(.room-open){transform:translateX(110%)!important}
}
/* 공통 본문 main 레이아웃의 좌측 여백이 채팅 오른쪽 패널로 새지 않도록 격리 */
.chat-view #chatThreadPane{margin:0!important}
.chat-view .chat-msg-actions{opacity:0;transition:opacity .12s}
.chat-view .chat-msg:hover .chat-msg-actions,.chat-view .chat-msg:focus-within .chat-msg-actions{opacity:1}
@media(hover:none){.chat-view .chat-msg-actions{opacity:1}}
/* R127 — 폰: 대화방 높이가 위쪽 요약 띠(약 175px)와 아래 메뉴(62px)를 충분히 빼지 않아 입력칸·전송 단추가 아래 메뉴에 30px 가려졌음(입력칸 아래 = 대화방 높이 + 93px) */
@media(max-width:900px){.chat-view .chat-layout{height:min(760px,calc(100dvh - 165px))!important;min-height:340px!important}}

/* R134 — 카카오톡식 화면(2026-10-29): 하늘색 대화판 · 노란 내 말풍선 · 둥근 아바타 · 맨 위 알림음 설정 줄 */
.chat-view .chat-sound-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 8px;padding:8px 14px;background:#fff;border:1px solid #e3e9f1;border-radius:12px;font-size:.8rem;color:#2a3d52}
.chat-view .chat-sound-bar label{display:inline-flex;align-items:center;gap:6px;min-height:34px}
.chat-view .chat-sound-bar input[type=text]{width:3.2em;text-align:center;font-size:.95rem;font-weight:700;padding:5px 4px;border:1px solid #c9d4e2;border-radius:8px}
.chat-view .chat-sound-bar select{max-width:11em;padding:5px 6px;border:1px solid #c9d4e2;border-radius:8px;font-size:.82rem}
.chat-view .chat-sound-bar .cs-filebtn{padding:5px 10px;border:1px dashed #8aa0b8;border-radius:8px;cursor:pointer;background:#f5f8fc}
.chat-view .chat-sound-bar button{min-height:34px}
.chat-view .chat-sound-bar small{color:#5b6b7d}.chat-view .chat-sound-bar small.problem{color:#b42318;font-weight:700}
.chat-view .chat-messages{background:#b7cadb!important}
.chat-view .chat-msg.mine .chat-bubble{background:#fee500!important;color:#241c00!important;border:0!important;border-radius:15px 5px 15px 15px!important}
.chat-view .chat-msg.other .chat-bubble{background:#fff!important;border:0!important;color:#1e2b3a!important;border-radius:5px 15px 15px 15px!important}
.chat-view .chat-msg .chat-name{color:#27394d}.chat-view .chat-msg time{color:#44566b}
.chat-view .chat-sys{align-self:center;background:rgba(60,80,105,.32);color:#fff;border-radius:12px;padding:3px 12px;font-size:.7rem}
.chat-view .chat-room-avatar{border-radius:16px!important}
.chat-view .chat-room-avatar.all{background:#fff3b0;color:#6b5600}.chat-view .chat-room-avatar.exec{background:#dbe7ff;color:#1f3f8a}
.chat-view .chat-composer{background:#fff}
.chat-view .chat-composer .primary#chatSendBtn{background:#fee500!important;color:#241c00!important;border-color:#e6cf00!important;font-weight:800}
@media(max-width:900px){.chat-view .chat-sound-bar{padding:6px 10px;gap:4px 10px}.chat-view .chat-sound-bar .cs-voice{display:none}}
.chat-view .chat-sound-bar input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;flex:none}
.chat-view .chat-sound-bar label,.chat-view .chat-sound-bar span,.chat-view .chat-sound-bar button{white-space:nowrap}
.chat-view .chat-sound-bar #csWord{width:3.6em!important;min-height:34px;padding:4px!important}
.chat-view .chat-sound-bar #csKind{min-height:34px}

/* ── R178 채팅 꾸미기: 배경 색·글자 크기(카카오톡 방식). 선택은 사람마다 서버에 저장 ── */
.chat-view .chat-look-panel{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #d9e1ea;color:#1d334b}
.chat-view .chat-look-panel[hidden]{display:none}
.chat-view .cl-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chat-view .cl-row>b{font-size:.8rem}
.chat-view .cl-swatches,.chat-view .cl-fonts{display:flex;gap:8px;flex-wrap:wrap}
.chat-view .cl-sw{display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:0;padding:2px;min-width:52px;font-size:.66rem;color:#44566b;cursor:pointer}
.chat-view .cl-sw i{width:36px;height:36px;border-radius:50%;background:var(--sw);border:2px solid #fff;box-shadow:0 0 0 1px #9aa8b8}
.chat-view .cl-sw.on i{box-shadow:0 0 0 3px #1456c8}.chat-view .cl-sw.on span{font-weight:800;color:#1456c8}
.chat-view .cl-font{border:1px solid #b9c6d4;background:#f4f7fb;border-radius:8px;padding:8px 14px;min-height:40px;font-size:.8rem;cursor:pointer;color:#1d334b}
.chat-view .cl-font.on{background:#1456c8;border-color:#1456c8;color:#fff;font-weight:800}
.chat-view .cl-note{margin:0;font-size:.68rem;color:#6b7b90;flex-basis:100%}
.chat-view[data-cb-theme="kakao"]{--cb-bg:#b7cadb;--cb-other:#fff;--cb-other-ink:#1e2b3a;--cb-mine:#fee500;--cb-mine-ink:#241c00;--cb-name:#27394d;--cb-time:#44566b;--cb-head:#fff;--cb-head-ink:#1d334b;--cb-comp:#fff}
.chat-view[data-cb-theme="dark"]{--cb-bg:#17191c;--cb-other:#2d3136;--cb-other-ink:#f1f3f5;--cb-mine:#fee500;--cb-mine-ink:#241c00;--cb-name:#cfd6dd;--cb-time:#98a2ac;--cb-head:#202327;--cb-head-ink:#f1f3f5;--cb-comp:#202327}
.chat-view[data-cb-theme="navy"]{--cb-bg:#1f2d44;--cb-other:#34476a;--cb-other-ink:#fff;--cb-mine:#fee500;--cb-mine-ink:#241c00;--cb-name:#d6e0f0;--cb-time:#a9b8d0;--cb-head:#182438;--cb-head-ink:#fff;--cb-comp:#182438}
.chat-view[data-cb-theme="mint"]{--cb-bg:#bfe3d6;--cb-other:#fff;--cb-other-ink:#1e2b3a;--cb-mine:#fee500;--cb-mine-ink:#241c00;--cb-name:#1f4a3c;--cb-time:#3b6a5b;--cb-head:#fff;--cb-head-ink:#1d334b;--cb-comp:#fff}
.chat-view[data-cb-theme="pink"]{--cb-bg:#f4c6d3;--cb-other:#fff;--cb-other-ink:#33202a;--cb-mine:#fee500;--cb-mine-ink:#241c00;--cb-name:#6b2a3d;--cb-time:#8a4a5c;--cb-head:#fff;--cb-head-ink:#1d334b;--cb-comp:#fff}
.chat-view[data-cb-theme="beige"]{--cb-bg:#e8dccb;--cb-other:#fff;--cb-other-ink:#33281a;--cb-mine:#fee500;--cb-mine-ink:#241c00;--cb-name:#5c4630;--cb-time:#7a634a;--cb-head:#fff;--cb-head-ink:#1d334b;--cb-comp:#fff}
.chat-view[data-cb-theme="lavender"]{--cb-bg:#d4c9ee;--cb-other:#fff;--cb-other-ink:#2a2140;--cb-mine:#fee500;--cb-mine-ink:#241c00;--cb-name:#3d2f66;--cb-time:#5d4f88;--cb-head:#fff;--cb-head-ink:#1d334b;--cb-comp:#fff}
.chat-view[data-cb-theme="gray"]{--cb-bg:#e1e4e8;--cb-other:#fff;--cb-other-ink:#242c36;--cb-mine:#fee500;--cb-mine-ink:#241c00;--cb-name:#3b4450;--cb-time:#5b6672;--cb-head:#fff;--cb-head-ink:#1d334b;--cb-comp:#fff}
.chat-view[data-cb-theme] .chat-thread,.chat-view[data-cb-theme] .chat-messages{background:var(--cb-bg)!important}
.chat-view[data-cb-theme] .chat-msg.other .chat-bubble{background:var(--cb-other)!important;color:var(--cb-other-ink)!important}
.chat-view[data-cb-theme] .chat-msg.mine .chat-bubble{background:var(--cb-mine)!important;color:var(--cb-mine-ink)!important}
.chat-view[data-cb-theme] .chat-msg .chat-name{color:var(--cb-name)!important}.chat-view[data-cb-theme] .chat-msg .chat-name em{color:var(--cb-name)!important;opacity:.75}
.chat-view[data-cb-theme] .chat-msg time,.chat-view[data-cb-theme] .chat-msg-actions button{color:var(--cb-time)!important}
.chat-view[data-cb-theme] .chat-thread-head{background:var(--cb-head)!important}
.chat-view[data-cb-theme] .chat-thread-title strong{color:var(--cb-head-ink)!important}.chat-view[data-cb-theme] .chat-thread-title small{color:var(--cb-head-ink)!important;opacity:.7}
.chat-view[data-cb-theme] .chat-composer{background:var(--cb-comp)!important}
.chat-view[data-cb-theme="dark"] .chat-composer textarea,.chat-view[data-cb-theme="navy"] .chat-composer textarea{background:#2d3136!important;color:#f1f3f5!important;border-color:#444b53!important}
.chat-view[data-cb-theme="dark"] .chat-thread-toolbar,.chat-view[data-cb-theme="navy"] .chat-thread-toolbar{color:#cfd6dd!important}
.chat-view[data-cb-font="large"] .chat-msg .chat-bubble,.chat-view[data-cb-font="large"] .chat-composer textarea{font-size:1.05rem!important}
.chat-view[data-cb-font="xlarge"] .chat-msg .chat-bubble,.chat-view[data-cb-font="xlarge"] .chat-composer textarea{font-size:1.28rem!important;line-height:1.5!important}
.chat-view[data-cb-font="large"] .chat-msg .chat-name,.chat-view[data-cb-font="large"] .chat-msg time{font-size:.8rem!important}
.chat-view[data-cb-font="xlarge"] .chat-msg .chat-name,.chat-view[data-cb-font="xlarge"] .chat-msg time{font-size:.95rem!important}

/* ── R178-2 채팅 꾸미기: 왼쪽 "업무 채팅" 목록 영역도 같은 색(배경 = 대화 배경, 방 카드 = 말풍선 색, 선택·안 읽음 = 내 말풍선 색) ── */
.chat-view[data-cb-theme] .chat-rooms{background:var(--cb-bg)!important;border-color:transparent!important}
.chat-view[data-cb-theme] .chat-rooms-head{background:var(--cb-head)!important}
.chat-view[data-cb-theme] .chat-brand strong{color:var(--cb-head-ink)!important}.chat-view[data-cb-theme] .chat-brand small{color:var(--cb-head-ink)!important;opacity:.72}
.chat-view[data-cb-theme] .chat-tools{background:transparent!important}
.chat-view[data-cb-theme] .chat-tools input{background:var(--cb-other)!important;color:var(--cb-other-ink)!important;border-color:rgba(0,0,0,.12)!important}
.chat-view[data-cb-theme] .chat-tools input::placeholder{color:var(--cb-other-ink)!important;opacity:.55}
.chat-view[data-cb-theme] .chat-tabs button{background:var(--cb-other)!important;color:var(--cb-other-ink)!important;border-color:transparent!important}
.chat-view[data-cb-theme] .chat-tabs button.selected{background:var(--cb-mine)!important;color:var(--cb-mine-ink)!important;font-weight:800}
.chat-view[data-cb-theme] .chat-count{color:var(--cb-name)!important;background:transparent!important}
.chat-view[data-cb-theme] .chat-room-list{background:transparent!important}
.chat-view[data-cb-theme] .chat-room-item{background:var(--cb-other)!important;color:var(--cb-other-ink)!important;border-color:transparent!important}
.chat-view[data-cb-theme] .chat-room-item strong,.chat-view[data-cb-theme] .chat-room-item time,.chat-view[data-cb-theme] .chat-room-item small,.chat-view[data-cb-theme] .chat-room-item .cri-type{color:var(--cb-other-ink)!important}
.chat-view[data-cb-theme] .chat-room-item time,.chat-view[data-cb-theme] .chat-room-item small,.chat-view[data-cb-theme] .chat-room-item .cri-type{opacity:.7}
.chat-view[data-cb-theme] .chat-room-item.active{box-shadow:inset 0 0 0 3px var(--cb-mine)!important}
.chat-view[data-cb-theme] .chat-room-item .cri-unread{background:var(--cb-mine)!important;color:var(--cb-mine-ink)!important;opacity:1}
.chat-view[data-cb-theme] .chat-rooms .empty-card{background:var(--cb-other)!important;color:var(--cb-other-ink)!important}

/* ── R181 오늘 업무 화면 방식: 남색 머리글·색 띠·촘촘한 격자. 팝업도 오늘 업무 팝업처럼 ── */
.chat-view[data-cb-theme="kakao"],.chat-view[data-cb-theme="mint"],.chat-view[data-cb-theme="pink"],.chat-view[data-cb-theme="beige"],.chat-view[data-cb-theme="lavender"],.chat-view[data-cb-theme="gray"]{--cb-head:#1f3b5c;--cb-head-ink:#fff}
.chat-view[data-cb-theme] .chat-rooms-head .chat-brand-icon{background:#fff!important;color:#1f3b5c!important}
.chat-view[data-cb-theme] .chat-thread-actions button,.chat-view[data-cb-theme] .chat-back{background:#fff!important;color:#1f3b5c!important;border-color:rgba(255,255,255,.55)!important}
.chat-view[data-cb-theme] .chat-thread-actions button.danger,.chat-view .chat-thread-actions #chatDeleteBtn{color:#b42318!important}
.chat-view[data-cb-theme] .chat-thread-toolbar{background:rgba(255,255,255,.35)!important;border-bottom:1px solid rgba(0,0,0,.08)}
.chat-view[data-cb-theme="dark"] .chat-thread-toolbar,.chat-view[data-cb-theme="navy"] .chat-thread-toolbar{background:rgba(255,255,255,.08)!important}
.chat-view .chat-look-panel{background:#eaf2ff!important;border-bottom:1px solid #b8cdf0!important}
/* 팝업(새 채팅·초대) */
.chat-view dialog.recognition-dialog{padding:0!important;border:0!important;border-radius:10px!important;overflow:hidden;width:min(940px,94vw)!important;max-width:94vw!important;box-shadow:0 18px 48px rgba(10,25,45,.35)}
.chat-view dialog.recognition-dialog::backdrop{background:rgba(10,25,45,.55)}
.chat-view dialog.recognition-dialog form{display:flex;flex-direction:column;gap:0;margin:0}
.chat-view dialog.recognition-dialog .station-head{background:#1f3b5c!important;color:#fff!important;margin:0!important;padding:10px 16px!important;border:0!important;display:flex;justify-content:space-between;align-items:center;gap:10px}
.chat-view dialog.recognition-dialog .station-head h2{color:#fff!important;font-size:1.05rem;margin:0}
.chat-view dialog.recognition-dialog .station-head small{color:#cfe0f5!important}
.chat-view dialog.recognition-dialog .station-head .quiet{background:#fff!important;color:#1f3b5c!important;border:0!important;min-height:34px;padding:4px 14px;border-radius:6px;font-weight:800}
.chat-view dialog.recognition-dialog .chat-people-tools{display:flex;gap:10px;align-items:center;padding:8px 16px;background:#eaf2ff;border-bottom:1px solid #b8cdf0}
.chat-view dialog.recognition-dialog .chat-people-tools input{flex:1;max-width:320px;min-height:36px;border:1px solid #9fb4cf;border-radius:6px;padding:4px 10px;background:#fff}
.chat-view dialog.recognition-dialog .chat-people-count{font-weight:800;color:#1456c8;font-size:.9rem}
.chat-view dialog.recognition-dialog .chat-people-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px!important;max-height:min(56vh,440px)!important;overflow-y:auto;margin:0!important;padding:12px 16px;background:var(--cb-bg,#b7cadb)}
.chat-view dialog.recognition-dialog .chat-person{display:flex!important;align-items:center;gap:8px;padding:6px 10px!important;min-height:40px!important;margin:0!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:8px!important;background:var(--cb-other,#fff)!important;color:var(--cb-other-ink,#1e2b3a)!important;cursor:pointer}
.chat-view dialog.recognition-dialog .chat-person:hover{filter:brightness(.97)}
.chat-view dialog.recognition-dialog .chat-person input{width:18px;height:18px;flex:none;margin:0}
.chat-view dialog.recognition-dialog .chat-person span{font-weight:700;font-size:.9rem;line-height:1.2;min-width:0;overflow-wrap:anywhere}
.chat-view dialog.recognition-dialog .chat-person em{display:inline-block;font-style:normal;font-size:.72rem;font-weight:700;color:#1456c8;background:#e1ecff;border-radius:10px;padding:0 6px;margin-left:2px;opacity:1}
.chat-view dialog.recognition-dialog .chat-person:has(input:checked){background:var(--cb-mine,#fee500)!important;color:var(--cb-mine-ink,#241c00)!important;border-color:#1456c8!important;box-shadow:inset 0 0 0 2px #1456c8}
.chat-view dialog.recognition-dialog .button-row{margin:0!important;padding:10px 16px;background:#fff;border-top:1px solid #d9e1ea;display:flex;justify-content:flex-end}
.chat-view dialog.recognition-dialog .button-row .primary{min-height:44px;min-width:200px;font-size:1rem;font-weight:800;background:#1456c8!important;border-radius:8px}
.chat-view dialog.recognition-dialog .message{padding:0 16px 8px;background:#fff;min-height:0}
.chat-view dialog.recognition-dialog .message:empty{display:none}
.chat-view dialog.recognition-dialog .empty-card{grid-column:1/-1}
@media(max-width:560px){.chat-view dialog.recognition-dialog .chat-people-list{grid-template-columns:repeat(2,1fr)}.chat-view dialog.recognition-dialog .chat-person span{font-size:.82rem}}
.chat-view #chatNewRoomDialog .station-head,.chat-view #chatInviteDialog .station-head{background:#1f3b5c!important;color:#fff!important;border-radius:0!important;box-shadow:none!important}
.chat-view #chatNewRoomDialog .station-head h2,.chat-view #chatInviteDialog .station-head h2{color:#fff!important}
.chat-view #chatNewRoomDialog .station-head small,.chat-view #chatInviteDialog .station-head small{color:#cfe0f5!important}
.chat-view #chatNewRoomDialog .station-head>div,.chat-view #chatInviteDialog .station-head>div{background:transparent!important}
.chat-view #chatNewRoomDialog,.chat-view #chatInviteDialog{padding:0!important;margin:auto;background:var(--cb-bg,#b7cadb)!important;border:0!important;border-radius:10px!important;overflow:hidden}
.chat-view #chatNewRoomDialog form,.chat-view #chatInviteDialog form{padding:0!important;margin:0!important;background:transparent!important}
.chat-view #chatNewRoomDialog .station-head>div,.chat-view #chatInviteDialog .station-head>div{padding-left:4px}

/* ── R184 채팅 목록 화면: 오늘 업무 방식(구역 띠 + 틈 없는 촘촘한 줄) ── */
.chat-view .chat-rooms .chat-tools{background:#eaf2ff!important;padding:8px 12px!important;border-bottom:1px solid #b8cdf0}
.chat-view .chat-rooms .chat-tools input{border-radius:6px!important;min-height:36px}
.chat-view[data-cb-theme] .chat-count{background:#1f3b5c!important;color:#fff!important;margin:0!important;padding:5px 12px!important;font-weight:800;font-size:.78rem}
.chat-view .chat-room-list{gap:0!important;padding:0!important;display:block!important}
.chat-view .chat-room-group{display:flex;justify-content:space-between;align-items:center;padding:5px 12px;color:#fff;font-size:.78rem}
.chat-view .chat-room-group b{font-size:.84rem}.chat-view .chat-room-group span{opacity:.9}
.chat-view .chat-room-group.basic{background:#1456c8}.chat-view .chat-room-group.mine{background:#2f7d4f}
.chat-view .chat-room-item{border-radius:0!important;margin:0!important;border-width:0 0 1px!important;border-style:solid!important;border-color:rgba(0,0,0,.14)!important;padding:8px 12px!important;min-height:58px;width:100%;box-shadow:none}
.chat-view[data-cb-theme] .chat-room-item{border-radius:0!important;border-width:0 0 1px!important;border-color:rgba(0,0,0,.14)!important;margin:0!important}
.chat-view[data-cb-theme] .chat-room-item.active{box-shadow:inset 4px 0 0 var(--cb-mine),inset 0 0 0 1px var(--cb-mine)!important}
.chat-view #chatRoomRetry{margin-top:8px;min-height:40px;padding:6px 16px;font-weight:800}

/* ── R185 카카오톡 모양(어두운 바탕이 기본): 얼굴 그림·말풍선 옆 시간·안 읽은 사람 수·날짜 줄 ── */
.chat-view[data-cb-theme="dark"]{--cb-bg:#17181a;--cb-other:#2f3136;--cb-other-ink:#f1f3f5;--cb-mine:#fee500;--cb-mine-ink:#1b1500;--cb-name:#b6bcc2;--cb-time:#7d858c;--cb-head:#1e1f22;--cb-head-ink:#f1f3f5;--cb-comp:#1e1f22}
.chat-view[data-cb-theme="dark"] .chat-rooms{background:#232427!important}
.chat-view[data-cb-theme="dark"] .chat-rooms-head,.chat-view[data-cb-theme="dark"] .chat-thread-head{background:#1e1f22!important}
.chat-view[data-cb-theme="dark"] .chat-room-item{background:#232427!important;color:#f1f3f5!important;border-color:#1b1c1f!important}
.chat-view[data-cb-theme="dark"] .chat-room-item.active{background:#2f3136!important;box-shadow:inset 4px 0 0 #fee500!important}
.chat-view[data-cb-theme="dark"] .chat-tools{background:#232427!important;border-color:#1b1c1f!important}
.chat-view[data-cb-theme="dark"] .chat-tools input,.chat-view[data-cb-theme="dark"] .chat-tabs button{background:#2f3033!important;color:#cfd6dd!important}
.chat-view[data-cb-theme="dark"] .chat-tabs button.selected{background:#fee500!important;color:#1b1500!important}
.chat-view[data-cb-theme="dark"] .chat-count{background:#2a2c30!important;color:#aeb5bb!important;font-weight:700}
.chat-view[data-cb-theme="dark"] .chat-room-group.basic,.chat-view[data-cb-theme="dark"] .chat-room-group.mine{background:#2a2c30;color:#aeb5bb}
.chat-view[data-cb-theme="dark"] .chat-room-group b{color:#fee500}
.chat-view[data-cb-theme="dark"] .chat-look-panel{background:#232427!important;color:#e6eaee!important;border-color:#111!important}
.chat-view[data-cb-theme="dark"] .cl-sw span,.chat-view[data-cb-theme="dark"] .cl-note{color:#9aa4ad!important}
.chat-view[data-cb-theme="dark"] .cl-font{background:#2f3136!important;color:#e6eaee!important;border-color:#444b53!important}
.chat-view[data-cb-theme="dark"] .cl-font.on{background:#fee500!important;color:#1b1500!important}
/* 말풍선 줄 구조 */
.chat-view .chat-messages{gap:4px!important}
.chat-view .chat-msg{display:flex!important;flex-direction:row;align-items:flex-start;gap:8px;max-width:min(80%,620px)!important}
.chat-view .chat-msg.mine{align-self:flex-end;flex-direction:row-reverse}
.chat-view .chat-msg .chat-col{display:flex;flex-direction:column;min-width:0;gap:3px}
.chat-view .chat-msg.mine .chat-col{align-items:flex-end}
.chat-view .chat-msg .chat-line{display:flex;align-items:flex-end;gap:5px}
.chat-view .chat-msg.mine .chat-line{flex-direction:row-reverse}
.chat-view .chat-msg .chat-bubble{padding:9px 13px!important;font-size:.92rem;line-height:1.5;border-radius:4px 16px 16px 16px!important;box-shadow:none!important;border:0!important}
.chat-view .chat-msg.mine .chat-bubble{border-radius:16px 4px 16px 16px!important}
.chat-view .chat-msg .chat-meta{display:flex;flex-direction:column;align-items:flex-start;gap:1px;white-space:nowrap;font-size:.66rem;line-height:1.2}
.chat-view .chat-msg.mine .chat-meta{align-items:flex-end}
.chat-view .chat-msg .chat-meta time{display:block;color:var(--cb-time,#7d858c)!important;margin:0}
.chat-view .chat-msg .chat-unread{color:#d9a800;font-weight:800;font-size:.7rem}
.chat-view[data-cb-theme="dark"] .chat-msg .chat-unread,.chat-view[data-cb-theme="navy"] .chat-msg .chat-unread{color:#fee500}
.chat-view .chat-msg .chat-unread.read{color:var(--cb-time,#7d858c);font-weight:600}
.chat-view .chat-msg .chat-unread:empty{display:none}
.chat-view .chat-msg .chat-av{width:38px;height:38px;border-radius:15px;background:var(--av,#44494f);display:flex;align-items:center;justify-content:center;font-size:19px;flex:none;margin-top:2px}
.chat-view .chat-msg .chat-av-spacer{width:38px;flex:none}
.chat-view .chat-date{align-self:center;background:rgba(0,0,0,.28);color:#e7ebef;font-size:.74rem;padding:4px 14px;border-radius:14px;margin:10px 0 6px}
.chat-view[data-cb-theme="dark"] .chat-date{background:#2a2c30;color:#aeb5bb}
.chat-view .chat-sys{align-self:center;background:transparent!important;color:var(--cb-time,#7d858c)!important;font-size:.76rem}
/* 입력줄: 둥근 입력칸 + 노란 전송 */
.chat-view[data-cb-theme="dark"] .chat-composer{border-top:1px solid #111!important}
.chat-view[data-cb-theme="dark"] .chat-composer textarea{border-radius:18px!important;background:#2f3136!important;color:#f1f3f5!important;border:0!important}
.chat-view #chatSendBtn{background:#fee500!important;color:#1b1500!important;border-radius:16px!important;font-weight:800;border:0!important}
/* 방 목록 얼굴 */
.chat-view .chat-room-avatar{border-radius:15px!important;font-size:21px}
/* 내 얼굴 그림 고르기(꾸미기 창) */
.chat-view .cl-avrow{width:100%;align-items:flex-start}
.chat-view .cl-avprev{width:52px;height:52px;border-radius:18px;background:var(--av);display:flex;align-items:center;justify-content:center;font-size:28px;flex:none}
.chat-view .cl-emojis{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px;flex:1;min-width:260px;max-height:128px;overflow-y:auto;padding:2px}
.chat-view .cl-em{width:36px;height:36px;border-radius:10px;border:1px solid #b9c6d4;background:#f4f7fb;font-size:20px;cursor:pointer;padding:0}
.chat-view .cl-em.on{outline:3px solid #fee500;background:#fff6a8}
.chat-view[data-cb-theme="dark"] .cl-em{background:#2f3136;border-color:#444b53}
.chat-view .cl-colors{display:flex;gap:6px;flex-wrap:wrap}
.chat-view .cl-col{width:30px;height:30px;border-radius:50%;background:var(--sw);border:2px solid #fff;box-shadow:0 0 0 1px #9aa8b8;cursor:pointer;padding:0}
.chat-view .cl-col.on{box-shadow:0 0 0 3px #fee500}
.chat-view[data-cb-theme="dark"] .chat-room-avatar.exec{background:#5a4a1a!important}
.chat-view[data-cb-theme="dark"] .chat-room-avatar.all{background:#1f4a3a!important}
.chat-view[data-cb-theme="dark"] .chat-room-avatar.group,.chat-view[data-cb-theme="dark"] .chat-room-avatar.station{background:#3d3a5a!important;color:#fff}
.chat-view[data-cb-theme="dark"] .chat-room-item strong{color:#f1f3f5!important}
@media(max-width:560px){.chat-view .chat-thread-actions{flex-wrap:wrap;justify-content:flex-end}.chat-view .chat-msg{max-width:92%!important}.chat-view .cl-emojis{min-width:100%}}
/* R343 — 폰: 방 제목이 단추 4개에 밀려 'Z…'로 잘리던 것을 제목 한 줄·단추 한 줄로 나눠 제목이 다 보이게 한다 */
@media(max-width:560px){
  .chat-view .chat-thread-head{flex-wrap:wrap}
  .chat-view .chat-thread-title{flex:1 1 calc(100% - 96px);min-width:0}
  .chat-view .chat-thread-title strong{white-space:normal;overflow-wrap:anywhere}
  .chat-view .chat-thread-actions{flex:1 1 100%;justify-content:flex-start}
  .chat-view .chat-composer textarea{font-size:.95rem}
}