/* 점주 CS (2026-11-03): 점주용 '본사에 문의하기' · 본사용 '점주 CS'. 사이드바 아이보리 시안 색을 따름 */
.cs{--cs-ink:#2E2E2E;--cs-sub:#646464;--cs-line:#DBDBDB;--cs-soft:#F6F6F6;--cs-brown:#414141;--cs-orange:#42005F;--cs-orange-soft:#F5EAFA;--cs-red:#B42318;--cs-red-soft:#FEECEB;--cs-green:#1F7A4D;--cs-green-soft:#E6F4EC}
.cs .panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.cs .panel-heading h2{margin:0 0 4px}.cs .panel-heading .muted{margin:0;max-width:60ch;line-height:1.6}
.cs .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cs-split{display:grid;gap:16px;margin-top:16px}
@media(min-width:1000px){.cs-split.has-detail{grid-template-columns:minmax(300px,0.9fr) 1.1fr;align-items:start}}
@media(max-width:999px){.cs-split.has-detail>.cs-col:first-child{display:none}}
.cs-back{display:none}@media(max-width:999px){.cs-back{display:inline-block;margin-bottom:6px}}
.cs-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cs-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--cs-line);border-radius:12px;background:#fff;text-align:left;cursor:pointer;color:var(--cs-ink);box-shadow:none}
.cs-row:hover{border-color:#C5C5C5;background:var(--cs-soft)}
.cs-row.on{border-color:var(--cs-brown);box-shadow:0 0 0 1px var(--cs-brown) inset;background:var(--cs-soft)}
.cs-row.late{border-left:4px solid var(--cs-red)}
.cs-row-main{display:grid;gap:3px;flex:1;min-width:0}
.cs-row-main b{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-row-main small{font-size:12px;color:var(--cs-sub)}.cs-row-main em{font-style:normal;color:var(--cs-orange);font-weight:600}
.cs-row-side{display:grid;justify-items:end;gap:4px;flex:0 0 auto}
.cs-st{flex:0 0 auto;display:inline-block;min-width:58px;padding:4px 8px;border-radius:99px;font-size:11px;font-weight:700;text-align:center;background:#EBEBEB;color:#280039}
.cs-st-new{background:var(--cs-orange-soft);color:var(--cs-orange)}
.cs-st-assigned,.cs-st-in_progress{background:#EEF2F7;color:#344054}
.cs-st-answered{background:var(--cs-green-soft);color:var(--cs-green)}
.cs-st-closed{background:#F2F4F7;color:#667085}
.cs-urgent-dot{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:5px;background:var(--cs-red);color:#fff;font-size:10.5px;font-weight:800;vertical-align:1px}
.cs-new{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--cs-orange);color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
.cs-due{font-size:11px;color:var(--cs-sub);white-space:nowrap}.cs-due.over{color:var(--cs-red);font-weight:700}
.cs-detail{padding:18px;border:1px solid var(--cs-line);border-radius:14px;background:#fff}
.cs-detail-head h3{margin:8px 0 4px;font-size:18px;color:var(--cs-ink)}.cs-detail-head .muted{margin:0;font-size:12px}
.cs-thread{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}
.cs-msg{justify-self:start;min-width:0;max-width:88%;box-sizing:border-box;padding:10px 14px;border-radius:14px 14px 14px 4px;background:#F1F1F1;color:var(--cs-ink)}
.cs-msg.mine{justify-self:end;border-radius:14px 14px 4px 14px;background:var(--cs-brown);color:#F9F9F9}
.cs-msg.mine .cs-msg-head time,.cs-msg.mine .cs-msg-head b{color:#E9D7F1}
.cs-msg.internal{border:1px dashed #E0B44C;border-radius:10px;background:#F8F8F8;color:#5B4300}
.cs-msg.internal .cs-msg-head b,.cs-msg.internal .cs-msg-head time{color:#7A5B00}
.cs-read{display:block;margin-top:4px;text-align:right;font-size:11px;opacity:.7}
.cs-read.on{opacity:1;font-weight:600}
.cs-msg-head{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:11.5px}.cs-msg-head time{margin-left:auto;color:var(--cs-sub);white-space:nowrap}
.cs-msg p{margin:0;font-size:14px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}
.cs-tag{padding:1px 6px;border-radius:5px;background:#F7E3A1;font-size:10.5px;font-weight:700}
.cs-compose{display:grid;gap:8px}
.cs-compose textarea,.cs-form textarea,.cs-form input:not([type=radio]):not([type=checkbox]),.cs-form select,.cs-controls select,.cs-routing-grid select{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #CCCCCC;border-radius:10px;background:#fff;font:inherit;font-size:14px;color:var(--cs-ink)}
.cs-compose textarea:focus,.cs-form textarea:focus,.cs-form input:focus,.cs-form select:focus{outline:2px solid var(--cs-orange);outline-offset:0;border-color:transparent}
.cs-actions{display:flex;flex-wrap:wrap;gap:8px}
.cs-hint{margin:0;font-size:12px;color:var(--cs-sub);line-height:1.6}
.cs-form{display:grid;gap:14px;margin-top:16px;padding:18px;border:1px solid var(--cs-line);border-radius:14px;background:var(--cs-soft)}
.cs-form>label{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--cs-ink)}
.cs-store-one{margin:0;font-size:13px;color:var(--cs-sub)}
.cs-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}
.cs-cats legend{width:100%;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--cs-ink)}
.cs-cat input{position:absolute;opacity:0;pointer-events:none}
.cs-cat span{display:inline-block;padding:8px 14px;border:1px solid #CCCCCC;border-radius:99px;background:#fff;font-size:13px;cursor:pointer}
.cs-cat input:checked+span{border-color:var(--cs-brown);background:var(--cs-brown);color:#F9F9F9;font-weight:700}
.cs-cat input:focus-visible+span{outline:2px solid var(--cs-orange);outline-offset:2px}
.cs-urgent{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #F2C6C2;border-radius:12px;background:#fff;cursor:pointer}
.cs-urgent input{margin-top:3px;width:18px;height:18px;accent-color:var(--cs-red)}
.cs-urgent span{display:grid;gap:2px}.cs-urgent b{font-size:13.5px;color:var(--cs-red)}.cs-urgent small{font-size:12px;color:var(--cs-sub)}
.cs-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.cs-tile{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--cs-line);border-radius:12px;background:#fff;text-align:left;cursor:pointer;box-shadow:none}
.cs-tile span{font-size:12px;color:var(--cs-sub)}.cs-tile b{font-size:24px;color:var(--cs-ink);font-variant-numeric:tabular-nums}
.cs-tile.hot b{color:var(--cs-orange)}
@media(max-width:640px){.cs-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cs-tabs{display:flex;gap:4px;margin-top:16px;padding:4px;border-radius:12px;background:#E5E5E5;overflow-x:auto}
.cs-tabs button{flex:0 0 auto;padding:7px 14px;border:0;border-radius:9px;background:transparent;color:#4A4A4A;font-size:13px;font-weight:700;cursor:pointer;box-shadow:none}
.cs-tabs button[aria-selected=true]{background:var(--cs-brown);color:#F9F9F9}
.cs-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.cs-controls label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--cs-sub)}
.cs-history ol{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--cs-sub);line-height:1.9}.cs-history time{font-variant-numeric:tabular-nums}
.cs-routing{margin-top:20px}
.cs-routing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px}
.cs-routing-grid label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--cs-sub)}
.cs-routing-grid .cs-actions{grid-column:1/-1}
/* 기존 폼 공통 규칙(label 안 input 전체 폭)을 덮어 긴급 체크칸을 글자 옆에 둠 */
.cs-form label.cs-urgent{display:flex;flex-direction:row;align-items:flex-start}
.cs-form label.cs-urgent input[type=checkbox]{flex:0 0 18px;width:18px;min-height:0;height:18px;margin:2px 0 0;padding:0}
/* 보내는 중에는 입력칸을 잠가 응답 전에 쓴 글이 지워지지 않게 함 */
.cs-lock{display:grid;gap:inherit;margin:0;padding:0;border:0;min-width:0}
.cs-form .cs-lock{gap:14px}.cs-compose .cs-lock{gap:8px}
.cs-lock:disabled{opacity:.7}
/* 긴급 연락(2026-11-03): 본사 전화하기 */
.cs-call{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border:1px solid var(--cs-line);border-radius:12px;background:var(--cs-soft)}
.cs-call div{display:grid;gap:2px}.cs-call b{font-size:13.5px;color:var(--cs-ink)}.cs-call small{font-size:12px;color:var(--cs-sub)}
.cs-call.urgent{margin-top:0;border-color:#F2C6C2;background:var(--cs-red-soft)}.cs-call.urgent b{color:var(--cs-red)}
.cs-call-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;background:var(--cs-red);color:#fff;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}
.cs-call-btn span{font-weight:600;font-variant-numeric:tabular-nums;opacity:.9}
.cs-call:not(.urgent) .cs-call-btn{background:var(--cs-brown)}
.cs-call-btn:focus-visible{outline:2px solid var(--cs-orange);outline-offset:2px}
@media(max-width:640px){.cs-call-btn{width:100%;justify-content:center}}
/* 실시간 대화(2026-11-03): 연결 표시 · 대화창 스크롤 */
.cs-live{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:2px 8px;border-radius:99px;background:#F2F4F7;color:#667085;font-size:11px;font-weight:700;vertical-align:3px}
.cs-live::before{content:'';width:7px;height:7px;border-radius:50%;background:#98A2B3}
.cs-live.on{background:var(--cs-green-soft);color:var(--cs-green)}.cs-live.on::before{background:#12B76A}
.cs-detail .cs-thread{max-height:min(56vh,560px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scroll-behavior:auto}
@media(max-width:999px){.cs-detail .cs-thread{max-height:none;overflow:visible}}
/* 보가LAB 앱 받기(점주 휴대폰) */
.app-install{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;margin:0 0 14px;padding:12px 14px;border:1px solid #E1C8EC;border-radius:14px;background:#FAF5FC;color:#2D2D2D}
.app-install img{border-radius:10px}
.app-install b{display:block;font-size:15px}
.app-install small{display:block;font-size:12px;color:#616161}
.app-install .primary{white-space:nowrap}
.app-install-help{grid-column:1/-1;margin:4px 0 0;font-size:13px;line-height:1.5}
.login-card .app-install{margin-top:16px}
/* 휴대폰 알림 켜기 */
.push-box{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 14px;padding:12px 14px;border:1px solid #CFE3D2;border-radius:14px;background:#F1FAF2;color:#21402A}
.push-box b{display:block;font-size:15px}.push-box small{display:block;font-size:12px;color:#4A6A52}
.push-box.off{display:block;border-color:#E2D0E9;background:#F9F9F9;color:#5B4300}
.push-box .primary{white-space:nowrap}
/* ===== 점주 앱: 대화창 + 오른쪽 위 메뉴 (2026-11-03) ===== */
.owner-app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:720px;margin:0 auto;background:#F7F7F7}
.owner-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#56007A;color:#fff}
.owner-bar-title b{display:block;font-size:18px;line-height:1.2}
.owner-bar-title small{display:flex;gap:8px;align-items:center;font-size:12px;opacity:.95}
.owner-bar .cs-live{background:rgba(255,255,255,.2);color:#fff;font-size:11px;padding:2px 8px;border-radius:99px}
.owner-bar .cs-live.on{background:rgba(255,255,255,.28)}
.owner-menu-btn{width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.owner-menu{position:fixed;top:68px;right:max(12px,calc(50vw - 348px));z-index:30;width:min(300px,calc(100vw - 24px));max-height:calc(100dvh - 90px);overflow:auto;padding:8px;border-radius:16px;background:#fff;box-shadow:0 12px 40px rgba(38,38,38,.25)}
.owner-menu[hidden]{display:none}
.owner-menu-item{display:flex;gap:12px;align-items:center;width:100%;padding:13px 12px;border:0;border-radius:10px;background:none;color:#202020;font-size:16px;text-align:left;text-decoration:none;cursor:pointer}
.owner-menu-item span{width:24px;text-align:center}
.owner-menu-item.on,.owner-menu-item:hover{background:#F8F1FB}
.owner-menu-extra{margin:6px 0;padding-top:6px;border-top:1px solid #E6E6E6}
.owner-menu-extra:empty{display:none}
.owner-menu .app-install,.owner-menu .push-box{margin:6px 0}
.owner-body{flex:1;display:flex;flex-direction:column;padding:0}
.cs-chat{flex:1;display:flex;flex-direction:column;min-height:0}
.cs-chat-store{display:flex;gap:8px;align-items:center;padding:10px 16px;font-size:13px;background:#fff;border-bottom:1px solid #E7E7E7}
.cs-chat-scroll{flex:1;overflow-y:auto;padding:16px 12px 8px}
.cs-chat .cs-thread{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:none;overflow:visible}
.cs-chat .cs-msg{max-width:82%}
.cs-chat .cs-msg.mine{background:#56007A;color:#fff}
.cs-chat .cs-msg.mine .cs-msg-head b,.cs-chat .cs-msg.mine .cs-msg-head time{color:#F3E7F9}
.cs-chat .cs-msg:not(.mine){background:#fff;border:1px solid #E7E7E7}
.cs-chat-wait{padding:24px 16px;color:#6A6A6A}
.cs-chat-empty{display:grid;gap:6px;margin:15vh auto 0;max-width:280px;text-align:center;color:#5E5E5E}
.cs-chat-empty b{font-size:17px;color:#202020}
.cs-chatbar{position:sticky;bottom:0;z-index:10;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #E7E7E7}
.cs-chatbar fieldset{display:flex;gap:8px;align-items:flex-end;margin:0;padding:0;border:0;min-width:0}
.cs-chatbar textarea{flex:1;min-height:44px;max-height:140px;resize:none;padding:11px 14px;border:1px solid #D9D9D9;border-radius:22px;font:inherit;font-size:16px;line-height:1.4;background:#F7F7F7}
.cs-chatbar .primary{height:44px;padding:0 18px;border-radius:22px}
.cs-send-control{display:flex;flex-direction:column;align-items:center;gap:2px;flex:none}
.cs-send-control small{font-size:10px;line-height:12px;color:#646464;white-space:nowrap}
.owner-soon{margin:40px 16px;padding:28px 20px;border-radius:16px;background:#fff;text-align:center;display:grid;gap:10px}
.owner-soon h2{margin:0}
/* 본사 상세 대화 칸: 메시지 10줄쯤 보이게(2026-11-03 사용자 요청), 최신 글은 입력칸 바로 위 */
.cs-hq .cs-detail .cs-thread{min-height:min(62vh,620px);max-height:min(72vh,760px);align-content:end;padding:12px;border:1px solid #E7E7E7;border-radius:14px;background:#FCFAF7}
@media(max-width:999px){.cs-hq .cs-detail .cs-thread{min-height:60vh;max-height:70vh;overflow-y:auto}}

/* 키보드가 올라와도 최신 글이 입력칸 바로 위에(2026-11-03 사용자 확인: 입력 누르면 과거 채팅이 가려짐).
   점주 앱은 화면 높이에 딱 맞춘 고정 틀 + 대화 칸만 스크롤. 높이는 실제 보이는 화면(visualViewport)에 맞춥니다(owner-app-viewport). */
.owner-app{position:fixed;top:0;left:0;right:0;height:var(--app-h,100dvh);min-height:0;overflow:hidden}
.owner-bar{position:relative;flex:none}
.owner-body{min-height:0;overflow:hidden}
.cs-chat{min-height:0;overflow:hidden}
.cs-chat-scroll{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cs-chatbar{position:relative;flex:none}
.owner-menu{top:calc(var(--app-top,0px) + 68px)}

.push-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 12px;background:#FAF4FC;border-bottom:1px solid #E9D7F1;font-size:14px;color:#414141;flex:none}
.push-bar .primary{height:36px;padding:0 14px;border-radius:18px;white-space:nowrap}
.push-bar.off{display:block;background:#FDECEC;color:#7A1F1F;border-color:#F3C8C8}
/* ===== 본사 점주 CS 한 화면(2026-11-03): 왼쪽 점주 대화 목록 + 오른쪽 큰 대화창 ===== */
.cs-hq-one{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:#fff;border:1px solid #E7E7E7}
.cs-hq-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.cs-hq-head h2{margin:0;font-size:18px;display:flex;gap:8px;align-items:center}
.cs-hq-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:#ECECEC}
.cs-hq-tabs button{border:0;border-radius:9px;padding:8px 14px;background:transparent;font-weight:700;color:#595959;cursor:pointer}
.cs-hq-tabs button[aria-selected=true]{background:#424242;color:#fff}
.cs-badge{display:inline-flex;min-width:20px;height:20px;padding:0 6px;align-items:center;justify-content:center;border-radius:10px;background:#E5484D;color:#fff;font-size:12px;font-weight:800}
.cs-hq-one .cs-split{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:12px;height:calc(100dvh - 200px);min-height:440px}
.cs-hq-one .cs-col{min-height:0;overflow:hidden;display:flex;flex-direction:column}
.cs-hq-one .cs-list-col{overflow-y:auto}
.cs-convs{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.cs-conv{display:grid;gap:4px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:#F7F7F7;text-align:left;cursor:pointer;color:#202020}
.cs-conv.on{border-color:#56007A;background:#F8F1FB}
.cs-conv.waiting{background:#FBF6FD}
.cs-conv-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.cs-conv-top time{font-size:11px;color:#777777}
.cs-conv-last{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px;color:#595959}
.cs-conv-last>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cs-hq-one .cs-detail{border:1px solid #E7E7E7;border-radius:14px;background:#FCFAF7;padding:0}
.cs-pick{margin:auto;color:#777777}
.cs-chat-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #E7E7E7;background:#fff;border-radius:14px 14px 0 0}
.cs-chat-head>b{font-size:16px}
.cs-chat-head .cs-back{font-size:18px}
.cs-more{margin-left:auto;font-size:13px}
.cs-more[open]{flex-basis:100%;margin-left:0}
.cs-more summary{cursor:pointer;color:#777777}
.cs-more .cs-controls{display:flex;gap:8px;margin:8px 0}
.cs-history{max-height:140px;overflow:auto;font-size:12px;color:#595959;padding-left:18px}
.cs-hq-one .cs-detail .cs-chat-scroll{flex:1;overflow-y:auto;padding:12px}
.cs-hq-one .cs-split.has-detail{align-items:stretch}
.cs-hq-one .cs-detail .cs-chat-scroll{margin:10px 10px 0;border:1px solid #cdcdcd;border-radius:12px;background:#fff;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a5a5a5 #f5f5f5}
.cs-hq-one .cs-detail .cs-chat-scroll:focus-visible{outline:2px solid #42005f;outline-offset:2px}
.cs-hq-one .cs-detail .cs-thread{min-height:0;max-height:none;overflow:visible;border:0;background:none;padding:0;align-content:end}
.cs-hq-one .cs-detail .cs-thread{gap:6px}
.cs-hq-one .cs-detail .cs-msg{padding:6px 10px}
.cs-hq-one .cs-detail .cs-msg-head{margin-bottom:2px}
.cs-hq-one .cs-chatbar textarea{border-radius:14px}
.cs-hq-one .cs-chatbar .secondary{height:44px;border-radius:22px}
.cs-msg.notice{justify-self:center;max-width:92%;background:#F6F6F6;border:1px solid #F1D98A;color:#4A3A00}
.cs-notice{display:grid;gap:12px;max-width:760px}
.cs-notice-form fieldset{display:grid;gap:8px;border:0;margin:0;padding:0}
.cs-notice-form label small{display:block;color:#777777;font-weight:400}
.cs-notice-form textarea{padding:12px;border:1px solid #D9D9D9;border-radius:12px;font:inherit;font-size:15px}
.cs-notice-form .primary{justify-self:start}
.cs-notice-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cs-notice-list li{padding:10px 12px;border-radius:12px;background:#F6F6F6}
.cs-notice-list time{font-size:12px;color:#777777}
.cs-notice-list p{margin:4px 0 0}
@media(max-width:999px){
 .cs-hq-one{padding:8px}
 .cs-hq-one .cs-split{grid-template-columns:1fr;height:calc(100dvh - 170px)}
 .cs-hq-one .cs-split.has-detail .cs-list-col{display:none}
 .cs-hq-one .cs-split:not(.has-detail) .cs-detail{display:none}
}
@media(min-width:1000px){.cs-chat-head .cs-back{display:none}}

.cs-done-btn{margin-left:4px;border:0;border-radius:9px;padding:6px 12px;background:#2F7D4A;color:#fff;font-weight:800;cursor:pointer}
.cs-done-btn:disabled{opacity:.5}
.cs-convs-sep{margin:14px 4px 6px;font-size:12px;font-weight:800;color:#777777}
.cs-convs.done .cs-conv{opacity:.75}
.cs-convs-none{padding:12px;color:#777777;font-size:13px}
.cs-hq-one .cs-split{height:auto}

.cs-edited{font-size:11px;opacity:.75}
.cs-msg.deleted p{opacity:.65}
[data-cs-editable]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:context-menu}
.cs-hq-one .cs-split{min-height:0}

.ios-guide{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:rgba(21,21,21,.72)}
.ios-guide-card{display:grid;gap:10px;justify-items:center;max-width:340px;padding:24px 20px;border-radius:20px;background:#fff;text-align:center;color:#202020}
.ios-guide-card img{border-radius:14px}.ios-guide-card h2{margin:0;font-size:20px}
.ios-guide-card ol{margin:0;padding-left:22px;text-align:left;display:grid;gap:8px;font-size:16px;line-height:1.5}
.ios-guide-card p{margin:0;font-size:13px;color:#5E5E5E}
.ios-share{display:inline-block;padding:0 6px;border-radius:6px;background:#E8F0FE;color:#1A73E8;font-weight:800}
.ios-guide-card .primary,.ios-guide-card .secondary{width:100%;height:46px;border-radius:12px}
.ios-guide-arrow{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:44px;color:#fff;animation:ios-bob 1s ease-in-out infinite}
@keyframes ios-bob{50%{transform:translate(-50%,10px)}}
.sound-toggle{display:inline-flex;gap:8px;align-items:center;font-size:14px;cursor:pointer}
.sound-toggle input{width:20px;height:20px;accent-color:#56007A}
.owner-menu .sound-toggle{display:flex}

/* PC: 본사 대화 기록은 10줄 정도 높이로, 위로 올려 지난 대화 보기 (사용자 요청 11-03) */
@media(min-width:1000px){
 .cs-hq-one .cs-split{height:clamp(440px,calc(100dvh - 200px),600px)!important;min-height:0}
 .cs-hq-one .cs-detail .cs-chat-scroll{flex:1;min-height:0;overflow-y:auto}
}

/* 점주 홈(2026-11-06, 휴대폰): 본사와 소통 · 기간별 매출 · 2×2 바로가기. 크게·한눈에, 설명 최소 */
.owner-scroll{width:100%;box-sizing:border-box;align-self:stretch;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 16px max(28px,calc(14px + env(safe-area-inset-bottom)))}/* 위·아래 여유(2026-11-11 사장님 '어떤 기종이든 같게, 상단·하단 여유 적당히'): 아래는 홈 막대가 있으면 그 높이 + 14px, 없으면 28px */
.owner-back{flex:none;width:40px;height:44px;margin-right:4px;border:0;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.owner-bar{justify-content:flex-start}.owner-bar .owner-bar-title{flex:1;min-width:0}
.oh{display:flex;flex-direction:column;gap:14px}
.oh button{font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.oh-card{display:flex;width:100%;border:0;border-radius:20px;background:#fff;box-shadow:0 2px 10px rgba(38,38,38,.06);padding:20px}
.oh-card:active,.oh-tile:active{transform:scale(.985)}
.oh-cs{align-items:center;gap:14px;background:#56007A;color:#fff!important;padding:22px 20px}
.oh-cs-icon{font-size:34px;line-height:1}
.oh-cs-text{flex:1;min-width:0;display:grid;gap:3px}
.oh-cs-text b{font-size:22px}.oh-cs-text small{font-size:14px;opacity:.92}
.oh-dot{min-width:26px;height:26px;padding:0 7px;border-radius:13px;background:#fff;color:#56007A;font-weight:800;font-size:14px;display:grid;place-items:center}
.oh-go{font-size:28px;line-height:1;opacity:.75;margin-left:auto}
.oh-sales{flex-direction:column;gap:10px}
.oh-title{display:flex;align-items:center;font-size:19px;font-weight:800;color:#202020}
.oh-title .oh-go{color:#ABABAB}
.oh-sales-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.oh-sales-row>div{display:grid;gap:4px;min-width:0}
.oh-sales-row small{font-size:14px;color:#6D6D6D}
.oh-sales-row strong{font-size:28px;font-weight:800;color:#56007A;letter-spacing:-.5px;white-space:nowrap}
.oh-sales-row strong em{font-style:normal;font-size:18px;color:#202020;margin-left:2px}
.oh-today{font-size:14px;color:#202020;font-weight:600}
.oh-spark{flex:none;width:42%;max-width:170px;height:auto}
.oh-muted{margin:4px 0;color:#6D6D6D;font-size:15px}
.oh-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.oh-tile{position:relative;min-height:112px;border:0;border-radius:20px;background:#fff;box-shadow:0 2px 10px rgba(38,38,38,.06);padding:18px;display:flex;flex-direction:column;justify-content:space-between}
.oh-tile b{font-size:19px;font-weight:800;color:#202020}
.oh-ic{align-self:flex-end;font-size:34px;line-height:1}
.oh-push small{font-size:14px;color:#6D6D6D;font-weight:600}.oh-push.on small{color:#56007A}
.oh-switch{position:absolute;right:16px;bottom:18px;width:52px;height:30px;border-radius:15px;background:#D1D1D1;transition:background .2s}
.oh-switch i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .2s}
.oh-push.on .oh-switch{background:#56007A}.oh-push.on .oh-switch i{left:25px}
.oh-push:disabled{opacity:.55}
/* 기간별 매출 자세히 */
.oh-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:16px;background:#E8E8E8}
.oh-tabs button{border:0;border-radius:12px;background:none;padding:12px 0;text-align:center;font-size:17px;font-weight:700;color:#7D7D7D}
.oh-tabs button.on{background:#fff;color:#202020;box-shadow:0 1px 4px rgba(38,38,38,.1)}
.oh-range{margin:4px 0 0;text-align:center;font-size:22px;font-weight:800;color:#202020;display:grid;gap:2px}
.oh-range small{font-size:13px;font-weight:500;color:#8D8D8D}
.oh-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;font-size:17px}
.oh-table th,.oh-table td{padding:15px 14px;border-bottom:1px solid #EAEAEA;text-align:right;white-space:nowrap}
.oh-table th:first-child{text-align:left;font-weight:700;color:#202020}
.oh-table thead th{background:#F2F2F2;font-size:14px;font-weight:600;color:#6D6D6D;padding:12px 14px}
.oh-table td:last-child{font-weight:800;color:#202020}
.oh-table .oh-sum th,.oh-table .oh-sum td{color:#56007A;font-weight:800}
.oh-table tr:last-child th,.oh-table tr:last-child td{border-bottom:0}
.oh>*{width:100%;max-width:none;box-sizing:border-box;flex-shrink:0}/* 2026-11-09 아이폰: 앱 높이가 작게 잡히면 카드가 눌리던 것 — 줄지 않고 스크롤 */
.oh .oh-table th{background:none;font-size:17px;font-weight:700;color:#202020}
.oh .oh-table thead th{background:#F2F2F2;font-size:14px;font-weight:600;color:#6D6D6D}
.oh .oh-table td{background:none;color:#202020}
.oh .oh-table td:nth-child(2){color:#6D6D6D;font-weight:600}
.oh .oh-table .oh-sum th,.oh .oh-table .oh-sum td{color:#56007A;font-weight:800}
.oh-push small{padding-right:66px;line-height:1.35}
.owner-app .owner-body{margin:0;max-width:none;width:100%}
.oh .oh-tile,.oh .oh-tile:hover,.oh .oh-tile:focus{background:#fff}.oh .oh-cs,.oh .oh-cs:hover,.oh .oh-cs:focus{background:#56007A}
/* 점주 리뷰관리·블라인드·경쟁순위(2026-11-06) */
.oh-tabs.two{grid-template-columns:1fr 1fr}
.oh-lead{margin:0;font-size:15px;line-height:1.5;color:#4D4D4D}
.oh-empty{margin:24px 0;text-align:center;font-size:17px;color:#6D6D6D}
.oh-foot{margin:4px 0 0;text-align:center;font-size:13px;color:#8D8D8D}
/* 카드 폭은 늘 목록 폭(2026-11-08 09:54 사장님 '왜 박스 사이즈가 서로 달라?': 16자리 리뷰번호·'답변 완료' 칸이 한 줄에 다 안 들어가는 카드가 있으면
   격자 칸이 그 글 길이만큼 넓어져 '전체' 탭 카드가 모두 화면 밖으로 커졌음 → 칸은 minmax(0,1fr), 카드·줄은 min-width:0이라 넘치는 글은 …) */
.or-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.or-card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 2px 10px rgba(38,38,38,.06);display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
/* 첫 줄(2026-11-08 11:17 사장님): 별점·날짜·닉네임·배민·리뷰번호(접힘)·상태를 늘 한 줄로 — 닉네임만 넘치면 …, 아주 좁으면 '배민'을 숨김 */
.or-top{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0}
.or-stars{color:#F5A524;font-size:14px;letter-spacing:-1px}.or-stars i{font-style:normal;color:#DEDEDE}
.or-date{font-size:14px;color:#6D6D6D}
.or-stars,.or-date,.or-pf{flex:none;white-space:nowrap}
.or-name{flex:0 1 auto;min-width:2em;font-size:13px;color:#4E4E4E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.or-pf{font-size:12px;color:#8D8D8D}
.oh .or-no-btn,.or-no-btn{flex:none;min-height:0;margin:0;padding:2px 6px;border:1px solid #DEDEDE;border-radius:99px;background:#fff;font-size:12px;line-height:1.3;color:#8D8D8D;white-space:nowrap}
.or-no-btn[aria-expanded="true"]{background:#EFEFEF;color:#6D6D6D}
.or-no{margin:-2px 0 0;font-size:12px;color:#8D8D8D;overflow-wrap:anywhere}
.or-chip{flex:none;margin-left:auto;padding:4px 8px;border-radius:99px;font-size:13px;font-weight:700;white-space:nowrap}
.or-chip.ok{background:#E9F6EC;color:#1E7B3A}.or-chip.warn{background:#F5E9FA;color:#3D0057}.or-chip.wait{background:#F4F4F4;color:#8A6100}.or-chip.gray{background:#EBEBEB;color:#6D6D6D}
@media (max-width:359px){.or-top{gap:4px}.or-pf{display:none}.or-stars{font-size:12px}.or-date{font-size:13px}.or-chip{padding:3px 6px;font-size:12px}}
/* 리뷰 사진: 배민처럼 크게(두 장이면 한 줄을 반씩), 세 장부터는 옆으로 넘김(다음 사진이 살짝 보이게) */
.or-photos{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.or-photos::-webkit-scrollbar{display:none}
.oh .or-photo,.or-photo{flex:0 0 calc((100% - 6px)/2);min-height:0;max-width:220px;aspect-ratio:1/1;margin:0;padding:0;border:0;border-radius:10px;overflow:hidden;background:#E7E7E7;scroll-snap-align:start;cursor:zoom-in}
.or-photos.many .or-photo{flex-basis:42%}
.or-photo img{display:block;width:100%;height:100%;object-fit:cover}
.or-body{margin:0;font-size:16px;line-height:1.55;color:#202020;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}
.or-body.clip{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.or-body.none{color:#8D8D8D;font-size:14px}
/* 리뷰에 적힌 주문 메뉴(2026-11-07) — 작게 한 줄씩 */
.or-menus{margin:0;font-size:12.5px;line-height:1.45;color:#8D8D8D;word-break:keep-all;overflow-wrap:anywhere}
.or-menus b{font-weight:600;color:#A8A8A8;margin-right:6px}
.or-reply{background:#F8F4FA;border-radius:12px;padding:10px 12px}
.or-reply b{font-size:13px;color:#56007A}.or-reply p{margin:4px 0 0;font-size:14px;line-height:1.5;color:#3D3D3D;white-space:pre-wrap}
.oh .or-ask{justify-self:stretch;text-align:center;border:0;border-radius:12px;background:#202020;color:#fff;font-size:16px;font-weight:700;padding:13px}
.oh .or-ask:disabled{opacity:.5}
.oc-head{flex-direction:column;gap:4px}.oc-head b{font-size:19px;color:#202020}.oc-head small{font-size:14px;color:#6D6D6D}
.oc-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.oc-list li{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:14px;box-shadow:0 2px 10px rgba(38,38,38,.05)}
.oc-list li>div{flex:1;min-width:0;display:grid;gap:3px}
.oc-list b{font-size:16px;color:#202020;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oc-list small{font-size:13px;color:#6D6D6D;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oc-list em{margin-left:auto;font-style:normal;font-size:16px;font-weight:800;color:#56007A;white-space:nowrap}
.oc-no{flex:none;width:30px;height:30px;border-radius:50%;background:#F8F1FB;color:#56007A;font-weight:800;display:grid;place-items:center}
/* 경쟁 가게 정보(2026-11-07): 누르면 아래로 펼침 */
.oc-comp>li{display:block;padding:0}
.oc-item[open] summary b{white-space:normal}
.oc-item summary{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.oc-item summary::-webkit-details-marker{display:none}
.oc-item summary>div{flex:1;min-width:0;display:grid;gap:3px}
.oc-chev{flex:none;width:9px;height:9px;border-right:2px solid #ABABAB;border-bottom:2px solid #ABABAB;transform:rotate(45deg);margin:-4px 2px 0 0;transition:transform .2s}
.oc-item[open] .oc-chev{transform:rotate(-135deg);margin-top:4px}
.oc-item[open] summary{border-bottom:1px solid #E8E8E8}
.oc-info{margin:0;padding:6px 16px 4px;display:grid}
.oc-row{display:grid;grid-template-columns:76px 1fr;gap:10px;padding:9px 0;border-bottom:1px dashed #E8E8E8}
.oc-row:last-child{border-bottom:0}
.oc-info dt{font-size:13px;color:#8D8D8D;padding-top:1px}
.oc-info dd{margin:0;min-width:0;font-size:15px;color:#202020;line-height:1.45;display:grid;gap:2px;overflow-wrap:anywhere}
.oc-menu{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.oc-list .oc-menu li{display:flex;justify-content:space-between;gap:10px;align-items:baseline;background:none;box-shadow:none;border-radius:0;padding:0}
.oc-menu span{min-width:0;overflow-wrap:anywhere}
.oc-list .oc-menu b{flex:none;font-size:15px;color:#56007A;white-space:nowrap;overflow:visible}
.oc-when{margin:0;padding:0 16px 14px;font-size:12px;color:#A3A3A3;text-align:right}
/* 2026-11-06: ☰ 대신 오른쪽 위 글자 버튼(홈 / 로그아웃) */
.owner-top-btn{flex:none;height:44px;padding:0 16px;border:0;border-radius:12px;background:rgba(255,255,255,.2);color:#fff;font-size:16px;font-weight:800;cursor:pointer;white-space:nowrap}
.owner-top-btn:active{background:rgba(255,255,255,.32)}
/* 점주 리뷰 답글 작성 */
.or-bar{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px}
.oh .or-bar button{border:1.5px solid #D8D8D8;border-radius:12px;background:#fff;padding:11px 12px;font-size:15px;font-weight:700;color:#202020;text-align:center;white-space:nowrap}
.oh .or-bar button.on{background:#202020;border-color:#202020;color:#fff}
.oh .or-bar button.go,.oh .or-acts button.go{background:#56007A;border-color:#56007A;color:#fff}
.oh .or-bar button:disabled,.oh .or-acts button:disabled{opacity:.45}
.oh .or-bar button.go.sure{background:#320047;border-color:#320047}  /* 1차·2차 리뷰작성 '한 번 더' 확인 */
.oh .or-bar button{overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}
.or-note{margin:0;padding:10px 12px;border-radius:12px;background:#F4F4F4;color:#6B4E00;font-size:14px}
.or-warn{margin:0;font-size:13px;font-weight:700;color:#3D0057}
.or-text{width:100%;box-sizing:border-box;border:1.5px solid #D8D8D8;border-radius:12px;padding:10px 12px;font:inherit;font-size:15px;line-height:1.5;color:#202020;background:#FFFCF8;resize:vertical}
.or-text:focus{outline:none;border-color:#56007A}
.or-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.oh .or-acts button{border:1.5px solid #D8D8D8;border-radius:10px;background:#fff;padding:10px 0;font-size:14px;font-weight:700;color:#202020;text-align:center;white-space:nowrap}
.oh-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.oh-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;border-radius:18px;background:#fff;box-shadow:0 2px 10px rgba(38,38,38,.06);color:#202020;font-size:17px;font-weight:800;text-decoration:none}
.oh-link.call{background:#202020;color:#fff}
.oh-link.off{color:#8D8D8D;font-size:14px;font-weight:600}
/* 머리(2026-11-06): 홈은 매장 이름 크게, 다른 화면은 제목 가운데 크게 */
.owner-bar.home .owner-bar-title b{font-size:24px;font-weight:800;letter-spacing:-.3px}
.owner-bar.center{display:grid;grid-template-columns:76px 1fr 76px;align-items:center}
.owner-bar.center .owner-bar-title{text-align:center;min-width:0}
.owner-bar.center .owner-bar-title b{font-size:22px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.owner-bar.center .owner-bar-title small{justify-content:center}
.owner-bar.center .owner-top-btn{justify-self:end}
/* 머리 오른쪽: 알림 스위치 + 홈/로그아웃 (2026-11-06) */
.owner-bar-right{display:flex;align-items:center;gap:8px;justify-self:end}
.owner-bell{display:flex;align-items:center;gap:6px;height:44px;padding:0 10px;border:0;border-radius:12px;background:rgba(255,255,255,.2);color:#fff;font-size:14px;font-weight:800;cursor:pointer}
.owner-bell .oh-switch{position:relative;right:auto;bottom:auto;width:40px;height:24px;border-radius:12px;background:rgba(255,255,255,.35)}
.owner-bell .oh-switch i{top:3px;left:3px;width:18px;height:18px}
.owner-bell.on .oh-switch{background:#fff}.owner-bell.on .oh-switch i{left:19px;background:#56007A}
.owner-bar.center{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.oh-tile .oh-sub{font-size:13px;color:#6D6D6D;font-weight:600}
a.oh-tile{text-decoration:none;color:inherit}
.oh-tile b small.oh-sub{display:block;margin-top:4px}
/* 오픈가이드·담당자 전화는 작게 */
.oh-links{gap:10px}
.oh-link{min-height:44px;border-radius:14px;font-size:15px;font-weight:700;gap:6px}
.oh-link.call{background:#fff;color:#202020}
.oh-link.off{font-size:13px}
/* 머리 자리 맞춤: 알림 스위치는 글자 없이(종 모양 손잡이), 가운데 제목이 겹치지 않게 양옆 같은 폭 */
.owner-bell{padding:0 8px;gap:0}
.owner-bell .oh-switch{width:46px;height:28px;border-radius:14px}
.owner-bell .oh-switch i{top:2px;left:2px;width:24px;height:24px;display:grid;place-items:center;font-style:normal;font-size:13px;line-height:1;filter:grayscale(1)}
.owner-bell.on .oh-switch i{left:20px;background:#fff;filter:none}
.owner-bell.on .oh-switch{background:rgba(255,255,255,.95)}
.owner-bar.center{grid-template-columns:118px minmax(0,1fr) 118px;padding-left:12px;padding-right:12px}
.owner-bar.center .owner-bar-title b{font-size:20px}
.owner-bar.center .owner-top-btn{padding:0 12px}
.owner-bar-right{gap:6px}
.owner-bar.center{gap:4px;grid-template-columns:110px minmax(0,1fr) 110px}
.owner-bell{padding:0 6px}
.owner-bar.center .owner-top-btn{padding:0 10px}
/* 2026-11-06 00:58: 홈 버튼은 왼쪽에 크게, 알림 스위치는 오른쪽 */
.owner-bar.center{grid-template-columns:96px minmax(0,1fr) 96px}
.owner-bar.center .owner-home-btn{justify-self:start;height:48px;min-width:84px;padding:0 18px;font-size:19px;border-radius:14px}
.owner-bar.center .owner-bar-right{justify-self:end}

/* 본사 새 답변(2026-11-06 사장님 요청, 11:42 다시): 카드는 그대로, 오른쪽 동그라미(안 읽은 답변 수)만 형광으로 깜빡임. 대화를 열면 읽음 → 동그라미가 사라짐 */
@keyframes oh-neon-dot{0%,100%{background:#EFFF2E;box-shadow:0 0 0 3px rgba(239,255,46,.55),0 0 14px 5px rgba(239,255,46,.95)}50%{background:#fff;box-shadow:0 0 0 0 rgba(239,255,46,0)}}
.oh .oh-cs .oh-dot-new{min-width:32px;height:32px;border-radius:16px;font-size:16px;color:#484848;animation:oh-neon-dot 1s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.oh .oh-cs .oh-dot-new{animation:none;background:#EFFF2E;box-shadow:0 0 12px 4px rgba(239,255,46,.9)}}

/* 본사 계정이 휴대폰에서 점주 화면으로 볼 때(2026-11-07): 홈 머리의 매장 이름 자리를 매장 고르기로, 하위 화면은 제목 아래 매장 이름 */
.owner-store-pick{display:flex;align-items:center;width:100%;max-width:100%;position:relative}
.owner-store-pick select{appearance:none;-webkit-appearance:none;width:100%;max-width:100%;border:0;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;font:inherit;font-size:20px;font-weight:800;letter-spacing:-.4px;padding:6px 30px 6px 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}
.owner-store-pick::after{content:'▾';position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#fff;font-size:16px;pointer-events:none}
.owner-store-pick select option{color:#202020;font-size:16px;font-weight:600}
.owner-bar-store{font-size:12.5px;opacity:.9;justify-content:center}
button.oh-link{border:0;font:inherit;font-size:17px;font-weight:800;cursor:pointer}
.cs-hq-store .cs-back{display:none}
.cs-hq-store .cs-chat-head{border-radius:0}
.cs-hq-store .cs-chat-head>b{display:none}
.cs-hq-store .cs-chatbar .cs-send-control small{display:none}
/* 우리가게NOW 한 줄(2026-11-07 사장님 '마켓봄 대신') + 아래 칸 셋은 한 줄로 */
.oh-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.oh-tile{min-height:100px;padding:14px 12px}
.oh-tile b{font-size:17px;line-height:1.25;word-break:keep-all}
.oh-tile .oh-ic{font-size:28px}
.oh-now{flex-direction:column;gap:12px;padding:18px 14px}
.oh-now .oh-title{justify-content:space-between;gap:8px;padding:0 4px}
.oh-now-at{font-size:12px;font-weight:500;color:#8D8D8D;white-space:nowrap}
.oh-now-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}
.oh-now-row li{min-width:0;display:flex}
.oh .oh-now-row button{flex:1;display:grid;justify-items:center;align-content:center;gap:3px;min-width:0;padding:9px 0;border:0;border-radius:12px;background:#F7F7F7;overflow:hidden;text-align:center}
.oh .oh-now-row button:active{transform:scale(.96);background:#EBEBEB}
.oh-now-row b{font-size:17px;font-weight:800;letter-spacing:-.5px;white-space:nowrap;color:#202020;line-height:1.1}
.oh-now-row b em{font-style:normal;font-size:11px;font-weight:700;margin-left:1px}
.oh-now-row span{font-size:11px;font-weight:600;color:#6D6D6D;white-space:nowrap;letter-spacing:-.5px}
.oh-now-row .t-green b{color:#1F7A4D}.oh-now-row .t-blue b{color:#2159AF}.oh-now-row .t-red b{color:#C8372D}.oh-now-row .t-neutral b{color:#A5A5A5}
@media (max-width:350px){.oh-now{padding:16px 10px}.oh-now-row b{font-size:15px}.oh-now-row span{font-size:10px}.oh-tile b{font-size:16px}}
.oh-today .oh-upto{display:inline-block;margin-left:6px;font-size:12px;font-weight:500;color:#8D8D8D;white-space:nowrap}
/* 오늘 시간대별 매출(2026-11-07) */
.oh-h3{margin:10px 0 -4px;font-size:18px;font-weight:800;color:#202020}
.oh-center{text-align:center}
.oh .oh-hours th:first-child{font-size:16px}
.oh-hcell{display:grid;gap:6px;justify-items:start}
.oh-hbar{display:block;width:100%;min-width:70px;height:6px}
.oh-hbar rect{fill:#DBDBDB}
.oh .oh-hours .oh-top th,.oh .oh-hours .oh-top td:last-child{color:#56007A}
.oh-hours .oh-top .oh-hbar rect{fill:#56007A}
/* 우리가게NOW 등급·설명 카드(2026-11-07 사장님 '등급 · 눌러서 설명 · 카드뉴스처럼 · 글씨 크게') */
.oh-now .oh-title{justify-content:flex-start;gap:10px}
.oh .oh-grade{display:inline-flex;align-items:baseline;gap:4px;margin-left:auto;min-height:0;padding:6px 14px;border:0;border-radius:999px;font-size:18px;font-weight:900;line-height:1.2;color:#fff;background:#8D8D8D}
.oh .oh-grade small{font-size:12px;font-weight:700;opacity:.92}
.oh .oh-grade.g-s{background:#1F7A4D}.oh .oh-grade.g-a{background:#2159AF}.oh .oh-grade.g-b{background:#C98A12}.oh .oh-grade.g-c{background:#C8372D}
.oh-now-foot{margin:-2px 0 0;text-align:right;font-size:12px;color:#8D8D8D}
dialog.nc-dlg{width:min(440px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:28px;background:transparent;overflow:visible}
dialog.nc-dlg::backdrop{background:rgba(21,21,21,.55)}
.nc-card{position:relative;display:flex;flex-direction:column;max-height:calc(100dvh - 40px);border-radius:28px;background:#FDFBFE;box-shadow:0 18px 50px rgba(0,0,0,.28);overflow:hidden;font-family:inherit;color:#202020}
.nc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 64px 18px 24px;background:#56007A;color:#fff}
.nc-head.g-s{background:#1F7A4D}.nc-head.g-a{background:#2159AF}.nc-head.g-b{background:#C98A12}.nc-head.g-c{background:#C8372D}
.nc-tag{font-size:17px;font-weight:800;letter-spacing:-.2px}
.nc-page{font-size:15px;font-weight:700;opacity:.9}
.nc-x{position:absolute;top:12px;right:12px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.nc-body{flex:1;overflow:auto;padding:22px 24px 8px;-webkit-overflow-scrolling:touch}
.nc-body h2{margin:0 0 6px;font-size:27px;font-weight:900;letter-spacing:-.6px}
.nc-body h3{margin:22px 0 6px;font-size:16px;font-weight:800;color:#56007A}
.nc-body p{margin:0 0 8px;font-size:19px;line-height:1.6;color:#2D2D2D;word-break:keep-all}
.nc-body .nc-big{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:4px 0 0;font-size:52px;font-weight:900;line-height:1.1;letter-spacing:-1px}
.nc-big em{font-style:normal;font-size:24px;font-weight:800}.nc-big small{font-size:22px;font-weight:800;color:#6D6D6D}
.nc-big.t-green{color:#1F7A4D}.nc-big.t-blue{color:#2159AF}.nc-big.t-red{color:#C8372D}.nc-big.t-neutral{color:#A5A5A5}
.nc-big.g-s{color:#1F7A4D}.nc-big.g-a{color:#2159AF}.nc-big.g-b{color:#C98A12}.nc-big.g-c{color:#C8372D}
.nc-chip{align-self:center;padding:5px 12px;border-radius:999px;font-size:16px;font-weight:800;letter-spacing:0;color:#fff;background:#A5A5A5}
.nc-chip.t-green{background:#1F7A4D}.nc-chip.t-blue{background:#2159AF}.nc-chip.t-red{background:#C8372D}
.nc-body .nc-rule,.nc-body .nc-hl{font-weight:800;color:#202020}
.nc-body .nc-note{margin-top:20px;padding:14px 16px;border-radius:16px;background:#F4EDF6;font-size:15px;line-height:1.55;color:#6D6D6D}
.nc-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 18px}
.nc-nav button{width:58px;height:58px;border:0;border-radius:50%;background:#E8E8E8;color:#202020;font-size:34px;line-height:1;cursor:pointer}
.nc-nav button:disabled{opacity:.3}
.nc-dots{display:flex;gap:7px}.nc-dots i{width:9px;height:9px;border-radius:50%;background:#D5D5D5}.nc-dots i.on{width:24px;border-radius:5px;background:#56007A}
/* 사장님에게만 보이는 리뷰: 사진 아래·글 위에 작게(2026-11-08 11:17부터, 첫 줄은 한 줄이라) */
.or-private{margin:0;font-size:12px;color:#8D8D8D}

.ph-stage{display:flex;align-items:center;justify-content:center;min-height:260px;background:#181818}
.ph-img{display:block;width:100%;height:auto;max-height:calc(100dvh - 230px);object-fit:contain}
.ph-fail{margin:0;padding:40px 20px;font-size:17px;color:#E8E8E8;text-align:center}
.ph-dlg .nc-nav{padding-top:14px}

/* 본사가 먼저 보내기(2026-11-08 사장님): PC H1 목록 위 '점주에게 먼저 보내기' 매장 고르기, 대화가 없는 매장은 '새 대화' 칸 */
.cs-start-pick{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:700;color:#280039}
.cs-start-pick select{flex:1 1 auto;min-width:0}
.cs-st-new{background:#F5E9FA;color:#3D0057}
/* 1차·2차 답글(2026-11-08): 게시 대기 중인 답글은 노란 바탕 */
.or-reply.wait{background:#F8F8F8}.or-reply.wait b{color:#8A6100}

/* 점주 목록 리본(2026-11-08 사장님 '리본처럼(점주목록) 걸어줘'): 본사 계정 앱 '점주와 소통' 머리 왼쪽에 걸린 책갈피 리본 → 누르면 왼쪽에서 점주 목록 */
.cs-hq-store{position:relative}
.cs-hq-store.has-ribbon .cs-chat-head{padding-left:62px;min-height:64px}
.cs-hq-store .cs-ribbon{position:absolute;top:0;left:12px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;width:38px;min-height:0;margin:0;padding:10px 0 22px;border:0;border-radius:0;background:linear-gradient(180deg,#650090,#56007A);color:#fff;font-size:13px;font-weight:800;line-height:1.05;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);cursor:pointer}
.cs-ribbon span{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:1px}
.cs-ribbon i{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:#EFFF2E;color:#2D2D2D;font-size:11px;font-style:normal;font-weight:800}
.cs-ribbon i.dot{min-width:10px;width:10px;height:10px;padding:0}
dialog.cs-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(86vw,360px);max-width:none;height:100%;max-height:none;padding:0;border:0;border-radius:0 20px 20px 0;background:#FFFDFB;color:#202020;box-shadow:6px 0 28px rgba(25,25,25,.22);overflow:hidden}
dialog.cs-drawer[open]{display:flex;flex-direction:column;animation:csDrawerIn .22s ease-out}
dialog.cs-drawer::backdrop{background:rgba(21,21,21,.4);backdrop-filter:none}
@keyframes csDrawerIn{from{transform:translateX(-100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){dialog.cs-drawer[open]{animation:none}}
.cs-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(16px + env(safe-area-inset-top)) 16px 14px 20px;background:#56007A;color:#fff}
.cs-drawer-head b{font-size:19px}
.cs-drawer .cs-drawer-x{display:flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:0;padding:0;border:0;border-radius:19px;background:rgba(255,255,255,.22);color:#fff;font-size:24px;line-height:1}
.cs-drawer-list{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:12px}
.cs-drawer .cs-convs{gap:8px}
.cs-drawer .cs-conv{min-height:0;padding:12px 14px;font-size:14px}
.cs-drawer .cs-conv-top b{font-size:16px}
.cs-drawer .cs-conv-last{font-size:14px}
.cs-drawer .cs-convs.none .cs-conv-last>span:first-child{color:#8D8D8D}
.cs-hq-store.has-ribbon .cs-chat-scroll{padding-top:34px}
/* 본사 앱 매장 고르기(2026-11-09 사장님 '디폴트를 전체로, 매장검색도'): 머리의 매장 이름 = 단추 → 검색 창 */
.owner-bar .owner-store-pick{appearance:none;-webkit-appearance:none;display:flex;align-items:center;width:100%;min-height:0;border:0;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;font:inherit;font-size:20px;font-weight:800;letter-spacing:-.4px;padding:6px 30px 6px 10px;text-align:left;cursor:pointer}
.owner-bar .owner-store-pick span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
dialog.sp-dlg{margin:auto auto 0;width:100%;max-width:560px;max-height:82vh;max-height:82dvh;padding:0;border:0;border-radius:22px 22px 0 0;background:#fff;color:#202020;display:flex;flex-direction:column;box-shadow:0 -10px 40px rgba(0,0,0,.18)}
dialog.sp-dlg:not([open]){display:none}
dialog.sp-dlg::backdrop{background:rgba(22,22,22,.45)}
.sp-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 6px}.sp-head b{font-size:19px}
.sp-dlg .sp-x{min-height:0;width:38px;height:38px;border:0;border-radius:50%;background:#EFEFEF;color:#4E4E4E;font-size:22px;line-height:1}
.sp-search{display:block;padding:6px 16px 10px}
.sp-search input{width:100%;box-sizing:border-box;min-height:46px;border:1.5px solid #DFDFDF;border-radius:14px;padding:10px 14px;font:inherit;font-size:17px;background:#F7F7F7;color:#202020}
.sp-search input:focus{outline:none;border-color:#56007A;background:#fff}
.sp-list{list-style:none;margin:0;padding:0 10px calc(14px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}
.sp-list li[hidden]{display:none}
.sp-dlg .sp-row{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:14px;background:none;padding:10px 12px;font:inherit;font-size:17px;font-weight:700;color:#202020;text-align:left}
.sp-dlg .sp-row span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-dlg .sp-row small{font-size:13px;font-weight:600;color:#8D8D8D}
.sp-dlg .sp-row i{font-style:normal;color:#56007A;font-weight:900}
.sp-dlg .sp-row.on{background:#F8F1FB}
.sp-dlg .sp-row:active{background:#EFEFEF}
.sp-list li:first-child .sp-row{border-bottom:1px solid #E9E9E9;border-radius:14px 14px 0 0}
.sp-empty{margin:4px 0 20px;text-align:center;color:#8D8D8D;font-size:15px}
/* 전체 매장: 매출 칸 '전체 N곳 합계', 매장별 보가LAB 등급 목록, 리뷰 카드 위 매장 이름 */
.oh-title .oh-all{margin-left:8px;font-size:13px;font-weight:700;color:#3D0057;background:#F8F1FB;border-radius:999px;padding:2px 8px}
.oh-now-all{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column}
.oh .oh-now-all button{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;border:0;border-top:1px solid #EDEDED;background:none;padding:8px 4px;font:inherit;color:#202020;text-align:left}
.oh .oh-now-all li:first-child button{border-top:0}
.oh-now-all span{flex:1;min-width:0;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oh-now-all em{font-style:normal;font-size:13px;color:#8D8D8D}
.oh-now-all i{font-style:normal;color:#BDBDBD;font-size:18px}
.oh-g{display:inline-flex;align-items:baseline;gap:3px;padding:4px 11px;border-radius:999px;color:#fff;background:#8D8D8D;font-size:16px;font-weight:900}
.oh-g small{font-size:11.5px;font-weight:700;opacity:.92}
/* 2026-11-11 사장님 '등급 빨간 표 크기 맞춰' — 점수 글자 수(56점·60.2점·100점)와 상관없이 같은 크기, 글자는 가운데 */
.oh-now-all .oh-g{box-sizing:border-box;width:88px;flex:0 0 88px;justify-content:center;padding:4px 0;font-variant-numeric:tabular-nums;white-space:nowrap}
.or-store{margin:0 0 4px;font-size:13px;font-weight:800;color:#3D0057}
.oh-g.g-s{background:#1F7A4D}.oh-g.g-a{background:#2159AF}.oh-g.g-b{background:#C98A12}.oh-g.g-c{background:#C8372D}
/* 예비점주 홈(2026-11-09): 본사와 소통 + 오픈가이드 카드 */
.oh .pg-guide,.oh .pg-guide:hover,.oh .pg-guide:focus{background:#fff}
.oh .pg-guide{display:grid;gap:10px;padding:20px;text-decoration:none;color:#202020}
.pg-guide-top{display:flex;align-items:center;gap:12px;min-width:0}
.pg-guide-icon{font-size:32px;line-height:1}
.pg-guide-text{flex:1;min-width:0;display:grid;gap:3px}
.pg-guide-text b{font-size:21px}.pg-guide-text small{font-size:14px;color:#6D6D6D;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-pct{font-size:28px;font-weight:900;color:#56007A;font-variant-numeric:tabular-nums;white-space:nowrap}.pg-pct em{font-style:normal;font-size:15px;margin-left:1px}
.pg-bar{display:block;width:100%;height:8px}.pg-bar-bg{fill:#E9E9E9}.pg-bar-fill{fill:#56007A}
.pg-meta{font-size:13px;color:#787878}
.pg-note{margin:2px 6px 0;font-size:13.5px;color:#787878;line-height:1.55}
/* 본사와 소통 첨부(2026-11-09): 📎 버튼·올리는 중·사진·동영상·파일 */
.cs-attach{flex:none;position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#F2EAF5;color:#575757;font-size:21px;cursor:pointer;overflow:hidden}
.cs-attach input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}
.cs-attach.off{opacity:.45;pointer-events:none}
.cs-attach:active{background:#DEDEDE}
.cs-upl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:8px 14px;background:#FAF4FC;border-top:1px solid #E9D7F0;color:#330049;font-size:13.5px;font-weight:700}
.cs-upl span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-upl b{flex:none;font-variant-numeric:tabular-nums}
.cs-files{display:grid;gap:6px;margin:4px 0 2px;min-width:0}
.cs-file.img{display:block;padding:0;border:0;background:none;border-radius:10px;overflow:hidden;cursor:zoom-in;min-height:0;max-width:240px}
.cs-file.img img{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:10px;background:#E7E7E7}
.cs-file.vid{display:block;width:min(260px,100%);max-height:320px;border-radius:10px;background:#000}
.cs-file.doc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 8px;align-items:center;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.75);color:#202020!important;text-decoration:none;max-width:260px}
.cs-file.doc span{grid-row:1/span 2;font-size:22px}.cs-file.doc b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-file.doc small{font-size:12px;color:#787878}
.cs-msg.mine .cs-file.doc{background:rgba(255,255,255,.92)}
dialog.cs-photo-dlg{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;margin:0;display:grid;place-items:center}
dialog.cs-photo-dlg::backdrop{background:rgba(0,0,0,.88)}
dialog.cs-photo-dlg img{max-width:96vw;max-height:88vh;object-fit:contain;border-radius:6px}
.cs-photo-x{position:fixed;top:calc(12px + env(safe-area-inset-top));right:12px;width:44px;height:44px;min-height:0;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:26px;line-height:1;padding:0;cursor:pointer}
.cs-attach>span[aria-hidden]{position:absolute;inset:0;display:grid;place-items:center;font-size:21px;line-height:1;pointer-events:none}
.cs-drive{margin-left:8px;font-size:12px;font-weight:600;color:#1F7A4D;background:#EAF7EF;border-radius:99px;padding:2px 8px;white-space:nowrap}
.cs-drive.off{color:#787878;background:#EDEDED}.cs-drive.bad{color:#B42318;background:#FDECEA}

/* 아이폰 앱 안전 영역(2026-11-09 '위에가 짤려'): 머리는 상태 표시줄 밑까지 주황으로 칠하고 글·단추는 그 아래로. env()는 앱(viewport-fit=cover)에서만 0이 아님 */
.owner-bar{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:14px;padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px))}
html.cap-app body:not(:has(.owner-app)){padding-top:env(safe-area-inset-top,0px)}
html.cap-app .vault-sheet-box,html.cap-app .owner-fr .vault-sheet-box{padding-top:calc(14px + env(safe-area-inset-top,0px))}
html.cap-app dialog.nc-dlg{max-height:calc(100dvh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
html.cap-app dialog.sp-dlg,html.cap-app dialog.os-dlg{max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px))}
/* 점주 목록(2026-11-09 16:53 사장님 '박스를 규격 맞게'): 대화 있는 매장·없는 매장 모두 같은 크기·같은 테두리, 이름·마지막 글은 한 줄(넘치면 …) */
.cs-drawer .cs-conv{box-sizing:border-box;height:78px;align-content:center;grid-template-rows:auto auto;padding:0 14px;border:1px solid #E7E7E7;background:#fff}
.cs-drawer .cs-conv.on{border-color:#56007A;background:#F8F1FB}
.cs-drawer .cs-conv.waiting{background:#FBF6FD}
.cs-drawer .cs-conv-top{min-width:0}
.cs-drawer .cs-conv-top b{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cs-drawer .cs-conv-top time{flex:none}
.cs-drawer .cs-conv-last{min-width:0;min-height:22px}
.cs-drawer .cs-convs.none .cs-conv{background:#FCFAF7}
/* 점주목록 리본(16:53 '왼쪽에, 누르면 나오게, 쓸어내리면 나오게'): 화면 왼쪽 끝에 붙여 걸고, 아래로 당기면 늘어나다 목록이 열림(owner-cs-ui pullRibbon) */
.cs-hq-store .cs-ribbon{left:0;touch-action:none;user-select:none;-webkit-user-select:none;transition:padding-bottom .18s ease-out}
.cs-hq-store .cs-ribbon.pulling{transition:none}
.cs-hq-store.has-ribbon .cs-chat-head{padding-left:50px}
/* 하위 화면 제목 = 매장 고르기(2026-11-09 사장님 '리뷰관리 전체 매장 — 상단 가운데 버튼 누르면 매장 선택'): 본사 계정 앱만. 제목 모양 그대로, 매장 이름 옆 ▾ */
.owner-bar .owner-title-pick{appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;max-width:100%;min-width:0;min-height:0;margin:0;padding:4px 6px;border:0;border-radius:12px;background:transparent;color:#fff;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.owner-bar .owner-title-pick:active{background:rgba(255,255,255,.18)}
.owner-bar .owner-title-pick:focus-visible{outline:2px solid #fff;outline-offset:1px}
.owner-bar .owner-title-pick b{max-width:100%}
.owner-bar .owner-title-pick small{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.2);font-size:12.5px;font-weight:700;opacity:1}
.owner-bar .owner-title-pick small span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.owner-bar .owner-title-pick small i{font-style:normal;font-size:11px}
/* 02 리뷰관리 PC(2026-11-10): 점주 앱 리뷰 카드를 PC 화면 안에 → 13:14 사장님 '너무 정신없어, 배민처럼': 배민 사장님 리뷰 화면처럼 한 줄 목록(카드 상자 대신 줄 나눔),
   닉네임 굵게 + 아래 별점·날짜, 사진은 104px 작은 칸(배민 사장님 화면 크기), 본문 전부, 주문 메뉴 회색 칸, 사장님 답글은 회색 상자, 버튼은 작게 오른쪽(쓸 수 없는 초안 생성/재생성은 숨김). 휴대폰 앱은 그대로 */
.or-draft-label{display:none}
.pc-reviews .pcr-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.pc-reviews .pcr-store{font:inherit;font-size:16px;font-weight:700;border:1.5px solid #56007A;border-radius:12px;padding:9px 12px;background:#fbf6fd;color:#202020;max-width:100%}
.pc-reviews .poster-line{margin:0 0 12px;max-width:900px}
.pc-reviews .owner-scroll{flex:none;overflow:visible;padding:0;min-height:0;max-width:900px;gap:12px}
.pc-reviews .oh-tabs{display:flex;gap:28px;background:none;padding:0;border-radius:0;border-bottom:1px solid #E2E2E2}
.pc-reviews .oh-tabs button{flex:none;padding:10px 2px;border-radius:0;font-size:16px;color:#8D8D8D;box-shadow:none;border-bottom:3px solid transparent;margin-bottom:-1px}
.pc-reviews .oh-tabs button.on{background:none;box-shadow:none;color:#1B1B1B;border-bottom-color:#1B1B1B}
.pc-reviews .or-bar{display:flex;gap:8px;flex-wrap:wrap}
.pc-reviews.oh .or-bar button,.pc-reviews .oh .or-bar button{padding:8px 14px;font-size:14px;border-radius:8px}
.pc-reviews .or-list{grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid #EAEAEA}
.pc-reviews .or-card{border-radius:0;box-shadow:none;background:#fff;border-bottom:1px solid #EAEAEA;padding:22px 4px;gap:10px}
.pc-reviews .or-store{margin:0;font-size:13px;font-weight:600;color:#8D8D8D}
.pc-reviews .or-top{flex-wrap:wrap;row-gap:4px;column-gap:8px}
.pc-reviews .or-name{order:-2;flex:1 1 calc(100% - 140px);font-size:16px;font-weight:700;color:#1B1B1B}
.pc-reviews .or-chip{order:-1;margin-left:auto}
.pc-reviews .or-stars{font-size:15px}
.pc-reviews .or-date{font-size:13.5px;color:#8C8176}
.pc-reviews .or-photos{flex-wrap:wrap;overflow:visible;gap:8px;scroll-snap-type:none}
.pc-reviews .or-photo,.pc-reviews .or-photos.many .or-photo{flex:0 0 104px;width:104px;max-width:104px;border-radius:8px}
.pc-reviews .or-body{font-size:15.5px;line-height:1.6;color:#1B1B1B}
.pc-reviews .or-body.clip{display:block;-webkit-line-clamp:unset;overflow:visible;cursor:default}
.pc-reviews .or-menus{display:inline-block;justify-self:start;background:#F5F2EF;border-radius:6px;padding:4px 10px;font-size:13px;color:#656565}
.pc-reviews .or-menus b{color:#989898;font-weight:600}
.pc-reviews .or-reply{background:#F6F5F3;border-radius:8px;padding:14px 16px}
.pc-reviews .or-reply b{font-size:13.5px;color:#1B1B1B}
.pc-reviews .or-reply p{font-size:14.5px;color:#363636;margin-top:6px}
.pc-reviews .or-reply.wait{background:#F8F8F8}
.pc-reviews .or-draft-label{display:block;margin:4px 0 -4px;font-size:13px;font-weight:700;color:#56007A}
.pc-reviews .or-text{background:#fff;border:1px solid #DCDCDC;border-radius:8px;font-size:14.5px;padding:12px 14px}
.pc-reviews .or-acts{display:flex;justify-content:flex-end;gap:6px}
.pc-reviews.oh .or-acts button,.pc-reviews .oh .or-acts button{padding:8px 16px;font-size:14px;border-radius:8px;border-width:1px}
.pc-reviews .or-acts .na{display:none}
.pc-reviews .or-warn{font-size:13px}
.pc-reviews .oh-foot{text-align:left}
/* 점주 공지 모아보기 리본(2026-11-11 사장님 '점주들은 왼쪽 리본에 공지모아보기'): 대화 왼쪽 위에 걸린 책갈피, 누르거나 아래로 당기면 왼쪽에서 공지 창(dialog.cs-drawer) */
.cs-chat-main{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}
.cs-chat-main.has-ribbon>.cs-chat-scroll{padding-left:50px}
.cs-chat-main>.cs-ribbon{position:absolute;top:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;width:38px;min-height:0;margin:0;padding:10px 0 22px;border:0;border-radius:0;background:linear-gradient(180deg,#650090,#56007A);color:#fff;font-size:13px;font-weight:800;line-height:1.05;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:padding-bottom .18s ease-out}
.cs-chat-main>.cs-ribbon.pulling{transition:none}
.cs-notes-drawer .cs-drawer-head small{margin-left:4px;font-size:14px;font-weight:600;opacity:.85}
.cs-notes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cs-notes li{padding:14px 16px;border:1px solid #E7E7E7;border-radius:14px;background:#fff}
.cs-notes li.new{border-color:#56007A;background:#FBF6FD}
.cs-notes time{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:#8D8D8D;font-size:13px}
.cs-notes time b{padding:1px 7px;border-radius:9px;background:#56007A;color:#fff;font-size:11px}
.cs-notes p{margin:0;font-size:16px;line-height:1.55;overflow-wrap:anywhere}
.cs-chat-main>.cs-ribbon{gap:8px}
.cs-chat-main>.cs-ribbon span{padding-bottom:3px}
/* 공지 사진·파일(2026-11-11 사장님 '공지할 때 사진도 갈 수 있으니'): 본사 전체공지 📎 붙이기 + 붙인 것 작게, 공지 창·말풍선 사진 */
.cs-nf-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.cs-nf-row small{color:#777777}
.cs-nf-add{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px dashed #C9C9C9;border-radius:999px;background:#FDFBFE;color:#575757;font-size:14px;font-weight:700;cursor:pointer;overflow:hidden}
.cs-nf-add input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}
.cs-nf-add.off{opacity:.45;pointer-events:none}
.cs-nf-upl{color:#656565;font-size:13px}
.cs-nf-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cs-nf{position:relative;display:flex;align-items:center;gap:6px;max-width:220px;padding:4px 30px 4px 4px;border:1px solid #D9D9D9;border-radius:10px;background:#fff}
.cs-nf img{width:52px;height:52px;object-fit:cover;border-radius:7px;background:#E7E7E7}
.cs-nf-doc{display:grid;place-items:center;width:40px;height:40px;font-size:22px}
.cs-nf-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.cs-nf .cs-nf-x{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:grid;place-items:center;width:22px;height:22px;min-height:0;padding:0;border:0;border-radius:11px;background:#EEE5F2;color:#575757;font-size:15px;line-height:1}
.cs-notice-list .cs-files{grid-template-columns:repeat(auto-fill,minmax(110px,160px))}
.cs-notice-list .cs-file.img img{max-height:150px}
.cs-notes .cs-files{grid-template-columns:repeat(2,minmax(0,1fr));margin:2px 0 8px}
.cs-notes .cs-files:has(> :only-child){grid-template-columns:minmax(0,1fr)}
.cs-notes .cs-file.img{max-width:none}
.cs-notes .cs-file.img img{max-height:220px}
.cs-notes .cs-file.vid{width:100%}