:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#24242a;background:#f8f6fb;--purple:#7156e8;--purple-soft:#eee9ff;--orange:#f56b22;--line:#ece9f1;--muted:#8b8794}*{box-sizing:border-box}body{margin:0;overflow:hidden}.workspace{height:100vh;display:flex;background:#faf8fc}.rail{width:74px;background:#767789;color:#fff;display:flex;align-items:center;flex-direction:column;padding:14px 0;gap:12px}.rail-logo{width:48px;height:48px;border-radius:16px;background:#6754e8;display:grid;place-items:center;font-size:25px;margin-bottom:6px}.rail-btn{width:46px;height:46px;border:0;border-radius:14px;background:#56596a;color:white;font-size:22px;cursor:pointer;opacity:.9}.rail-btn.active{background:#6d57eb}.rail-btn:hover{filter:brightness(1.08)}.rail-spacer{flex:1}.app-shell{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{display:flex;align-items:center;gap:13px}.brand b{font-size:20px}.brand span{font-size:13px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:12px}.status-chip{padding:7px 12px;border-radius:8px;font-size:12px;font-weight:700}.status-chip.on{color:#d94d52;background:#ffe9eb}.status-chip.off{color:#777;background:#f2f1f3}.btn{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font:inherit}.btn.small{padding:8px 12px}.btn.orange{background:var(--orange);color:#fff;font-weight:700}.btn.ghost{background:#fff;border:1px solid #dedbe3}.seat{display:flex;align-items:center;gap:8px;padding-left:8px}.seat-avatar{width:36px;height:36px;border-radius:50%;background:#7460e9;color:#fff;display:grid;place-items:center;font-weight:800}.seat small{display:block;color:#7359e8;font-size:11px;margin-top:2px}.three-col{flex:1;min-height:0;display:grid;grid-template-columns:360px minmax(460px,1fr) 320px}.conversation-panel,.profile-panel{background:#fff;min-height:0}.conversation-panel{border-right:1px solid var(--line);display:flex;flex-direction:column}.panel-title{font-size:18px;font-weight:800;padding:18px 18px 10px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 12px}.tab{border:0;border-radius:9px;padding:9px;background:#fff;color:#514f58;font-weight:700;cursor:pointer}.tab.active{background:#e9e0ff;color:#6d55de}.search-wrap{padding:0 14px 14px}.search-wrap input{width:100%;border:1px solid #dcd8e3;border-radius:13px;padding:11px 14px;font:inherit;outline:none}.sessions{overflow:auto}.session{position:relative;display:flex;align-items:center;gap:10px;margin:0 10px 4px;padding:12px 10px;border-radius:16px;cursor:pointer}.session:hover,.session.active{background:#ece5ff}.session-check{display:flex;align-items:center}.session-check input{width:17px;height:17px}.avatar{width:42px;height:42px;border-radius:50%;background:#22bf5a;color:#fff;display:grid;place-items:center;font-weight:800}.sbody{min-width:0;flex:1}.srow{display:flex;align-items:center;justify-content:space-between;gap:8px}.srow span,.preview{font-size:12px;color:#8f8b98}.preview{margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session i{position:absolute;right:8px;bottom:9px;background:#ef4554;color:white;border-radius:50%;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px;font-style:normal}.no-data{padding:36px;text-align:center;color:#9b97a4}.chat-panel{min-width:0;min-height:0;background:#fbf7ff}.empty-state{height:100%;display:grid;place-items:center;align-content:center;gap:10px;color:#a6a0af}.empty-icon{font-size:42px}.chat{height:100%;display:flex;flex-direction:column}.chat-head{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.chat-user{display:flex;align-items:center;gap:11px}.chat-avatar{width:38px;height:38px;border-radius:7px;background:#22c35c;color:white;display:grid;place-items:center;font-weight:800}.subtle{font-size:12px;color:#9792a1;margin-top:3px}.pin-btn{border:0;background:none;font-size:20px;cursor:pointer}.messages{flex:1;overflow:auto;padding:20px 7%;background:#fbf6ff}.msg{margin:14px 0;display:flex;flex-direction:column;align-items:flex-start}.msg.out{align-items:flex-end}.msg-line{display:flex;align-items:flex-end;gap:8px;max-width:86%}.bubble{max-width:680px;padding:10px 14px;border-radius:17px;background:#eeeef3;color:#2e2c33;white-space:pre-wrap;word-break:break-word;box-shadow:0 1px 1px #00000008}.msg.out .bubble{background:#7258e7;color:#fff}.mini-avatar,.agent-tag{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;font-weight:800}.mini-avatar{background:#22bf5a;color:#fff}.agent-tag{background:#d8ffe2;color:#199849}.msg time{font-size:11px;color:#938d9e;margin:5px 42px}.msg.out time{text-align:right}.composer-area{background:#fff;border-top:1px solid var(--line);padding:8px 14px 14px}.composer-tools{display:flex;gap:14px;padding:4px 2px 8px}.composer-tools button{border:0;background:transparent;font-size:20px;cursor:pointer}.composer{display:grid;grid-template-columns:1fr 54px;gap:10px;align-items:end}.composer textarea{width:100%;border:1px solid #dbd6e5;border-radius:18px;padding:12px 14px;resize:none;font:inherit;outline:none;min-height:70px}.send-btn{width:50px;height:50px;border:0;border-radius:50%;background:#755bea;color:white;font-size:24px;cursor:pointer}.profile-panel{border-left:1px solid var(--line);overflow:auto}.profile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px}.profile-tab{border:0;background:#fff;border-radius:10px;padding:10px;font:inherit;color:#777;cursor:pointer}.profile-tab.active{background:#eee9ff;color:#7059df;font-weight:800}.profile-empty{padding:60px 20px;text-align:center;color:#9a95a3}.profile-body{padding:0 18px 20px}.profile-hero{text-align:center;padding:12px 0 20px}.profile-avatar{width:72px;height:72px;background:#22bf5a;color:#fff;font-size:34px;font-weight:800;display:grid;place-items:center;margin:0 auto 10px}.profile-hero h3{margin:4px 0}.profile-type{color:#8d8797;font-size:12px}.profile-list{border-top:1px solid var(--line)}.profile-list>div{display:grid;grid-template-columns:112px 1fr;gap:8px;padding:13px 2px;border-bottom:1px solid var(--line);font-size:13px}.profile-list span{color:#8e8997}.profile-list strong{text-align:right;font-weight:500;word-break:break-all}.online-dot{color:#26b55a!important}.wide{width:100%;border:0;border-radius:12px;padding:12px;margin-top:14px;font-weight:800;cursor:pointer}.purple{background:#7259e7;color:#fff}.danger-soft{background:#ffe6e1;color:#6e3333}.hidden{display:none!important}.modal{position:fixed;inset:0;background:#0007;display:grid;place-items:center;z-index:50}.modal-card{width:410px;max-width:92vw;background:#fff;border-radius:18px;padding:28px;text-align:center;position:relative}.modal-card img{width:310px;max-width:100%}.modal-card h2{margin-top:8px}.x{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.verify-wrap{display:flex;gap:8px}.verify-wrap input{flex:1;border:1px solid #ddd;border-radius:9px;padding:10px}@media(max-width:1100px){.three-col{grid-template-columns:320px 1fr}.profile-panel{display:none}}@media(max-width:760px){.rail{display:none}.three-col{grid-template-columns:110px 1fr}.conversation-panel .panel-title,.tabs,.search-wrap,.session-check,.sbody{display:none}.session{justify-content:center}.topbar{padding:0 10px}.seat{display:none}}

.chat-head-actions{display:flex;align-items:center;gap:8px}.sync-history-btn{border:1px solid #ddd7ef;background:#fff;color:#6a55d7;border-radius:9px;padding:7px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.sync-history-btn:hover{background:#f1ecff}.sync-history-btn:disabled{opacity:.55;cursor:wait}


/* inbound media */
.msg-content{display:flex;flex-direction:column;gap:7px;max-width:680px}.chat-image{display:block;max-width:min(360px,60vw);max-height:420px;border-radius:12px;object-fit:contain;background:#eee}.chat-video{display:block;max-width:min(420px,65vw);max-height:420px;border-radius:12px;background:#111}.media-link{display:block}.voice-card{min-width:180px;max-width:360px;padding:10px 12px;border-radius:14px;background:#eeeef3;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.voice-card audio{width:220px;max-width:100%;height:34px}.voice-card small{width:100%;color:#666}.file-card{display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:13px;background:#eeeef3;color:#383542;text-decoration:none;max-width:360px;word-break:break-all}.media-error{padding:10px 12px;border-radius:12px;background:#fff2e7;color:#a05b21}.msg.out .voice-card,.msg.out .file-card{background:#eae5ff}
.purple-mini{background:#7058e8;color:#fff;font-weight:700}.entry-card{width:470px}.entry-card img{width:300px;max-width:100%;border:1px solid #eee;border-radius:12px}.entry-help{color:#777;font-size:13px;line-height:1.6}.entry-url{margin:12px 0 6px;padding:10px;border-radius:10px;background:#f6f4fa;word-break:break-all;font-size:12px;text-align:left}.entry-count{color:#6e59dc;font-weight:700;margin:8px 0}.entry-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}


/* customer profile / blacklist / visitor details */
.session.blocked{opacity:.72}.blocked-badge{display:inline-block;margin-left:6px;padding:1px 5px;border-radius:999px;background:#ffe1df;color:#c6463d;font-style:normal;font-size:10px;vertical-align:1px}.danger-text{color:#d64842!important}.wide.unblock{background:#e5f6e9;color:#2d8b46}.detail-soft{background:#eef0ff;color:#5b56c7}.customer-edit-card{width:560px;max-width:94vw;text-align:left}.customer-edit-card h2,.visitor-detail-card h2{text-align:center}.customer-form{display:grid;gap:12px;margin-top:18px}.customer-form label{display:grid;gap:6px;font-size:13px;color:#666}.customer-form input,.customer-form textarea,.customer-form select{width:100%;box-sizing:border-box;border:1px solid #ddd7e6;border-radius:10px;padding:10px 12px;font:inherit;background:#fff;outline:none}.customer-form input:focus,.customer-form textarea:focus,.customer-form select:focus{border-color:#7b64ea;box-shadow:0 0 0 3px #7b64ea16}.customer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.visitor-detail-card{width:620px;max-width:94vw;text-align:left}.visitor-detail{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:18px}.visitor-detail>div{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid #eee}.visitor-detail span{color:#8b8694}.visitor-detail b{font-weight:600;word-break:break-all}@media(max-width:700px){.customer-form-grid,.visitor-detail{grid-template-columns:1fr}}

/* full visitor list page */
.visitor-page{flex:1;min-height:0;overflow:auto;padding:22px 26px 36px;background:#fbf8ff}.visitor-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.visitor-page-head h2{margin:0;font-size:22px}.visitor-page-head p{margin:5px 0 0;color:#938d9e;font-size:13px}.visitor-stats{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:18px;margin-bottom:18px}.visitor-stats article{position:relative;background:#fff;border:1px solid #eee9f4;border-radius:22px;padding:22px 22px 26px;box-shadow:0 6px 18px #452c6f12;overflow:hidden}.visitor-stats article::after{content:"";position:absolute;right:-26px;top:-32px;width:92px;height:92px;border-radius:50%;background:#eef4ff}.visitor-stats article:nth-child(2)::after{background:#eff8ef}.visitor-stats article:nth-child(3)::after{background:#fff2e8}.visitor-stats article:nth-child(4)::after{background:#f1efff}.visitor-stats span{display:block;color:#4c4854;font-size:15px}.visitor-stats b{display:block;margin-top:8px;font-size:27px}.visitor-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.visitor-filter{border:1px solid #dbd5e8;background:#fff;border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:700;color:#666}.visitor-filter.active{background:#7358e8;color:#fff;border-color:#7358e8}.visitor-table-wrap{background:#fff;border:1px solid #eee9f4;border-radius:22px;padding:14px 18px 18px;box-shadow:0 6px 18px #452c6f12;overflow:auto}.visitor-table{width:100%;border-collapse:collapse;min-width:940px}.visitor-table th,.visitor-table td{padding:14px 12px;border-bottom:1px solid #eeeaf2;text-align:left;font-size:13px;vertical-align:middle}.visitor-table th{color:#55505d;font-weight:800;background:#fbfbfd;position:sticky;top:0;z-index:1}.visitor-person{display:flex;align-items:center;gap:9px}.visitor-avatar{width:34px;height:34px;border-radius:8px;background:#24bf5b;color:#fff;display:grid;place-items:center;font-weight:800}.table-link{border:0;background:transparent;padding:3px 2px;color:#6656dd;cursor:pointer;font:inherit}.table-link:hover{text-decoration:underline}.danger-action{color:#d54b48}.reply-state,.session-state,.list-state{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;white-space:nowrap}.reply-state.done{background:#e8f7eb;color:#2b9950}.reply-state.waiting{background:#fff0d9;color:#b47213}.session-state{background:#e7f2ff;color:#377abe}.list-state.normal{background:#e5f4e7;color:#2f9b4b}.list-state.blocked{background:#ffe4df;color:#c94b42}.visitor-actions{display:flex;gap:12px;align-items:center;white-space:nowrap}.visitor-empty{text-align:center;padding:40px;color:#999}.rail-btn[title="访客列表"].active{background:#6d57eb}.purple-mini{background:#7058e8;color:#fff;font-weight:700}.entry-card{width:470px}.entry-card img{width:300px;max-width:100%;border:1px solid #eee;border-radius:12px}.entry-help{color:#777;font-size:13px;line-height:1.6}.entry-url{margin:12px 0 6px;padding:10px;border-radius:10px;background:#f6f4fa;word-break:break-all;font-size:12px;text-align:left}.entry-count{color:#6e59dc;font-weight:700;margin:8px 0}.entry-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}
@media(max-width:1050px){.visitor-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.visitor-page{padding:14px}.visitor-stats{grid-template-columns:1fr 1fr;gap:10px}.visitor-filters{grid-template-columns:1fr 1fr}.visitor-page-head p{display:none}}
.dashboard-page{flex:1;overflow:auto;padding:22px;background:#fbf8fd}.dashboard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dashboard-head h2{margin:0;font-size:20px}.dashboard-cards{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px}.dashboard-cards article{min-height:150px;background:#fff;border:1px solid #eee8f1;border-radius:24px;padding:24px;display:flex;gap:18px;align-items:flex-start;box-shadow:0 8px 20px #4e3f6414}.dashboard-cards article div{display:flex;flex-direction:column;gap:10px;font-size:16px}.dashboard-cards article b{font-size:24px}.dash-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:26px;font-weight:800;box-shadow:0 4px 10px #0002}.dash-icon.blue{background:#bfe4ff;color:#1764a8}.dash-icon.green{background:#c8efc9;color:#25813c}.dash-icon.orange{background:#ffe2a9;color:#d27b00}.dash-icon.purple{background:#e4d4ff;color:#6f50dc}.trend-card{margin-top:28px;background:#fff;border:1px solid #eee8f1;border-radius:24px;padding:28px;min-height:300px;box-shadow:0 8px 20px #4e3f6414}.trend-title{font-size:18px;margin-bottom:26px}.trend-chart{height:220px;display:grid;grid-template-columns:repeat(7,1fr);gap:22px;align-items:end;border-bottom:1px solid #eee8f1;padding:0 30px 18px}.trend-col{height:190px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;color:#888392;font-size:12px}.trend-bar-wrap{height:165px;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.trend-count{font-size:11px;color:#6c58e8;margin-bottom:4px}.trend-bar{width:20px;border-radius:5px 5px 0 0;background:#7058ea;min-height:2px}@media(max-width:1200px){.dashboard-cards{grid-template-columns:repeat(2,minmax(180px,1fr))}}

/* emoji + outbound media */
.composer-area{position:relative}
.composer-tools button{cursor:pointer;border:0;background:transparent;font-size:20px;padding:5px 8px;border-radius:8px}
.composer-tools button:hover{background:#f0ebff}
.composer-tools button:disabled{opacity:.45;cursor:not-allowed}
.media-send-status{font-size:12px;color:#6e61a9;margin-left:6px}
.emoji-panel{position:absolute;left:16px;bottom:92px;z-index:30;width:310px;max-height:220px;overflow:auto;background:#fff;border:1px solid #e9e3f5;border-radius:16px;box-shadow:0 12px 36px #3d2f6d26;padding:10px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.emoji-panel.hidden{display:none}
.emoji-panel button{border:0;background:transparent;border-radius:8px;font-size:23px;line-height:36px;height:38px;cursor:pointer}
.emoji-panel button:hover{background:#f2edff}

/* productivity: pinned conversations, customer tags, unanswered reminders */
.pin-btn.active{background:#fff3c8;border-radius:9px;padding:5px 8px;box-shadow:0 0 0 1px #f2d36d inset}.session.is-pinned{box-shadow:inset 3px 0 0 #f2b544}.inline-pin{font-size:12px}.session-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.session-tags span{font-size:10px;line-height:1;padding:4px 6px;border-radius:999px;background:#f0ebff;color:#6c54d9;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-reminder{display:inline-flex;margin-top:6px;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800}.reply-reminder.due{background:#fff2c7;color:#9b6d00}.reply-reminder.warn{background:#ffe5cc;color:#bf6200}.reply-reminder.critical{background:#ffe0e3;color:#c62d3e}.session.needs-reply{background-image:linear-gradient(90deg,#fff9f2 0,transparent 55%)}.session.active.needs-reply{background-image:linear-gradient(90deg,#f1e9ff 0,#fff6ee 100%)}.reminder-control{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px 12px;font-size:11px;color:#888291}.reminder-control select{border:1px solid #ddd7e7;background:white;border-radius:8px;padding:5px 7px;color:#5b5664;outline:none}.customer-tags-box{padding:0 2px 14px;margin-bottom:4px;border-bottom:1px solid var(--line)}.customer-tags-head{display:flex;align-items:center;justify-content:space-between;color:#8e8997;font-size:13px;margin-bottom:9px}.customer-tags-head button{border:0;background:#eee9ff;color:#6b54de;border-radius:8px;padding:5px 8px;cursor:pointer;font-weight:700}.customer-tags{display:flex;gap:6px;flex-wrap:wrap}.customer-tag{border:0;border-radius:999px;padding:6px 9px;background:#efeaff;color:#654bd5;cursor:pointer;font-size:11px}.customer-tag:hover{background:#ffe6e6;color:#b53d3d}.tags-empty{font-size:12px;color:#aaa4b0}


/* login page */
.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff5ef,#f5f6f8)}
.login-card{width:min(430px,92vw);background:#fff;border:1px solid #e6e8ec;border-radius:18px;padding:36px;box-shadow:0 20px 60px #0001}
.lobster{font-size:42px}
.login-card h1{margin:8px 0}
.login-card p{color:#7c8490}
.login-card label{display:block;margin:18px 0 7px}
.login-card input{width:100%;border:1px solid #dfe3e8;border-radius:10px;padding:12px 14px;font:inherit;outline:none}
.login-card button{width:100%;margin-top:22px;border:0;border-radius:10px;padding:12px;background:#ec641f;color:#fff;font-weight:700;cursor:pointer}
.login-card .error{color:#d33;margin-top:12px}

/* Team operator management */
.operator-card{width:min(980px,94vw);max-height:88vh;overflow:auto}
.operator-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.operator-head h2{margin:0 0 6px}.operator-head p{margin:0;color:#777;font-size:13px}
.operator-table-wrap{border:1px solid #eee;border-radius:14px;overflow:auto;background:#fff}
.operator-table{width:100%;border-collapse:collapse;min-width:760px}.operator-table th,.operator-table td{padding:13px 14px;border-bottom:1px solid #f0f0f0;text-align:left;vertical-align:middle;font-size:13px}.operator-table th{background:#fafafa;color:#666;font-weight:600}.operator-table tr:last-child td{border-bottom:0}
.operator-wechat{display:flex;flex-direction:column;gap:3px}.operator-wechat:before{content:'●';color:#bbb;margin-right:5px}.operator-wechat.online:before{color:#23b26d}.operator-wechat small{display:block;color:#999;font-size:11px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.operator-status{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:12px}.operator-status.enabled{background:#eaf8f0;color:#16854f}.operator-status.disabled{background:#f1f1f1;color:#888}
.operator-actions{display:flex;gap:10px;white-space:nowrap}
.operator-form{margin-top:18px;padding:18px;border:1px solid #ece8ff;border-radius:14px;background:#faf9ff}.operator-form h3{margin:0 0 14px}.operator-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.operator-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#555}.operator-form input,.operator-form select{height:40px;border:1px solid #ddd;border-radius:9px;padding:0 11px;background:#fff;font:inherit}.operator-enabled{margin-top:14px!important;display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.operator-enabled input{height:auto;width:auto}
@media(max-width:720px){.operator-form-grid{grid-template-columns:1fr}.operator-head{flex-direction:column}.operator-card{width:96vw}}

/* multi-tenant platform manager */
.platform-card{width:min(1180px,96vw);max-height:92vh;overflow:auto}.platform-head-actions{display:flex;gap:8px;align-items:center}.tenant-slug{display:block;color:#8b8894;font-weight:500;margin-top:3px}.platform-card a{color:#6653d9;text-decoration:none}.platform-card a:hover{text-decoration:underline}.platform-card .operator-table td:nth-child(5){min-width:180px}

/* Delivery acknowledgement state (2026-09-20 normal-system parity patch) */
.delivery-state{white-space:nowrap}
.msg.send-failed .delivery-state{color:#dc2626;font-weight:700}

/* =========================================================
   Normal-system visual parity — 2026-09-21
   Front-end only. Existing ClawDesk IDs / behaviors preserved.
   ========================================================= */
:root{
  --ui-purple:#6f55e7;
  --ui-purple-2:#7a5df0;
  --ui-purple-soft:#eee8ff;
  --ui-purple-soft-2:#f7f3ff;
  --ui-cyan:#10b9cc;
  --ui-green:#25c763;
  --ui-green-soft:#dff9e8;
  --ui-text:#29262f;
  --ui-muted:#9993a2;
  --ui-border:#eeeaf1;
  --ui-panel:#ffffff;
  --ui-chat:#fbf7ff;
  --ui-rail:#777986;
}
html,body{width:100%;height:100%}
body{background:#fff;color:var(--ui-text);font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
.workspace{height:100vh;background:#fff}
.rail{width:78px;flex:0 0 78px;background:var(--ui-rail);padding:18px 0 12px;gap:10px;box-shadow:inset -1px 0 rgba(255,255,255,.08)}
.rail-logo{width:48px;height:48px;border-radius:16px;background:#654ef0;color:#fff;display:grid;place-items:center;margin-bottom:2px}
.rail-logo svg{width:28px;height:28px;fill:currentColor}
.rail-avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#6e58eb;color:#fff;font-weight:800;font-size:18px;margin:2px 0 4px}
.rail-btn{width:46px;height:40px;border-radius:14px;background:#4e5362;color:#fff;display:grid;place-items:center;padding:0;opacity:.95}
.rail-btn svg{width:21px;height:21px;fill:currentColor}
.rail-btn.active{background:#694ff0;box-shadow:0 6px 18px rgba(69,51,168,.22)}
.rail-btn:hover{background:#606477;filter:none}
.rail-btn.active:hover{background:#694ff0}
.rail-online-dot{width:7px;height:7px;border-radius:50%;background:#27be56;margin-top:6px;box-shadow:0 0 0 2px rgba(39,190,86,.12)}
.app-shell{background:#fff}
.topbar{height:78px;flex:0 0 78px;border-bottom:1px solid #f0edf2;background:#fff;padding:0 28px 0 40px}
.brand{gap:0;min-width:160px}
.brand b{display:none}
.brand span{font-size:16px;font-weight:700;color:#39353e;letter-spacing:.2px}
.top-actions{gap:12px}
.status-chip{font-size:11px;padding:5px 11px;border-radius:7px;font-weight:700;border:0}
.status-chip.on{background:#e9f8ee;color:#12a649}
.status-chip.off{background:#f1eff3;color:#8e8898}
.top-link-btn{height:31px;padding:0 12px;border:0;border-radius:10px;background:#fff;color:#8c8696;font-size:12px;font-weight:700;cursor:pointer}
.top-link-btn:hover{background:#f4f0ff;color:#6650d8}
.top-link-btn.primary{background:#eee9ff;color:#6b54de}
.seat{padding-left:2px;gap:8px}
.seat-avatar{width:38px;height:38px;background:#7058e9;font-size:16px}
.seat b{font-size:14px}.seat small{font-size:10px;color:#7058e9;background:#eee9ff;border-radius:8px;padding:2px 5px;width:max-content}
#logoutBtn{height:34px;border-radius:10px;padding:0 15px;color:#605b68;border-color:#e4e0e7;background:#fff}
.three-col{grid-template-columns:292px minmax(520px,1fr) 302px;background:#fff}
.conversation-panel{border-right:1px solid var(--ui-border);background:#fff}
.session-list-head{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 15px}
.panel-title{padding:0;font-size:15px;font-weight:800;color:#26232b}
.chat-ws-state{font-size:11px;font-weight:700;color:#1eae50;white-space:nowrap}.chat-ws-state.reconnecting,.chat-ws-state.connecting{color:#8a8493}.chat-ws-state.offline{color:#dc5b5b}
.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 10px}
.tabs:has(#sendAnomalyTab){grid-template-columns:repeat(3,minmax(0,1fr))}
.tab{height:34px;padding:0 8px;border-radius:8px;font-size:12px;color:#6f6978;font-weight:700;background:#fff}
.tab.active{background:#e9dcff;color:#7056e5}
.reminder-control{margin:0 12px 7px;min-height:31px;border:0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px;color:#8e8897;font-size:11px}
.reminder-control select{border:1px solid #e2dee7;background:#fff;border-radius:8px;height:29px;padding:0 7px;color:#6e6878;font-size:11px;outline:none}
.search-wrap{padding:0 14px 10px}
.search-wrap input{height:39px;padding:0 14px;border:1px solid #d7d2dc;border-radius:11px;background:#fff;font-size:12px;color:#4f4958;box-shadow:0 1px 0 rgba(0,0,0,.01)}
.search-wrap input:focus{border-color:#b5a7ef;box-shadow:0 0 0 2px rgba(112,86,229,.08)}
.sessions{padding:0 7px 14px;scrollbar-width:thin;scrollbar-color:#d8d2df transparent}
.session{min-height:82px;margin:0 0 4px;padding:11px 10px 11px 8px;border-radius:13px;gap:10px;transition:background .15s ease,transform .15s ease}
.session:hover{background:#f8f4ff}.session.active{background:#eae1ff}.session.needs-reply{box-shadow:none}
.session-check input{width:14px;height:14px;accent-color:#7659e7}
.session .avatar{width:39px;height:39px;flex:0 0 39px;background:var(--ui-cyan);font-size:15px}
.srow b{font-size:13px;color:#2f2a34;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srow>span{font-size:10px;color:#8f8998}.preview{font-size:12px;color:#6f6978;margin-top:4px}
.session i{right:9px;bottom:11px;min-width:20px;height:20px;font-size:10px;background:#d43e3e}
.blocked-badge{font-size:9px;margin-left:4px;padding:2px 5px;background:#f7e5e5;color:#c25252}
.reply-reminder{margin-top:5px;font-size:10px!important;color:#b3752e!important;background:transparent!important;padding:0!important;border:0!important}.reply-reminder.critical{color:#c54c4c!important}
.session-tags{margin-top:5px}.session-tags span{font-size:9px;padding:2px 5px;border-radius:8px;background:#f0ecfa;color:#756a91}
.chat-panel{background:var(--ui-chat)}
.chat-head{height:70px;flex:0 0 70px;padding:0 16px;border-bottom:1px solid #ece7f0;background:#fff}
.chat-user{gap:10px}.chat-avatar{width:38px;height:38px;border-radius:0;background:var(--ui-cyan);font-size:15px}.chat-user b{font-size:14px}.subtle{font-size:11px;color:#a09aaa}
.chat-head-actions{gap:6px}.sync-history-btn{height:31px;padding:0 10px;font-size:11px;border-color:#e4dfeb;color:#7660d9;border-radius:9px}.pin-btn{width:32px;height:32px;border-radius:9px;font-size:17px}.pin-btn:hover{background:#f0ebff}
.messages{padding:24px 16px 18px;background:#fbf7ff}
.msg{margin:13px 0}.msg-line{max-width:78%;gap:8px}.bubble{padding:10px 14px;border-radius:16px;background:#e8e6eb;color:#302d34;font-size:14px;line-height:1.5;box-shadow:none}.msg.in .bubble{border-top-left-radius:8px}.msg.out .bubble{background:#6e55e9;color:#fff;border-top-right-radius:8px}
.mini-avatar,.agent-tag{width:36px;height:36px;border-radius:5px;font-size:14px}.mini-avatar{background:var(--ui-cyan)}.agent-tag{background:#d6f8df;color:#15914a}
.msg time{margin:4px 44px 0;font-size:10px;color:#938d9d}.msg.out time{margin-right:44px}.delivery-state{color:#928c9b}.msg.send-failed .delivery-state{color:#d45151}
.composer-area{background:#fff;border-top:1px solid #ece7f0;padding:10px 14px 12px}
.composer-tools{height:39px;display:flex;align-items:center;gap:12px;padding:0 3px 7px}
.composer-tools button{width:25px;height:25px;display:grid;place-items:center;padding:0;font-size:17px;color:#5e5965;border-radius:7px}
.composer-tools button:hover{background:#f3eff9;color:#6e55e9}
.voice-record-status,.media-send-status{font-size:10px;color:#8e8798}
.composer{grid-template-columns:1fr 54px;gap:9px;align-items:center}
.composer textarea{min-height:44px;height:44px;max-height:112px;padding:11px 14px;border-radius:17px;border:1px solid #b8aaec;background:#fff;font-size:13px;line-height:20px;box-shadow:inset 0 0 0 1px rgba(112,86,229,.04)}
.composer textarea:focus{border-color:#8068e9;box-shadow:0 0 0 2px rgba(112,86,229,.08)}
.send-btn{width:52px;height:44px;border-radius:14px;background:#e9ddff;color:#4d36b9;font-size:22px;box-shadow:0 4px 12px rgba(96,70,196,.18)}
.send-btn:hover{background:#dfd0ff}
.empty-state{background:#fbf7ff;color:#aaa3b2;font-size:13px}.empty-icon{font-size:46px;opacity:.65}
.profile-panel{border-left:1px solid var(--ui-border);background:#fff}
.profile-tabs{padding:14px 13px 8px;gap:8px}.profile-tab{height:38px;padding:0;border-radius:9px;font-size:12px;color:#948e9d}.profile-tab.active{background:#ece8ff;color:#7159df}
.profile-body{padding:0 16px 20px}.profile-hero{padding:14px 0 18px}.profile-avatar{width:64px;height:64px;background:var(--ui-cyan);border-radius:0;font-size:26px;margin-bottom:10px}.profile-hero h3{font-size:15px;margin:5px 0}.profile-type{font-size:11px}
.profile-list{border-top:0}.profile-list>div{min-height:36px;grid-template-columns:92px 1fr;align-items:center;padding:8px 2px;border-bottom:1px solid #eeeaf1;font-size:11px}.profile-list span{color:#8f8998}.profile-list strong{font-size:11px;color:#4d4853}.online-dot{color:#21ad51!important}.online-dot:before{content:'●';font-size:9px;margin-right:5px}
.customer-tags-box{border-top:1px solid #eeeaf1;border-bottom:1px solid #eeeaf1;padding:9px 1px}.customer-tags-head{font-size:11px;color:#8f8998}.customer-tags-head button{border:0;background:none;color:#7259df;font-size:11px;cursor:pointer}.customer-tags{margin-top:6px;display:flex;flex-wrap:wrap;gap:5px}.customer-tag{border:0;border-radius:10px;padding:3px 7px;background:#ece8ff;color:#6a54d6;font-size:10px}.tags-empty{font-size:10px;color:#aaa4b1}
.wide{height:38px;padding:0 10px;border-radius:11px;margin-top:9px;font-size:12px}.purple{background:#6f55e7}.danger-soft{background:#fee6e4;color:#5e4746}.detail-soft{background:#f0edff;color:#6651d2}
.profile-empty{font-size:12px;padding-top:70px}
/* Dashboard */
.dashboard-page,.visitor-page{background:#fbf9fc;overflow:auto;padding:22px 25px 30px}.dashboard-head,.visitor-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dashboard-head h2,.visitor-page-head h2{font-size:17px;margin:0}.visitor-page-head p{font-size:11px;color:#9993a2;margin:4px 0 0}
.dashboard-cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.dashboard-cards article{min-height:142px;background:#fff;border:1px solid #eeeaf1;border-radius:20px;padding:20px;box-shadow:0 3px 10px rgba(43,34,59,.05);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.dashboard-cards article:nth-child(n+5){min-height:132px}.dashboard-cards article>div{display:flex;flex-direction:column;gap:9px}.dashboard-cards article span:not(.dash-icon){font-size:13px;color:#595460}.dashboard-cards article b{font-size:17px}.dash-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:20px}.dash-icon.blue{background:#d9efff;color:#4197d2}.dash-icon.green{background:#dff3e2;color:#37a454}.dash-icon.orange{background:#fff0d4;color:#e69127}.dash-icon.purple{background:#e9e0ff;color:#7059df}.trend-card{background:#fff;border:1px solid #eeeaf1;border-radius:20px;margin-top:18px;min-height:260px;padding:22px}.trend-title{font-size:14px;font-weight:700}.trend-chart{height:190px;margin-top:14px}
/* Visitors */
.visitor-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.visitor-stats article{background:#fff;border:1px solid #eeeaf1;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}.visitor-stats span{font-size:11px;color:#938d9e}.visitor-stats b{font-size:20px}.visitor-filters{display:flex;gap:8px;margin:18px 0 10px}.visitor-filter{border:0;background:#fff;border-radius:9px;padding:8px 14px;color:#77717f;cursor:pointer}.visitor-filter.active{background:#ece5ff;color:#6b54da}.visitor-table-wrap{background:#fff;border:1px solid #eeeaf1;border-radius:15px;overflow:hidden}.visitor-table{width:100%;border-collapse:collapse}.visitor-table th,.visitor-table td{padding:12px 14px;border-bottom:1px solid #f0edf2;text-align:left;font-size:11px}.visitor-table th{color:#8e8896;background:#fbfafc}.visitor-empty{padding:40px;text-align:center;color:#aaa4b1}
/* Modal parity */
.modal{background:rgba(34,30,39,.46);backdrop-filter:blur(1px)}.modal-card{border-radius:16px;box-shadow:0 16px 50px rgba(30,22,43,.22)}.modal-card h2{font-size:18px}.x{color:#7c7584}.btn.orange,.purple-mini{background:#6f55e7;color:#fff}.entry-card img{border-radius:10px}.entry-url{background:#f7f4fb}.modal-actions .btn{min-width:92px}
/* Media */
.chat-image{border-radius:10px;max-width:min(340px,58vw)}.chat-video{border-radius:10px}.voice-card{background:#e8e6eb}.msg.out .voice-card,.msg.out .file-card{background:#5f49d6;color:#fff}.file-card{background:#e8e6eb}
/* Scrollbars */
.messages,.sessions,.profile-panel{scrollbar-width:thin;scrollbar-color:#d5cfdb transparent}.messages::-webkit-scrollbar,.sessions::-webkit-scrollbar,.profile-panel::-webkit-scrollbar{width:7px}.messages::-webkit-scrollbar-thumb,.sessions::-webkit-scrollbar-thumb,.profile-panel::-webkit-scrollbar-thumb{background:#d7d1dd;border-radius:20px}
/* Responsive */
@media(max-width:1280px){.three-col{grid-template-columns:280px minmax(460px,1fr) 270px}.topbar{padding-left:24px}.dashboard-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1080px){.three-col{grid-template-columns:280px 1fr}.profile-panel{display:none}.top-link-btn{display:none!important}.dashboard-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{overflow:hidden}.rail{width:60px;flex-basis:60px}.rail-logo{width:40px;height:40px}.rail-avatar{width:36px;height:36px}.rail-btn{width:40px;height:38px}.topbar{height:64px;flex-basis:64px;padding:0 10px}.brand span{font-size:14px}.status-chip{display:none}.three-col{grid-template-columns:104px 1fr}.conversation-panel .session-list-head,.conversation-panel .tabs,.conversation-panel .search-wrap,.conversation-panel .reminder-control,.session-check,.sbody{display:none}.session{justify-content:center;padding:8px}.messages{padding:14px 9px}.msg-line{max-width:92%}.composer-area{padding:8px}.seat{display:none}.dashboard-page,.visitor-page{padding:14px}.dashboard-cards,.visitor-stats{grid-template-columns:1fr 1fr}}
.date-separator{display:flex;justify-content:center;align-items:center;margin:6px 0 18px}.date-separator span{font-size:10px;color:#9d97a6;background:#f0edf3;padding:4px 9px;border-radius:10px}


/* ===== Single QR WeChat Entry v2 ===== */
.wechat-entry-page{flex:1;min-height:0;overflow:auto;background:#fbf8ff;padding:24px 26px 34px}
.wechat-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.wechat-entry-head h2{margin:0 0 5px;font-size:22px}.wechat-entry-head p{margin:0;color:var(--muted);font-size:13px}
.single-wechat-state{padding:7px 12px;border-radius:10px;background:#f2f1f5;color:#777;font-size:12px;font-weight:800;white-space:nowrap}
.single-wechat-state.online{background:#e9f9ef;color:#16964a}.single-wechat-state.offline{background:#fff1e9;color:#d46c28}
.wechat-entry-grid{display:grid;grid-template-columns:minmax(300px,360px) minmax(480px,1fr);gap:24px;align-items:start;max-width:1180px}
.single-qr-card,.single-bind-panel{background:#fff;border:1px solid #e8e4ed;border-radius:18px;box-shadow:0 4px 14px #2d21400a}
.single-qr-card{padding:22px;text-align:center}.single-qr-badge{display:inline-block;background:#eee9ff;color:#7156e8;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}
.single-qr-card h3{font-size:22px;margin:14px 0 3px}.single-qr-card>p{margin:0 0 16px;color:#9a95a1;font-size:12px}
.single-qr-box{width:300px;height:300px;max-width:100%;margin:0 auto 16px;border:1px solid #e5e1ea;border-radius:15px;background:#fff;display:grid;place-items:center;position:relative;overflow:hidden}
.single-qr-box img{width:280px;height:280px;max-width:94%;max-height:94%;object-fit:contain}.single-qr-box.loading img{display:none!important}
.single-qr-spinner{display:none;width:32px;height:32px;border:4px solid #eee9ff;border-top-color:#7156e8;border-radius:50%;animation:single-spin .8s linear infinite}.single-qr-box.loading .single-qr-spinner{display:block}
@keyframes single-spin{to{transform:rotate(360deg)}}
.single-qr-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#17a654}.single-qr-success b{width:84px;height:84px;border-radius:50%;background:#e9f9ef;display:grid;place-items:center;font-size:52px}.single-qr-success span{font-size:16px;font-weight:800}
.single-primary-btn,.single-secondary-btn{width:100%;border:0;border-radius:12px;padding:12px 14px;font:inherit;font-weight:800;cursor:pointer}.single-primary-btn{background:#7156e8;color:#fff}.single-secondary-btn{margin-top:9px;background:#fff;border:1px solid #ddd8e5;color:#54505b}
.single-bind-panel{padding:22px}.single-field{padding:2px 0 20px}.single-field+.single-field{border-top:1px solid #efecf2;padding-top:20px}.single-field-title{font-weight:800;margin-bottom:10px}.single-field-title small{font-weight:500;color:#9993a0;margin-left:5px}.single-count-badge{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:12px;background:#dceeff;color:#4b78c8;font-size:12px;margin-left:6px}
.single-link-row{display:grid;grid-template-columns:1fr auto;gap:9px}.single-link-box{min-width:0;border:1px solid #ddd8e5;background:#faf9fb;border-radius:10px;padding:10px 12px;color:#797482;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.single-status-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.single-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.single-status-pill.wait{background:#fff0dd;color:#ce7b13}.single-status-pill.scan{background:#e9f1ff;color:#4777cf}.single-status-pill.ok{background:#e7f8ed;color:#15974a}.single-status-pill.expired{background:#ffe8e8;color:#cc4c4c}.single-countdown{font-size:12px;color:#8d8795}.single-verify{display:flex;gap:8px;margin-top:12px}.single-verify input{flex:1;border:1px solid #dcd7e3;border-radius:10px;padding:9px 11px;font:inherit}
.single-binding-list{max-height:330px;overflow:auto}.single-binding-empty{padding:30px 10px;text-align:center;color:#9a95a1;font-size:13px}
.single-binding-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 4px;border-bottom:1px solid #f0edf3}.single-binding-item:last-child{border-bottom:0}.single-bind-avatar{width:40px;height:40px;border-radius:50%;background:#1cc15a;color:#fff;display:grid;place-items:center;font-weight:800}.single-bind-info{min-width:0}.single-bind-info>div{display:flex;align-items:center;gap:6px}.single-bind-info b{font-size:13px}.single-bind-info small{display:block;color:#95909e;font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.single-bind-dot{width:8px;height:8px;border-radius:50%;background:#c7c3cc}.single-bind-dot.online{background:#20b95a}.single-bind-side{text-align:right}.single-bind-side>span{display:block;font-size:11px;color:#8d8795;margin-bottom:6px}.single-unbind-btn{border:0;background:transparent;color:#e45757;cursor:pointer;font-weight:700}
@media(max-width:960px){.wechat-entry-grid{grid-template-columns:1fr}.single-qr-card{max-width:420px}.wechat-entry-page{padding:18px}.single-qr-box{width:280px;height:280px}}

/* ===== 2026-09-21 Workbench parity v3 ===== */
:root{
  --wb-bg:#fbf7ff;
  --wb-panel:#fff;
  --wb-rail:#7b7d8e;
  --wb-purple:#7158e8;
  --wb-purple-soft:#eee7ff;
  --wb-cyan:#12bdd2;
  --wb-green:#4acb75;
  --wb-line:#ece7f1;
  --wb-muted:#9993a2;
}
body{background:var(--wb-bg)}
.workspace{background:var(--wb-bg)}
.rail{width:80px;flex-basis:80px;background:var(--wb-rail);padding:18px 0 12px;gap:12px}
.rail-logo{width:52px;height:52px;border-radius:18px;background:#6651e7;box-shadow:0 8px 18px rgba(70,52,160,.18)}
.rail-avatar{width:44px;height:44px;border-radius:50%;background:#6557e6;color:#fff;font-weight:800;display:grid;place-items:center}
.rail-btn{width:48px;height:42px;border-radius:14px;background:#585a6a;display:grid;place-items:center}
.rail-btn svg{width:22px;height:22px;fill:currentColor}
.rail-btn.active{background:#6f56eb;box-shadow:0 6px 16px rgba(78,57,170,.22)}
.rail-online-dot{width:8px;height:8px;background:#24bd55;border-radius:50%;display:block;margin:8px 0 0}
.topbar{height:70px;flex-basis:70px;background:#fff;padding:0 28px;border-bottom:1px solid #f0edf4}
.brand{gap:10px}.brand b{font-size:18px}.brand span{font-size:11px;color:#b0aab5}
.top-actions{gap:10px}.ui-hidden-action{display:none!important}
.status-chip{border-radius:7px;padding:6px 11px;font-size:11px}.status-chip.on{background:#eaf8ef;color:#18a84b}.status-chip.off{background:#fff0f1;color:#db555b}
.top-link-btn{height:34px;border:0;border-radius:9px;padding:0 13px;font-size:12px;font-weight:800;background:#f1ecff;color:#6a52d8;cursor:pointer}.top-link-btn.primary{background:#7259e8;color:#fff}
.seat-avatar{width:34px;height:34px}.seat b{font-size:13px}.seat small{font-size:10px}
.three-col{grid-template-columns:300px minmax(520px,1fr) 285px;background:var(--wb-bg)}
.conversation-panel,.profile-panel{background:#fff}
.conversation-panel{border-right:1px solid var(--wb-line)}
.session-list-head{height:58px;padding:0 14px 0 15px}.panel-title{padding:0;font-size:16px}
.chat-ws-state{font-size:11px}.tabs{grid-template-columns:1fr 1fr;padding:0 12px 12px;gap:6px}.tab{padding:8px 0;border-radius:8px;font-size:12px}.tab.active{background:#e9ddff;color:#6f57de}
.search-wrap{padding:0 12px 12px}.search-wrap input{height:38px;border-radius:11px;padding:0 13px;font-size:12px;background:#fff}
.sessions{padding-bottom:10px}.session{margin:0 8px 4px;padding:11px 9px;border-radius:14px;gap:9px}.session:hover,.session.active{background:#e9e1fb}.session.active{box-shadow:inset 3px 0 0 #7258e7}
.avatar{width:40px;height:40px;font-size:14px;background:var(--wb-cyan)}
.srow b{font-size:13px}.srow span,.preview{font-size:11px}.preview{margin-top:4px}.session i{right:9px;bottom:9px;background:#c72f34;min-width:18px;height:18px;font-size:10px}
.chat-panel{background:#fbf7ff}.empty-state{background:#fbf7ff}
.chat-head{height:70px;flex-basis:70px;padding:0 16px;background:#fff;border-bottom:1px solid var(--wb-line)}
.chat-avatar{width:40px;height:40px;border-radius:0;background:var(--wb-cyan);font-size:16px}.chat-user b{font-size:14px}.subtle{font-size:10px;color:#aaa4b0}
.chat-head-actions{gap:5px}.sync-history-btn{border:0;background:#f6f2ff;color:#6d57d8}.pin-btn{font-size:16px;color:#dc3e74}
.messages{padding:18px 16px 22px;background:#fbf7ff}.msg{margin:12px 0}.msg-line{max-width:88%;gap:7px}.bubble{border-radius:15px;padding:9px 12px;background:#ececef;box-shadow:none;font-size:13px}.msg.out .bubble{background:#7157e7;color:#fff}.mini-avatar,.agent-tag{width:30px;height:30px;border-radius:5px;font-size:12px}.mini-avatar{background:var(--wb-cyan)}.agent-tag{background:#d7f9df;color:#169544}.msg time{font-size:10px;margin:4px 38px;color:#a29ca9}
.composer-area{padding:7px 14px 12px;background:#fff;border-top:1px solid var(--wb-line)}.composer-tools{gap:11px;padding:2px 2px 7px}.composer-tools button{font-size:17px;color:#6a6570}.composer{grid-template-columns:1fr 48px;gap:9px}.composer textarea{min-height:46px;max-height:120px;border-radius:22px;padding:12px 15px;font-size:12px;background:#fff}.send-btn{width:46px;height:46px;border-radius:13px;background:#775cea;font-size:21px;box-shadow:0 6px 16px rgba(93,70,195,.20)}
.profile-panel{border-left:1px solid var(--wb-line);background:#fff}.profile-tabs{padding:14px 12px 10px;gap:4px}.profile-tab{padding:9px 4px;font-size:12px}.profile-tab.active{background:#eee9ff;color:#7058e1}
.profile-body{padding:0 14px 18px}.profile-hero{padding:14px 0 18px}.profile-avatar{width:64px;height:64px;font-size:27px;background:var(--wb-cyan);border-radius:0}.profile-hero h3{font-size:15px}.profile-type{font-size:11px}.profile-list>div{grid-template-columns:94px 1fr;padding:11px 0;font-size:12px}.profile-list strong{font-size:11px}.wide{padding:10px;margin-top:10px;border-radius:10px;font-size:12px}.purple{background:#7057e5}.danger-soft{background:#ffe5df;color:#6b3838}
.chat-image{max-width:min(320px,55vw);max-height:360px}.chat-video{max-width:min(380px,62vw);max-height:360px}
@media(max-width:1250px){.three-col{grid-template-columns:280px minmax(460px,1fr) 260px}}
@media(max-width:1050px){.three-col{grid-template-columns:280px 1fr}.profile-panel{display:none}}


/* ===== 2026-09-21 Workbench parity v4: cleaner normal-system layout ===== */
/* Keep diagnostic/productivity logic in JS, but remove those controls from the primary chat surface. */
#sendAnomalyTab,#reminderControl,#messageSoundControl,#visitorDetailBtn,#disconnectBtn,#syncHistoryBtn,#entryBtn{display:none!important}

/* Top bar mirrors the reference workbench: status + seat + exit only. */
.topbar{height:68px;flex-basis:68px;padding:0 24px}
.brand b{font-size:15px;font-weight:700;color:#36313a}.brand span{display:none}
.top-actions{gap:10px}
.status-chip{font-size:11px;padding:5px 10px;border-radius:7px}
.seat{padding-left:4px}.seat-avatar{width:34px;height:34px}.seat b{font-size:13px}.seat small{font-size:10px}

/* Main three-column proportions closer to the reference. */
.three-col{grid-template-columns:330px minmax(560px,1fr) 300px;min-height:0;height:calc(100vh - 68px)}
.conversation-panel,.chat-panel,.profile-panel{min-height:0}
.session-list-head{height:58px;flex:0 0 58px;padding:0 15px}
.panel-title{font-size:16px}
.chat-ws-state{font-size:11px;color:#15984a}
.conversation-panel .tabs{grid-template-columns:1fr 1fr!important;padding:0 12px 11px}
.search-wrap{padding:0 12px 11px}
.search-wrap input{height:37px}
.sessions{min-height:0;flex:1;overflow:auto;padding:0 7px 10px}
.session{min-height:74px;padding:9px 9px;margin-bottom:3px;border-radius:13px}
.session .avatar{width:38px;height:38px;flex-basis:38px}
.srow b{max-width:185px}.preview{margin-top:3px}
.reply-reminder{margin-top:3px}

/* Chat header and scroll area. */
.chat{min-height:0;height:100%}
.chat-head{height:68px;flex:0 0 68px;padding:0 16px}
.chat-head-actions{min-width:32px;justify-content:flex-end}
.pin-btn{display:grid;place-items:center;width:32px;height:32px}
.messages{min-height:0;flex:1;overflow:auto;padding:20px 16px 16px}
.msg{margin:11px 0}.msg-line{max-width:82%}.bubble{font-size:13px;padding:9px 13px}
.msg time{font-size:10px;margin-top:3px}

/* Ensure the whole composer is always visible in a viewport; this fixes the input row falling below the fold. */
.composer-area{flex:0 0 auto;padding:8px 14px 10px}
.composer-tools{height:34px;padding:0 3px 5px;gap:10px}
.composer-tools button{width:25px;height:25px;font-size:16px;color:#69636f}
.composer-tools button svg{display:block}
#cameraRecordBtn{display:none!important}
.composer{grid-template-columns:minmax(0,1fr) 50px;gap:9px;align-items:center}
.composer textarea{height:43px;min-height:43px;max-height:100px;border-radius:20px;padding:10px 14px}
.send-btn{width:48px;height:43px;border-radius:13px;font-size:20px;background:#e5d8ff;color:#4027ae}

/* Reference-like right-side customer profile. */
.profile-panel{overflow:auto}
.profile-tabs{height:58px;padding:12px 12px 8px}
.profile-tab{height:38px}
.profile-body{padding:0 14px 16px}
.profile-hero{padding:12px 0 15px}
.profile-avatar{width:62px;height:62px;font-size:25px}
.customer-tags-box{padding:8px 1px}
.profile-list>div{min-height:34px;padding:7px 2px}
.wide{height:36px;margin-top:8px}

/* Make diagnostics less visually dominant while retaining them. */
.blocked-badge{font-size:9px;padding:1px 5px}
.session-tags{display:none}

@media(max-width:1320px){.three-col{grid-template-columns:300px minmax(500px,1fr) 280px}}
@media(max-width:1120px){.three-col{grid-template-columns:290px 1fr}.profile-panel{display:none}}

/* 2026-09-21 stability/performance patch */
.history-load-wrap{display:flex;justify-content:center;padding:10px 0 14px}
.history-load-btn{border:1px solid #ded8f7;background:#fff;color:#6c55e8;border-radius:18px;padding:7px 16px;cursor:pointer;font-size:12px}
.history-load-btn:hover{background:#f6f2ff}.history-load-btn:disabled{opacity:.6;cursor:default}
.local-media-preview{opacity:.92}.local-media-state{display:block;color:#8c86a1;font-size:11px;margin-top:4px;text-align:right}
.single-primary-btn:disabled{opacity:.55;cursor:not-allowed}
.visitor-purge{font-weight:600}

/* Admin customer-to-seat assignment */
.assign-seat-card{max-width:520px}
.assign-seat-hint{margin:0 0 16px;color:var(--text-muted);line-height:1.65;font-size:13px}
.assign-seat-customer{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#faf9ff;margin-bottom:14px}
.assign-seat-customer span{grid-row:1/3;color:var(--text-muted);font-size:12px;align-self:center}
.assign-seat-customer b{font-size:15px}
.assign-seat-customer small{color:var(--text-muted)}
.assign-seat-label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}
.assign-seat-label select{height:42px;border:1px solid var(--border);border-radius:9px;padding:0 12px;background:white}
.assign-soft{background:#f0edff;color:var(--primary);border:0}
.seat-owner-label{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:12px;margin-right:7px;white-space:nowrap}
.seat-owner-label.assigned{background:#eaf8ef;color:#168346}
.seat-owner-label.admin{background:#f1effb;color:#6d5bd0}
.visitor-assign{font-weight:600}

/* CLAWDESK_RTC_STYLE_V1 */
.rtc-head-btn{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;padding:7px 9px;border-radius:10px;transition:.18s}
.rtc-head-btn:hover{background:#f0eaff;transform:translateY(-1px)}

/* ClawDesk graphite workbench — scoped to the operator page. */
.graphite .brand b{display:block;color:#e1e4e2}.graphite .brand span{display:block}.graphite .sbody{display:block}.graphite .session{justify-content:flex-start}.graphite .session.active{box-shadow:inset 3px 0 0 #79a88a}.graphite #logoutBtn{background:#282e2a;color:#b9c5bd;border:1px solid #3d4840}.graphite .conversation-panel .session-list-head{display:flex}.graphite .conversation-panel .search-wrap{display:block}.graphite .conversation-panel .panel-title{display:block;color:#d9e1db}
body.graphite{--purple:#529b75;--purple-soft:#253b30;--primary:#71bc92;--orange:#4c8b66;--line:#303334;--border:#303334;--muted:#999f9c;--text-muted:#999f9c;color:#e1e4e2;background:#191b1a;color-scheme:dark;font-family:"Microsoft YaHei",system-ui,sans-serif;font-size:14px}
.graphite *{scrollbar-width:thin;scrollbar-color:#454a47 transparent}
.graphite .workspace{background:#191b1a;height:100dvh}
.graphite .rail{width:62px;flex:0 0 62px;background:#171918;border-right:1px solid var(--line);padding:18px 0;gap:14px}
.graphite .rail-logo{width:36px;height:36px;background:#365841;border-radius:11px;color:#d9f3e1;margin-bottom:18px}
.graphite .rail-avatar,.graphite .seat-avatar{background:#364a3e;color:#bce3ca}
.graphite .rail-btn{width:40px;height:40px;border-radius:10px;background:transparent;color:#909994;opacity:1}
.graphite .rail-btn.active,.graphite .rail-btn:hover{background:#29392f;color:#9ed6b5}
.graphite .rail-online-dot{display:none}
.graphite .topbar{height:60px;min-height:60px;background:#1b1d1c;border-bottom:1px solid var(--line);padding:0 24px}
.graphite .brand b{font-size:17px;font-weight:600;letter-spacing:.2px}
.graphite .brand span{color:#747e78;font-size:12px}
.graphite .top-actions{gap:14px}.graphite .seat b{font-size:12px;font-weight:500}.graphite .seat small{color:#87928b}
.graphite .status-chip.on{background:#25392d;color:#92c8a5}.graphite .status-chip.off{background:#303332;color:#abb0ad}
.graphite button{font-family:inherit;transition:background .15s,color .15s}.graphite button:focus-visible,.graphite input:focus-visible,.graphite textarea:focus-visible,.graphite select:focus-visible{outline:2px solid #80bd98;outline-offset:2px}
.graphite .three-col{grid-template-columns:280px minmax(380px,1fr) 290px;overflow:hidden}
.graphite .conversation-panel{background:#202322;border-right:1px solid var(--line)}
.graphite .session-list-head{padding:22px 18px 14px;align-items:center}.graphite .panel-title{padding:0;font-size:17px;font-weight:600}
.graphite .chat-ws-state{font-size:10px;color:#9caaa1}.graphite .chat-ws-state.online{color:#8cbf9e}
.graphite .tabs{display:flex;gap:4px;padding:0 14px 16px;flex-wrap:wrap}.graphite .tab{padding:8px 11px;border-radius:7px;background:transparent;color:#969e99;font-size:12px;font-weight:500}.graphite .tab.active{background:#343b36;color:#dfebe2}
.graphite .search-wrap{padding:0 16px 18px}.graphite input,.graphite textarea,.graphite select{color:#e1e4e2;background:#242826;border-color:#3b403d}.graphite input::placeholder,.graphite textarea::placeholder{color:#77817a}
.graphite .search-wrap input{background:#191d1a;border:1px solid #363d37;border-radius:9px;padding:11px 12px;font-size:12px}
.graphite .sessions{padding:0 5px}.graphite .session{margin:0 7px 7px;padding:14px 11px;border-radius:10px;gap:11px;background-image:none;min-height:76px;border:1px solid transparent}
.graphite .session.active,.graphite .session.active.needs-reply{background:#343a36;border-color:#444d46;background-image:none}.graphite .session:hover{background:#2c322e}.graphite .session.needs-reply{background-image:none}
.graphite .session-check{opacity:.5}.graphite .session-check input{width:13px;height:13px;accent-color:#7aaa8b}.graphite .avatar{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#455749;color:#d4e7d9;font-size:15px}
.graphite .srow b{font-size:13px;font-weight:500;color:#e1e5e2}.graphite .srow span{color:#8a938c;font-size:10px}.graphite .preview{color:#a3aaa5;font-size:12px;margin-top:7px}.graphite .session i{background:#6d9c7c;color:#112518;min-width:17px;height:17px;font-weight:700}
.graphite .chat-panel,.graphite .chat,.graphite .messages{background:#191b1a}.graphite .chat-head{height:82px;min-height:82px;background:#191b1a;border-bottom:1px solid #2c302d;padding:0 28px}
.graphite .chat-avatar{background:#3c5142;color:#cbe6d3;border-radius:10px}.graphite .chat-user b{font-size:19px;font-weight:500}.graphite .subtle{color:#919b94;font-size:12px;margin-top:7px}
.graphite .chat-head-actions{display:flex;align-items:center;gap:5px}.graphite .rtc-head-btn{font-size:13px;color:#aeb7b0;white-space:nowrap;padding:8px;border:0;background:transparent}.graphite .rtc-head-btn:hover{background:#2a302c;transform:none}
.graphite .sync-history-btn,.graphite .pin-btn{color:#8f9b92;background:transparent;border-color:#38413a;font-size:12px}.graphite .pin-btn.active{background:#41402c;box-shadow:none}
.graphite .messages{padding:24px 30px}.graphite .msg{margin:20px 0}.graphite .msg-line{max-width:85%;align-items:flex-end}.graphite .bubble{background:#303431;color:#e4e8e5;border-radius:15px 15px 15px 4px;padding:12px 16px;line-height:1.8;box-shadow:none;font-size:14px}
.graphite .msg.out .bubble{background:#365d42;color:#e1efe5;border-radius:15px 15px 4px 15px}.graphite .mini-avatar,.graphite .agent-tag{background:#2d3931;color:#adc4b4;width:27px;height:27px;font-size:11px;border-radius:8px}.graphite .msg time{color:#8d9790;font-size:11px;margin:8px 35px}
.graphite .composer-area{background:#191b1a;border-top:1px solid #2d322e;padding:12px 26px 22px}.graphite .composer-tools{gap:7px;padding:0 0 10px;align-items:center;flex-wrap:wrap}.graphite .composer-tools button{color:#a4afa7;font-size:17px}.graphite .composer-tools button:hover{background:#2c352e}
.graphite .composer{background:#222623;border:1px solid #3a423c;border-radius:12px;padding:12px;grid-template-columns:1fr 76px;gap:10px}.graphite .composer textarea{background:transparent;border:0;border-radius:0;min-height:86px;padding:4px 5px;font-size:14px;line-height:1.7;color:#e6eae7}
.graphite .send-btn{width:76px;height:35px;border-radius:8px;background:#497e59;color:#f0f7f2;font-size:13px;font-weight:600}.graphite .send-btn:hover{background:#579068}
.graphite .profile-panel{display:block;background:#1f2220;border-left:1px solid var(--line)}.graphite .profile-tabs{height:68px;padding:18px 16px 10px;gap:5px}.graphite .profile-tab{height:37px;background:transparent;color:#8d9990;font-size:12px}.graphite .profile-tab.active{background:#313b33;color:#c9e1d0}
.graphite .profile-body{padding:0 21px 24px}.graphite .profile-hero{padding:24px 0}.graphite .profile-avatar{background:#3e5645;border-radius:18px;color:#cce6d4;width:64px;height:64px;font-size:27px}.graphite .profile-hero h3{font-size:17px;font-weight:500;margin:12px 0 7px}.graphite .profile-type{color:#8d9c92}
.graphite .profile-list>div{grid-template-columns:90px 1fr;padding:14px 0;font-size:12px;border-color:#343b35}.graphite .profile-list span{color:#929d95}.graphite .profile-list strong{color:#d0d7d2}.graphite .wide{height:auto;min-height:37px;border-radius:8px;font-size:12px;font-weight:500;margin-top:12px;border:1px solid #3c4940;background:#2c3830;color:#b4d4bf}
.graphite .danger-soft,.graphite .wide.danger-soft{background:#352b2b;border-color:#4c3838;color:#d5a19d}.graphite .online-dot{color:#9ac5a6!important}
.graphite .empty-state,.graphite .profile-empty,.graphite .no-data{color:#8c9890}.graphite .empty-icon{filter:grayscale(1);opacity:.5}
.graphite .btn.ghost,.graphite .history-load-btn,.graphite .single-secondary-btn{background:#292f2b;border-color:#414b44;color:#b5c4ba}.graphite .btn.orange,.graphite .purple,.graphite .single-primary-btn{background:#487955;color:#e8f5ed}
.graphite .modal{background:#080c0abb}.graphite .modal-card,.graphite .emoji-panel{background:#232925;border:1px solid #465249;color:#e0e7e2;box-shadow:0 20px 65px #0006}.graphite .x{color:#aebcb2;background:transparent}
.graphite .emoji-panel button:hover{background:#38463c}.graphite .customer-tag,.graphite .customer-tags-head button,.graphite .session-tags span{background:#304334;color:#acd1b6}.graphite .customer-tags-head{color:#9ca99f}.graphite .reminder-control{color:#95a297}.graphite .reminder-control select{background:#252d27;color:#b8c8bc;border-color:#3c4c40}
.graphite .reply-reminder.critical,.graphite .blocked-badge{background:#422e2b;color:#e2b0a0}.graphite .reply-reminder.warn,.graphite .reply-reminder.due{background:#403b27;color:#d4c58d}.graphite .send-failed .delivery-state{color:#ddbc8e}.graphite .media-send-status{color:#9dc8aa}
.graphite .visitor-page,.graphite .dashboard-page,.graphite .wechat-entry-page{background:#191f1b;color:#dce7df}.graphite .visitor-stats article,.graphite .dashboard-cards article,.graphite .trend-card,.graphite .single-qr-card,.graphite .single-bindings-card,.graphite .visitor-table-wrap,.graphite .operator-table-wrap,.graphite .operator-form{background:#232c25;border-color:#3b473e;box-shadow:none;color:#d9e5dc}
.graphite table,.graphite th,.graphite td{border-color:#36433a}.graphite th{background:#29352c;color:#b8cabc}.graphite td{background:#202922;color:#d7e1da}.graphite .visitor-filter{background:#26332a;color:#adbeaf;border-color:#3c4c40}.graphite .visitor-filter.active{background:#3b5542;color:#e4f0e7}
.graphite a{color:#acd3b7}.graphite .trend-bar{background:#79a486}.graphite .trend-count{color:#a1c5ab}.graphite .chat-head button:disabled{opacity:.4}
@media(max-width:1250px){.graphite .three-col{grid-template-columns:248px minmax(330px,1fr) 250px}.graphite .chat-head{padding:0 18px}.graphite .chat-head-actions{gap:0}.graphite .rtc-head-btn{font-size:11px}.graphite .messages{padding:20px}.graphite .profile-body{padding:0 15px 20px}}
@media(max-width:1050px){.graphite .three-col{grid-template-columns:235px minmax(320px,1fr)}.graphite .profile-panel{display:none}.graphite .brand span{display:none}}
@media(max-width:700px){.graphite .rail{width:46px;flex-basis:46px}.graphite .rail-btn{width:34px}.graphite .topbar{padding:0 12px}.graphite .top-actions{gap:6px}.graphite .seat{display:none}.graphite .three-col{grid-template-columns:175px minmax(300px,1fr);overflow:auto}.graphite .chat-panel{min-width:300px}.graphite .session-check{display:none}.graphite .chat-head{padding:0 12px}.graphite .chat-head-actions{flex-wrap:wrap;justify-content:flex-end}.graphite .composer-area{padding:10px}.graphite .messages{padding:12px}}

/* Structural workbench redesign: no QR or automatic replies in chat sidebar. */
.workbench-sidebar[hidden]{display:none!important}.reference-layout .rail [hidden]{display:none!important}
.reference-layout .composer-tools button{width:auto!important;min-width:34px;white-space:nowrap;flex-shrink:0}.reference-layout #imageBtn,.reference-layout #videoBtn{min-width:60px}.reference-layout .profile-body{display:flex;flex-direction:column}.reference-layout .profile-hero{order:0}.reference-layout .customer-tags-box{order:1}.reference-layout .profile-list{order:2}.reference-layout .profile-body>.wide{order:3}
.reference-layout .workspace{display:block}.reference-layout .app-shell{height:100dvh;display:grid;grid-template-columns:285px minmax(0,1fr);grid-template-rows:40px minmax(0,1fr)}
.reference-layout .topbar{grid-column:1/-1;grid-row:1;height:40px;min-height:40px;padding:0 18px;justify-content:space-between;background:#191a19}
.reference-layout .topbar .seat{display:flex;padding:0;gap:6px}.reference-layout .seat-avatar{display:none}.reference-layout .seat>div{display:flex;gap:8px;align-items:center}.reference-layout .seat small{margin:0;background:none;color:#a1a7a2;padding:0}.reference-layout .top-actions{gap:16px}.reference-layout .rail{display:flex;width:auto;flex:0 0 auto;border:0;padding:0;background:transparent;box-shadow:none}.reference-layout .rail .rail-btn{height:auto;width:auto;font-size:12px;background:none;box-shadow:none;color:#969e98}
.reference-layout .top-text-button,.reference-layout #logoutBtn{background:none;border:0;color:#aeb4af;padding:4px 0;font-size:12px;cursor:pointer}.reference-layout .top-text-button:hover,.reference-layout #logoutBtn:hover{color:#e7eee9}
.reference-layout .topbar #bindStatus{display:none}.reference-layout .workbench-sidebar{grid-column:1;grid-row:2;min-height:0;display:flex;flex-direction:column;background:#202223;border-right:1px solid #303233}
.reference-layout .brand{padding:25px 18px 0;display:block;min-width:0}.reference-layout .brand b{font-size:15px;color:#c6ceca;font-weight:600}.reference-layout .brand span{display:none}.reference-layout .workbench-title{padding:12px 18px 20px;font-size:22px;color:#e4e6e4}
.reference-layout .workbench-nav{display:flex;gap:5px;flex-wrap:wrap;padding:0 14px 18px;border-bottom:1px solid #303334}.reference-layout .workbench-nav .rail-btn{font-size:12px;padding:7px 10px;width:auto;height:auto;border:1px solid transparent;border-radius:7px;background:transparent;box-shadow:none;color:#959f98}.reference-layout .workbench-nav .rail-btn.active{background:#333b35;border-color:#404a42;color:#d7e5dc}
.reference-layout .conversation-panel{border:0;background:transparent;flex:1;min-height:0}.reference-layout .session-list-head{height:45px;flex:0 0 45px;padding:0 18px}.reference-layout .panel-title{font-size:12px;color:#a4aca7}.reference-layout .tabs{padding:0 12px 10px}.reference-layout .search-wrap{padding:0 14px 12px}.reference-layout .session{padding:12px 10px;border-radius:16px;margin:0 6px 7px}.reference-layout .session.active{background:#333638;box-shadow:none;border-color:transparent}.reference-layout .avatar{background:#42544a;border-radius:9px}.reference-layout .session-check{display:none}
.reference-layout #chatView{grid-column:2;grid-row:2;height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px}.reference-layout .profile-panel{background:#202120;display:block}.reference-layout .chat-panel,.reference-layout .chat-head,.reference-layout .messages,.reference-layout .composer-area{background:#191919}
.reference-layout .chat-head{height:98px;min-height:98px;padding:0 30px}.reference-layout .chat-user{display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:0;align-items:start;width:100%}.reference-layout #chatAvatar{display:none}.reference-layout .chat-user>div{display:contents}.reference-layout #chatName{grid-column:1;grid-row:1;font-size:22px}.reference-layout #chatMeta{grid-column:1/-1;grid-row:2;margin-top:6px;font-size:12px}.reference-layout .chat-head-actions{grid-column:2;grid-row:1;display:flex!important;justify-content:flex-start;align-self:center;gap:8px}.reference-layout .rtc-head-btn{font-size:13px;color:#a8adaa;padding:4px}.reference-layout .pin-btn{margin-left:auto;font-size:13px}
.reference-layout .messages{padding:12px max(24px,calc((100% - 740px)/2));}.reference-layout .msg{margin:26px 0}.reference-layout .msg-line{max-width:86%}.reference-layout .mini-avatar,.reference-layout .agent-tag{display:none}.reference-layout .bubble{background:#303234;border-radius:21px 21px 21px 5px;font-size:var(--chat-font,14px);padding:12px 17px;line-height:1.7}.reference-layout .msg.out .bubble{background:#395f42;border-radius:21px 21px 5px 21px}.reference-layout .msg time{margin:8px 0;color:#91938f}.reference-layout .date-separator span{background:transparent;color:#7f8780}
.reference-layout .composer-area{padding:18px max(24px,calc((100% - 740px)/2)) 12px;border:0;position:relative}.reference-layout .composer{display:block;border:1px solid #303330;background:#202120;border-radius:15px;padding:10px 14px}.reference-layout .composer textarea{min-height:88px;padding:5px 0;font-size:var(--chat-font,14px)}.reference-layout .composer-bottom{display:flex;align-items:center;gap:12px;padding-top:13px}.reference-layout .composer-hint{font-size:11px;color:#b0b6b0;flex:1}.reference-layout .composer-tools{margin:0;padding:0;gap:2px;justify-content:center;flex-wrap:wrap}.reference-layout .composer-tools button{font-size:13px;color:#b0b4b1;padding:5px 7px}.reference-layout #sendBtn{width:88px;height:35px;font-size:12px;border-radius:13px;background:#415c47;box-shadow:none;margin-left:auto;flex-shrink:0}.reference-layout .composer-shortcut{margin:9px 0 0;font-size:10px;color:#7e837e}
.reference-layout .media-menu{position:absolute;right:25px;bottom:190px;padding:9px;z-index:25;display:flex;gap:7px;border:1px solid #495149;border-radius:10px;background:#282d29;box-shadow:0 10px 30px #0005}.reference-layout .media-menu button{background:#344138;color:#d3e1d6;border:0;padding:9px;border-radius:7px;cursor:pointer}.reference-layout #cameraRecordBtn{display:block!important}
.reference-layout #visitorView,.reference-layout #dashboardView,.reference-layout #wechatView{grid-column:2;grid-row:2;min-width:0}.reference-layout .single-qr-card,.reference-layout .single-bind-panel{background:#252c27;color:#d9e6dc;border-color:#3c4a40}.reference-layout .single-link-box,.reference-layout .single-binding-item{background:#202822;color:#d3dfd6;border-color:#3b483e}
.reference-layout .profile-list>div{padding:12px 0}.reference-layout .profile-tabs{height:70px}.reference-layout .customer-tags{display:flex}.reference-layout .profile-panel.show-quick #profileBody,.reference-layout .profile-panel.show-quick #profileEmpty{display:none!important}.reference-layout .quick-replies{padding:16px}.reference-layout .quick-replies p{font-size:12px;color:#9ba89e;line-height:1.7}.reference-layout .quick-reply-row{display:flex;margin-bottom:9px;border:1px solid #3c493f;border-radius:9px;overflow:hidden}.reference-layout .quick-reply-row button{background:#29342d;color:#d0dfd4;border:0;padding:12px;text-align:left;cursor:pointer;line-height:1.7}.reference-layout .quick-reply-row button:first-child{flex:1}.reference-layout .quick-reply-row button:hover{background:#35453a}.reference-layout #reminderControl{display:flex!important;padding:20px 0 0}.reference-layout .assign-soft{background:#344b3d;color:#c4dfcc}.reference-layout .profile-body #editProfileBtn{background:#477654}.reference-layout .profile-body #blockBtn{background:#412e2c;color:#e3b7ae;border-color:#543a36}
@media(max-width:1200px){.reference-layout .app-shell{grid-template-columns:245px minmax(0,1fr)}.reference-layout #chatView{grid-template-columns:minmax(0,1fr) 260px}.reference-layout .chat-head{padding:0 20px}.reference-layout .chat-head-actions{gap:3px}.reference-layout .rtc-head-btn{font-size:11px}.reference-layout .composer-bottom{gap:3px}.reference-layout .composer-tools button{padding:5px}.reference-layout .composer-hint{display:none}}
@media(max-width:960px){.reference-layout .app-shell{grid-template-columns:205px minmax(0,1fr)}.reference-layout #chatView{grid-template-columns:minmax(300px,1fr)}.reference-layout .profile-panel{display:none}.reference-layout .top-actions{gap:10px}.reference-layout .workbench-title{font-size:19px}}
@media(max-width:700px){.reference-layout .app-shell{grid-template-columns:165px minmax(0,1fr)}.reference-layout .brand{padding:20px 12px 0}.reference-layout .brand b{font-size:12px}.reference-layout .topbar .seat small,.reference-layout #appearanceBtn{display:none}.reference-layout .topbar{padding:0 10px}.reference-layout .top-actions{gap:9px}.reference-layout .workbench-nav{padding:0 8px 12px}.reference-layout .workbench-nav .rail-btn{padding:6px 7px}.reference-layout #chatView{overflow:auto}.reference-layout .chat-head{padding:0 15px}.reference-layout .chat-user{column-gap:7px}.reference-layout #chatName{font-size:18px}.reference-layout .rtc-head-btn{font-size:10px}.reference-layout .composer-area{padding:12px}.reference-layout .messages{padding:12px}.reference-layout .composer-tools button{font-size:11px}.reference-layout .conversation-panel .tabs{display:flex}}

.reference-layout #purgeCustomerBtn{display:none!important}
.reference-layout #imageBtn svg{display:none}