/* 신도오에이렌탈 홈페이지 상담 창 (2026-09-29). 사이트 기본 파랑 #0055c9 · Pretendard 를 따른다.
 2차: 사진·파일 말풍선, 첨부 버튼, 끌어놓기, 사진 크게 보기, 날짜 구분선, 읽음 표시(1).
 2026-11-02 chatkm-20261102: 계약 방 최재형 사원 「챗봇양식은 크몽 챗봇 양식 비슷하게」 — 문의 유형 고르기·자동 안내와 상담원 구분·연락처 남기기 모양.
 둥글기는 4·8px 한 벌, 나눔은 1px 선. 모양 a·b·c 는 아래 skin 블록(운영엔 고른 블록 하나만 남긴다). PC 세로 줄 「채팅」 단추가 있으면 둥근 단추는 감춘다(has-dock). */
.sdoa-chat{--sdoa-blue:#0055c9; --sdoa-blue-dark:#0044a3; --sdoa-navy:#0f2a4a; --sdoa-ink:#172233; --sdoa-sub:#5f6f82; --sdoa-mute:#8593a6;
 --sdoa-line:#e1e8f0; --sdoa-line2:#cfd8e3; --sdoa-soft:#f2f4f7;
 --sdoa-chat-bottom:24px; --sdoa-chat-right:24px;
 font-family:'Pretendard Variable',Pretendard,'Malgun Gothic',sans-serif; color:var(--sdoa-ink); line-height:1.5; word-break:keep-all; overflow-wrap:break-word;}
.sdoa-chat *, .sdoa-chat *::before, .sdoa-chat *::after{box-sizing:border-box;}
.sdoa-chat button, .sdoa-chat input, .sdoa-chat textarea{font:inherit; color:inherit;}
.sdoa-chat svg{display:block; width:100%; height:100%;}

.sdoa-chat-launcher{position:fixed; right:var(--sdoa-chat-right); bottom:var(--sdoa-chat-bottom); z-index:90;
 display:flex; align-items:center; gap:8px; height:58px; padding:0 20px 0 17px; border:0; border-radius:29px;
 background:var(--sdoa-blue); color:#fff !important; cursor:pointer; box-shadow:0 8px 24px rgba(0,58,140,.28);
 font-size:15px; font-weight:700; letter-spacing:-.01em; transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
.sdoa-chat-launcher:hover{background:var(--sdoa-blue-dark); transform:translateY(-1px); box-shadow:0 10px 28px rgba(0,58,140,.34);}
.sdoa-chat-launcher:focus-visible{outline:3px solid #9cc2f5; outline-offset:3px;}
.sdoa-chat-launcher svg{width:26px; height:26px; flex-shrink:0;}
.sdoa-chat-unread{position:absolute; top:-4px; right:-2px; min-width:21px; height:21px; padding:0 6px; border-radius:11px;
 background:#e5484d; color:#fff; font-size:12px; font-weight:800; line-height:21px; text-align:center; box-shadow:0 0 0 2px #fff;}
.sdoa-chat-unread[hidden]{display:none;}
.sdoa-chat.is-open .sdoa-chat-launcher{background:#fff; color:var(--sdoa-blue) !important; box-shadow:0 6px 18px rgba(23,34,51,.18);}
/* PC: 세로 줄 「채팅」 단추가 여닫으므로 둥근 단추는 감춘다(그 자리는 빠른 상담) */
.sdoa-chat.has-dock .sdoa-chat-launcher{display:none;}

.sdoa-chat-panel{position:fixed; z-index:91;
 right:var(--sdoa-panel-right, var(--sdoa-chat-right)); bottom:var(--sdoa-panel-bottom, calc(var(--sdoa-chat-bottom) + 70px));
 width:384px; height:min(640px, calc(100vh - var(--sdoa-panel-bottom, calc(var(--sdoa-chat-bottom) + 70px)) - 24px)); min-height:360px;
 display:flex; flex-direction:column; overflow:hidden; background:#fff; border:1px solid #d9e1ea; border-radius:8px;
 box-shadow:0 20px 48px rgba(15,42,74,.22); animation:sdoa-chat-in .18s ease-out;}
.sdoa-chat-panel[hidden]{display:none;}
@keyframes sdoa-chat-in{from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:none;}}

.sdoa-chat-head{display:flex; align-items:center; gap:12px; padding:14px 12px 14px 16px; flex:none;}
.sdoa-chat-mark{flex:none; display:block; width:40px; height:40px; overflow:hidden; background:#fff;}
.sdoa-chat-mark img{display:block; width:100%; height:100%; object-fit:cover;}
.sdoa-chat-brand{display:flex; flex-direction:column; flex:1; min-width:0;}
.sdoa-chat-brand strong{font-size:16px; font-weight:700; letter-spacing:-.02em; line-height:1.35;}
.sdoa-chat-hello{display:none; margin:0;}
.sdoa-chat-status{display:flex; align-items:center; gap:6px; margin-top:2px; font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sdoa-chat-status i{flex-shrink:0; width:7px; height:7px; border-radius:50%; background:#22a55b;}
.sdoa-chat.is-offhours .sdoa-chat-status i{background:#a9b4c2;}
.sdoa-chat-status span{overflow:hidden; text-overflow:ellipsis;}
.sdoa-chat-close{flex-shrink:0; align-self:flex-start; width:36px; height:36px; padding:8px; border:0; border-radius:8px; background:transparent; cursor:pointer;}
.sdoa-chat-close:focus-visible{outline:2px solid var(--sdoa-blue); outline-offset:2px;}
.sdoa-chat-back{flex-shrink:0; align-self:center; display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; margin:0 -4px 0 -6px; padding:7px; border:0; border-radius:8px; background:transparent; color:inherit; cursor:pointer;}
.sdoa-chat-back[hidden]{display:none;}
.sdoa-chat-back svg{width:22px; height:22px; transform:rotate(180deg);}
.sdoa-chat-back:focus-visible{outline:2px solid var(--sdoa-blue); outline-offset:2px;}
.sdoa-chat[data-skin="a"] .sdoa-chat-back{color:var(--sdoa-ink);}
.sdoa-chat[data-skin="a"] .sdoa-chat-back:hover{background:var(--sdoa-soft);}
.sdoa-chat[data-skin="b"] .sdoa-chat-back, .sdoa-chat[data-skin="c"] .sdoa-chat-back{color:#fff;}
.sdoa-chat[data-skin="b"] .sdoa-chat-back:hover, .sdoa-chat[data-skin="c"] .sdoa-chat-back:hover{background:rgba(255,255,255,.16);}
.sdoa-chat-resume{display:flex; justify-content:center;}
.sdoa-chat-resume button{display:inline-flex; align-items:center; gap:4px; min-height:40px; padding:8px 14px; border:1px solid var(--sdoa-line); border-radius:999px; background:#fff; color:var(--sdoa-sub); font:inherit; font-size:13px; cursor:pointer;}
.sdoa-chat-resume button svg{width:14px; height:14px;}
.sdoa-chat-resume button:hover{border-color:var(--sdoa-blue); color:var(--sdoa-blue);}
.sdoa-chat-resume button:focus-visible{outline:2px solid var(--sdoa-blue); outline-offset:2px;}

.sdoa-chat-log{flex:1; overflow-y:auto; overscroll-behavior:contain; padding:18px 16px 12px; background:#fff; display:flex; flex-direction:column; gap:14px;}
.sdoa-chat-msg{position:relative; display:flex; flex-direction:column; align-items:flex-start; max-width:86%;}
.sdoa-chat-msg.me{align-self:flex-end; align-items:flex-end;}
.sdoa-chat-msg:not(.is-head):not(.me){margin-top:-8px;}
.sdoa-chat-msg.me + .sdoa-chat-msg.me{margin-top:-8px;}
.sdoa-chat-who{display:flex; align-items:center; gap:7px; margin:0 0 6px; font-size:12.5px; line-height:1.3; color:var(--sdoa-sub); white-space:nowrap;}
.sdoa-chat-who b{font-weight:700; color:var(--sdoa-ink);}
.sdoa-chat-who em{font-style:normal; color:var(--sdoa-mute); padding-left:7px; border-left:1px solid #d5dde8;}
.sdoa-chat-av{flex:none; display:block; width:28px; height:28px; border-radius:50%; overflow:hidden; background:#fff; border:1px solid var(--sdoa-line);}
.sdoa-chat-av img{display:block; width:100%; height:100%; object-fit:cover;}
.sdoa-chat-av.is-agent{padding:5px; background:var(--sdoa-navy); border-color:var(--sdoa-navy); color:#fff;}
.sdoa-chat-bubble{white-space:pre-wrap; word-break:keep-all; overflow-wrap:anywhere; padding:10px 13px; font-size:14.5px; line-height:1.6;
 background:var(--sdoa-soft); border:1px solid transparent; border-radius:4px 8px 8px 8px; color:var(--sdoa-ink);}
.sdoa-chat-bubble a{color:inherit !important; text-decoration:underline; text-underline-offset:2px; overflow-wrap:anywhere;}
.sdoa-chat-msg.admin .sdoa-chat-bubble{background:#eaf2ff; border-color:#cfe0f7;}
.sdoa-chat-msg.me .sdoa-chat-bubble{background:var(--sdoa-blue); border-color:var(--sdoa-blue); color:#fff; border-radius:8px 4px 8px 8px;}
.sdoa-chat-time{font-size:11px; color:var(--sdoa-mute); margin:4px 4px 0;}
.sdoa-chat-note{align-self:center; max-width:92%; padding:5px 12px; border-radius:4px; background:#eef2f7; color:var(--sdoa-sub); font-size:12px; text-align:center;}
.sdoa-chat-note.is-error{background:#fdecec; color:#b4232a;}

/* 문의 유형 고르기 · 연락처 남기기 — 세로로 쌓은 단추(크몽 상담봇처럼) */
.sdoa-chat-msg.is-greeting{max-width:90%;}
.sdoa-chat-options, .sdoa-chat-actions{display:flex; flex-direction:column; gap:6px; margin-top:8px; width:100%; min-width:236px; max-width:272px;}
.sdoa-chat-options button, .sdoa-chat-actions button{display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-height:44px;
 padding:10px 10px 10px 14px; border:1px solid var(--sdoa-line2); border-radius:8px; background:#fff; color:var(--sdoa-ink) !important;
 font-size:14.5px; font-weight:600; letter-spacing:-.01em; text-align:left; cursor:pointer; transition:border-color .12s ease, color .12s ease, background .12s ease;}
.sdoa-chat-actions button{color:var(--sdoa-blue) !important; border-color:#bcd3f3;}
.sdoa-chat-options button svg, .sdoa-chat-actions button svg{flex:none; width:16px; height:16px; color:var(--sdoa-mute);}
.sdoa-chat-options button:hover, .sdoa-chat-actions button:hover{border-color:var(--sdoa-blue); color:var(--sdoa-blue) !important;}
.sdoa-chat-options button:hover svg, .sdoa-chat-actions button:hover svg{color:var(--sdoa-blue);}
.sdoa-chat-options button:focus-visible, .sdoa-chat-actions button:focus-visible, .sdoa-chat-retry:focus-visible,
.sdoa-chat-grid button:focus-visible, .sdoa-chat-rows button:focus-visible{outline:2px solid var(--sdoa-blue); outline-offset:2px;}
.sdoa-chat-retry{margin:4px 2px 0; padding:0; border:0; background:none; color:#d13b40 !important; font-size:12px; font-weight:700; cursor:pointer; text-decoration:underline;}

/* 대화 전 첫 화면(b·c) */
.sdoa-chat-intro{display:flex; flex-direction:column; gap:12px;}
.sdoa-chat-intro p{margin:0;}
.sdoa-chat-intro-lead{font-size:14px; line-height:1.6; color:var(--sdoa-sub);}
.sdoa-chat-intro-lead b{display:block; color:var(--sdoa-ink); font-size:15.5px; letter-spacing:-.02em;}
.sdoa-chat-intro-or{font-size:12.5px; color:var(--sdoa-mute);}

.sdoa-chat-compose{display:flex; align-items:flex-end; gap:6px; padding:10px 12px 10px 8px; border-top:1px solid var(--sdoa-line); background:#fff; flex:none;}
.sdoa-chat-attach{flex-shrink:0; width:40px; height:44px; padding:10px 8px; border:0; border-radius:8px; background:transparent; color:var(--sdoa-sub) !important; cursor:pointer;}
.sdoa-chat-attach:hover{background:#eef3f9; color:var(--sdoa-blue) !important;}
.sdoa-chat-attach:focus-visible{outline:3px solid #9cc2f5; outline-offset:1px;}
.sdoa-chat-picker[hidden]{display:none !important;}
.sdoa-chat-compose[hidden]{display:none;}
.sdoa-chat-compose textarea{flex:1; min-width:0; max-height:120px; resize:none; padding:10px 12px; border:1px solid #d5dde8; border-radius:8px;
 background:#f8fafc; font-size:15px; line-height:1.45; outline:none;}
.sdoa-chat-compose textarea:focus{border-color:#7aa9e8; background:#fff; box-shadow:0 0 0 3px rgba(0,85,201,.12);}
.sdoa-chat-send{flex-shrink:0; width:44px; height:44px; padding:11px; border:0; border-radius:8px; background:var(--sdoa-blue); color:#fff !important; cursor:pointer;}
.sdoa-chat-send:hover{background:var(--sdoa-blue-dark);}
.sdoa-chat-send:disabled{opacity:.55; cursor:default;}
.sdoa-chat-send:focus-visible{outline:3px solid #9cc2f5; outline-offset:2px;}

/* 연락처 남기기 — 입력 카드 */
.sdoa-chat-contact{padding:14px 16px 12px; border-top:1px solid var(--sdoa-line); background:#fff; display:flex; flex-direction:column; gap:8px; flex:none;}
.sdoa-chat-contact[hidden]{display:none;}
.sdoa-chat-contact > strong{font-size:15px; letter-spacing:-.02em;}
.sdoa-chat-contact > p{margin:0; font-size:12.5px; color:var(--sdoa-sub);}
.sdoa-chat-contact label{display:flex; flex-direction:column; gap:4px; font-size:12.5px; font-weight:700; color:var(--sdoa-sub);}
.sdoa-chat-contact label input:not([type="checkbox"]){padding:9px 11px; border:1px solid #d5dde8; border-radius:8px; font-size:15px; font-weight:400; color:var(--sdoa-ink); outline:none;}
.sdoa-chat-contact label input:not([type="checkbox"]):focus{border-color:#7aa9e8; box-shadow:0 0 0 3px rgba(0,85,201,.12);}
.sdoa-chat-contact .sdoa-chat-consent{flex-direction:row; align-items:center; gap:7px; color:var(--sdoa-ink); font-weight:600;}
.sdoa-chat-contact .sdoa-chat-consent input{width:17px; height:17px; accent-color:var(--sdoa-blue);}
.sdoa-chat-consent b{color:var(--sdoa-blue);}
.sdoa-chat-contact .sdoa-chat-consent-detail{font-size:11.5px; line-height:1.5;}
.sdoa-chat-contact a, .sdoa-chat-foot a{color:var(--sdoa-sub) !important; text-decoration:underline;}
.sdoa-chat-form-error{margin:0; font-size:12.5px; font-weight:700; color:#d13b40 !important;}
.sdoa-chat-form-error[hidden]{display:none;}
.sdoa-chat-contact-actions{display:flex; justify-content:flex-end; gap:8px; margin-top:2px;}
.sdoa-chat-primary, .sdoa-chat-ghost{min-height:40px; padding:9px 16px; border-radius:8px; font-size:14px; font-weight:700; cursor:pointer;}
.sdoa-chat-primary{border:0; background:var(--sdoa-blue); color:#fff !important;}
.sdoa-chat-primary:disabled{opacity:.6;}
.sdoa-chat-ghost{border:1px solid #d5dde8; background:#fff;}

/* 사진·파일 말풍선 */
.sdoa-chat-msg.has-file{max-width:78%;}
.sdoa-chat-photo{position:relative; display:block; width:220px; max-width:100%; max-height:320px; min-height:60px; padding:0; margin:0 0 4px; border:1px solid var(--sdoa-line);
 border-radius:8px; overflow:hidden; background:#e8eef5; cursor:zoom-in;}
.sdoa-chat-photo img{display:block; width:100%; height:100%; max-height:320px; object-fit:cover;}
.sdoa-chat-photo.is-pending{cursor:default;}
.sdoa-chat-photo.is-pending img{opacity:.72;}
.sdoa-chat-photo:focus-visible, .sdoa-chat-file:focus-visible{outline:3px solid #9cc2f5; outline-offset:2px;}
.sdoa-chat-file{position:relative; display:grid; grid-template-columns:auto minmax(0, 1fr); column-gap:10px; align-items:center; width:236px; max-width:100%;
 margin:0 0 4px; padding:9px 12px 9px 9px; border:1px solid var(--sdoa-line); border-radius:8px; background:#fff; color:var(--sdoa-ink) !important;
 text-decoration:none !important; overflow:hidden;}
a.sdoa-chat-file:hover{border-color:#9cc2f5; background:#f6faff;}
.sdoa-chat-msg.me .sdoa-chat-file{border-color:#bcd3f3;}
.sdoa-chat-file-ext{display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:4px; background:#eaf2fd; color:var(--sdoa-blue);
 font-size:11px; font-weight:800; letter-spacing:.02em;}
.sdoa-chat-file-meta{display:flex; flex-direction:column; min-width:0;}
.sdoa-chat-file-meta b{font-size:13.5px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sdoa-chat-file-meta small{font-size:12px; color:var(--sdoa-sub);}
.sdoa-chat-progress{position:absolute; left:10px; right:10px; bottom:7px; height:4px; border-radius:2px; background:rgba(255,255,255,.75); overflow:hidden;}
.sdoa-chat-file .sdoa-chat-progress{bottom:4px; background:#e3eaf3;}
.sdoa-chat-progress i{display:block; height:100%; width:0; background:var(--sdoa-blue); transition:width .2s ease;}
.sdoa-chat-read{margin-right:4px; color:#c98a00; font-weight:800;}
.sdoa-chat-day{align-self:stretch; display:flex; align-items:center; gap:10px; color:var(--sdoa-mute); font-size:11.5px;}
.sdoa-chat-day::before, .sdoa-chat-day::after{content:""; flex:1; height:1px; background:#dde4ec;}
.sdoa-chat-newwrap{position:relative; flex:none; height:0; z-index:2;}
.sdoa-chat-newbar{position:absolute; left:50%; bottom:10px; transform:translateX(-50%); display:flex; align-items:center; gap:6px;
 max-width:calc(100% - 32px); padding:7px 10px 7px 14px; border:0; border-radius:8px; background:rgba(23,34,51,.9); color:#fff !important;
 font-size:13px; font-weight:700; line-height:1.3; box-shadow:0 6px 16px rgba(20,36,60,.25); cursor:pointer; animation:sdoa-chat-in .16s ease-out;}
.sdoa-chat-newbar[hidden]{display:none;}
.sdoa-chat-newbar span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sdoa-chat-newbar svg{width:16px; height:16px; flex-shrink:0;}
.sdoa-chat-newbar:focus-visible{outline:3px solid #9cc2f5; outline-offset:2px;}
.sdoa-chat-drop{position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; padding:24px;
 background:rgba(0,85,201,.08); border:2px dashed var(--sdoa-blue); border-radius:8px; pointer-events:none;}
.sdoa-chat-drop[hidden]{display:none;}
.sdoa-chat-drop span{display:flex; align-items:center; gap:8px; padding:12px 18px; border-radius:8px; background:#fff; color:var(--sdoa-blue);
 font-size:15px; font-weight:800; box-shadow:0 6px 20px rgba(0,58,140,.18);}
.sdoa-chat-drop svg{width:22px; height:22px;}

/* 사진 크게 보기 */
.sdoa-chat-viewer{position:fixed; inset:0; z-index:100; display:flex; flex-direction:column; background:rgba(8,14,24,.92);}
.sdoa-chat-viewer[hidden]{display:none;}
.sdoa-chat-viewer-bar{display:flex; align-items:center; gap:10px; padding:10px 12px 10px 18px; color:#fff;}
.sdoa-chat-viewer-name{flex:1; min-width:0; font-size:14px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:.9;}
.sdoa-chat-viewer-dl{display:inline-flex; align-items:center; gap:6px; height:38px; padding:0 14px; border-radius:8px; background:rgba(255,255,255,.14);
 color:#fff !important; font-size:13.5px; font-weight:700; text-decoration:none !important;}
.sdoa-chat-viewer-dl svg{width:18px; height:18px;}
.sdoa-chat-viewer-dl:hover{background:rgba(255,255,255,.24);}
.sdoa-chat-viewer-close{flex-shrink:0; width:40px; height:40px; padding:9px; border:0; border-radius:8px; background:rgba(255,255,255,.14); color:#fff !important; cursor:pointer;}
.sdoa-chat-viewer-close:hover{background:rgba(255,255,255,.24);}
.sdoa-chat-viewer-dl:focus-visible, .sdoa-chat-viewer-close:focus-visible{outline:2px solid #fff; outline-offset:2px;}
.sdoa-chat-viewer img{flex:1; min-height:0; width:100%; object-fit:contain; padding:0 12px 16px;}

.sdoa-chat-hp{position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important;}
.sdoa-chat-foot{margin:0; padding:0 12px 9px; background:#fff; font-size:11px; color:var(--sdoa-mute); text-align:center; flex:none;}

/* skin-a begin ── A 메신저형: 흰 머리 + 로고 동그라미 · 회색 안내 말풍선 · 세로 단추 */
.sdoa-chat[data-skin="a"] .sdoa-chat-head{background:#fff; border-bottom:1px solid var(--sdoa-line);}
.sdoa-chat[data-skin="a"] .sdoa-chat-mark{border-radius:50%; border:1px solid var(--sdoa-line);}
.sdoa-chat[data-skin="a"] .sdoa-chat-brand strong{color:var(--sdoa-ink);}
.sdoa-chat[data-skin="a"] .sdoa-chat-status{color:var(--sdoa-sub);}
.sdoa-chat[data-skin="a"] .sdoa-chat-close{color:var(--sdoa-sub) !important;}
.sdoa-chat[data-skin="a"] .sdoa-chat-close:hover{background:var(--sdoa-soft); color:var(--sdoa-ink) !important;}
.sdoa-chat[data-skin="a"] .sdoa-chat-msg:not(.me){padding-left:38px;}
.sdoa-chat[data-skin="a"] .sdoa-chat-who .sdoa-chat-av{position:absolute; left:0; top:0;}
.sdoa-chat[data-skin="a"] .sdoa-chat-msg.is-head:not(.me) .sdoa-chat-who{min-height:28px; margin-bottom:2px;}
/* skin-a end */



/* 2026-11-05 CHATPUSH_20261105 답장 알림 묻는 줄 — 입력칸 바로 위 한 줄. 연락처 남기기 칸과 같은 선·단추 모양. */
.sdoa-chat-push{display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px 10px; padding:11px 12px 10px 14px; border-top:1px solid var(--sdoa-line); background:#f6f9fd; flex:none;}
.sdoa-chat-push[hidden]{display:none;}
.sdoa-chat-push-ic{flex:none; display:flex; width:32px; height:32px; padding:7px; border-radius:50%; background:#fff; border:1px solid #cfdcef; color:var(--sdoa-blue);}
.sdoa-chat-push-ic svg{width:100%; height:100%;}
.sdoa-chat-push-q, .sdoa-chat-push-done{flex:1 1 calc(100% - 42px); min-width:0; margin:0;}
.sdoa-chat-push-q{display:flex; flex-direction:column; gap:1px;}
.sdoa-chat-push-q[hidden], .sdoa-chat-push-act[hidden], .sdoa-chat-push-done[hidden]{display:none;}
.sdoa-chat-push-q b{font-size:14px; font-weight:700; letter-spacing:-.02em; color:var(--sdoa-ink);}
.sdoa-chat-push-q span{font-size:12.5px; color:var(--sdoa-sub);}
.sdoa-chat-push-done{align-self:center; font-size:13px; color:var(--sdoa-ink);}
.sdoa-chat-push-act{display:flex; justify-content:flex-end; gap:6px; width:100%;}
.sdoa-chat-push-act button{min-height:36px; padding:7px 14px; font-size:13px; white-space:nowrap;}
.sdoa-chat-push-act button:focus-visible{outline:2px solid var(--sdoa-blue); outline-offset:2px;}
.sdoa-chat-push-act button:disabled{opacity:.6; cursor:default;}
@media (max-width:560px){
 .sdoa-chat-msg.has-file{max-width:84%;}
 .sdoa-chat-photo{width:200px;}
 .sdoa-chat-drop{border-radius:0;}
 .sdoa-chat-viewer-dl span{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
 .sdoa-chat-launcher{width:54px; height:54px; padding:0; justify-content:center; border-radius:50%;}
 .sdoa-chat-launcher svg{width:27px; height:27px;}
 .sdoa-chat-launcher-text{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
 .sdoa-chat-panel{inset:0; width:auto; height:auto; min-height:0; border:0; border-radius:0; animation:none;
  padding-bottom:env(safe-area-inset-bottom);}
 .sdoa-chat.is-open .sdoa-chat-launcher{display:none;}
 .sdoa-chat-log{padding:16px 14px 10px;}
 .sdoa-chat-msg{max-width:90%;}
 .sdoa-chat[data-skin="b"] .sdoa-chat-log{padding:18px 16px 10px;}
 .sdoa-chat[data-skin="b"] .sdoa-chat-hello{font-size:22px;}
}
@media (prefers-reduced-motion:reduce){
 .sdoa-chat-panel{animation:none;}
 .sdoa-chat-launcher{transition:none;}
}
@media print{
 .sdoa-chat{display:none !important;}
}