.wa-workspace{display:flex;flex-direction:column;min-height:0;height:100%;gap:6px;color:var(--text,#183741)}
.wap-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.wap-heading h1{font-size:21px;margin:0}.wap-heading p{margin:5px 0;color:var(--muted,#64748b);font-size:13px}
.wa-workspace button,.wa-workspace select{font:inherit;border:1px solid #cedee2;border-radius:8px;background:var(--surface,#fff);color:inherit;padding:8px 12px;cursor:pointer}.wa-workspace button:hover{border-color:#0f887d}.wa-workspace [hidden]{display:none!important}
.wap-status{display:flex;flex-wrap:wrap;gap:6px 18px;padding:6px 10px;border:1px solid #deeaed;border-radius:8px;background:#f5fafb}.wap-status>div{display:flex;gap:6px;align-items:baseline;min-width:0}.wap-status span{font-size:11px;color:#627b85}.wap-status strong{font-size:12px;overflow-wrap:anywhere}
.wap-guide{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:13px;color:#526b75}.wap-guide>div{display:flex;gap:16px;flex:none}.wap-guide a{color:#08786f}#wap-error{margin:0;color:#a43e26;font-size:13px;min-height:0}#wap-error:empty{display:none}
.wap-layout{display:grid;grid-template-columns:var(--wap-left,220px) 8px minmax(280px,1fr) 8px var(--wap-right,340px);flex:1;min-height:0;border:1px solid #d9e6e9;border-radius:12px;overflow:hidden;background:var(--surface,#fff)}
.wap-customers,.wap-details{padding:16px;overflow:auto}.wap-customers{border-right:0}.wap-details{border-left:0;background:#f8fbfc}.wap-customers label{font-size:12px;font-weight:600}.wap-customers select{width:100%;margin-top:8px}.wap-customers h2,.wap-details h2,.wap-conversation h2{font-size:15px;margin:0 0 10px}.wap-customers h2{margin-top:20px}.wap-details h3{font-size:13px;margin:22px 0 8px}.wap-details p,#wap-account-summary{font-size:12px;line-height:1.7;color:#627b85;overflow-wrap:anywhere}
.wap-customer{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;margin:6px 0}.wap-customer strong{font-size:13px}.wap-customer span,.wap-customer small{font-size:11px;color:#617985;overflow-wrap:anywhere}.wap-customer.selected{background:#e9f7f3;border-color:#0b8879}
.wap-conversation{display:flex;flex-direction:column;min-height:0;min-width:0}.wap-conversation header{padding:16px;border-bottom:1px solid #e1ebed}.wap-conversation header p{margin:0;font-size:12px;color:#6d828a;overflow-wrap:anywhere}.wap-conversation footer{padding:12px 16px;font-size:12px;color:#637982;border-top:1px solid #e1ebed}.wap-conversation #wap-older{margin:10px auto;flex:none}
#wap-messages{flex:1;min-height:0;overflow:auto;padding:18px;background:#f4f8f9;display:flex;flex-direction:column;gap:12px}.wap-message{max-width:88%;align-self:flex-start;border:1px solid #dce7e9;background:#fff;border-radius:10px;padding:10px 13px;overflow-wrap:anywhere}.wap-message.mine{align-self:flex-end;background:#e7f5ef}.wap-message.unknown{border-style:dashed}.wap-message p{margin:5px 0;font-size:13px;line-height:1.65;white-space:pre-wrap}.wap-message small{color:#71838b;font-size:11px}.wap-translation{color:#597784;border-top:1px solid #d7e4e6;padding-top:7px}.wap-empty{padding:14px;font-size:13px;color:#758892;line-height:1.8}
.wap-heading h1{font-size:17px}.wap-heading{min-height:32px}.wap-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px}.wap-links a{color:#08786f}.wap-links button{padding:4px 9px}.wap-guide{font-size:11px;display:block}.wap-guide summary{cursor:pointer;width:max-content;color:#617985}.wap-guide span{display:block;padding:5px 0}
.wap-details .wa-form-grid{grid-template-columns:70px minmax(0,1fr);gap:8px}.wap-details .wa-form-grid label{text-align:left;font-size:12px}
#wap-error[data-kind=info]{color:#637982}
.wap-details{display:block;padding:0}.wap-tabs{display:flex;gap:2px;padding:7px;border-bottom:1px solid #e1ebed;position:sticky;top:0;background:#f8fbfc;z-index:1}.wap-tabs button{padding:7px 8px;flex:1;font-size:12px;white-space:nowrap}.wap-tabs [aria-selected=true]{background:#e5f3ee;color:#08786f;border-color:#6eb8aa}#wap-side-panels{padding:12px}.wap-details input,.wap-details textarea,.wap-details select{box-sizing:border-box;max-width:100%}.wap-conversation footer textarea{box-sizing:border-box;width:100%;resize:vertical;border:1px solid #cfdee2;border-radius:8px;padding:8px;font:inherit}.wap-conversation footer button{padding:5px 10px;font-size:12px;margin-top:5px}#wap-draft-note{margin-left:8px;font-size:11px}
@media(max-width:1050px){.wap-layout{grid-template-columns:var(--wap-left,180px) 8px minmax(280px,1fr) 8px var(--wap-right,290px)}.wap-customers{padding:10px}}
@media(max-width:800px){.wap-layout{grid-template-columns:180px minmax(220px,1fr);grid-template-rows:minmax(350px,auto) minmax(210px,auto);overflow:auto}.wap-details{grid-column:1/-1;min-height:210px;max-height:280px;border-left:0;border-top:1px solid #e1ebed}.wap-conversation{min-height:350px}}
@media(max-width:650px){.wap-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(110px,auto) minmax(400px,auto) minmax(210px,auto)}.wap-customers{min-height:110px;max-height:200px;border-right:0;border-bottom:1px solid #e1ebed}.wap-conversation{min-height:400px}.wa-workspace{overflow:auto}.wap-heading h1{font-size:16px}.wap-links{gap:7px}.wap-details{grid-column:auto}}

.wap-language{display:inline-flex;align-items:center;gap:6px;margin-right:8px}.wap-language select{padding:5px 8px;font-size:12px}#wap-draft-note:empty{display:none}.wap-conversation footer textarea{min-height:66px}.wap-conversation footer button:disabled{opacity:.5;cursor:default}

/* Shared panel surface: applies only to the plugin-backed workspace. */
.wap-layout>aside,.wap-layout>section{min-width:0}
.wap-resize{position:relative;cursor:col-resize;touch-action:none;background:#f7fafb;border-inline:1px solid #e5edef;outline:none}
.wap-resize:after{content:"";position:absolute;top:calc(50% - 18px);left:2px;width:2px;height:36px;border-radius:2px;background:#bdcfd3}
.wap-resize:hover,.wap-resize:focus-visible{background:#dcefe9}.wap-resize:focus-visible{box-shadow:inset 0 0 0 2px #168577}
.wap-resizing{cursor:col-resize;user-select:none}.wap-resizing *{cursor:col-resize!important}
.wap-tabs{padding:10px;gap:5px;background:#f8fbfc}.wap-tabs button{font-size:13px;border-color:transparent;background:transparent;padding:9px 6px}.wap-tabs [aria-selected=true]{background:#fff;border-color:#cce1dc;box-shadow:0 1px 3px #18374108}
#wap-side-panels{padding:16px;font-size:13px;line-height:1.6}
#wap-side-panels .wa-block{padding:0;background:none;border:0;box-shadow:none}
#wap-side-panels .wa-block-title{font-size:14px;font-weight:600;margin-bottom:10px}
#wap-side-panels .wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;line-height:1.5;padding:7px 11px;min-height:32px;border:1px solid #d4e2e5;background:#fff;border-radius:8px;color:#35525c;white-space:normal}
#wap-side-panels .wa-btn:hover{background:#f0f7f5;border-color:#8dbfb3}
#wap-side-panels .wa-btn-primary{background:#117c6f;border-color:#117c6f;color:#fff}
#wap-side-panels .wa-btn-primary:hover{background:#096b60;border-color:#096b60}
#wap-side-panels .wa-btn:disabled{opacity:.55;cursor:default}
#wap-side-panels .wa-btn-block{width:100%}
#wap-side-panels .wa-btn-del{color:#966363;background:transparent}
#wap-side-panels button:focus-visible,#wap-side-panels input:focus-visible,#wap-side-panels textarea:focus-visible,#wap-side-panels select:focus-visible{outline:2px solid #78b7a8;outline-offset:2px}
#wap-side-panels .wa-empty{padding:20px 4px;font-size:13px;line-height:1.7;color:#73858d}
#wap-side-panels .wap-panel-note,#wap-side-panels .wa-crm-hint{font-size:12px;line-height:1.6;color:#71848c;margin:10px 0 16px}
.wap-suggestions{display:flex;flex-direction:column;gap:10px}
#wap-side-panels .wap-suggestion{display:block;width:100%;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;font-size:13px;padding:13px;border:1px solid #d9e6e8;background:#fff;border-radius:10px}
#wap-side-panels .wap-suggestion:after{content:"插入草稿 →";display:block;margin-top:8px;font-size:11px;color:#117c6f}
#wap-side-panels .wap-suggestion:hover{background:#f0f8f5;border-color:#91bdaf}
#wap-side-panels .wa-tpl-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
#wap-side-panels .wa-tpl-cat{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;margin:20px 0 9px;color:#526d76;overflow-wrap:anywhere}
#wap-side-panels .wa-tpl-cat-actions{display:flex;gap:4px;flex:none}
#wap-side-panels .wa-tpl-cat-actions .wa-btn{padding:3px 6px;min-height:26px;font-weight:400;background:transparent;border-color:transparent}
#wap-side-panels .wa-tpl{padding:12px;margin:8px 0;border:1px solid #dce7e9;border-radius:10px;background:#fff}
#wap-side-panels .wa-tpl-zh{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.75;color:#28464f}
#wap-side-panels .wa-tpl-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
#wap-side-panels .wa-tpl-actions .wa-btn{padding:4px 8px;min-height:28px;font-size:11px}
#wap-side-panels .wa-tpl-actions [data-tpl-idx]{color:#087b6e;border-color:#bedbd2;background:#f0f8f5}
#wap-side-panels .wa-tpl-badge{display:inline-block;font-size:10px;line-height:1.5;color:#6c838a;background:#eff4f5;border-radius:4px;padding:1px 5px;margin-right:4px;vertical-align:middle}
#wap-side-panels .wa-tpl-arch{margin-top:20px;font-size:12px;color:#71848c}#wap-side-panels .wa-tpl-arch summary{cursor:pointer}#wap-side-panels .wa-tpl-arch-item{background:#f5f8f9}
#wap-side-panels .wa-form{padding:12px;border:1px solid #d7e5e8;border-radius:10px;background:#fff;margin-bottom:12px}
#wap-side-panels .wa-form-grid{display:grid;grid-template-columns:66px minmax(0,1fr);gap:10px 8px;margin-bottom:16px}
#wap-side-panels .wa-form-grid label{font-size:12px;font-weight:500;color:#586f78;text-align:left;align-self:center;margin:0}
#wap-side-panels .wa-form-grid input,#wap-side-panels .wa-form-grid textarea,#wap-side-panels .wa-form-grid select{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;padding:8px 10px;font:inherit;line-height:1.5;border:1px solid #d5e2e6;border-radius:8px;background:#fff;color:#294650}
#wap-side-panels textarea{resize:vertical;min-height:80px}#wap-side-panels input::placeholder,#wap-side-panels textarea::placeholder{color:#94a4ac;font-size:12px}
#wap-side-panels .wa-form-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
#wap-side-panels .wa-save-status{font-size:12px;overflow-wrap:anywhere}.wap-details .wa-save-ok{color:#117c6f}
@media(max-width:800px){.wap-resize{display:none}.wap-layout{grid-template-columns:180px minmax(220px,1fr)}.wap-details{grid-column:1/-1}}
@media(max-width:650px){.wap-layout{grid-template-columns:minmax(0,1fr)}.wap-details{grid-column:auto}#wap-side-panels{padding:12px}}

#wap-side-panels .wa-tpl-group-label{display:block;font-size:12px;color:#617985;margin-bottom:6px}#wap-side-panels #wa-tpl-group{width:100%;margin-bottom:12px;font-size:13px}#wap-side-panels input[readonly]{background:#eff4f5;color:#6b7f87;cursor:default}#wa-meta-note{font-size:12px;color:#a43e26;margin:8px 0}#wa-meta-note:empty{display:none}#wa-meta-retry{margin-bottom:10px}

#wap-side-panels .wa-tpl-groups{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:1px 1px 8px;margin-bottom:10px;scrollbar-width:thin}#wap-side-panels .wa-tpl-groups button{flex:none;white-space:nowrap;padding:6px 10px;font-size:12px;border-radius:16px;background:#fff;border-color:#d4e2e5}#wap-side-panels .wa-tpl-groups button[aria-pressed=true]{background:#e4f3ee;color:#087b6e;border-color:#7fb5a7}#wap-side-panels .wa-tpl-groups button:focus-visible{outline:2px solid #78b7a8;outline-offset:-2px}

/* Compact source badge lives beside each customer, not above the workspace. */
.wap-customer .wap-customer-title{display:flex;align-items:center;gap:8px;min-width:0}.wap-customer .wap-customer-title>span:last-child{font-size:13px;color:inherit;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wap-customer .wap-platform-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px;border-radius:7px;background:#eaf6f0;color:#17865a}.wap-platform-icon svg{display:block}.wap-links{flex-wrap:wrap;row-gap:6px}

.wap-status .wap-pending-detection strong{font-weight:400;color:#7b8991}.wa-workspace .wap-copy-web{padding:2px 6px;margin-left:-8px;border:0;background:transparent;color:var(--muted,#64748b);font-size:16px;line-height:1.2}

@media(min-width:1280px){.wap-send-settings{display:block;margin:0;padding:6px 10px;border:1px solid #deeaed;border-radius:8px;background:#f8fbfc}.wap-send-settings summary{cursor:pointer}.wap-send-settings label{display:flex;align-items:center;gap:8px;margin-top:10px;font-weight:600}.wap-send-settings input{accent-color:#08786f}.wap-send-settings p{max-width:760px;margin:6px 0;line-height:1.6;color:#806342}}

@media(min-width:1280px){.wap-auto-send-control{display:inline-flex;align-items:center;gap:6px;margin-left:12px;vertical-align:middle;white-space:nowrap;color:#526b75;cursor:pointer}.wap-auto-send-control input{margin:0;accent-color:#08786f;width:15px;height:15px}#wap-send-mode-status{margin-left:8px;font-size:11px}#wap-send-mode-status:empty{display:none}}

@media(min-width:1280px){.wap-auto-send-wrap{position:relative;display:inline-block;vertical-align:middle}.wap-send-popover{position:absolute;bottom:calc(100% + 12px);right:-8px;width:280px;max-width:calc(100vw - 48px);box-sizing:border-box;padding:14px 32px 14px 16px;background:#fffaf0;border:1px solid #e8d4aa;border-radius:12px;box-shadow:0 8px 28px #18374120;color:#76551d;z-index:20;text-align:left;white-space:normal}.wap-send-popover:after{content:"";position:absolute;right:37px;bottom:-6px;width:10px;height:10px;background:#fffaf0;border-right:1px solid #e8d4aa;border-bottom:1px solid #e8d4aa;transform:rotate(45deg)}.wap-send-popover strong{display:block;font-size:13px;margin-bottom:5px}.wap-send-popover>span{display:block;line-height:1.65;font-size:12px}.wap-conversation footer .wap-send-popover button{position:absolute;right:6px;top:3px;border:0;background:transparent;padding:2px 6px;font-size:20px;color:#8f7956;line-height:1.2}.wap-conversation footer #wap-send-mode-status{display:block;margin:4px 0 0;color:#64748b}}