/* Shared visual system: quiet surfaces, clear actions, comfortable density. */
:root{--primary:#5263d6;--primary-light:#eef0ff;--sidebar-bg:#192238;--sidebar-hover:#25314b;--bg:#f5f6fa;--card:#fff;--border:#e5e8f0;--text:#263149;--text-2:#59657b;--text-3:#7b869a;--success:#21846a;--warning:#ba791e;--danger:#d14d62;--radius:12px}
body{font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;height:100dvh}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea,[tabindex]{outline-offset:3px} :focus-visible{outline:2px solid var(--primary)}
.main,.content,.card-body,.settings-grid>*,.form-row>*{min-width:0}
.sidebar{width:204px;background:var(--sidebar-bg)}
.sidebar-logo{height:76px;padding:0 20px;gap:10px}.logo-img{width:34px;height:34px;object-fit:cover;border-radius:11px}.sidebar-logo .logo-text .t1{font-size:15px;font-weight:600;letter-spacing:.2px}
.sidebar-nav{padding:8px 12px;display:flex;flex-direction:column;gap:5px}.nav-item{border:0;border-radius:9px;padding:12px 14px;min-height:45px;gap:11px;font-size:13px;color:#bac4d7}.nav-item:hover{background:var(--sidebar-hover)}.nav-item.active{background:#354469;color:#fff;box-shadow:inset 3px 0 #a5b1ff}.nav-item svg{width:18px;height:18px}.nav-badge{font-size:10px;background:#dd7187;min-width:18px;text-align:center}.sidebar-footer{padding:14px 12px}.sidebar-footer .nav-item{padding-left:14px}
.topbar{height:66px;padding:0 26px;gap:14px}.topbar-search{flex:0 1 350px}.topbar-search input{height:36px;background:#f7f8fc;border-color:#edf0f5;border-radius:9px}.topbar-actions{gap:20px}.topbar-user{font-size:13px}.avatar{background:#6b79cd}.prototype-badge{font-size:11px;color:#7e889b;white-space:nowrap;border:1px solid var(--border);padding:3px 8px;border-radius:6px}
.content{padding:24px 26px 32px;scrollbar-gutter:stable}.page-title{font-size:22px;font-weight:600;line-height:1.5;letter-spacing:.1px;margin-bottom:20px;border:0;padding:0;gap:12px}.page-title>span:not(.tag){font-size:12px!important}.page-title>label{font-size:12px!important;border-radius:8px!important;padding:7px 12px!important}.page-title .fu-tabs{margin:0}
.card,.stat-card,.fu-card,.ad-card{border-radius:12px;border-color:var(--border);box-shadow:0 2px 5px #23324f03}.card:hover,.stat-card:hover,.fu-card:hover{transform:none;box-shadow:0 2px 5px #23324f03}.stat-card{cursor:default;padding:20px 22px}.stat-card .value{font-size:29px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.7px}.stat-card .label{color:var(--text-2)}.stat-card .change{color:var(--text-3)}.stat-row{gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.card-header{padding:16px 20px;gap:12px}.card-header h3{font-size:14px}.card-body{padding:20px}.ad-card{padding:20px}.ads-grid{gap:16px}
.btn,.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 14px;border-radius:8px;font-size:13px;line-height:20px;font-weight:500;letter-spacing:0;white-space:nowrap;border:1px solid #dce1eb;color:var(--text-2);background:#fff;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:#f6f7fd;border-color:#b0b9e8;color:var(--primary)}.btn-sm{min-height:30px;padding:4px 10px;font-size:12px}.btn-primary,.btn-purple{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover,.btn-purple:hover{background:#4253c4;color:#fff;border-color:#4253c4}.btn-success,.btn-cyan,.btn-success-outline{background:#edf8f4;color:#21795f;border-color:#cbe7dc}.btn-success:hover,.btn-cyan:hover{background:#ddf0e8;color:#1c694f}.btn-warning,.btn-orange,.btn-pink{background:#fff6e9;color:#9e6a1e;border-color:#efdfbf}.btn-danger,.btn-danger-outline{background:#fff2f4;color:#be4257;border-color:#efd0d6}.btn-danger:hover{background:#ffe5ea;color:#aa3247}.btn-purple-outline,.btn-blue-outline{background:#f4f3ff;color:#6659b4;border-color:#ddd8f4}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active{transform:translateY(1px)}

.tag{border:0;font-size:11px;line-height:20px;padding:1px 7px;border-radius:5px;font-weight:500;letter-spacing:0}.tag-blue{background:#edf1fe;color:#5668b6}.tag-green{background:#eaf6ef;color:#347c5d}.tag-red{background:#fff0f2;color:#bc5166}.tag-orange{background:#fff3e5;color:#a47530}.tag-purple{background:#f2edfd;color:#8363b3}.tag-gray{background:#f0f2f6;color:#7d8799}.ai-tag,.ai-badge{background:#eee9fc;color:#765ab5;border-radius:5px;font-weight:500}.country-flag{display:inline-block;color:#8993a5;font-size:10px;min-width:21px;margin-right:3px}
.form-input,.form-select,.form-textarea{border-color:#dfe4ee;border-radius:8px;font-size:13px;padding:8px 11px;background:#fff;color:var(--text);height:auto;min-height:36px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#8e9be3;box-shadow:0 0 0 3px #5263d60c}.form-input::placeholder,.form-textarea::placeholder{color:#929bad}.form-row{flex-wrap:wrap}.form-row .form-group{min-width:180px}.form-group label{font-size:12px;font-weight:500}.checkbox-row{line-height:1.6}input[type=checkbox]{accent-color:var(--primary)}
table:not(.mail-original-html *){font-size:12px}th:not(.mail-original-html *){background:#f8f9fc;color:#748095;font-size:11px;font-weight:500;letter-spacing:0;white-space:nowrap}.content table:not(.mail-original-html *) td,.content table:not(.mail-original-html *) th{padding:12px 14px;vertical-align:middle}tbody:not(.mail-original-html *) tr:hover{background:#f8f9fd}td:not(.mail-original-html *){line-height:1.6}.table-scroll{max-width:100%;overflow:auto;scrollbar-gutter:auto}.table-scroll>table{min-width:760px}.crm-data-table{min-width:2200px!important;table-layout:fixed!important}.crm-data-table th:first-child{width:42px!important}.crm-data-table th:nth-child(2){width:170px}.crm-data-table th:nth-child(3){width:145px}.crm-data-table th:nth-child(4){width:110px}.crm-data-table th:nth-child(5){width:155px}.crm-data-table th:nth-child(6){width:150px}.crm-data-table td{overflow:hidden;text-overflow:ellipsis}.crm-data-table tr.crm-insight>td{padding:16px!important}.crm-insight-inner{width:min(1020px,calc(100vw - 320px));position:sticky;left:16px}.crm-toolbar,.pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;font-size:12px}.crm-toolbar{padding:0;margin-bottom:16px}.pager{margin-top:14px;color:var(--text-2)}.fu-tabs{gap:6px;flex-wrap:wrap}.fu-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:8px;font-size:13px;border:1px solid transparent;cursor:pointer;color:var(--text-2)}.fu-tab.active{background:#e9edff;color:#4e5cba;border-color:#dce2ff;font-weight:600}.fu-tab:hover{background:#eef0f8}.fu-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;color:#fff;font-size:11px}
.email-layout{grid-template-columns:168px minmax(260px,310px) minmax(0,1fr);height:calc(100dvh - 151px);min-height:380px;border-radius:12px}.email-folders{background:#fbfcfe;font-size:12px;overflow-wrap:anywhere;padding:12px 0}.folder-item{padding:9px 12px;margin:2px 6px;border-radius:7px;font-size:12px}.folder-item.active{background:#eaeefe;font-weight:600}.email-list{min-width:0}.email-search{padding:12px 10px;position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid var(--border)}.email-search svg{left:18px}.email-search input{font-size:12px;height:34px;background:#fafbfe}.email-item{padding:14px 14px;border-bottom-color:#edf0f5}.email-item .from{flex-wrap:wrap;gap:4px;font-size:12px}.email-item .from .tag{font-size:10px!important;padding:0 5px}.email-item .time{margin-left:auto;font-size:10px;color:var(--text-3);font-weight:400}.email-item .subject{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0}.email-item .preview{font-size:11px}.email-item.active{background:#f0f3ff;box-shadow:inset 3px 0 #7c8bdf}.email-detail{padding:20px;min-width:0;overflow-wrap:anywhere}.email-detail .actions{gap:6px;padding-bottom:14px;margin-bottom:16px}.email-detail .subject{font-size:19px;line-height:1.5;letter-spacing:-.25px}.email-detail .body{font-size:13px;line-height:1.9;width:100%;max-width:100%}.email-detail .meta{gap:10px;flex-wrap:wrap}.email-detail .meta .info{flex:1;min-width:160px}.email-detail .meta .info .name{font-size:13px}.email-detail .meta .info .email-addr{font-size:11px;overflow-wrap:anywhere}.email-detail .actions select{max-width:110px;height:30px}.email-detail .actions>span>span{display:none}.email-mobile-back{display:none}
.wa-layout{grid-template-columns:290px minmax(0,1fr);height:calc(100dvh - 200px);min-height:460px}.wa-chat-header{padding:14px;flex-wrap:wrap;gap:8px}.wa-chat-header>div:last-child{flex-wrap:wrap;gap:6px}.wa-chat-header .info{min-width:130px}.wa-chat-item{padding:12px 14px}.wa-chat-item .top{flex-wrap:nowrap;gap:4px}.wa-chat-item .name{font-size:12px}.wa-chat-item .time{font-size:10px}.wa-chat-item.active{background:#eef6f3}.wa-messages{background-color:#efe7dd;background-image:radial-gradient(rgba(170,150,125,.16) 1.4px,transparent 1.8px),radial-gradient(rgba(170,150,125,.12) 1.4px,transparent 1.8px);background-size:24px 24px,48px 48px;background-position:0 0,12px 12px;display:flex;flex-direction:column;gap:10px;padding:20px;min-height:160px}.wa-msg{max-width:68%;line-height:1.7;margin:0;border-radius:10px;padding:10px 13px;box-shadow:0 1px 2px #1e4c2f08;overflow-wrap:anywhere}.wa-msg.in{align-self:flex-start;background:#fff}.wa-msg.out{align-self:flex-end;background:#dff0e7}.wa-msg .translation{color:#6f8078;font-size:12px;padding-top:7px;margin-top:7px}.wa-input{padding:12px;background:#fff;flex-shrink:0}.wa-input>div{flex-wrap:wrap;gap:7px}.wa-input textarea{min-height:64px;line-height:1.6}.wa-input .btn{align-self:flex-end}.msg-acts{display:flex;gap:8px;flex-wrap:wrap}
.settings-grid{grid-template-columns:174px minmax(0,1fr);gap:20px}.settings-grid>div:first-child{align-self:start;position:sticky;top:0;background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px}.settings-tab{padding:10px 12px;margin:2px 0;font-size:12px}.settings-tab.active{background:#edf0ff;color:#5966bc}.connect-panel .cp-head,.cp-head{background:#f9fafc;padding:14px 16px}.cp-row{flex-wrap:wrap}.cp-row label{min-width:120px}.cp-body{line-height:1.8}
.assist-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;margin-bottom:20px}.assist-feature{display:flex!important;flex-direction:column;gap:12px!important;padding:22px!important;min-width:0}.assist-feature>div{width:100%!important;min-width:0;flex-shrink:1!important}.assist-feature>div:nth-child(2){min-height:44px;font-size:12px!important}.assist-feature>div:last-child{margin-top:auto;padding-top:8px;align-self:stretch!important;display:flex;justify-content:flex-end}.assist-feature>div:nth-child(3){flex:1}.assist-upload{display:block;cursor:pointer;background:#fafbff;border:1px dashed #ccd3e7;border-radius:8px;padding:9px 10px;text-align:center;font-size:12px;color:#75829c}.assist-upload input{width:100%;font-size:11px}.assist-upload:focus-within{outline:2px solid var(--primary)}
.modal-overlay{background:#17233b66;backdrop-filter:blur(3px);padding:16px}.modal{width:640px;max-width:min(94vw,1000px);max-height:90dvh;border-radius:14px;box-shadow:0 24px 80px #14233b33}.modal-header{padding:18px 22px}.modal-header h3{font-size:16px}.modal-body{padding:22px;line-height:1.7}.modal-footer{padding:14px 22px;flex-wrap:wrap;background:#fafbfe;border-radius:0 0 14px 14px}.modal-close{width:30px;height:30px;border-radius:6px}.modal-close:hover{background:#f1f2f7}.empty-state{font-size:13px;padding:50px 20px;color:#8290a5}.mode-toggle{right:22px;bottom:12px;font-size:11px;padding:6px 12px;color:#7c879d;box-shadow:0 2px 8px #1c294f08}.msg-toast-wrap{top:auto;bottom:56px;right:22px;width:340px;max-width:calc(100vw - 32px);pointer-events:none}.msg-toast-wrap .msg-toast{position:relative;inset:auto;max-width:100%;display:flex;gap:10px;pointer-events:auto;padding:14px;border:1px solid var(--border);border-left:3px solid var(--primary);box-shadow:0 8px 32px #263b5c16}.mt-title{font-size:12px;font-weight:600}.mt-body{font-size:12px;color:var(--text-2);line-height:1.7}.mt-time{font-size:10px;color:var(--text-3)}.msg-toast:not(.msg-toast-wrap .msg-toast){top:auto;bottom:55px;right:22px}.mt-icon{display:none}
::-webkit-scrollbar{width:6px;height:7px}::-webkit-scrollbar-thumb{background:#ccd2e0;border-radius:6px}::-webkit-scrollbar-track{background:transparent}
@media(max-width:1100px){.sidebar{width:178px}.sidebar-logo{padding:0 12px}.sidebar-logo .logo-text .t1{font-size:13px}.content{padding:20px 18px}.topbar{padding:0 18px}.email-layout{grid-template-columns:140px 260px minmax(0,1fr)}.email-detail{padding:16px}.email-folders>div:last-child{font-size:11px}.wa-layout{grid-template-columns:245px minmax(0,1fr)}.stat-card{padding:16px}.page-title{font-size:20px}.assist-grid{grid-template-columns:1fr}.crm-insight-inner{width:calc(100vw - 265px)}}
@media(max-width:760px){body{flex-direction:column}.sidebar{width:100%;height:auto;flex-shrink:0;flex-direction:row;align-items:center;padding:4px 8px}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;overflow:auto;padding:4px;gap:3px}.sidebar .nav-item{padding:9px 11px;min-height:38px;white-space:nowrap;font-size:12px;gap:6px}.sidebar .nav-item svg{width:15px;height:15px}.sidebar .nav-item.active{box-shadow:inset 0 -2px #a5b1ff}.sidebar-footer{padding:4px;border:0}.sidebar-footer svg{display:none}.topbar{height:54px;padding:0 12px}.topbar-actions{gap:10px}.topbar-search{flex:1}.prototype-badge{display:none}.content{padding:16px 12px 40px}.page-title{font-size:19px;margin-bottom:15px;gap:8px}.page-title>label{margin-left:0!important}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card .value{font-size:25px}.form-row{flex-direction:column;gap:0}.settings-grid{grid-template-columns:1fr;gap:12px}.settings-grid>div:first-child{position:static;display:flex;overflow-x:auto}.settings-tab{flex-shrink:0}.email-layout{display:flex;flex-direction:column;height:calc(100dvh - 208px);min-height:360px}.email-folders{display:flex;flex-shrink:0;overflow:auto;padding:5px;gap:3px;border-bottom:1px solid var(--border)}.folder-item{white-space:nowrap;margin:0;padding:8px}.email-folders>div:not(.folder-item){display:none}.email-folders>button{display:none}.email-list{flex:1;min-height:0}.email-detail{display:none;flex:1;min-height:0}.email-layout.detail-open .email-list{display:none}.email-layout.detail-open .email-detail{display:block}.email-mobile-back{display:inline-flex;margin-bottom:12px}.wa-layout{grid-template-columns:1fr;height:auto;min-height:0}.wa-list{max-height:210px;border-bottom:1px solid var(--border)}.wa-chat{height:650px}.wa-chat-header{padding:12px}.wa-msg{max-width:92%}.ads-grid,.assist-grid{grid-template-columns:1fr}.card-body{padding:16px}.card-header{padding:14px 16px}.crm-insight-inner{width:calc(100vw - 72px)}.crm-insight-inner>div:first-child{grid-template-columns:1fr!important}.modal-body{padding:16px}.modal{max-width:100%;max-height:92dvh}.page-title>span:not(.tag){width:100%}.mode-toggle{display:none}.topbar-user .name{display:none}}
body.mobile .sidebar{width:100%;height:auto;flex-direction:row}.mobile .sidebar-logo{display:none}.mobile .sidebar-nav{flex-direction:row;overflow-x:auto}.mobile .sidebar .nav-item{white-space:nowrap;font-size:12px;padding:10px}.mobile .sidebar-footer{padding:8px}.mobile{flex-direction:column}.mobile .content{max-width:760px;width:100%;margin:auto}.mobile .email-layout{display:flex;flex-direction:column;height:auto}.mobile .email-folders{display:flex;overflow:auto}.mobile .email-folders>div:not(.folder-item),.mobile .email-folders>button{display:none}.mobile .email-list{max-height:280px}.mobile .email-detail{display:block}.mobile .settings-grid,.mobile .assist-grid{grid-template-columns:1fr}.mobile .wa-layout{grid-template-columns:1fr;height:auto}.mobile .wa-list{max-height:220px}.mobile .wa-chat{height:680px}.mobile .crm-insight-inner{width:650px}
.settings-grid table td{white-space:nowrap}.settings-grid table td:nth-child(2){min-width:100px}.settings-grid table td:nth-child(3){min-width:100px}
.card.table-scroll:has(.crm-data-table){max-height:calc(100dvh - 280px);min-height:300px}.crm-data-table thead{position:sticky;top:0;z-index:2}.crm-data-table th{background:#f8f9fc}
.wa-input{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:6px 8px}.wa-input>div{grid-column:1/-1}.wa-input>div:has(textarea){grid-column:1}.wa-input>div:last-child{grid-column:2;align-self:end;padding:0!important}.wa-input #waLivePrev:empty{display:none}.wa-input textarea{min-height:64px!important}.wa-input .btn[title=发送]{background:#398b71;border-color:#398b71;border-radius:10px!important}
.campaign-builder{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}.campaign-form,.campaign-preview{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;min-width:0}.campaign-form .form-group{margin:20px 0}.campaign-preview{position:sticky;top:0}.preview-header{padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:18px}.preview-header .to{font-size:12px;color:var(--text-3);margin-bottom:10px}.preview-header .subject{font-size:16px;font-weight:600;line-height:1.6}.preview-body{font-size:13px;color:var(--text-2);line-height:1.9}.preview-body p{margin:12px 0}.ai-generate-box{background:#f8f7fd;border:1px solid #e9e5f5;border-radius:10px;padding:16px;margin:16px 0}.ai-generate-box>.label{font-size:12px;margin-bottom:12px;color:#766390}.variable-chips{margin-top:14px;gap:4px}.variable-chip{font-size:11px;background:#f2f1fb;border-color:#e0ddef;color:#7368a6;border-radius:5px;padding:2px 7px}.recipient-filters{background:none;padding:0}.recipient-filter{background:#eef0fb;color:#6472b6;border-radius:5px;font-size:11px}.campaign-form>div:last-child{flex-wrap:wrap;gap:12px}.campaign-form .form-row>*{flex:1}.campaign-form select{max-width:100%}.campaign-preview:before{content:'内容预览';display:block;font-size:11px;color:var(--text-3);letter-spacing:1px;margin-bottom:14px}
.email-folders>div:last-child>div:not(:first-child){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-item[hidden]{display:none}.assist-feature input[type=checkbox]{flex-shrink:0}
@media(max-width:1100px){.campaign-builder{grid-template-columns:1fr}.campaign-preview{position:static}}
@media(max-width:760px){.campaign-form,.campaign-preview{padding:16px}.card.table-scroll:has(.crm-data-table){max-height:65dvh}.wa-input{grid-template-columns:minmax(0,1fr) 44px}.settings-grid table td{white-space:normal;min-width:100px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.stage-select{appearance:auto;border:0;border-radius:5px;padding:3px 7px;margin-left:8px;font:500 12px inherit;cursor:pointer;max-width:105px;vertical-align:middle}.stage-select:hover{outline:1px solid #c9cfee}.email-detail .actions .assist-select{max-width:130px;height:30px;color:var(--primary);background:#f1f0fb;border-color:#deddf0}.email-detail .actions{align-items:center}.action-menu{position:relative;display:inline-block}.action-menu summary{list-style:none;cursor:pointer}.action-menu summary::-webkit-details-marker{display:none}.action-menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:40;background:#fff;min-width:160px;border:1px solid var(--border);border-radius:9px;box-shadow:0 8px 30px #1d294b1a;padding:5px}.action-menu-panel button{display:block;width:100%;border:0;border-radius:5px;padding:9px 12px;background:#fff;color:var(--text-2);font-size:12px;text-align:left;cursor:pointer;white-space:nowrap}.action-menu-panel button:hover{background:#f2f4fb;color:var(--primary)}.action-menu-panel .danger-action{color:var(--danger)}.message-action{background:none;border:0;padding:2px 5px;font-size:11px;color:#7e9086;cursor:pointer;border-radius:4px}.message-action:hover{background:#edf2ef;color:#347d61}.msg-acts{justify-content:flex-end;align-items:center;margin-top:4px}.message-more .action-menu-panel{top:auto;bottom:calc(100% + 4px)}.wa-msg[hidden]{display:none}.mail-translation{white-space:pre-wrap;line-height:1.9;margin:20px 0;padding:18px;background:#f5f6fd;border-left:3px solid #abb2e3;font-size:13px}.mail-translation:before{content:'中文译文';display:block;color:#7883ae;font-size:11px;margin-bottom:8px}.email-detail .meta .info .name{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.email-detail .meta .stage-select{margin-left:0}.email-detail .meta .corr-link{font-size:11px!important}.channel-cell{display:flex;align-items:center;gap:6px}.channel-cell a{color:var(--primary);overflow:hidden;text-overflow:ellipsis}.channel-cell button{border:0;background:none;color:var(--text-3);cursor:pointer;flex-shrink:0}.channel-cell button:hover{color:var(--primary)}
@media(max-width:760px){.email-layout{height:calc(100dvh - 208px)}.email-detail .actions{gap:5px}.action-menu-panel{right:0}.email-detail .meta .info{min-width:0}.email-detail .meta .corr-link{margin-left:0!important}}

.email-ai-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #b9a5ec;background:#f3edff;color:#7251af;padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer}.mail-advice{margin:0 0 20px;padding:15px 18px;background:#f1ebff;border:1px solid #d7c5f4;border-left:4px solid #9560d5;border-radius:9px;color:#57378b;font-size:13px;line-height:1.8}.mail-advice>strong{display:block;font-size:14px;color:#7541b5;margin-bottom:7px}.mail-advice p+p{margin-top:6px}

.mail-advice{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:16px;min-width:0;line-height:22px}.mail-advice>strong{flex-shrink:0;margin:0;font-size:13px}.mail-advice>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ---- 字段标签 / 跟进阶段(进度) 美化：进度全站最显眼，来源等次级信息弱化为中性 ---- */
.stage-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;box-sizing:border-box;padding:1px 8px;border-radius:20px;font-size:11px;line-height:18px;font-weight:600;letter-spacing:.1px;border:1px solid transparent;white-space:nowrap;vertical-align:middle}
.stage-chip i{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:currentColor}
.stage-chip:hover{filter:saturate(1.12);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}
.tag-src{background:#f7f8fb;border:1px solid #e8ebf2;color:#8a93a6}
.tag-src:hover{border-color:#d5dae6;color:#697287}
/* 邮件列表 from 行：名称可收缩省略、标签整体不换行拆字、时间稳居右 */
.email-item .from{flex-wrap:nowrap;gap:5px;align-items:center}
.email-item .from .from-name{flex:0 1 auto;min-width:0;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.email-item .from .tag,.email-item .from .stage-chip{flex-shrink:0}
.email-item .from .stage-chip{font-size:10px;padding:0 7px;line-height:17px;gap:4px}
.email-item .from .time{margin-left:auto;flex-shrink:0;white-space:nowrap}
/* WA 会话行：第一行=名字+进度chip(nowrap强制同行)，第二行=当地时间·来源 */
.wa-chat-item .top{align-items:center;gap:7px}
.wa-chat-item .name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-chat-item .top .stage-chip{flex-shrink:0;font-size:10px;line-height:17px;padding:0 7px}
.wa-chat-item .time{flex-shrink:0;white-space:nowrap}
.wa-chat-item .wa-sub{display:flex;align-items:center;gap:6px;min-width:0;margin-top:5px}
.wa-chat-item .wa-wh{flex-shrink:0;font-size:10px;color:var(--text-3);white-space:nowrap}
.wa-chat-item .wa-src{flex:0 1 auto;min-width:0;font-size:10px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
/* ---- 小咩魔法（协作/建议）统一橙色主题，与阶段彩色标签区分 ---- */
.ai-tag,.ai-badge{background:#fff0da;color:#b36500;border:1px solid #ffd7a2;font-weight:600}
.ai-tag:hover,.ai-badge:hover{border-color:#ffb85e}
.mail-advice{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;padding:5px 10px!important;margin-bottom:8px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;background:#fff5e8!important;border:1px solid #ffd5a0!important;border-left:4px solid #ff9b2f!important;border-radius:7px!important;color:#6d4910!important;font-size:12.5px!important;line-height:1.4!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.mail-advice>strong{display:inline-block!important;white-space:nowrap!important;font-size:12.5px!important;color:#bb6900!important;flex-shrink:0!important;margin:0!important}
.mail-advice>span{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.email-ai-toggle{background:#fff0da;border:1px solid #f2af58;color:#a86100}
.fu-ai-box{background:#fff5e9;border:1px solid #ffd6a4}
.fu-hint{background:#fff3e1;color:#a86100}
/* ---- WA 消息行：气泡限宽、来消息左侧客户头像、动作+时间并成单行脚注（不占地方） ---- */
.wa-messages{gap:6px;padding:16px 18px}
.wa-row{display:flex;align-items:flex-end;gap:6px;margin:0}
.wa-row.out{justify-content:flex-end}
.wa-row .wa-msg{max-width:68%;margin:0}
.wa-ava{width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wa-ava-sp{visibility:hidden}
.wa-foot{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:11px;color:var(--text-3)}
.wa-foot .meta{margin-left:auto;text-align:right;white-space:nowrap;color:var(--text-3)}
.wa-foot .msg-acts{margin:0;gap:4px;flex-wrap:nowrap}
.wa-foot .message-action{font-size:11px;padding:0 2px;color:#7e9086}
.mail-send-state{margin:4px 0 8px;padding:6px 10px;border-radius:6px;font-size:12.5px;line-height:1.5}
.mail-send-state.failed{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}
.mail-send-state.sending{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}
.wa-foot .meta .read{color:#34b7f1}
.wa-foot .meta .delivered{color:#8696a0}
.wa-foot .meta .wa-send-failed{color:#c0392b;font-weight:500}
.wa-foot .meta .wa-send-failed a{color:#c0392b;text-decoration:underline;cursor:pointer}
/* ---- WA 左会话行头像气泡 + 元信息分色 + 消息动作彩色符号 ---- */
.wa-chat-item .avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;align-self:center}
.wa-chat-item .wa-wh{color:#3d6ea9;font-weight:500}
.wa-chat-item .wa-src{color:#8e63c9;font-weight:500}
.wa-foot .meta{color:#3d6ea9}
.wa-act{display:inline-flex;align-items:center;cursor:pointer;font-size:14px;line-height:1;padding:0 1px;text-decoration:none}
.wa-act:hover{opacity:.85;transform:translateY(-1px)}
.wa-act svg{display:block}
.wa-msg .msg-acts .wa-act-reply{color:#2563a8}
.wa-msg .msg-acts .wa-act-fwd{color:#4e54c8}
.wa-msg .msg-acts .wa-act-react{color:#c05fa0}
.wa-msg .msg-acts .wa-act-del{color:#d4574f}
.wa-foot .msg-acts{display:inline-flex;align-items:center;gap:9px}
.wa-msg .msg-acts a.wa-act:hover{opacity:.85}

/* Reference CRM: readable conversation list and compact bilingual messages. */
.wa-layout{grid-template-columns:310px minmax(0,1fr)}
.wa-list-header{padding:16px;background:#fff;border-bottom:1px solid #edf0f4}
.wa-chat-item{padding:17px 14px;gap:12px;position:relative;border-bottom:1px solid #edf0f4}
.wa-chat-item.active{background:#f0f2f5;box-shadow:inset 3px 0 #818bdd}
.wa-chat-item:hover{background:#f7f8fa}
.wa-chat-item .avatar{width:38px;height:38px;background:#e9ecf9;color:#5968b1;font-size:16px}
.wa-chat-item .info{min-width:0;flex:1}
.wa-chat-item .name{font-size:13px;font-weight:600}
.wa-preview{font-size:12px;color:#738096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px;line-height:18px}
.wa-chat-item .wa-sub{margin-top:4px;gap:8px}
.wa-chat-item .wa-wh,.wa-chat-item .wa-src{font-size:10px}
.wa-chat-item .unread-badge{position:absolute;right:12px;bottom:12px;font-size:10px;min-width:16px;height:16px;line-height:16px}
.wa-chat-header{background:#f5f6f8;padding:12px 16px;border-bottom:1px solid #e5e7eb}
.wa-messages{padding:18px 20px;gap:10px;background-color:#eee8df}
.wa-row .wa-msg{max-width:78%;padding:9px 11px 5px;border-radius:7px;box-shadow:0 1px 1px #172b4010}
.wa-msg.in{background:#fff;border-top-left-radius:2px}
.wa-msg.out{background:#dff4cd;border-top-right-radius:2px}
.wa-msg .text{font-size:13px;line-height:1.65;color:#172a3a}
.wa-msg .translation{border-top:1px solid #dce3e8;padding-top:6px;margin-top:6px;font-size:12px;line-height:1.6;color:#465b70}
.wa-foot{margin-top:3px}.wa-foot .meta{font-size:10px}.wa-foot .msg-acts{gap:10px}
.wa-input{padding:10px 16px 12px;gap:4px;border-top:1px solid #edf0f4}
#waLivePrev:empty{display:none}
.wa-input textarea{border:0;border-radius:0;padding:7px 0;min-height:65px!important;background:#fff}
.wa-input textarea:focus{box-shadow:none}
.wa-chat-header select[data-c],.email-detail .actions .assist-select{background:#fff0da;border:1px solid #ffd19b;color:#ae6200}
@media(max-width:1100px) and (min-width:761px){.wa-layout{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:760px){.wa-layout{grid-template-columns:1fr}.wa-row .wa-msg{max-width:85%}.wa-messages{padding:12px 10px}}

@media(min-width:761px){
.wa-chat-header{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px 10px}
.wa-chat-header>.avatar{grid-row:1;grid-column:1}
.wa-chat-header>.info{grid-row:1;grid-column:2}
.wa-chat-header>.actions{grid-row:1;grid-column:3}
.wa-chat-header>div:nth-child(3){grid-row:2;grid-column:1/-1;margin-left:0!important;flex-wrap:wrap;gap:8px!important;font-size:11px!important}
.wa-chat-header select[data-c]{max-width:135px}
}
.wa-tag-group{display:inline-flex;align-items:center;flex-shrink:0;gap:2px}.wa-tag-remove{border:0;background:transparent;color:inherit;padding:0 2px;cursor:pointer;font:14px Arial;line-height:18px;opacity:.65}.wa-tag-remove:hover{opacity:1;color:#dc4656}.wa-source-chip{display:inline-flex;align-items:center;gap:3px;background:#eaf2fc;color:#42648c;border:1px solid #cfdef0;padding:0 5px;border-radius:4px;font-size:10px;line-height:18px;white-space:nowrap;max-width:100%}.wa-list-tabs{display:flex;gap:8px;margin-top:12px}.wa-list-tabs button{border:0;background:transparent;color:#718096;padding:4px 6px;cursor:pointer;font-size:12px}.wa-list-tabs button.active{color:#5364cb;background:#eef0fd;border-radius:4px}.wa-deleted{font-size:11px;color:#8791a2;padding:5px 10px}.wa-state-notice{padding:14px;background:#fff2df;color:#9c610b;font-size:12px}.wa-input[hidden]{display:none}.wa-conversation-menu{z-index:50}.wa-conversation-menu .action-menu-panel{min-width:185px}.wa-tag-group .stage-chip{font-size:10px;padding:0 6px}.wa-chat-item .wa-sub{flex-wrap:wrap}.wa-chat-header .wa-source-chip{font-size:10px}
/* WA reference layout: account rail, message canvas and open composer. */
.wa-page-caption{display:none}
.wa-layout{grid-template-columns:340px minmax(0,1fr);height:calc(100dvh - 112px);min-height:520px;border-radius:5px}
.wa-account-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f0f2f5;min-height:72px;border-bottom:1px solid #e9edf0}
.wa-account-avatar{width:42px;height:42px;border-radius:50%;background:#dfe5e9;color:#768797;display:grid;place-items:center;font-size:18px;position:relative;flex-shrink:0}
.wa-account-avatar i{position:absolute;bottom:1px;right:0;background:#21c797;width:10px;height:10px;border:2px solid #f0f2f5;border-radius:50%}
.wa-account-bar strong{font-size:13px;font-weight:600}.wa-account-bar small{display:block;font-size:11px;color:#8090a4;margin-top:4px}
.wa-account-bar>.wa-icon-button:first-of-type{margin-left:auto}
.wa-icon-button{border:0;background:transparent;color:#788699;width:27px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;font-size:23px;padding:0;flex-shrink:0}
.wa-icon-button:hover{background:#e9edf3;color:#5263b9}
.wa-list-header{padding:12px 13px 0;border:0}.wa-list-header .form-input{background:#f0f2f5;border:0;border-radius:5px;font-size:12px;padding:8px 10px;height:34px}
.wa-list-tabs{margin-top:10px;gap:4px;justify-content:space-between;padding:5px 0 8px;border-bottom:1px solid #eceef2}.wa-list-tabs button{padding:5px;font-size:11px}.wa-list-tabs button.active{background:transparent;color:#7275ef;box-shadow:inset 0 -2px #8d90f0;border-radius:0}
.wa-chat-item{padding:15px 15px;min-height:98px;gap:11px;border-bottom:1px solid #e9edf0}
.wa-chat-item.active{background:#f0f2f5;box-shadow:none}
.wa-chat-item .avatar{width:42px;height:42px;background:#e1e7ea;color:#8b99a2;font-size:19px;font-weight:500}
.wa-chat-item .name{font-size:13px;color:#122d44}.wa-chat-item .top{padding-right:29px;gap:5px}.wa-list-time{position:absolute;top:17px;right:10px;font-size:9px;color:#93a0ad;max-width:35px;white-space:nowrap}
.wa-chat-item .wa-preview{margin-top:5px;font-size:12px;color:#6d7c90}.wa-preview-check{color:#94a3b8;font-weight:700;margin-right:4px}.wa-preview-check.is-read{color:#0ea5e9}
.wa-chat-item .wa-wh{color:#97a2b0;font-weight:400}.wa-chat-item .wa-sub{gap:7px;margin-top:4px;padding-right:9px}
.wa-chat-header{background:#f0f2f5;padding:10px 17px;border-bottom:1px solid #e3e6e8;gap:8px 10px;grid-template-columns:42px minmax(0,1fr) auto}
.wa-chat-header>.avatar{width:42px;height:42px;background:#dfe5e9;color:#8b99a2;font-size:18px}
.wa-chat-header .info .name{font-size:14px}.wa-chat-header .info .status{font-size:11px;color:#258365;margin-top:3px}
.wa-note-link,.wa-header-file{background:none;border:0;color:#788597;font-size:11px;cursor:pointer;padding:2px 5px}.wa-note-link:hover,.wa-header-file:hover{color:#5364cf}
.wa-chat-header .actions .wa-action-btn{border:0;background:transparent;border-radius:4px;width:26px;height:28px}.wa-conversation-menu summary{border:0;background:transparent;font-size:18px;box-shadow:none;padding:0 5px}
.wa-chat-header>div:nth-child(3){gap:8px!important}.wa-chat-header .corr-link{background:none!important;color:#6473c7!important}.wa-header-file{color:#6473c7}
.wa-messages{background:#e9e4dc url('wa-wallpaper.svg') repeat;padding:18px 24px;gap:11px}
.wa-row .wa-ava{display:none}.wa-row{gap:0}.wa-row .wa-msg{max-width:88%;padding:8px 10px 4px;border-radius:5px;position:relative}
.wa-msg.in:before{content:'';position:absolute;left:-7px;top:0;border-top:8px solid white;border-left:8px solid transparent}
.wa-msg.out:before{content:'';position:absolute;right:-7px;top:0;border-top:8px solid #dff6c7;border-right:8px solid transparent}
.wa-msg.out{background:#dff6c7}.wa-msg .text{font-size:13px;line-height:1.6;color:#152e3e}.wa-msg .translation{font-size:12px;color:#28475f;border-color:#d8dfe6;margin-top:6px;padding-top:6px}.wa-msg .translation:before{content:'译';color:#8292ee;border:1px solid #b7c2fc;font-size:10px;margin-right:6px;padding:0 1px}
.wa-foot .meta{font-size:10px;color:#8a96a2}.wa-foot .msg-acts{gap:10px}.wa-act{font-size:12px}.wa-foot{margin-top:3px}
.wa-input{padding:8px 14px 10px;background:#fff;gap:3px;min-height:152px;border:0}
.wa-editor-tools{display:flex;align-items:center;gap:12px!important;height:30px;flex-wrap:nowrap!important}.wa-editor-tools .wa-icon-button{font-size:21px}.wa-editor-tools .is-active{color:#687fe3}.wa-tool-ai{font-size:11px;font-weight:700;border:0;background:#fff0da;color:#c77a18;border-radius:4px;padding:3px;cursor:pointer}
.wa-editor-hint{margin-left:auto;font-size:10px;color:#acb4bf;white-space:nowrap}.wa-editor-body{display:flex;position:relative;flex:1;align-items:stretch!important}.wa-editor-body textarea{width:100%;min-height:88px!important;border:1.5px solid #cbd5e1!important;border-radius:8px!important;resize:none;margin:0;padding:8px 42px 8px 12px!important;line-height:1.6;font-size:13px;background:#fff!important}.wa-editor-body textarea:focus{border-color:#5263d6!important;box-shadow:0 0 0 3px rgba(82,99,214,.12)!important}.wa-editor-body textarea::placeholder{color:#94a3b8}
.wa-send-button{position:absolute;right:8px;bottom:8px;border:0;background:#eef0ff;border-radius:6px;color:#4f60bb;padding:5px 7px;cursor:pointer}.wa-send-button:hover{background:#5263d6;color:#fff}.wa-send-button svg{width:20px;height:20px}
.wa-attachment-control{position:relative}.wa-attachment-popup{position:absolute;bottom:36px;left:0;background:white;box-shadow:0 4px 18px #27384922;border:1px solid #e2e7ee;border-radius:7px;padding:5px;z-index:70;width:160px}.wa-attachment-popup button{display:block;border:0;background:#fff;width:100%;text-align:left;padding:9px;color:#52617a;cursor:pointer}.wa-attachment-popup button:hover{background:#f2f4fa}
.wa-reply-strip{display:flex;align-items:center;background:#f3f5f8;border-left:3px solid #6c9fcc;padding:6px 10px;border-radius:4px;font-size:12px;color:#6a7d90}.wa-reply-strip span{flex:1;min-width:0}
.wa-contact-choice{display:block;width:100%;border:0;background:white;padding:12px;text-align:left;cursor:pointer;color:#23374e}.wa-contact-choice:hover{background:#f0f2fa}.wa-contact-choice small,.wa-shared-file small{display:block;color:#93a0b2;margin-top:5px}.wa-shared-file{padding:12px;border-bottom:1px solid #edf0f4;font-size:13px}
@media(min-width:761px) and (max-width:1100px){.wa-layout{grid-template-columns:290px minmax(0,1fr)}.wa-editor-hint{display:none}.wa-chat-item .top{padding-right:0}.wa-list-time{display:none}}
@media(max-width:760px){.wa-layout{grid-template-columns:1fr;height:auto}.wa-account-bar{min-height:58px}.wa-list{max-height:310px}.wa-chat{height:650px}.wa-chat-header{display:flex}.wa-chat-header>div:nth-child(3){width:100%;flex-wrap:wrap}.wa-editor-hint{display:none}.wa-messages{padding:14px}.wa-editor-tools{gap:9px!important}}
.wa-input{display:flex;flex-direction:column;align-items:stretch;grid-template-columns:none}
.wa-input>.wa-editor-body{width:100%;align-self:stretch;flex-wrap:nowrap;min-height:88px}
.wa-input .wa-editor-body textarea{flex:1;min-width:0;box-sizing:border-box}
.wa-messages{background-size:205px 189px}
.wa-list-empty{padding:30px 14px;text-align:center;font-size:12px;color:#94a0ae}
.wa-source-chip{background:transparent;border:0;border-radius:0;padding:0;color:#97a2b0;font-weight:400}
.wa-chat-header>div:nth-child(3)>span:first-child{color:#97a2b0}
/* Chat header metadata: four distinct semantic colors. */
.wa-chat-header>div:nth-child(3)>span:first-child{color:#3475ad}
.wa-chat-header .wa-source-chip{color:#b04f82}
.wa-chat-header .corr-link{color:#258365!important}

.wa-editor-tools .wa-translate-toggle{width:auto!important;height:26px!important;padding:0 10px!important;font-size:12px!important;font-weight:600!important;border-radius:14px!important;border:1px solid #cbd5e1!important;background:#f1f5f9!important;color:#475569!important}.wa-editor-tools .wa-translate-toggle.is-active{background:#e6f4ff!important;border-color:#69b1ff!important;color:#0958d9!important}.wa-editor-tools .wa-translate-toggle:hover{background:#e2e8f0!important;color:#1e293b!important}.wa-editor-tools .wa-translate-toggle.is-active:hover{background:#bae0ff!important;color:#003eb3!important}

.wa-chat-item .avatar img,.wa-chat-header>.avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}

.wa-account-bar .wa-account-status.online{color:#258365}

.wa-stage-select{font:inherit;font-size:11px;font-weight:600;border:1px solid;border-radius:12px;padding:2px 5px;cursor:pointer;max-width:100px}.wa-stage-select option{color:#243247;background:#fff}

.wa-library-intro{color:#6b778c;line-height:1.7;margin:0 0 16px}.wa-library-toolbar{display:flex;gap:10px;align-items:center}.wa-library-toolbar select{flex:1}.wa-library-toolbar label{cursor:pointer;white-space:nowrap}.wa-library-tabs{display:flex;gap:8px;margin:20px 0 12px}.wa-library-list{max-height:340px;overflow:auto}.wa-library-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #edf0f4}.wa-library-row>div{flex:1;min-width:0}.wa-library-row strong{display:block;overflow-wrap:anywhere;font-size:13px}.wa-library-row small{display:block;color:#8a95a6;margin-top:6px}.wa-library-row button{flex-shrink:0}.wa-library-note{display:block;color:#8a95a6;margin-top:16px}

.tag-contact{color:#d55232;background:#fff0e9;border-color:#d5523242}

.wa-source-select{font:inherit;font-size:11px;color:#b04f82;background:#b04f8210;border:1px solid #b04f8235;border-radius:6px;padding:3px 5px;max-width:140px;cursor:pointer}.wa-source-select option{color:#243247;background:#fff}

.record-message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px 10px;padding:10px 12px;margin:8px 0;border-radius:7px;border-left:3px solid;font-size:13px;line-height:1.65}.record-in{background:#edf4ff;border-color:#4a7cc7;color:#274c7f}.record-out{background:#edf8f1;border-color:#329368;color:#226747}.record-message strong{font-weight:600}.record-message span{overflow-wrap:anywhere}.record-message time{grid-column:2;text-align:right;font-size:11px;opacity:.75}

.call-record{border:1px solid #e3e8ef;border-radius:9px;padding:15px;margin:10px 0}.call-record-head{display:flex;align-items:center;gap:10px}.call-record-head time{margin-left:auto;font-size:12px;color:#8793a5}.call-record-audio{margin-top:14px;font-size:12px}.call-record-audio small{margin-left:10px;color:#8993a5}.call-record-audio audio{display:block;width:100%;height:36px;margin-top:9px}.call-record-summary{margin-top:12px;padding:10px 12px;background:#fff6e9;border-radius:6px;font-size:12px;color:#925714}.call-record-summary p{margin:5px 0 0;line-height:1.7;color:#4e596b}

.record-email{cursor:pointer}.record-email:hover{filter:brightness(.98)}.record-email:focus-visible{outline:2px solid #4a7cc7;outline-offset:2px}.record-email span b{font-size:12px;font-weight:500}

.wa-chat-header .wa-source-select,.wa-chat-header select[data-c]{width:110px;max-width:110px;min-width:0;box-sizing:border-box}

.wa-chat-header .wa-stage-select,.wa-chat-header .wa-source-select,.wa-chat-header select[data-c]{width:110px!important;min-width:110px;max-width:110px;flex:0 0 110px;height:28px;box-sizing:border-box;border-radius:6px;padding:3px 6px!important;font-size:11px!important;line-height:20px}

.wa-chat-header .wa-stage-select,.wa-chat-header .wa-source-select,.wa-chat-header select[data-c]{height:28px!important;min-height:28px!important;max-height:28px!important}

.reply-review{padding:14px 0;border-top:1px solid #e6eaf0}.reply-review>small{color:#8a94a4}.reply-review-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:12px}.reply-review-grid label{font-weight:600;font-size:12px;color:#6b7890}.reply-review-grid p{font-size:13px;line-height:1.7;white-space:pre-wrap;margin:6px 0 14px}.reply-final{color:#226747;background:#edf8f1;padding:10px;border-radius:6px}.reply-review-grid aside{background:#fff3e2;padding:12px;border-radius:8px;color:#965a13;font-size:13px}@media(max-width:650px){.reply-review-grid{grid-template-columns:1fr}}

.wa-msg{position:relative}.wa-message-menu{position:absolute;right:5px;top:3px;z-index:3}.wa-message-menu summary{list-style:none;cursor:pointer;background:#fff;border-radius:5px;width:27px;height:24px;text-align:center;font-size:20px;color:#637583;opacity:0}.wa-message-menu summary::-webkit-details-marker{display:none}.wa-msg:hover .wa-message-menu summary,.wa-msg:focus-within .wa-message-menu summary,.wa-message-menu[open] summary{opacity:1}.wa-message-menu>div{position:absolute;right:0;top:26px;width:82px;background:#fff;border:1px solid #e7eaf0;border-radius:7px;box-shadow:0 5px 18px #26394b26;padding:4px}.wa-message-menu button{display:block;width:100%;padding:7px;border:0;background:#fff;text-align:center;cursor:pointer}.wa-message-menu button:hover{background:#f0f3f5}.wa-message-menu .danger-action{color:#c84646}.wa-input .wa-reply-strip{background:#e8edef;border-left:4px solid #18b79d;border-radius:5px;padding:10px 12px;margin:0 0 10px;display:flex;align-items:center;justify-content:space-between}.wa-quote-preview{display:flex;flex-direction:column;gap:4px;min-width:0}.wa-quote-preview strong{font-size:12px;color:#159b87}.wa-quote-preview>span{font-size:12px;color:#70808e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:none){.wa-message-menu summary{opacity:1}}

.wa-msg{padding-right:34px!important}.wa-message-menu{right:4px;top:4px}.wa-message-menu summary{width:22px;height:26px;line-height:24px;font-size:22px;background:transparent}

/* Reference palette: white business workspace; distinct WhatsApp conversation canvas. */
:root{
 --primary:#505fff;--primary-light:#edf0ff;--sidebar-bg:#30364d;--sidebar-hover:#3b425c;
 --bg:#f6f7fa;--card:#fff;--border:#e8eaf0;--text:#202331;--text-2:#606778;--text-3:#969cab;
 --success:#258365;--warning:#be791c;--danger:#d74d5f;--radius:8px;
 --wa-canvas:#e4dcd4;--wa-in:#fff;--wa-out:#dbf8c6;--wa-chrome:#f0f2f5;
}
body{font-family:'Segoe UI','Microsoft YaHei',Arial,sans-serif;color:var(--text)}
.sidebar{background:var(--sidebar-bg)}
.sidebar-logo{background:transparent}.sidebar-logo .logo-text .t1{font-family:inherit;letter-spacing:0}
.nav-item{color:#d2d5e0;border-radius:5px}.nav-item.active{background:#232d47;box-shadow:inset 3px 0 #7582ff;color:#fff}.nav-item:hover{background:var(--sidebar-hover)}
.topbar{background:#fff;border-bottom:1px solid var(--border)}.topbar-search input{background:#f6f7fa;border-color:#e8eaf0;border-radius:5px}
.page-title{color:#252937;font-weight:600}.card,.stat-card,.fu-card,.ad-card{background:#fff;border-radius:8px;box-shadow:none}.card:hover,.stat-card:hover,.fu-card:hover{box-shadow:none}
.card-header{background:#fff}.stat-card .value{color:#232838}.btn{border-radius:5px}.btn-primary,.btn-purple{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover,.btn-purple:hover{background:#414fe5;border-color:#414fe5;color:#fff}
.btn-success,.btn-cyan,.btn-success-outline{background:#fff;border-color:#dce1ec;color:#53658f}.btn-success:hover,.btn-cyan:hover{background:#f3f5fb;color:#405485}
.tag-blue{background:#eaf0ff;color:#4163be}.tag-gray{background:#f1f2f5;color:#858a98}.tag-green{background:#edf6ef;color:#328455}
.form-input,.form-select,.form-textarea{border-radius:5px;color:#292d3b}.form-input::placeholder,.form-textarea::placeholder{color:#a0a5b2}th{background:#f6f7fa;color:#7a8090}tbody tr:hover{background:#f7f8fb}
.email-layout{background:#fff;border-radius:6px}.email-folders{background:#fff}.folder-item{border-radius:4px;color:#51596e}.folder-item.active{background:#e5e7ed;color:#303b58;box-shadow:none}.email-search input{background:#fff}.email-item.active{background:#f0f2f7;box-shadow:inset 2px 0 #737fff}.email-item .from{font-size:13px}.email-item .subject{color:#202431}.email-item .preview{color:#979cab}.email-detail .subject,.email-detail .body{color:#202431}.email-detail .meta .info .email-addr{color:#858d9d}
.wa-layout{border:1px solid #e4e6ec;border-radius:5px;box-shadow:none}.wa-list,.wa-chat,.wa-input{background:#fff}.wa-account-bar,.wa-chat-header{background:var(--wa-chrome);border-color:#e4e6eb}
.wa-list-header{background:#fff}.wa-list-header .form-input{background:var(--wa-chrome);color:#343b4a}.wa-list-tabs{border-color:#eceef2}.wa-list-tabs button{color:#727989}.wa-list-tabs button.active{color:var(--primary);box-shadow:inset 0 -2px var(--primary)}
.wa-chat-item{border-bottom-color:#eceef2}.wa-chat-item.active{background:var(--wa-chrome);box-shadow:none}.wa-chat-item .name{color:#202331;font-size:14px}.wa-chat-item .wa-preview{color:#747b8b}.wa-chat-item .wa-wh,.wa-chat-item .wa-source-chip{color:#989eaa}.wa-chat-item .avatar,.wa-chat-header>.avatar,.wa-account-avatar{background:#e0e5e8;color:#8d98a0}
.wa-chat-header .info .name{color:#202331}.wa-chat-header .info .status,.wa-account-bar .wa-account-status.online{color:#258365}.wa-header-file{color:#5f6aa5}.wa-note-link,.wa-icon-button{color:#848b98}.wa-chat-header select[data-c],.email-detail .actions .assist-select{background:#fff3e4;border-color:#efcf9e;color:#b46b12}
.wa-messages{background:var(--wa-canvas) url('wa-wallpaper.svg') repeat;background-size:205px 189px;padding:18px 24px;gap:12px}
.wa-row .wa-msg,.wa-msg{width:fit-content;max-width:80%;padding:7px 34px 4px 10px;border:0;border-radius:5px;box-shadow:0 1px 1px #172b4010}
.wa-msg.in{background:var(--wa-in)}.wa-msg.out{background:var(--wa-out)}
.wa-msg.in:before{border:0;border-top:8px solid var(--wa-in);border-left:8px solid transparent}.wa-msg.out:before{border:0;border-top:8px solid var(--wa-out);border-right:8px solid transparent}
.wa-msg .text{font-size:13px;color:#161b24;line-height:1.6}.wa-msg .translation{color:#657083;border-top:1px solid #d7dce3;font-size:12px;line-height:1.6;margin-top:5px;padding-top:5px}.wa-msg .translation:before{color:#7785dd;border-color:#b8c2ec}.wa-foot{margin-top:2px;min-height:12px}.wa-foot .meta{color:#8a93a1;font-size:10px}
.wa-input{border-top:1px solid #e4e6eb;background:#fff}.wa-editor-tools .wa-icon-button{color:#87909e}.wa-editor-tools .wa-translate-toggle.is-active{color:#505fff}.wa-editor-body textarea{color:#242a38}.wa-send-button{background:transparent;color:#7e8ddb;border:0;border-radius:0}.wa-send-button:hover{color:#505fff}
.wa-input .wa-reply-strip{background:#e9ecef;border-left:4px solid #27b69d}.wa-quote-preview strong{color:#249d8b}.wa-quote-preview>span{color:#758092}
.record-in{background:#f4f7fc;color:#355a88;border-color:#91add7}.record-out{background:#f4f8f4;color:#3e7156;border-color:#85b696}.reply-final{background:#f4f8f4;color:#3e7156}.reply-review-grid aside,.call-record-summary{background:#fff6e9;color:#a06519}
@media(min-width:1101px){.sidebar{width:190px}.content{padding:18px 20px 24px}.content:has(.wa-layout){padding:16px 18px 0}.wa-layout{height:calc(100dvh - 98px)}}
@media(max-width:760px){.wa-row .wa-msg,.wa-msg{max-width:90%}.wa-messages{padding:14px}}

.content>.card-header{background:transparent}.ads-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.crm-insight>td{background:#fafbfc!important;border-top:1px solid #eceef2!important;border-left-color:#edc18e!important}.crm-insight-inner>div,.crm-insight-inner>div>div{box-shadow:none!important}.crm-insight-inner .crm-suggestion-text{background:#fff8ed!important;border:1px solid #f2dfc3!important;border-radius:6px!important;color:#856039!important;font-weight:400!important}

/* Full WA reference includes a teal upper surround and neutral lower surround. */
@media(min-width:761px){
.content:has(.wa-layout){background:linear-gradient(to bottom,#00a88f 0,#00a88f 120px,#fbfbf9 120px,#fbfbf9 100%);padding:16px 16px 16px;overflow:hidden;scrollbar-gutter:auto}
.content:has(.wa-layout) .wa-layout{height:calc(100dvh - 98px);min-height:0;border:0;border-radius:0;background:#fff}
}

/* Neutral grays sampled from the supplied sidebar reference. */
:root{--bg:#f7f7f7;--wa-chrome:#f4f4f4}.topbar-search input{background:#f7f7f7}.wa-list-header .form-input{background:#f4f4f4}.wa-chat-item.active{background:#f4f4f4}

/* White workspace and consistent customer field alignment. */
body:not(:has(.wa-layout)){--bg:#fff;--sidebar-bg:#30364d;--sidebar-hover:#3b425c;--text:#24262b;--text-2:#60636b;--border:#e9e9ec}
body:not(:has(.wa-layout)) .sidebar{background:var(--sidebar-bg);border-right:1px solid rgba(255,255,255,.12)}body:not(:has(.wa-layout)) .sidebar-logo{background:transparent;border-bottom:1px solid rgba(255,255,255,.12)}body:not(:has(.wa-layout)) .sidebar-logo .logo-text .t1,body:not(:has(.wa-layout)) .sidebar-logo .logo-text{color:#fff}body:not(:has(.wa-layout)) .sidebar .nav-item{color:rgba(255,255,255,.65)}body:not(:has(.wa-layout)) .sidebar .nav-item:hover{background:var(--sidebar-hover);color:#fff}body:not(:has(.wa-layout)) .sidebar .nav-item.active{background:var(--primary);color:#fff;box-shadow:inset 3px 0 #fff}body:not(:has(.wa-layout)) .sidebar-footer{border-top:1px solid rgba(255,255,255,.12)}body:not(:has(.wa-layout)) .sidebar .nav-item svg{color:inherit}
.content:not(:has(.wa-layout)){background:#fff}.card{box-shadow:none}.content:has(.crm-data-table) .page-title>label{background:#fff!important;border:1px solid #e3e3e6!important}.content:has(.crm-data-table) .tag-gray{background:transparent;color:#71747c}.content:has(.crm-data-table) .pager{border:0}
.crm-data-table{min-width:0!important;border-collapse:collapse}.crm-data-table th{width:auto!important;text-align:left;background:#f8f8f8!important}.content .crm-data-table th,.content .crm-data-table .crm-fields-row>td{padding:13px 14px!important;box-sizing:border-box;text-align:left;vertical-align:middle}.crm-data-table th:first-child,.crm-data-table .crm-fields-row>td:first-child{text-align:center;padding:13px 10px!important}.crm-fields-row{background:#fff!important;font-weight:400!important}.crm-fields-row>td{height:54px;border-bottom:1px solid #eee;white-space:nowrap}.crm-fields-row:hover{background:#fff!important}.crm-name-text{vertical-align:middle}.crm-country-flag{display:inline-block;margin-left:8px;color:#96999f;font-weight:400;font-size:10px}.crm-data-table .tag-src{padding:0;background:transparent;border:0;color:#686b74}.crm-data-table .stage-chip{margin:0}.crm-data-table .corr-link{padding:0;background:transparent}
.crm-data-table tr.crm-insight>td{background:#fff!important;border-left:0!important;border-top:0!important;border-bottom:10px solid #f7f7f7;padding:18px 14px 22px!important}.crm-insight-inner{width:calc(100vw - 280px);max-width:1100px;left:14px}.crm-insight-inner>div:first-child{gap:28px!important;margin-bottom:18px!important}.crm-insight-inner>div:first-child>div,.crm-insight-inner>div:nth-child(2){background:#fff!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}.crm-insight-inner>div:first-child>div+div{border-left:1px solid #e9e9ec!important;padding-left:24px!important}.crm-insight-inner>div:nth-child(2){border-top:1px solid #ededed!important;padding-top:14px!important;margin-bottom:16px!important}.crm-insight-inner .crm-suggestion-text{background:#fff!important;border:0!important;border-radius:0!important;color:#383b43!important;padding:0!important;font-size:13px!important}.crm-insight-inner .progress-bar{height:4px;background:#f0f0f0}.crm-insight-inner>div:nth-child(3)>span{box-shadow:none!important;border-radius:5px!important}.crm-insight-inner>div:nth-child(3)>span[style*="background:#f5f5f5"]{background:#fff!important;border-color:#e5e5e8!important;color:#71747c!important}
@media(max-width:1100px){.crm-insight-inner{width:calc(100vw - 250px)}}
@media(max-width:760px){.crm-insight-inner{width:calc(100vw - 62px)}.crm-insight-inner>div:first-child>div+div{border-left:0!important;padding-left:0!important}body:not(:has(.wa-layout)) .sidebar .nav-item.active{box-shadow:inset 0 -2px #6267e8}}
@media(max-width:760px){body:not(:has(.wa-layout)) .sidebar .nav-item.active{box-shadow:inset 0 -2px #fff}}

/* Customer groups: a quiet identity strip and a warm recommendation surface. */
.crm-fields-row{background:#f3f4f7!important}.crm-fields-row:hover{background:#f3f4f7!important}.crm-fields-row>td{border-top:1px solid #e5e7ed;border-bottom:1px solid #e5e7ed}.crm-data-table th{background:#fff!important;color:#858995}.crm-data-table tr.crm-insight>td{border-bottom:14px solid #fff!important;padding-bottom:20px!important}.crm-insight-inner>div:nth-child(2){background:#fff8ed!important;border:1px solid #f1e2ca!important;border-radius:7px!important;padding:13px 16px!important}.crm-insight-inner .crm-suggestion-text{background:transparent!important;color:#67513a!important;line-height:1.85!important}.crm-insight-inner>div:first-child>div>strong{color:#474c59!important}
/* Shared surface hierarchy outside the approved WhatsApp view. */
.content:not(:has(.wa-layout)){background:#fafafa}.content:not(:has(.wa-layout)) .card,.content:not(:has(.wa-layout)) .stat-card,.content:not(:has(.wa-layout)) .ad-card,.content:not(:has(.wa-layout)) .campaign-form,.content:not(:has(.wa-layout)) .campaign-preview{background:#fff;border-color:#e7e8ec;border-radius:8px;box-shadow:0 1px 2px rgba(25,30,45,.025)}
.content:not(:has(.wa-layout)) .card-header{background:#fafafa;border-bottom:1px solid #e9eaee}.content:not(:has(.wa-layout))>.card-header{background:transparent;border-bottom:0}.content:not(:has(.wa-layout)) th{background:#f5f6f8;color:#747986;font-weight:500}.content:not(:has(.wa-layout)) tbody tr:hover{background:#fafbfe}.content:not(:has(.wa-layout)) .stat-card .label{color:#7b808b}.content:not(:has(.wa-layout)) .stat-card .value{color:#303644}.content:not(:has(.wa-layout)) .form-input,.content:not(:has(.wa-layout)) .form-select{border-color:#dedfe5}.content:not(:has(.wa-layout)) .ai-generate-box{background:#fff8ed;border-color:#f1e2ca}.content:not(:has(.wa-layout)) .ai-generate-box>.label{color:#97703b}

/* Equal customer field widths; full values remain in cell titles. */
.crm-data-table .crm-fields-row>td{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-name-text{display:inline;vertical-align:baseline}.crm-country-flag{vertical-align:baseline}

/* Recommendation title stays outside the tinted content bubble. */
.crm-insight-inner>div:nth-child(2){background:#fff!important;border:0!important;border-radius:0!important;padding:0!important}
.crm-insight-inner .crm-suggestion-text{background:#fff8ed!important;border:1px solid #f1e2ca!important;border-radius:8px!important;padding:12px 16px!important;margin-top:9px!important;color:#67513a!important}

/* Shared compact suggestion treatment for email and customer follow-up. */
.crm-insight-inner .crm-suggestion-text{line-height:1.85}

/* Non-WA palette: neutral surfaces, blue actions, warm advice, small data accents. */
body:not(:has(.wa-layout)){
 --primary:#4b76b8;--primary-light:#edf3fb;--bg:#f7f7f7;
 --text:#292d34;--text-2:#626873;--text-3:#858b95;--border:#e5e7eb;
}
body:not(:has(.wa-layout)) .sidebar{background:var(--sidebar-bg)}
body:not(:has(.wa-layout)) .sidebar .nav-item.active{background:var(--primary);color:#fff;box-shadow:inset 3px 0 #fff}
body:not(:has(.wa-layout)) .sidebar .nav-item:hover{background:var(--sidebar-hover)}
.content:not(:has(.wa-layout)){background:#f7f7f7}
.content:not(:has(.wa-layout)) .card-header{background:#fff}
.content:not(:has(.wa-layout))>.card-header{background:transparent}
.content:not(:has(.wa-layout)) .btn-primary:hover,
.content:not(:has(.wa-layout)) .btn-purple:hover{background:#3c639d;border-color:#3c639d}
.content:not(:has(.wa-layout)) :is(.fu-tab.active,.settings-tab.active,.folder-item.active){background:#eaf1fb;color:#365f96;border-color:#d7e3f3}
.content:not(:has(.wa-layout)) .email-folders{background:#f7f7f7}
.content:not(:has(.wa-layout)) .email-item.active{background:#edf3fb;box-shadow:inset 3px 0 #6a91c9}
.content:not(:has(.wa-layout)) .email-item:hover{background:#f7f9fc}
.content:not(:has(.wa-layout)) th{background:#f5f5f5;color:#747b86}
.content:not(:has(.wa-layout)) .stat-card:nth-child(4n+1) .value{color:#4974af}
.content:not(:has(.wa-layout)) .stat-card:nth-child(4n+2) .value{color:#8770af}
.content:not(:has(.wa-layout)) .stat-card:nth-child(4n+3) .value{color:#33828e}
.content:not(:has(.wa-layout)) .stat-card:nth-child(4n) .value{color:#b17d38}
.content:not(:has(.wa-layout)) .ad-card .metric .value{color:#4974af}
.content:not(:has(.wa-layout)) .assist-upload{background:#f7f9fc;border-color:#d3deed;color:#617c9e}
.content:not(:has(.wa-layout)) .crm-fields-row{background:#edf2f8!important}
.content:not(:has(.wa-layout)) .crm-fields-row:hover{background:#edf2f8!important}
.content:not(:has(.wa-layout)) .crm-fields-row>td{border-color:#dfe7f1}
.content:not(:has(.wa-layout)) .crm-insight-inner .progress-bar .fill{background:#8298c5}

/* Customer field colors; semantic stage and level chips retain their own colors. */
.crm-fields-row [data-field]{color:var(--field-color,#596579)}
.crm-fields-row .crm-cell-pill{display:inline-block;max-width:100%;padding:2px 8px;border-radius:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px;background:color-mix(in srgb,var(--field-color) 18%, transparent);color:var(--field-color);border:1px solid color-mix(in srgb,var(--field-color) 45%, transparent)}
.crm-fields-row td[data-field]{position:relative;padding-left:14px}
.crm-fields-row td[data-field]::before{content:'';position:absolute;left:8px;top:50%;transform:translateY(-50%);width:4px;height:18px;border-radius:4px;background:var(--field-color,#596579);opacity:.55}
.crm-fields-row [data-field="name"]{--field-color:#334865}
.crm-fields-row [data-field="local-time"]{--field-color:#3d6ea9}
.crm-fields-row [data-field="source"]{--field-color:#a35480}
.crm-fields-row [data-field="records"]{--field-color:#397e83}
.crm-fields-row [data-field="honorific"]{--field-color:#85705f}
.crm-fields-row [data-field="company"]{--field-color:#64629b}
.crm-fields-row [data-field="email"]{--field-color:#3e73ad}
.crm-fields-row [data-field="whatsapp"]{--field-color:#258365}
.crm-fields-row [data-field="phone"]{--field-color:#39858b}
.crm-fields-row [data-field="lang"]{--field-color:#8969a4}
.crm-fields-row [data-field="country"]{--field-color:#4c8094}
.crm-fields-row [data-field="product"]{--field-color:#a37836}
.crm-fields-row [data-field="mainBiz"]{--field-color:#90704b}
.crm-fields-row [data-field="owner"]{--field-color:#6f6aaa}
.crm-data-table .crm-fields-row [data-field] :is(.tag-src,.corr-link){color:var(--field-color)}

.crm-fields-row .crm-identity-line{display:block;width:100%;min-width:0;padding:0;border:0;background:transparent;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font:inherit;line-height:19px}
.crm-fields-row .crm-honorific{color:#85705f;font-weight:600}
.crm-fields-row .crm-full-name{color:#65748a;font-size:11px;margin-top:2px}
.crm-fields-row .crm-identity-line:hover{text-decoration:underline}

/* Restore the established sidebar palette consistently across modules. */
body .sidebar,body:not(:has(.wa-layout)) .sidebar{background:#30364d;border-right:0}
body .sidebar-logo,body:not(:has(.wa-layout)) .sidebar-logo{background:#373b52;border-bottom:0}
body .sidebar .nav-item,body:not(:has(.wa-layout)) .sidebar .nav-item{color:#d2d5e0;border-radius:5px}
body .sidebar .nav-item.active,body:not(:has(.wa-layout)) .sidebar .nav-item.active{background:#232d47;color:#fff;box-shadow:inset 3px 0 #7582ff}
body .sidebar .nav-item:hover,body:not(:has(.wa-layout)) .sidebar .nav-item:hover{background:#3b425c;color:#fff}
/* Customer columns remain one line, including the two editable identity values. */
.crm-data-table{table-layout:fixed}
.crm-data-table .crm-fields-row>td{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.crm-fields-row .crm-identity-line{display:inline-block;vertical-align:middle;width:calc(50% - 4px);max-width:calc(50% - 4px);margin:0;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.crm-fields-row .crm-full-name{margin-left:8px}
.crm-fields-row :is(.crm-cell-pill,.stage-chip,.tag-src,.corr-link){box-sizing:border-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
.crm-follow-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:1px solid transparent;border-radius:16px;font-size:13px;white-space:nowrap}
.crm-follow-chip.is-active{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}
/* Feedback on controls themselves, preserving existing resting palettes. */
:is(button,input,select,textarea,summary,a[href],[onclick],[role="button"],[role="tab"],label[for],label:has(input),.crm-fields-row [data-field],.crm-follow-chip,[style*="cursor:pointer"],[style*="cursor: pointer"]):not(:disabled):not([aria-disabled="true"]){cursor:pointer!important}
:is(button,input,select,textarea,summary,a[href],[onclick],[role="button"],[role="tab"],label[for],label:has(input),.crm-fields-row [data-field],.crm-follow-chip,[style*="cursor:pointer"],[style*="cursor: pointer"]):not(:disabled):not([aria-disabled="true"]):not(.nav-item):not(.crm-fields-row *):hover{box-shadow:inset 0 0 0 999px rgba(90,115,170,.14)!important}

.crm-follow-chip:hover{background:#e4edfc!important;color:#315c99!important;border-color:#96afd5!important}
:is(input,select,textarea):not(:disabled):hover{border-color:#829dca!important}
:is(button,input,select,textarea):disabled,[aria-disabled="true"]{cursor:not-allowed!important}

/* Customer metadata stays unboxed; hover highlights the value, not its cell. */
.crm-fields-row td[data-field]::before{display:none!important}
.crm-data-table .crm-fields-row>td[data-field],.crm-data-table .crm-fields-row>td[data-field]:hover{background:transparent!important;box-shadow:none!important;filter:none!important}
.crm-data-table .crm-fields-row [data-field]:not([data-field="stage"]) :is(.crm-cell-pill,.tag,.tag-src,.corr-link,.crm-identity-line){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.crm-data-table .crm-fields-row [data-field]:not([data-field="stage"]) :is(.crm-cell-pill,.tag,.tag-src,.corr-link){padding:0!important}


/* Aligned customer values; hover changes text only, including nested controls. */
.crm-data-table .crm-fields-row>td[data-field]{vertical-align:middle!important;line-height:24px!important;height:54px}
.crm-data-table .crm-fields-row>td[data-field] :is(span,a,button,select){vertical-align:middle!important;margin-top:0!important;margin-bottom:0!important;line-height:24px!important}
.crm-data-table .crm-fields-row>td[data-field] :is(.crm-cell-pill,.tag,.tag-src,.corr-link,.crm-identity-line){display:inline-block;vertical-align:middle!important}
.crm-data-table .crm-fields-row>td[data-field]:hover,.crm-data-table .crm-fields-row>td[data-field] :hover{box-shadow:none!important;filter:none!important;background-image:none!important}
.crm-data-table .crm-fields-row>td[data-field]:not([data-field="stage"]) :hover{background-color:transparent!important}
.crm-data-table .crm-fields-row>td[data-field]:hover :is(.stage-chip,.tag){box-shadow:none!important;filter:none!important}
.crm-data-table .crm-fields-row>td[data-field="stage"]:hover .stage-chip{color:#326fe2!important}

/* The identity row keeps its resting background; each name highlights independently. */
.content:not(:has(.wa-layout)) .crm-data-table .crm-fields-row:hover{background:#edf2f8!important;box-shadow:none!important}
.crm-data-table .crm-fields-row>td[data-field="name"] .crm-honorific{color:#85705f!important}
.crm-data-table .crm-fields-row>td[data-field="name"] .crm-full-name{color:#65748a!important}
.crm-data-table .crm-fields-row>td[data-field="name"] .crm-identity-line:hover{color:#327eff!important;background:transparent!important;box-shadow:none!important}.crm-data-table .crm-fields-row>td[data-field="name"] .crm-identity-line{width:auto;max-width:100%;color:#85705f!important}
.crm-data-table .crm-fields-row>td[data-field="name"] .crm-identity-line:hover{color:#327eff!important}
.crm-data-table .crm-fields-row>td[data-field] :is(.crm-cell-pill,.tag-src,.corr-link):hover{color:#327eff!important;background:transparent!important;box-shadow:none!important}
.crm-data-table .crm-fields-row>td[data-field="name"]{cursor:default!important}
/* No cell or row hover surface: customer values alone provide feedback. */
.content .crm-data-table tbody tr.crm-fields-row,
.content .crm-data-table tbody tr.crm-fields-row:hover{background:#edf2f8!important;background-image:none!important;box-shadow:none!important;filter:none!important}
.content .crm-data-table tbody tr.crm-fields-row>td,
.content .crm-data-table tbody tr.crm-fields-row>td:hover{background:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important;outline:none!important}
.content .crm-data-table tbody tr.crm-fields-row>td::before,
.content .crm-data-table tbody tr.crm-fields-row>td::after{display:none!important}
.content .crm-data-table tbody tr.crm-fields-row>td *:hover{box-shadow:none!important;filter:none!important;background-image:none!important}
/* Equal column rhythm and value-only hover; local time is informational. */
.content .crm-data-table th:not(:first-child),.content .crm-data-table .crm-fields-row>td:not(:first-child){width:120px!important;padding-left:10px!important;padding-right:10px!important;text-align:left!important;vertical-align:middle!important}
.crm-data-table .crm-fields-row>td[data-field]:not([data-field="local-time"]) :is(span,a,button):hover{color:#327eff!important;background-image:none!important;box-shadow:none!important;cursor:pointer!important}
.crm-data-table .crm-fields-row>td[data-field="local-time"],.crm-data-table .crm-fields-row>td[data-field="local-time"] *{cursor:default!important;color:var(--field-color,#3d6ea9)!important;box-shadow:none!important;filter:none!important}
.content .crm-data-table th:nth-child(2),.content .crm-data-table .crm-fields-row>td:nth-child(2){width:80px!important;max-width:80px!important}
.content .crm-data-table :is(th,.crm-fields-row>td):is([data-field="country"],[data-field="owner"]){width:80px!important;max-width:80px!important}
.content .crm-data-table :is(th,.crm-fields-row>td):is([data-field="product"],[data-field="mainBiz"]){width:100px!important;max-width:100px!important}
.content .crm-data-table :is(th,.crm-fields-row>td)[data-field="level"]{width:70px!important;max-width:70px!important}
.content .page-title .fu-tab.crm-pending-tab{background:#fff0dc!important;color:#a76116!important;border:1px solid #f2cf9e!important;border-radius:8px}
.content .page-title .fu-tab.crm-pending-tab:hover{background:#ffe3bc!important;color:#8e4b0d!important;box-shadow:none!important}
.content .page-title .fu-tab.crm-pending-tab.active{background:#ffdbab!important;color:#88480c!important;border-color:#e9b371!important}
.content .page-title .crm-pending-tab .tag{background:#ffdfb5;color:#965312}
/* CRM header controls share a single height and vertical alignment. */
.content>.page-title:has(.crm-pending-tab){align-items:center}
.content>.page-title:has(.crm-pending-tab)>div:has(.crm-pending-tab){margin-bottom:0!important;align-items:center}
.content>.page-title:has(.crm-pending-tab) :is(.fu-tab),.content>.page-title:has(.crm-pending-tab)>label,.content>.page-title:has(.crm-pending-tab)>button{display:inline-flex!important;align-items:center!important;justify-content:center;box-sizing:border-box;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0 12px!important;line-height:20px!important;border-radius:8px!important;margin-top:0!important;margin-bottom:0!important;white-space:nowrap}
.crm-batch-panel{margin-bottom:14px;padding:16px 18px;background:#fff;border:1px solid #dce5f2;border-radius:8px;font-size:13px}
.crm-batch-selection{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #edf0f5}
.crm-batch-selection strong{color:#37639b}.crm-batch-selection>span{color:#858c98;margin-right:auto;font-size:12px}
.crm-batch-editor{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:14px 0 10px}
.crm-batch-editor>label{display:grid;gap:6px;min-width:170px;font-size:12px;color:#677181}
.crm-batch-editor :is(input,select,button){height:36px;box-sizing:border-box;margin:0}
.crm-batch-panel>small{color:#858c98}
.logo-options{grid-column:1/-1;display:grid;gap:10px}.logo-options label{display:grid;gap:5px;font-size:12px;color:#687386}.logo-options [hidden]{display:none!important}.logo-options input,.logo-options select,.logo-options textarea{width:100%;box-sizing:border-box}.logo-options textarea{min-height:65px;resize:vertical}.logo-options>label>input{margin-top:3px}.logo-process-label{font-size:12px;color:#687386;margin-top:4px}.logo-process{border:1px solid #e4e8ee;border-radius:7px;background:#fff}.logo-options .logo-process-toggle{display:flex;align-items:center;gap:8px;padding:9px 12px;color:#424f63;cursor:pointer}.logo-process-toggle input{width:14px;height:14px}.logo-process:has(.logo-process-toggle input:checked){border-color:#a9bfe0;background:#f8faff}.logo-process fieldset{border:0;border-top:1px solid #e4e8ee;padding:12px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.logo-process fieldset label:has(textarea){grid-column:1/-1}@media(max-width:600px){.logo-process fieldset{grid-template-columns:1fr}}
/* Email customer source uses the same rose accent as the customer source field. */
.email-layout .tag-src{color:#b04f82;background:#fceef5;border:1px solid #edc5d9}
.email-layout .tag-src:hover{color:#c33483;border-color:#d991b6;background:#f9e2ef}
.email-item .from{gap:5px;flex-wrap:nowrap}.email-item .from .from-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-item .email-customer-time{font-size:10px;color:#3d6ea9;white-space:nowrap;flex-shrink:0}.email-item .from .stage-chip{flex-shrink:0}.email-item .from>.time{margin-left:auto;white-space:nowrap}
.email-wa-meta{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.email-wa-meta .email-local-time{color:#3475ad;font-size:11px;white-space:nowrap}.email-wa-meta :is(.wa-stage-select,.wa-source-select){width:110px!important;min-width:110px;max-width:110px;height:28px!important;box-sizing:border-box;border-radius:6px;padding:3px 6px;font-size:11px}.email-wa-meta .corr-link{color:#258365;background:transparent;border:0;font-size:11px;padding:3px 0;white-space:nowrap}
.email-detail .meta .name>.assist-select{width:110px!important;min-width:110px;max-width:110px;height:28px!important;min-height:28px;padding:3px 6px!important;font-size:11px!important;border-radius:6px;background:#fff3e4;border-color:#efcf9e;color:#b46b12}
/* Email list adopts the approved WA list's neutral selection and compact hierarchy. */
.content .email-layout .email-item{padding:13px 12px;background:#fff;border-bottom:1px solid #eceef2}
.content .email-layout .email-item.active{background:#f4f4f4;box-shadow:none}
.content .email-layout .email-item:hover{background:#f0f2f5;box-shadow:none!important}
.email-layout .email-item .from{display:flex;align-items:center;gap:5px;margin-bottom:5px;min-width:0}
.email-layout .email-item .from-name{font-size:13px;font-weight:600;color:#202331;flex:1;min-width:45px}
.email-layout .email-item .email-customer-time{font-size:10px;color:#3475ad}
.email-layout .email-item .stage-chip{font-size:10px;line-height:17px;padding:0 5px;border-radius:10px}
.email-layout .email-item .from>.time{font-size:10px;color:#939ba7}
.email-layout .email-item .subject{font-size:12px;line-height:20px;color:#343b49;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.email-layout .email-item .preview{font-size:11px;line-height:18px;color:#818998;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.email-list-source{font-size:10px;color:#b04f82;line-height:18px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Give the customer identity breathing room before the email metadata controls. */
.email-detail .meta .info .name{column-gap:12px;row-gap:10px}
.email-detail .meta .email-wa-meta{margin-left:18px;gap:10px}
.email-detail .meta .name>.assist-select{margin-left:4px}
@media(max-width:900px){.email-detail .meta .email-wa-meta{margin-left:8px}}
.email-detail{padding:10px 16px!important}
.email-detail .actions{display:flex;gap:6px;margin-bottom:8px!important;padding-bottom:8px!important;border-bottom:1px solid var(--border);flex-wrap:wrap}
.email-detail .subject{font-size:15px!important;font-weight:600;margin-bottom:7px!important;line-height:1.35!important}
.email-detail .meta.email-wa-header{display:flex;flex-direction:column;align-items:stretch;gap:4px;background:#f4f4f4;padding:8px 12px!important;margin-bottom:8px!important;border-radius:6px;border-bottom:1px solid #e4e6eb;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}
.email-wa-top{display:flex;align-items:center;gap:6px 10px;min-width:0;width:100%;flex-wrap:wrap!important;box-sizing:border-box}.email-wa-top>.avatar{width:32px!important;height:32px!important;font-size:12px!important;background:#e0e5e8;color:#8d98a0;flex-shrink:0}.email-wa-top>.info{flex:1 1 180px;min-width:140px;overflow:hidden}.email-wa-header .info .name{font-size:13px;color:#202331;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-wa-header .info .email-addr{color:#258365;font-size:11px;margin-top:1px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-wa-header-actions{display:flex;align-items:center;gap:4px 8px!important;flex-wrap:wrap!important;justify-content:flex-start;flex:1 1 auto;min-width:0;max-width:100%;margin-left:auto;box-sizing:border-box}.email-wa-header-actions time{font-size:11px;color:#87909e;white-space:nowrap}.email-wa-open{display:inline-flex;align-items:center;justify-content:center;padding:3px;border:0;background:transparent;color:#258365;border-radius:5px;cursor:pointer}.email-wa-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.email-detail .email-wa-header .email-wa-meta{margin:0!important;display:inline-flex;align-items:center;gap:4px 8px!important;flex-wrap:wrap!important;min-width:0;max-width:100%}.email-wa-header .assist-select{width:auto!important;min-width:0!important;max-width:140px!important;height:24px!important;min-height:24px!important;padding:1px 4px!important;font-size:12px!important;border-radius:5px;color:#b46b12}
.email-detail .mail-advice{padding:5px 10px!important;margin:0 0 8px 0!important;min-height:0!important;font-size:12px!important;line-height:1.45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important;max-width:100%!important}
.email-layout .email-item .email-customer-time{margin-right:7px}.email-layout .email-item .from>.time{margin-left:5px}
.email-wa-header-actions{gap:4px 8px!important;flex-wrap:wrap!important;justify-content:flex-start}.email-wa-header-actions :is(.wa-icon-button,.wa-header-file){border:0;background:transparent;cursor:pointer;padding:2px 4px;font-size:12px;white-space:nowrap;flex-shrink:0}.email-wa-header-actions .wa-icon-button{font-size:17px;color:#63718a}.email-wa-top .wa-note-link{font-size:11px;font-weight:400}.email-wa-header-actions .action-menu summary{list-style:none}.email-wa-header :is(.wa-header-file,.corr-link,.wa-note-link),.wa-chat-header :is(.wa-header-file,.corr-link,.wa-note-link){text-decoration:none!important}
.email-stage-heading{padding:10px 12px 6px;font-size:12px;color:#858d9a}.email-folders .email-stage-folder{display:flex;width:100%;box-sizing:border-box;border:0;background:transparent;font:inherit;font-size:12px;text-align:left;cursor:pointer;padding:7px 12px;gap:8px}.email-stage-folder i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.email-folders{overflow-y:auto}.email-folders .email-stage-folder.active{background:#eaf1fb;color:#365f96}.email-folders .email-stage-folder:hover{background:#edf1f7}
.email-layout .email-item .from .from-name{flex:1 1 0;min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-layout .email-item .email-customer-time{margin-left:8px;margin-right:14px;flex-shrink:0}
.company-culture-line{flex:1;min-width:0;margin:0 18px;color:#8d7b69;font-family:"STKaiti","KaiTi","楷体",serif;font-size:16px;letter-spacing:1px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.company-culture-line:empty{margin:0}.topbar-actions{flex-shrink:0}@media(max-width:760px){.company-culture-line{font-size:13px;margin:0 8px;letter-spacing:0}.topbar-search{flex:0 1 180px}}
.todo-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.todo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.todo-section .card-header{display:flex;justify-content:space-between}.todo-items{padding:12px;max-height:440px;overflow:auto}.todo-item{padding:12px;border-radius:7px;margin-bottom:10px;background:#fff2f2;border:1px solid #f0c6c6;color:#b34343}.todo-item.done{background:#edf9f1;border-color:#bce2c9;color:#248354}.todo-item.scheduled,.todo-item.note{background:#f7f8fa;border-color:#e5e8ee;color:#59677a}.todo-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;line-height:1.65}.todo-item small{font-size:11px;line-height:1.6}.todo-item-head{display:flex;gap:10px;align-items:center}.todo-status,.todo-edit{border:0;background:transparent;color:inherit;cursor:pointer;font-size:12px;padding:2px}.todo-status{margin-right:auto;font-weight:600}.todo-reminder-fields{display:grid;gap:12px}.todo-reminder-fields[hidden]{display:none}.todo-repeat{display:flex;gap:10px;align-items:end}.todo-repeat>*{flex:1;min-width:0}.todo-footnote{color:#929aa6;font-size:12px;margin-top:16px}@media(max-width:1150px){.todo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.todo-grid{grid-template-columns:1fr}}
.todo-notification-stack{position:fixed;right:24px;bottom:24px;z-index:11000;width:340px;max-width:calc(100vw - 32px);max-height:70vh;overflow:auto;display:flex;flex-direction:column;gap:12px}.todo-notification{background:#fff;border:1px solid #f0d3cc;border-left:4px solid #e46b56;border-radius:10px;box-shadow:0 8px 28px #26314926;padding:14px 16px}.todo-notification-head{display:flex;align-items:center;justify-content:space-between;color:#bb5142;font-size:13px}.todo-notification-head button{border:0;background:transparent;color:#8993a2;font-size:20px;cursor:pointer}.todo-notification p{margin:10px 0 14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#384457;font-size:13px}.todo-notification-actions{display:flex;gap:8px;justify-content:flex-end}
.todo-quick-form{padding:12px;border-bottom:1px solid #edf0f4;background:#fafbfd}.todo-quick-input{display:flex;gap:6px}.todo-quick-input input{flex:1;min-width:0}.todo-quick-input button{width:34px;flex-shrink:0;font-size:19px}.todo-quick-settings{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) 56px;gap:7px;margin-top:9px}.todo-quick-settings label{font-size:11px;color:#87909e;display:grid;gap:4px}.todo-quick-settings :is(input,select){width:100%;min-width:0;box-sizing:border-box;padding:4px;font-size:11px;min-height:29px}.todo-section .card-header{padding:12px 16px}
.todo-auto-status{align-self:center;white-space:nowrap;font-size:11px;color:#258365}.todo-next-input{padding:8px 12px 0}.todo-next-input input{width:100%;box-sizing:border-box;border-style:dashed;background:#fff;font-size:12px}
.todo-time-chips{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:11px;color:#818b99}.todo-time-chips button{border:1px solid #dfe5ef;background:#fff;border-radius:5px;padding:4px 6px;color:#69788c;cursor:pointer;font-size:11px}.todo-time-chips button.active{background:#e9f1ff;border-color:#99b6e1;color:#3467ad}.todo-optional-time{display:flex;gap:8px;align-items:center;font-size:11px;color:#7b8594;margin-top:9px}.todo-optional-time input{min-width:0;flex:1;font-size:11px;padding:4px;min-height:28px}.todo-quick-form>small{display:block;margin-top:5px;color:#939ba7;font-size:11px}
.todo-simple-row{display:flex;align-items:center;gap:10px;padding:9px 10px;margin-bottom:5px;border:0;border-radius:5px;min-height:34px;box-sizing:border-box}.todo-simple-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.todo-simple-row .todo-status{margin:0;white-space:nowrap;font-weight:400}.todo-simple-row .todo-edit{white-space:nowrap;color:#89919c}.todo-items{padding:8px 12px}.todo-simple-row.note{background:transparent}
.todo-simple-row .todo-symbol{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;flex-shrink:0;border-radius:4px;font-size:18px}.todo-simple-row .todo-symbol:hover{background:#dde8f3}.todo-simple-row{gap:6px}

.todo-items{padding:8px}.todo-simple-row{gap:4px;padding:9px 6px}.todo-simple-row .todo-symbol{width:22px}

.todo-item.scheduled{background:#e8f4ff;color:#287ab5;border-color:#b9ddf7}.todo-item.done{background:#edf9f1;color:#248354;border-color:#bce2c9}

.email-read-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;margin-right:5px;align-self:center}.email-read-dot.is-unread{background:#3585f5}.email-read-dot.is-read{background:#c3cad4}

#emailListWrap .stage-chip>i{display:none}

.email-wa-header :is(.wa-stage-select,.wa-source-select,.assist-select){field-sizing:content;width:auto!important;min-width:0!important;max-width:180px!important;flex:0 0 auto;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;padding:2px 2px!important;cursor:pointer}.email-wa-header select:focus-visible{outline:2px solid #8cb8ee;outline-offset:2px}
.wa-chat-header :is(.wa-stage-select,.wa-source-select,select[data-c]){field-sizing:content;width:auto!important;min-width:0!important;max-width:180px!important;flex:0 0 auto!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;padding:3px 2px!important;cursor:pointer}.wa-chat-header :is(.wa-stage-select,.wa-source-select,select[data-c]):focus-visible{outline:2px solid #8cb8ee;outline-offset:2px}
.email-detail .email-wa-header-actions,.email-detail .email-wa-header .email-wa-meta{column-gap:8px;row-gap:4px;flex-wrap:wrap!important;min-width:0;max-width:100%}.wa-chat-header :has(>.wa-stage-select){column-gap:10px!important;row-gap:6px!important;flex-wrap:wrap!important;min-width:0;max-width:100%}
#emailSidebar #sbBody{padding:10px 12px!important;line-height:1.5!important}#emailSidebar .assist-feature{gap:8px!important}#emailSidebar .assist-feature .form-input{font-size:12px!important;padding:5px 7px!important;min-height:28px}#emailSidebar .assist-feature>div:nth-child(2){font-size:13px!important;padding-top:0!important;line-height:1.8!important;margin-bottom:6px}#emailSidebar .assist-feature>div:nth-child(3)>div{gap:7px 10px!important}#emailSidebar .assist-feature label{font-size:11px!important;padding:2px 5px!important}#emailSidebar .assist-feature>div:last-child{margin-top:2px}#emailSidebar .sb-fixed-reply{font-size:11px}

#emailSidebar .assist-feature>div:nth-child(2){font-size:14px!important;line-height:1.8!important}#emailSidebar .assist-feature>div:nth-child(3)>div>div>div:first-child{font-size:13px!important}#emailSidebar .assist-feature label{font-size:13px!important}
#emailSidebar .assist-feature>div:nth-child(3){margin-top:14px}

.assist-chat-modal{width:660px!important;max-width:calc(100vw - 32px);border:1px solid #e5dcf8;border-radius:18px!important;overflow:hidden;box-shadow:0 22px 70px #41346b30!important}.assist-chat-modal .modal-header{background:linear-gradient(110deg,#f0e8ff,#edf4ff);border-bottom:1px solid #e4dcf4;padding:18px 22px}.assist-chat-modal .modal-header h3{color:#6a4a9c;font-size:17px}.assist-chat-modal .modal-body{background:#faf9fd;padding:18px!important}.assist-chat-modal #assistChatMessages{height:360px!important;line-height:1.8}.assist-chat-modal #assistChatMessages>div:first-child{background:#eee6fc!important;color:#594779;border-radius:14px 14px 3px 14px!important;padding:14px 16px!important}.assist-chat-modal #assistChatMessages>div:nth-child(2){background:#fff!important;border:1px solid #e7e0f1;box-shadow:0 3px 12px #49396508;border-radius:14px 14px 14px 3px!important;padding:16px!important}.assist-chat-modal #assistChatMessages strong{color:#8058b0}.assist-chat-modal #assistChatMessages .btn{background:#f4edff;border-color:#e2d4f5;color:#7954a6}.assist-chat-modal form{padding:12px;background:#fff;border:1px solid #e6dff0;border-radius:13px;align-items:center}.assist-chat-modal form .form-input{border:0;box-shadow:none;background:transparent}.assist-chat-modal form .btn-primary{background:#8760b7;border-color:#8760b7;border-radius:8px}

.crm-fields-row [data-field="stage"] .stage-chip{background:transparent!important;border:0!important;border-radius:0;padding:3px 0;box-shadow:none;gap:5px}.crm-fields-row [data-field="stage"] .stage-chip>i{display:none}.crm-fields-row [data-field="stage"] .stage-chip::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);margin-left:2px}
.crm-batch-panel{padding:8px 12px;margin-bottom:10px}.crm-batch-selection{gap:8px;padding-bottom:6px}.crm-batch-selection .btn{padding:3px 8px;min-height:26px}.crm-batch-editor{gap:8px;padding:7px 0 0;align-items:center}.crm-batch-editor>label{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}.crm-batch-editor>label :is(input,select){width:145px;min-width:0;padding:3px 7px}.crm-batch-editor :is(input,select,button){height:29px;min-height:29px;font-size:12px}.crm-batch-panel>small{display:none}
.pending-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px;padding:12px 14px}.pending-fields label{min-width:0;font-size:12px;color:#7c8798}.pending-fields :is(textarea,select){display:block;width:100%;box-sizing:border-box;margin-top:4px;font-size:13px}.pending-fields textarea{resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;min-height:48px}

.converted-fields{width:max-content;min-width:100%;font-size:12px}.converted-fields td,.converted-fields th{padding:10px 12px;white-space:nowrap}.converted-cell{cursor:pointer}.converted-tools{display:inline-flex;gap:4px;opacity:0;margin-left:6px}.converted-fields td:hover .converted-tools,.converted-fields td:focus-within .converted-tools{opacity:1}.converted-tools button{border:0;background:transparent;color:#697d9c;cursor:pointer;font-size:16px}

.email-preview-line{display:flex;align-items:center;gap:8px}.email-preview-line .preview{flex:1;min-width:0}.email-customer-star{border:0;background:transparent;color:#a8b2c1;font-size:18px;padding:0 2px;cursor:pointer;flex-shrink:0}.email-customer-star.active{color:#e9a329}

.pending-fields{grid-template-columns:repeat(11,minmax(0,1fr));gap:10px 8px;padding:10px 14px;background:#edf2f9}.pending-fields label{font-size:11px;color:#7f8999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pending-fields :is(textarea,select){border:0;background:transparent;box-shadow:none;border-radius:0;height:26px;min-height:26px;margin-top:3px;padding:3px 0;font-size:12px;color:#58738c;resize:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-fields :is(textarea,select):focus{background:#fff;outline:1px solid #aac8ee}.pending-fields [data-key="source"]{color:#ad5789}.pending-fields [data-key="company"]{color:#7565a3}.pending-fields [data-key="email"]{color:#3979b9}.pending-fields :is([data-key="phone"],[data-key="whatsapp"]){color:#278c85}.pending-fields [data-key="stage"]{color:#3b79df}.pending-fields :is([data-key="name"],[data-key="honorific"]){color:#927663}
.converted-fields .converted-tools{display:inline-flex!important;vertical-align:middle;white-space:nowrap;align-items:center;gap:5px;width:48px}.converted-fields .converted-tools button{display:inline-flex!important;align-items:center;justify-content:center;width:22px;height:24px;padding:0;border-radius:4px;color:#6479a0}.converted-fields .converted-tools button:last-child{color:#d96672}.converted-fields .converted-tools button:hover{background:#e8eef8}.converted-fields td[data-field="company"]:hover .converted-tools,.converted-fields td[data-field="company"]:focus-within .converted-tools{opacity:1}.converted-fields td .converted-cell{color:inherit}.converted-fields tbody tr{background:#edf2f9}

.fu-card[id^="pending-"] .pending-fields+div{padding-top:12px!important;gap:10px!important}.fu-card[id^="pending-"] .btn-success-outline{background:#eaf8ef!important;border-color:#97d6b0!important;color:#24834d!important}.fu-card[id^="pending-"] .btn-success-outline:hover{background:#d9f1e3!important}
.pending-fields [data-key]{color:var(--pending-field-color,#7968a0)!important}.pending-fields [data-key]::placeholder{color:var(--pending-field-color,#7968a0)!important;opacity:.8}.pending-fields [data-key="honorific"],.pending-fields [data-key="name"]{--pending-field-color:#927663}.pending-fields [data-key="stage"]{--pending-field-color:#347adf}.pending-fields [data-key="source"]{--pending-field-color:#ad5789}.pending-fields [data-key="company"]{--pending-field-color:#7565a3}.pending-fields [data-key="email"]{--pending-field-color:#3979b9}.pending-fields [data-key="whatsapp"]{--pending-field-color:#258365}.pending-fields [data-key="phone"]{--pending-field-color:#39858b}.pending-fields [data-key="country"]{--pending-field-color:#4c8094}.pending-fields [data-key="lang"]{--pending-field-color:#8969a4}.pending-fields [data-key="product"]{--pending-field-color:#a37836}.pending-fields [data-key="mainBiz"]{--pending-field-color:#90704b}.pending-fields [data-key="industry"]{--pending-field-color:#608c72}.pending-fields [data-key="level"]{--pending-field-color:#388796}.pending-fields [data-key="owner"],.pending-fields [data-key="coOwners"]{--pending-field-color:#6f6aaa}.pending-fields [data-key="address"]{--pending-field-color:#a07d53}.pending-fields [data-key="tags"]{--pending-field-color:#ae6587}.pending-fields [data-key="social"]{--pending-field-color:#3c8f91}
.pending-fields{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:120px;overflow-x:auto;gap:12px;max-width:100%;box-sizing:border-box}.pending-fields label{min-width:0}.pending-fields label:has([data-key='email']),.pending-fields label:has([data-key='company']){width:160px}.pending-fields{grid-auto-columns:max-content}.pending-fields label{width:120px}

.pending-fields{column-gap:8px}.pending-fields label{width:96px}.pending-fields label:has([data-key="honorific"]){width:56px}.pending-fields label:has([data-key="stage"]),.pending-fields label:has([data-key="level"]){width:72px}.pending-fields label:has([data-key="country"]),.pending-fields label:has([data-key="owner"]){width:76px}.pending-fields label:has([data-key="name"]){width:110px}.pending-fields label:has([data-key="company"]){width:165px}.pending-fields label:has([data-key="email"]){width:190px}.pending-fields label:has([data-key="phone"]),.pending-fields label:has([data-key="whatsapp"]){width:130px}.pending-fields label:has([data-key="address"]){width:175px}.pending-fields label:has([data-key="coOwners"]),.pending-fields label:has([data-key="product"]){width:110px}
.pending-fields{gap:6px;padding-top:14px}.pending-fields label{width:82px}.pending-fields label:has([data-key="name"]){width:78px}.pending-fields label:has([data-key="company"]){width:125px}.pending-fields label:has([data-key="email"]){width:155px}.pending-fields label:has([data-key="honorific"]){position:relative;overflow:visible}.pending-fields :is(textarea,select):hover{background:transparent!important}.pending-fields :is(textarea,select):focus{background:transparent!important}.pending-identity-tools{display:none;position:absolute;top:0;left:30px;white-space:nowrap;z-index:2}.pending-fields label:hover>.pending-identity-tools,.pending-fields label:focus-within>.pending-identity-tools{display:inline-flex}.pending-identity-tools button{border:0;background:transparent;color:#6a7fa0;padding:0 3px;cursor:pointer}.pending-identity-tools button:last-child{color:#d96672}.converted-fields tbody tr:hover,.converted-fields tbody td:hover{background:#edf2f9!important}.converted-fields .converted-cell{display:inline-block;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.converted-fields td[data-field="name"] .converted-cell{max-width:78px}.converted-fields td[data-field="email"] .converted-cell{max-width:155px}.converted-fields td[data-field="honorific"]{position:relative;min-width:50px}.converted-fields .converted-tools{position:absolute;left:8px;top:-5px;margin:0;visibility:hidden}.converted-fields td[data-field="honorific"]:hover .converted-tools,.converted-fields td[data-field="honorific"]:focus-within .converted-tools{visibility:visible;opacity:1}.converted-fields .converted-tools button:hover{background:transparent}.content .converted-fields td,.content .converted-fields th{padding-left:8px;padding-right:8px}

button:is([onclick*="reviewAssistTask"],[onclick*="assistSubmit"],[onclick*="assistRun"],[onclick*="submitAssistCustom"],[onclick*="simpleCampaignAI"],[onclick*="simpleAIPrepare"],[onclick*="sbGenReply"],[onclick*="assistResultDraft"]),.assist-chat-modal form .btn-primary{background:#fff0db!important;border:1px solid #efbd7e!important;color:#ad641e!important}button:is([onclick*="reviewAssistTask"],[onclick*="assistSubmit"],[onclick*="assistRun"],[onclick*="submitAssistCustom"],[onclick*="simpleCampaignAI"],[onclick*="simpleAIPrepare"],[onclick*="sbGenReply"],[onclick*="assistResultDraft"]):hover,.assist-chat-modal form .btn-primary:hover{background:#ffe3bb!important;border-color:#e9ad61!important;color:#985316!important}
#content .fu-tab.crm-pending-tab,#content .fu-tab.crm-pending-tab.active{background:#fff0db!important;border:1px solid #efbd7e!important;color:#ad641e!important}#content .fu-tab.crm-pending-tab .tag{background:#ffe2b7!important;color:#a35d18!important}

#content .pending-fields :is( :is(textarea,input).form-input,select.form-select),#content .pending-fields :is( :is(textarea,input).form-input,select.form-select):is(:hover,:focus,:focus-visible,:active){background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;border-radius:0!important}#content .pending-fields :is( :is(textarea,input).form-input,select.form-select):is(:hover,:focus){color:color-mix(in srgb,var(--pending-field-color,#7968a0) 75%,#162b48)!important;text-decoration:underline;text-underline-offset:3px}#content .pending-fields  :is(textarea,input).form-input:is(:hover,:focus)::placeholder{color:color-mix(in srgb,var(--pending-field-color,#7968a0) 75%,#162b48)!important;opacity:1}#content .pending-fields label:is(:hover,:focus-within){background:transparent!important;box-shadow:none!important}
#content .pending-fields{column-gap:12px}#content .pending-fields input.form-input{display:block;width:100%;box-sizing:border-box;height:26px;min-height:26px;margin-top:3px;padding:3px 6px 3px 0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent;border:0;box-shadow:none}
#content .pending-fields input.form-input{padding-right:18px}#content .pending-fields input:is([data-key='company'],[data-key='email']){padding-right:24px}
/* Keep a clear gutter after every editable customer value. */
#content .pending-fields{column-gap:14px}
#content .pending-fields label{box-sizing:border-box}
#content .pending-fields :is(input.form-input,textarea.form-input,select.form-select){width:calc(100% - 12px);max-width:calc(100% - 12px);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
#content .pending-fields input.form-input{padding-right:0}
#content .pending-fields input:is([data-key='company'],[data-key='email']){width:calc(100% - 22px);max-width:calc(100% - 22px);padding-right:0}
#content .pending-fields select.form-select{padding-right:16px}
#content .pending-fields select.form-select{field-sizing:content;width:auto;min-width:0;max-width:calc(100% - 8px);padding-left:0;padding-right:2px}
.pending-table-scroll{overflow-x:auto;max-width:100%}
.customer-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px}
.customer-detail-modal .customer-detail-meta :is(.tag,.stage-chip){padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px;line-height:24px}
.customer-detail-meta .stage-chip::before{display:none!important}
.customer-detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0 0 20px}
.customer-detail-fields [data-field]{min-width:0;background:transparent!important;box-shadow:none!important;padding:0}
.customer-detail-fields [data-field]>div:last-child{font-size:12px!important;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--detail-color,#608c72)}
.customer-detail-fields [data-field='email']{--detail-color:#3e73ad}.customer-detail-fields [data-field='phone']{--detail-color:#39858b}.customer-detail-fields [data-field='whatsapp']{--detail-color:#258365}
.customer-detail-modal :is(.customer-detail-meta,.customer-detail-fields) :hover{background:transparent!important;box-shadow:none!important}
.customer-detail-fields [data-field]>div:last-child:hover,.customer-detail-meta :is(.tag,.stage-chip):hover{color:#327eff!important}
#content .pending-data-table{min-width:0!important;margin:0;table-layout:fixed}#content .pending-data-table th{width:auto!important;text-align:left;padding:9px 12px}#content .pending-data-table td[data-field]{padding:9px 12px;text-align:left;cursor:pointer}

#emailSidebar .ad-design-body .form-textarea{width:100%;min-height:112px;padding:12px;font-size:13px;line-height:1.8;resize:vertical;box-sizing:border-box}#emailSidebar .ad-design-body label{white-space:normal}#emailSidebar .ad-design-body .form-group{margin-bottom:14px}

.campaign-rich-toolbar > *{flex-shrink:0;white-space:nowrap}
.campaign-rich-toolbar .btn.btn-sm{padding:5px 7px}
.ad-integration-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 15px;margin:0 0 18px;background:#f1f6ff;border:1px solid #d7e5fb;border-radius:9px;color:#36527a;font-size:12px;line-height:1.5}
.ad-integration-note strong{font-size:13px;color:#27466f}
.ad-integration-note span:nth-child(2){flex:1;min-width:240px}

/* Topbar Globally Removed: Account & Messages moved into Settings; WA Composer Expanded */
.topbar{display:none!important;height:0!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden!important}
.msg-toast{top:18px!important}
.msg-toast-wrap{top:16px!important}
@media(min-width:761px){
.content:has(.email-layout),.content:has(.wa-layout){display:flex!important;flex-direction:column!important;height:100dvh!important;max-height:100dvh!important;box-sizing:border-box!important;padding:10px 14px 14px!important;overflow:hidden!important}
.content:has(.email-layout) .email-layout,.content:has(.wa-layout) .wa-layout{flex:1 1 0!important;height:auto!important;max-height:100%!important;min-height:0!important;box-sizing:border-box!important;border:1px solid #d0d7de!important;border-bottom:2px solid #cbd5e1!important;border-radius:8px!important;box-shadow:0 2px 10px rgba(15,23,42,.06)!important;background:#fff!important;overflow:hidden!important}
}
.wa-chat{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-bottom:1px solid #e2e8f0!important}
.wa-chat-header{padding:7px 14px!important}
.wa-messages{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;padding:12px 18px!important}
.wa-input{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-template-columns:none!important;padding:5px 12px 7px!important;gap:4px!important;height:auto!important;min-height:0!important;background:#fff!important;border-top:1px solid #e2e8f0!important;border-bottom:1px solid #cbd5e1!important;box-sizing:border-box!important}
.wa-recommend-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:100%;padding:5px 10px;background:linear-gradient(90deg,#fff9ef,#fffcf5);border:1px solid #f7d294;border-radius:7px;font-size:12px;line-height:1.4;box-sizing:border-box}
.wa-recommend-content{flex:1;min-width:0}
.wa-recommend-en{color:#1e293b;font-weight:500;overflow-wrap:anywhere}
.wa-recommend-cn{color:#64748b;font-size:11.5px;margin-top:1px}
.wa-recommend-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}
.wa-toolbar-row{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;min-height:30px!important;box-sizing:border-box!important;flex-wrap:nowrap!important}
.wa-editor-tools{display:inline-flex!important;width:auto!important;flex-shrink:0!important;align-items:center!important;gap:3px!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:2px 6px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:7px!important;margin:0!important;box-sizing:border-box!important}
.wa-editor-tools .wa-tool-btn{width:23px!important;height:23px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;background:transparent!important;color:#64748b!important;border-radius:5px!important;cursor:pointer!important;font-size:14px!important;padding:0!important;line-height:1!important;white-space:nowrap!important;outline:none!important}
.wa-editor-tools .wa-tool-btn:hover{background:#e2e8f0!important;color:#1e293b!important}
.wa-editor-tools .wa-tool-btn svg{width:14px!important;height:14px!important}
.wa-editor-tools .wa-translate-pill{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:auto!important;min-width:50px!important;height:22px!important;min-height:22px!important;padding:0 8px!important;margin-left:2px!important;border-radius:11px!important;border:1px solid #cbd5e1!important;background:#f1f5f9!important;color:#475569!important;font-size:11.5px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;outline:none!important;box-sizing:border-box!important}
.wa-editor-tools .wa-translate-pill .wa-trans-globe{font-size:12px;line-height:1}
.wa-editor-tools .wa-translate-pill .wa-trans-dot{width:5px;height:5px;border-radius:50%;background:#94a3b8;display:inline-block;flex-shrink:0}
.wa-editor-tools .wa-translate-pill.is-active{background:#e6f4ff!important;border-color:#69b1ff!important;color:#0958d9!important}
.wa-editor-tools .wa-translate-pill.is-active .wa-trans-dot{background:#16a34a}
.wa-live-prev-inline{flex:1 1 0!important;min-width:0!important;display:flex!important;align-items:center!important}
.wa-live-prev-box{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;width:100%!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:0 8px!important;background:#f0f7ff!important;border:1px solid #91caff!important;border-radius:7px!important;box-sizing:border-box!important;overflow:hidden!important;transition:border-color .15s,background .15s,box-shadow .15s}
.wa-live-prev-box:focus-within{background:#fff!important;border-color:#1677ff!important;box-shadow:0 0 0 2px rgba(22,119,255,.12)!important}
.wa-live-prev-head{display:contents!important}
.wa-live-prev-label{display:none!important}
.wa-input textarea#waLiveTransInput.wa-live-prev-input,.wa-live-prev-input{order:2!important;flex:1 1 0!important;min-width:0!important;width:auto!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:2px 4px!important;margin:0!important;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;font-size:12px!important;line-height:20px!important;color:#1d39c4!important;font-weight:500!important;resize:none!important;white-space:nowrap!important;overflow:hidden!important;font-family:inherit!important;box-sizing:border-box!important}
.wa-input textarea#waLiveTransInput.wa-live-prev-input:focus,.wa-input textarea#waLiveTransInput.wa-live-prev-input:focus-visible,.wa-live-prev-input:focus,.wa-live-prev-input:focus-visible{outline:none!important;box-shadow:none!important;border:0!important}
.wa-live-prev-input::placeholder{color:#6998d4!important;font-weight:400!important}
.wa-live-prev-swap{order:3!important;flex-shrink:0!important;margin-left:auto!important;height:21px!important;min-height:21px!important;line-height:19px!important;padding:0 8px!important;border:1px solid #91caff!important;border-radius:5px!important;background:#fff!important;color:#0958d9!important;font-size:11px!important;font-weight:600!important;cursor:pointer!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.wa-live-prev-swap:hover{background:#e6f4ff!important}
.wa-live-prev-off{font-size:11.5px;color:#94a3b8;padding:0 6px;cursor:pointer;white-space:nowrap}
.wa-live-prev-off:hover{color:#0958d9;text-decoration:underline}
.wa-input>.wa-editor-body{grid-column:auto!important;align-self:stretch!important;width:100%!important;min-height:62px!important;position:relative!important;display:flex!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
.wa-editor-body #waMsgInput{width:100%!important;height:62px!important;min-height:62px!important;max-height:160px!important;padding:6px 46px 6px 10px!important;border:1.5px solid #cbd5e1!important;border-bottom:1.5px solid #94a3b8!important;border-radius:7px!important;background:#fff!important;color:#1e293b!important;font-size:13px!important;line-height:1.45!important;resize:vertical!important;outline:none!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.02)!important;box-sizing:border-box!important}
.wa-editor-body #waMsgInput:focus,.wa-editor-body #waMsgInput:focus-visible{border-color:#3b82f6!important;box-shadow:0 0 0 2px rgba(59,130,246,.14)!important;outline:none!important}
.wa-input.wa-large-editor-open .wa-toolbar-row{flex-direction:column!important;align-items:stretch!important;gap:5px!important}
.wa-input.wa-large-editor-open .wa-live-prev-box{flex-direction:column!important;align-items:stretch!important;height:auto!important;min-height:96px!important;max-height:none!important;padding:6px 10px!important;gap:4px!important;background:#f8fbff!important;border:1.5px solid #69b1ff!important;box-shadow:0 2px 8px rgba(22,119,255,.08)!important;overflow:visible!important}
.wa-input.wa-large-editor-open .wa-live-prev-head{order:1!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.wa-input.wa-large-editor-open textarea#waLiveTransInput.wa-live-prev-input,.wa-input.wa-large-editor-open .wa-live-prev-input{order:2!important;flex:0 0 auto!important;width:100%!important;padding:6px 8px!important;background:#fff!important;border:1px solid #bae0ff!important;border-radius:6px!important;font-size:12.5px!important;line-height:1.5!important;white-space:pre-wrap!important;overflow-y:auto!important;resize:vertical!important}
.wa-input.wa-large-editor-open .wa-editor-body #waMsgInput{font-size:13.5px!important;line-height:1.55!important}
.wa-send-button{position:absolute!important;right:7px!important;bottom:5px!important;width:28px!important;height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:7px!important;background:#eff6ff!important;color:#2563eb!important;padding:0!important;cursor:pointer!important}
.wa-send-button svg{width:16px!important;height:16px!important}
.wa-send-button:hover{background:#2563eb!important;color:#fff!important}

/* Redesigned Assist Feature Cards & Clickable Chips */
.assist-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;margin-bottom:20px}
.assist-feature{display:flex!important;flex-direction:column;gap:8px!important;padding:16px 18px!important;min-width:0}
.assist-card-head{display:flex;align-items:center;gap:8px}
.assist-card-desc{font-size:12px!important;color:var(--text-2);line-height:1.45;min-height:0!important;margin-bottom:2px}
.assist-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;align-items:start}
.assist-field-label{font-size:11.5px;font-weight:600;color:#4e5d78;margin-bottom:3px;line-height:1.35}
.assist-chips-wrap{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.assist-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:14px;border:1px solid #d8deea;background:#f8fafc;color:var(--text-2);font-size:12px;line-height:18px;cursor:pointer;user-select:none;transition:all .12s;white-space:nowrap}
.assist-chip input{width:13px;height:13px;margin:0;accent-color:var(--primary)}
.assist-chip.is-selected{background:var(--primary-light);border-color:var(--primary);color:var(--primary);font-weight:600}
.assist-chip-other{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-2);margin-left:2px;white-space:nowrap}
.assist-other-input{width:108px!important;min-width:80px;height:24px!important;min-height:24px!important;padding:1px 7px!important;font-size:12px!important;border-radius:12px!important;border:1px solid #cbd5e1!important;background:#fff!important}
.assist-upload-box{border:1.5px dashed var(--border);border-radius:8px;padding:6px 10px;font-size:12px;color:var(--text-3);cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fafbff}
.assist-upload-box.is-folder{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:500}
@media(max-width:760px){.assist-fields-grid{grid-template-columns:1fr}}

/* Email Content Styling (Full Width to Right Edge + Preserve 100% Original Multimedia Email Layout & Styles) */
.email-detail .body,.email-detail .body .mail-original-html,.email-detail .body .mail-original-text,.email-detail .body .mail-rich-content,.email-detail .mail-translation{width:100%!important;max-width:100%!important;box-sizing:border-box!important;word-break:break-word;line-height:normal}
.email-detail .body .mail-original-html :where(p,ul,ol,dl,blockquote,h1,h2,h3,h4,h5,h6,hr,pre,table,thead,tbody,tfoot,tr,th,td){margin:revert;padding:revert;border:revert;border-collapse:revert;width:revert;text-align:revert;background:revert;color:revert;font-size:revert;line-height:revert}
.email-detail .body .mail-original-html [align="right"]{text-align:right}
.email-detail .body .mail-original-html [align="center"]{text-align:center}
.email-detail .body .mail-original-html [align="left"]{text-align:left}
.email-detail .body .mail-original-html p.showPC{display:none!important}
.email-detail .body .mail-original-html img,.email-detail .body .mail-rich-content img{max-width:100%;height:auto}
.email-detail .body .mail-rich-sig-card{background:transparent!important;border:0!important;border-left:0!important;padding:0!important;border-radius:0!important}
.email-detail .mail-translation{margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#f0f7ff,#f8fafc);border:1px solid #bae0ff;border-radius:8px;color:#1e293b}
#waRichBody p{margin:0 0 10px 0;line-height:1.78}
#waRichBody ul,#waRichBody ol{margin:6px 0 12px 20px;padding:0}
#waRichBody li{margin:4px 0;line-height:1.72}

/* ===== Collapsible Sidebars & Toggle Buttons (Main Sidebar / Email Folders / WA List / Right Assist Sidebar) ===== */
.sidebar{position:relative!important;transition:width .2s cubic-bezier(.4,0,.2,1)!important}
.sidebar-logo.xm-brand{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.sidebar-collapse-btn{margin-left:auto;width:26px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;flex-shrink:0;line-height:1;padding:0;transition:all .15s}
.sidebar-collapse-btn:hover{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.35)}
.sidebar-edge-handle{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:14px;height:44px;border-radius:0 8px 8px 0;border:1px solid rgba(148,163,184,.35);border-left:0;background:#30364d;color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;z-index:120;padding:0;box-shadow:2px 0 6px rgba(15,23,42,.12);transition:all .15s}
.sidebar-edge-handle:hover{width:18px;right:-16px;background:#505fff;color:#fff}
@media(min-width:761px){
  body.sidebar-collapsed .sidebar{width:64px!important;min-width:64px!important;max-width:64px!important}
  body.sidebar-collapsed .sidebar-logo.xm-brand{padding:8px 6px!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;height:78px!important}
  body.sidebar-collapsed .sidebar-logo.xm-brand .xm-copy{display:none!important}
  body.sidebar-collapsed .sidebar-logo.xm-brand .xm-logo{width:30px!important;height:30px!important;flex-basis:30px!important}
  body.sidebar-collapsed .sidebar-collapse-btn{margin:0 auto!important;width:24px!important;height:20px!important;font-size:12px!important}
  body.sidebar-collapsed .sidebar-nav{padding:8px 6px!important}
  body.sidebar-collapsed .sidebar .nav-item{padding:12px 0!important;justify-content:center!important;gap:0!important;font-size:0!important;position:relative!important}
  body.sidebar-collapsed .sidebar .nav-item svg{width:20px!important;height:20px!important;margin:0!important}
  body.sidebar-collapsed .sidebar .nav-item .nav-badge{position:absolute!important;top:4px!important;right:4px!important;font-size:10px!important;line-height:15px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;margin:0!important}
  body.sidebar-collapsed .sidebar-footer{padding:10px 6px!important}
  body.sidebar-collapsed .sidebar-footer .nav-item{padding:10px 0!important;justify-content:center!important}
  body.sidebar-collapsed .crm-insight-inner{width:calc(100vw - 150px)!important}
}
@media(max-width:760px){
  .sidebar-collapse-btn,.sidebar-edge-handle{display:none!important}
}

/* Sub-sidebar toggle buttons (Email Folders & WhatsApp Conversation List) */
.sub-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 8px 12px;border-bottom:1px solid #eef0f5;margin-bottom:4px}
.sub-sidebar-title{font-size:12px;font-weight:600;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sub-sidebar-toggle-btn{width:24px;height:24px;border-radius:6px;border:1px solid #cbd5e1;background:#f8fafc;color:#475569;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0;padding:0;line-height:1;transition:all .15s}
.sub-sidebar-toggle-btn:hover{background:#e2e8f0;color:#0f172a;border-color:#94a3b8}
@media(min-width:761px){
  .email-layout{transition:grid-template-columns .2s ease}
  .email-layout.folders-collapsed{grid-template-columns:42px minmax(260px,310px) minmax(0,1fr)!important}
  .email-layout.folders-collapsed .email-folders{padding:8px 4px!important;overflow-x:hidden!important}
  .email-layout.folders-collapsed .sub-sidebar-head{justify-content:center!important;padding:2px 0 8px!important}
  .email-layout.folders-collapsed .sub-sidebar-title{display:none!important}
  .email-layout.folders-collapsed .email-folders .folder-item{padding:9px 0!important;margin:2px 0!important;justify-content:center!important;font-size:0!important;gap:0!important;position:relative!important}
  .email-layout.folders-collapsed .email-folders .folder-item svg{width:16px!important;height:16px!important}
  .email-layout.folders-collapsed .email-folders .folder-item .count{display:none!important}
  .email-layout.folders-collapsed .email-folders>:not(.sub-sidebar-head):not(.folder-item){display:none!important}

  .wa-layout{transition:grid-template-columns .2s ease}
  .wa-layout.wa-list-collapsed{grid-template-columns:58px minmax(0,1fr)!important}
  .wa-layout.wa-list-collapsed .wa-account-bar{padding:10px 6px!important;flex-direction:column!important;justify-content:center!important;gap:6px!important}
  .wa-layout.wa-list-collapsed .wa-account-bar>div:not(.wa-account-avatar),.wa-layout.wa-list-collapsed .wa-account-bar>.wa-icon-button:not(.sub-sidebar-toggle-btn){display:none!important}
  .wa-layout.wa-list-collapsed .wa-list-header{display:none!important}
  .wa-layout.wa-list-collapsed .wa-chat-item{padding:10px 6px!important;min-height:58px!important;justify-content:center!important}
  .wa-layout.wa-list-collapsed .wa-chat-item .info{display:none!important}
  .wa-layout.wa-list-collapsed .wa-chat-item .unread-badge{top:6px!important;right:4px!important;bottom:auto!important}
}

/* Right-side AI Collaboration Sidebar (#emailSidebar) Collapse & Expand */
#emailSidebar{transition:width .2s ease,transform .22s ease,opacity .18s ease}
#emailSidebar.sb-wide{width:min(760px,calc(100vw - 80px))!important}
#emailSidebar.sb-collapsed{transform:translateX(calc(100% + 20px))!important;pointer-events:none!important;opacity:0!important}
.sb-collapsed-edge-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1505;background:linear-gradient(135deg,#ff9b2f,#ea580c);color:#fff;border:1px solid #fdba74;border-right:0;border-radius:10px 0 0 10px;padding:10px 7px;writing-mode:vertical-rl;text-orientation:upright;font-size:12.5px;font-weight:700;letter-spacing:2px;cursor:pointer;box-shadow:-3px 4px 14px rgba(234,88,12,.28);display:none;align-items:center;gap:4px}
.sb-collapsed-edge-tab:hover{padding-right:11px;background:linear-gradient(135deg,#ea580c,#c2410c)}

/* Unified Compose Modal Footer Toolbar */
.compose-modal-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:12px 18px!important;background:#fafbfe!important;border-top:1px solid var(--border)!important;flex-wrap:nowrap!important}
.compose-footer-tools{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0}
.compose-footer-submit{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.compose-tool-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:32px!important;min-height:32px!important;padding:0 11px!important;border:1px solid #dce1eb!important;border-radius:7px!important;background:#ffffff!important;color:#334155!important;font-size:12.5px!important;font-weight:500!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;box-sizing:border-box!important;text-decoration:none!important;transition:background .15s,border-color .15s,color .15s!important;margin:0!important}
.compose-tool-btn:hover{background:#f5f7fb!important;border-color:#b0b9e8!important;color:var(--primary)!important}
.compose-tool-btn:active{transform:translateY(1px)}
.compose-tool-select{appearance:auto;padding-right:8px!important;outline:none}
.compose-tool-check input[type=checkbox]{width:13px;height:13px;margin:0;accent-color:var(--primary);cursor:pointer}
.compose-send-btn{height:32px!important;min-height:32px!important;padding:0 16px!important;border-radius:7px!important;font-size:12.5px!important;font-weight:600!important}

/* Live Content-Synced Rich Text Editor Toolbar */
.rich-sync-toolbar{display:flex!important;align-items:center!important;gap:4px!important;padding:5px 10px!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;flex-wrap:wrap!important;user-select:none}
.rich-tb-select{height:28px!important;min-height:28px!important;padding:0 22px 0 8px!important;border:1px solid #cbd5e1!important;border-radius:6px!important;background-color:#fff!important;color:#1e293b!important;font-size:12px!important;font-weight:500!important;line-height:26px!important;cursor:pointer!important;outline:none!important;box-sizing:border-box!important}
.rich-tb-select:hover,.rich-tb-select:focus{border-color:#94a3b8!important}
.rich-tb-btn{height:28px!important;min-height:28px!important;min-width:28px!important;padding:0 7px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#334155!important;font-size:12px!important;font-weight:500!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;cursor:pointer!important;box-sizing:border-box!important;transition:background .12s,border-color .12s,color .12s!important}
.rich-tb-btn:hover{background:#e2e8f0!important;color:#0f172a!important}
.rich-tb-btn.is-active{background:#e0f2fe!important;border-color:#7dd3fc!important;color:#0369a1!important;font-weight:700!important}
.rich-tb-color{height:28px!important;min-height:28px!important;padding:0 7px!important;border:1px solid #cbd5e1!important;border-radius:6px!important;background:#fff!important;color:#1e293b!important;font-size:11.5px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:5px!important;cursor:pointer!important;box-sizing:border-box!important;position:relative!important}
.rich-tb-color:hover{border-color:#94a3b8!important;background:#f8fafc!important}
.rich-tb-color input[type=color]{width:18px!important;height:18px!important;border:0!important;padding:0!important;background:transparent!important;cursor:pointer!important;flex-shrink:0}
.rich-tb-sep{width:1px;height:18px;background:#cbd5e1;margin:0 3px;flex-shrink:0}



/* WA 输入框待发附件：独立卡片网格，不再继承引用条 .wa-reply-strip 的 span 拉伸规则 */
.wa-pending-atts{border-top:1px solid #e2e8f0;background:#f8fafc;padding:8px 12px 10px}
.wa-pa-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.wa-pa-title{font-size:12px;font-weight:600;color:#334155;display:inline-flex;align-items:center;gap:6px}
.wa-pa-title b{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e0ecff;color:#1d4ed8;font-size:11px;line-height:18px;text-align:center}
.wa-pa-clear{border:0;background:none;color:#64748b;font-size:12px;cursor:pointer;padding:2px 4px}
.wa-pa-clear:hover{color:#dc2626}
.wa-pa-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;max-height:132px;overflow-y:auto}
.wa-pa-item{display:flex;align-items:center;gap:10px;min-width:0;padding:7px 8px 7px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}
.wa-pa-item:hover{border-color:#93c5fd;box-shadow:0 1px 4px rgba(15,23,42,.06)}
.wa-pa-item.is-draft{border-color:#bbf7d0}
.wa-pa-icon{flex:0 0 auto;font-size:20px;line-height:1}
.wa-pa-meta{flex:1 1 auto;min-width:0;cursor:pointer}
.wa-pa-name{font-size:12.5px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-pa-sub{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:11px;color:#94a3b8;white-space:nowrap}
.wa-pa-badge{padding:0 6px;border-radius:4px;background:#dcfce7;color:#15803d;font-size:10.5px;line-height:16px}
.wa-pa-actions{flex:0 0 auto;display:flex;gap:2px}
.wa-pa-actions button{border:0;background:none;padding:3px 5px;border-radius:5px;font-size:11.5px;color:#64748b;cursor:pointer;white-space:nowrap}
.wa-pa-actions button:hover{background:#eff6ff;color:#1d4ed8}
.wa-pa-remove{flex:0 0 auto;width:22px;height:22px;border:0;border-radius:50%;background:none;color:#94a3b8;font-size:16px;line-height:1;cursor:pointer}
.wa-pa-remove:hover{background:#fee2e2;color:#dc2626}
/* 大编辑框：随内容自动长高（最高约 6 成屏高），基本不用在框内滚动 */
.wa-input.wa-large-editor-open .wa-editor-body #waMsgInput{min-height:34vh!important;max-height:60vh!important;overflow-y:auto!important}
.wa-input.wa-large-editor-open textarea#waLiveTransInput.wa-live-prev-input,.wa-input.wa-large-editor-open .wa-live-prev-input{min-height:14vh!important;max-height:32vh!important}

/* Xiaomie collaboration: real AI picture on top of the visual suite */
.xm-ai-image-panel{margin:0 0 14px;padding:12px;background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:10px}
.xm-ai-image-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:13.5px;color:#0f172a}
.xm-ai-image{display:block;width:100%;max-width:520px;margin:0 auto;border-radius:8px;border:1px solid #eef0f3;background:#f8fafc}
.xm-ai-image-note{padding:18px 12px;text-align:center;font-size:13px;color:#64748b;background:#f8fafc;border-radius:8px}
.xm-ai-image-note.is-error{color:#c2410c;background:#fff7ed}
/* WA 译文框/输入框：悬停全文提示 + 点击大编辑框 */
.wa-fulltext-tip{position:fixed;z-index:9000;display:none;max-height:42vh;overflow:auto;padding:10px 12px;background:#fff;color:#1f2937;border:1px solid #d6e4ff;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.16);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;pointer-events:none}
.wa-bigedit-mask{position:fixed;inset:0;z-index:9500;background:rgba(15,23,42,.38);display:flex;align-items:center;justify-content:center;padding:16px}
.wa-bigedit-box{width:min(760px,100%);background:#fff;border-radius:12px;box-shadow:0 20px 48px rgba(15,23,42,.24);display:flex;flex-direction:column;overflow:hidden}
.wa-bigedit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #eef2f7;font-size:14px}
.wa-bigedit-head span{font-size:12px;color:#94a3b8}
.wa-bigedit-ta{display:block;width:100%;min-height:24vh;max-height:34vh;padding:6px 16px 12px;border:0;outline:none;resize:vertical;font-size:14px;line-height:1.7;color:#1f2937;font-family:inherit}
.wa-bigedit-label{display:block;padding:10px 16px 0;font-size:12px;font-weight:600;color:#64748b}
.wa-bigedit-label+.wa-bigedit-ta{border-bottom:1px solid #eef2f7}
.wa-bigedit-ta:focus{background:#fbfdff}
.wa-bigedit-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid #eef2f7;background:#fafbfc}
/* 文件操作按钮统一配色：中性灰底，悬停主色，仅删除为红 */
.btn.xm-act{color:#475569;border-color:#e2e8f0;background:#fff;font-weight:500}
.btn.xm-act:hover{color:#1677ff;border-color:#91caff;background:#f5f9ff}
.btn.xm-act.is-danger{color:#dc2626}
.btn.xm-act.is-danger:hover{color:#dc2626;border-color:#fecaca;background:#fff5f5}
.xm-act-row{display:flex;gap:4px;flex-wrap:nowrap;flex-shrink:0;align-items:center}
/* WA 消息附件卡片：图片直接显示，操作按钮悬停才出现 */
.wa-att-card{background:rgba(255,255,255,.55);border:1px solid rgba(15,23,42,.08);border-radius:8px;padding:8px 10px;margin-bottom:6px;font-size:12px;max-width:340px}
.wa-att-card.is-image{padding:4px;background:transparent;border-color:transparent}
.wa-att-card.is-image img{max-width:280px!important;max-height:280px!important;border:0!important}
.wa-att-card.is-image strong{font-weight:500;color:#64748b}
.wa-att-acts{display:flex;gap:3px;flex-wrap:wrap;opacity:0;max-height:0;overflow:hidden;transition:opacity .15s}
.wa-att-card:hover .wa-att-acts{opacity:1;max-height:60px;margin-top:4px}
/* 待发附件：图片显示缩略图，文件名完整显示，操作按钮悬停出现 */
.wa-pa-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.wa-pa-thumb{flex:0 0 auto;width:36px;height:36px;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0;cursor:pointer}
.wa-pa-actions{display:none}
.wa-pa-item:hover .wa-pa-actions{display:flex}
/* 拉黑 / 不去骚扰 确认框 */
.xm-policy-who{display:flex;flex-direction:column;gap:2px;margin:0 0 10px}
.xm-policy-who span{color:#64748b;font-size:13px}
.xm-policy-warn{background:#fff5f5;border:1px solid #fecaca;color:#991b1b;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.7}
.xm-policy-info{background:#f5f9ff;border:1px solid #d6e4ff;color:#1e3a8a;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.7}
.xm-policy-keep{display:flex;align-items:center;gap:6px;margin:10px 0 2px;font-size:13px;color:#334155;cursor:pointer}
.xm-policy-dlg textarea{margin-top:10px;min-height:60px}
.xm-policy-foot{display:flex;gap:8px;align-items:center;margin-top:14px}
.xm-policy-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eef2f7}
.xm-policy-row small{display:block;color:#94a3b8;font-size:11.5px;margin-top:2px}
.xm-policy-tag{margin-left:6px;padding:0 6px;border-radius:4px;background:#f1f5f9;color:#64748b;font-size:11px}
.btn.btn-danger{background:#dc2626;border-color:#dc2626;color:#fff}
.btn.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}
/* WA 表情面板 */
.wa-emoji-panel{position:fixed;z-index:9000;display:grid;grid-template-columns:repeat(8,32px);gap:2px;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px rgba(15,23,42,.14)}
.wa-emoji-panel button{width:32px;height:32px;border:0;background:none;border-radius:6px;font-size:18px;cursor:pointer}
.wa-emoji-panel button:hover{background:#f1f5f9}
/* 消息译文：去掉"译"小框，用浅灰色和细分隔线区分原文与译文 */
.wa-msg .translation:before{display:none!important}
.wa-msg .translation{color:#64748b!important;font-size:12.5px!important;border-top:1px solid rgba(15,23,42,.07)!important;margin-top:6px!important;padding-top:5px!important}
/* 邮件操作栏：常用在左，删除/拉黑/不去骚扰靠右 */
.email-detail .actions.xm-mail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.xm-mail-actions .xm-act-sep{width:1px;height:18px;background:#e2e8f0;margin:0 2px}
.xm-mail-actions .xm-act-spacer{flex:1 1 auto;min-width:8px}
/* WA 消息附件（参照 WhatsApp）：图片直接显示可放大，文件卡片可下载，悬停出现 下载/转发/存到共享文件 */
.wa-att-group{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}
.wa-att{position:relative}
.wa-att-image{cursor:zoom-in;line-height:0;border-radius:8px;overflow:hidden;max-width:300px}
.wa-att-image img{display:block;max-width:300px;max-height:320px;width:auto;height:auto;object-fit:cover;border-radius:8px}
.wa-att-video video{display:block;max-width:320px;max-height:320px;border-radius:8px;background:#000}
.wa-att-audio audio{display:block;width:260px;height:36px}
.wa-att-doc{display:flex;align-items:center;gap:10px;min-width:240px;max-width:340px;padding:8px 10px;background:rgba(15,23,42,.05);border-radius:8px;cursor:pointer}
.wa-att-doc:hover{background:rgba(15,23,42,.08)}
.wa-att-doc-badge{flex:0 0 auto;width:36px;height:42px;border-radius:5px;color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;letter-spacing:.3px}
.wa-att-doc-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.wa-att-doc-name{font-size:13px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-att-doc-sub{font-size:11.5px;color:#64748b}
.wa-att-doc-dl{flex:0 0 auto;width:32px;height:32px;border:1px solid rgba(15,23,42,.12);border-radius:50%;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer}
.wa-att-doc-dl:hover{color:#16a34a;border-color:#86efac}
.wa-att-tools{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .15s;pointer-events:none}
.wa-att:hover .wa-att-tools{opacity:1;pointer-events:auto}
.wa-att-doc .wa-att-tools{top:-14px;right:4px}
.wa-att-tools button{width:28px;height:28px;border:0;border-radius:50%;background:rgba(17,24,39,.62);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.wa-att-tools button:hover{background:rgba(17,24,39,.82)}
/* 图片放大查看 */
.wa-img-viewer{position:fixed;inset:0;z-index:9800;background:rgba(10,14,20,.92);display:flex;flex-direction:column}
.wa-img-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;color:#e5e7eb;font-size:13px}
.wa-img-viewer-actions{display:flex;gap:8px}
.wa-img-viewer-actions button{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.wa-img-viewer-actions button:hover{background:rgba(255,255,255,.2)}
.wa-img-viewer-stage{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0;padding:0 64px 24px}
.wa-img-viewer-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.4)}
.wa-img-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.wa-img-nav:hover{background:rgba(255,255,255,.22)}
.wa-img-nav.prev{left:12px}.wa-img-nav.next{right:12px}
/* 转发选择会话 */
.wa-fw-search{width:100%;margin-bottom:8px}
.wa-fw-list{max-height:52vh;overflow:auto;display:flex;flex-direction:column}
.wa-fw-row{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 10px;border:0;border-bottom:1px solid #f1f5f9;background:#fff;text-align:left;cursor:pointer}
.wa-fw-row:hover{background:#f5f9ff}
.wa-fw-name{font-size:13.5px;color:#1f2937;font-weight:500}
.wa-fw-sub{font-size:11.5px;color:#94a3b8}
.wa-att-image.is-loading{width:220px;height:140px;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.06);color:#94a3b8;font-size:12px;line-height:1.4;cursor:default}
/* 邮件附件（只读）：类型标 + 文件名 + 大小，右侧 下载 / 存到共享 */
.mail-atts{margin-top:14px;padding-top:12px;border-top:1px solid #eef2f7}
.mail-atts-head{font-size:12.5px;color:#64748b;margin-bottom:8px}
.mail-atts-list{display:flex;flex-wrap:wrap;gap:8px}
.mail-att{display:flex;align-items:center;gap:10px;min-width:240px;max-width:360px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer}
.mail-att:hover{border-color:#91caff;background:#f8fbff}
.mail-att-actions{flex:0 0 auto;display:flex;gap:4px}
.mail-att-actions button{border:0;background:none;color:#64748b;font-size:12px;padding:3px 6px;border-radius:5px;cursor:pointer}
.mail-att-actions button:hover{background:#eff6ff;color:#1677ff}
.wa-att-doc.is-missing{background:rgba(15,23,42,.035);border:1px dashed rgba(15,23,42,.15)}
.wa-att-doc.is-missing .wa-att-doc-sub{color:#1c6fd6}
/* 已撤回的消息 */
.wa-msg.wa-revoked .text{font-style:italic;color:#8696a0!important}
/* 备注紧跟客户名，不单独换行；名字太长时省略 */
.email-wa-top .info{min-width:0;flex:1 1 auto}
.email-wa-top .info .name,.wa-chat-header .info .name{display:flex!important;align-items:center;gap:4px;flex-wrap:nowrap!important;min-width:0;white-space:nowrap}
.email-wa-top .info .name>.wa-note-link,.wa-chat-header .info .name>.wa-note-link{flex-shrink:0;white-space:nowrap}

/* ===================== 手机布局（≤768px）：底部导航；列表→详情全屏切换 ===================== */
#mBackBtn{display:none}
@media (max-width:768px){
 html,body{overflow:hidden!important}
 body{display:block!important}
 /* 导航收进左上角汉堡菜单（抽屉） */
 .sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;right:auto!important;width:272px!important;min-width:0!important;max-width:84vw!important;height:100dvh!important;display:flex!important;flex-direction:column!important;z-index:960!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;box-shadow:none!important;overflow-y:auto!important;padding-bottom:env(safe-area-inset-bottom)!important}
 body.m-nav-open .sidebar{transform:none!important;box-shadow:8px 0 28px rgba(15,23,42,.28)!important}
 .sidebar #sidebarEdgeHandle,.sidebar .sidebar-collapse-btn{display:none!important}
 .sidebar .sidebar-logo .xm-copy{display:block!important}
 .sidebar .sidebar-nav,.sidebar #nav{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;overflow-x:hidden!important;overflow-y:auto!important;padding:8px 12px!important;gap:4px!important}
 .sidebar .sidebar-logo{display:flex!important}
 .sidebar .sidebar-footer{display:block!important;padding:8px 12px!important}
 .sidebar .nav-item{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;height:auto!important;min-height:44px!important;width:100%!important;font-size:14.5px!important;white-space:nowrap!important;box-sizing:border-box!important}
 .main{margin:0!important;width:100%!important;height:calc(100dvh - 48px)!important;margin-top:48px!important;overflow:hidden!important;padding:0!important}
 .main .topbar{display:none!important}
 #content{height:100%!important;padding:0!important;overflow:auto!important}
 /* WhatsApp：先看会话列表，点进去聊天全屏 */
 .wa-layout{display:block!important;height:100%!important;min-height:0!important;border-radius:0!important;margin:0!important}
 .wa-layout>.wa-list{width:100%!important;max-width:none!important;height:100%!important;border:0!important}
 .wa-layout>#waChat{display:none!important}
 body.m-wa-chat .wa-layout>.wa-list{display:none!important}
 body.m-wa-chat .wa-layout>#waChat{display:flex!important;width:100%!important;height:100%!important}
 body.m-wa-chat .wa-chat-header{flex-wrap:wrap!important}
 .wa-chat-header>div[style*="margin-left:auto"]{margin-left:0!important;width:100%!important}
 .wa-msg{max-width:88%!important}
 .wa-att-image,.wa-att-image img{max-width:100%!important}
 .wa-att-doc{min-width:0!important;max-width:100%!important}
 .wa-toolbar-row{flex-wrap:wrap!important}
 .wa-live-prev-inline{flex-basis:100%!important}
 /* 邮件：文件夹横排，先看列表，点开邮件全屏 */
 .email-layout{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;border-radius:0!important;grid-template-columns:none!important}
 .email-layout>.email-folders{display:none!important}
 body.m-folders-open .email-layout>.email-folders{display:flex!important;flex-direction:column!important;position:fixed!important;top:48px!important;left:0!important;right:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:72dvh!important;overflow-y:auto!important;z-index:940!important;background:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(15,23,42,.22)!important;padding:6px 0!important}
 .email-layout>.email-list{width:100%!important;max-width:none!important;flex:1 1 auto!important;min-height:0!important;border:0!important}
 .email-layout>#emailDetail{display:none!important}
 body.m-mail-detail .email-layout>.email-folders,body.m-mail-detail .email-layout>.email-list{display:none!important}
 body.m-mail-detail .email-layout>#emailDetail{display:block!important;flex:1 1 auto!important;width:100%!important;min-height:0!important;overflow:auto!important;padding:8px 12px 16px!important}
 .email-detail .actions{flex-wrap:wrap!important;gap:6px!important}
 .email-wa-top{flex-wrap:wrap!important}
 /* 弹窗手机全屏 */
 .modal-overlay .modal{width:100vw!important;max-width:100vw!important;max-height:100dvh!important;height:auto!important;border-radius:0!important;margin:0!important}
 .modal-overlay{align-items:stretch!important;padding:0!important}
 .wa-bigedit-mask{padding:0!important}
 .wa-bigedit-box{width:100vw!important;height:100dvh!important;border-radius:0!important}
 /* 返回按钮 */
 /* 表格类页面横向可滑 */
 .crm-data-table,.table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 input,select,textarea{font-size:16px!important}
}
@media (max-width:768px){
 .email-mobile-back{display:none!important}
 select.wa-stage-select,select.wa-source-select,select.assist-select,.wa-chat-header select,.email-wa-header select{font-size:12.5px!important}
}
@media (max-width:768px){
 .wa-layout>.wa-list{max-height:none!important;min-height:0!important;height:100%!important}
 body.m-wa-chat .wa-layout>#waChat{max-height:none!important;min-height:0!important}
}

/* 已分发 */
.mail-dispatched-tag{display:inline-flex;align-items:center;margin-left:6px;padding:0 6px;height:18px;border-radius:9px;font-size:11px;font-weight:500;color:#5b6472;background:#eef1f5;border:1px solid #dde2e8;white-space:nowrap}
.dispatched-row .from{display:flex;justify-content:space-between;gap:8px}
.dispatched-time{font-size:12px;color:#8a93a0;white-space:nowrap}
.dispatched-to{font-size:12px;color:#5b6472;margin-top:2px}
.dispatched-row.active{background:#eef4ff}
.dispatched-empty{padding:28px 16px;text-align:center;color:#8a93a0;font-size:13px}
.dispatched-view{padding:20px 24px;overflow:auto;height:100%;box-sizing:border-box}
.dispatched-view h3{margin:0 0 8px;font-size:17px}
.dispatched-view-meta{font-size:12.5px;color:#5b6472;margin-bottom:4px}
.dispatched-view-body{white-space:pre-wrap;word-break:break-word;font:14px/1.65 inherit;font-family:inherit;margin-top:16px;color:#1f2937}

/* ===== 手机顶栏：☰ 菜单 / ‹ 返回 · 标题 · 文件夹 / ⋯ 更多操作 ===== */
#mTopBar,#mNavMask{display:none}
@media (max-width:768px){
 #mTopBar{display:flex;position:fixed;top:0;left:0;right:0;height:48px;z-index:930;align-items:center;gap:6px;padding:0 8px;background:#fff;border-bottom:1px solid #e8edf3;box-sizing:border-box}
 #mTopBar button{white-space:nowrap;flex:0 0 auto;height:36px;min-width:36px;padding:0 8px;border:0;border-radius:10px;background:transparent;color:#1f2937;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}
 #mTopBar button:active{background:#f1f5f9}
 #mTopBar .m-title{flex:1 1 auto;min-width:0;font-size:16px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #mTopBar .m-folder{font-size:13.5px;color:#374151;border:1px solid #e2e8f0!important;border-radius:16px!important;height:32px!important;padding:0 10px!important}
 #mTopBar [hidden]{display:none!important}
 body.m-nav-open #mNavMask,body.m-folders-open #mNavMask{display:block;position:fixed;inset:0;z-index:920;background:rgba(15,23,42,.38)}
 body.m-nav-open #mNavMask{z-index:950}
 /* 详情页的操作按钮默认收起，点 ⋯ 展开 */
 body.m-wa-chat .wa-chat-header>div[style*="margin-left:auto"],body.m-wa-chat .wa-chat-header .actions,body.m-mail-detail #emailDetail .actions,body.m-mail-detail #emailDetail .email-action-bar{display:none!important}
 body.m-actions-open.m-wa-chat .wa-chat-header>div[style*="margin-left:auto"],body.m-actions-open.m-wa-chat .wa-chat-header .actions,body.m-actions-open.m-mail-detail #emailDetail .actions,body.m-actions-open.m-mail-detail #emailDetail .email-action-bar{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:8px 0!important}
}

/* 登录设备 / IP 允许范围 */
.xm-sec-card{margin-top:16px}
.xm-sec-card .card-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.xm-sec-hint{font-size:12px;color:var(--text-3,#8a93a0)}
.xm-sec-empty{padding:16px;text-align:center;color:#8a93a0;font-size:13px}
.xm-dev-list{display:flex;flex-direction:column}
.xm-dev-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid #eef1f5}
.xm-dev-row:last-child{border-bottom:0}
.xm-dev-main{flex:1;min-width:0}
.xm-dev-name{font-size:14px;font-weight:600;color:#1f2937}
.xm-dev-meta{font-size:12.5px;color:#5b6472;margin-top:2px;overflow-wrap:anywhere}
.xm-dev-tag{display:inline-block;margin-left:4px;padding:0 7px;height:18px;line-height:18px;border-radius:9px;font-size:11px;font-weight:500;vertical-align:1px}
.xm-dev-tag.ok{background:#e8f5ee;color:#1f7a4d}
.xm-dev-tag.wait{background:#fff4e5;color:#b45309}
.xm-dev-tag.off{background:#f1f3f6;color:#6b7280}
.xm-dev-tag.cur{background:#eaf1ff;color:#2554c7}
.xm-dev-kick{color:#c2410c!important;border-color:#f3c9b5!important;flex:0 0 auto}
.xm-allow-switch{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:10px;cursor:pointer}
.xm-allow-text{width:100%;box-sizing:border-box;font-family:ui-monospace,Consolas,monospace;font-size:13px;padding:10px;border:1px solid #dde2e8;border-radius:8px;resize:vertical}
.xm-allow-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}

/* 小咩专客学习 */
.xm-cl-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.xm-cl-list li{line-height:1.55}
.xm-cl-rule{color:#1f2937}
.xm-cl-kind{display:inline-block;margin-left:6px;padding:0 6px;height:17px;line-height:17px;border-radius:9px;font-size:11px;vertical-align:1px;background:#e0ecff;color:#1d4ed8}
.xm-cl-kind.k-keep_xiaomie{background:#ede9fe;color:#6d28d9}
.xm-cl-kind.k-manual{background:#f1f3f6;color:#4b5563}
.xm-cl-del{margin-left:6px;border:0;background:transparent;color:#9ca3af;cursor:pointer;font-size:12px;padding:0 2px}
.xm-cl-del:hover{color:#dc2626}
.xm-cl-empty{color:#6b7280;font-size:12.5px}
.xm-cl-add{display:flex;gap:6px;margin-top:8px}
.xm-cl-add input{flex:1;min-width:0;height:28px;padding:0 8px;border:1px solid #dde2e8;border-radius:6px;font-size:13px}

/* ===== 单据：选择菜单 + 纸样编辑器 ===== */
.td-menu{width:min(460px,96vw)!important;padding:0!important}
.td-menu .modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #eef1f5}
.td-menu .modal-header h3{margin:0;font-size:16px}
.td-x{border:0;background:transparent;font-size:16px;color:#6b7280;cursor:pointer}
.td-menu-body{padding:14px 18px 18px}
.td-menu-label{font-size:12px;color:#6b7280;margin:6px 0 8px}
.td-kinds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.td-kind{height:42px;border:1px solid #dbe3ee;border-radius:10px;background:#f8fafc;font-size:14px;font-weight:600;color:#1f2937;cursor:pointer}
.td-kind:hover{border-color:#4a78bc;background:#eef4ff}
.td-saved{max-height:240px;overflow:auto}
.td-saved-row{display:flex;align-items:center;gap:8px;padding:8px 6px;border-bottom:1px solid #f1f3f6;cursor:pointer;font-size:13px}
.td-saved-row:hover{background:#f8fafc}
.td-saved-kind{flex:0 0 auto;padding:0 7px;border-radius:9px;background:#eef1f5;color:#4b5563;font-size:11.5px}
.td-saved-no{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-saved-at{color:#8a93a0;font-size:12px}
.td-saved-del{border:0;background:transparent;color:#9ca3af;cursor:pointer}
.td-saved-del:hover{color:#dc2626}
.td-empty{color:#8a93a0;font-size:13px;padding:8px 0}
.td-ed-mask{align-items:stretch!important;justify-content:center!important;padding:0!important}
.td-ed{display:flex;flex-direction:column;width:100%;height:100%;background:#e9edf2}
.td-ed-bar{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:10px 16px;background:#fff;border-bottom:1px solid #dde3ea}
.td-ed-bar b{font-size:15px}
.td-ed-status{font-size:12.5px;color:#4a78bc;flex:1;min-width:120px}
.td-ed-actions{display:flex;flex-wrap:wrap;gap:6px}
.td-pick{position:absolute;right:16px;top:52px;z-index:5;background:#fff;border:1px solid #dde3ea;border-radius:10px;box-shadow:0 10px 30px rgba(15,23,42,.18);padding:10px;display:flex;flex-direction:column;gap:6px;min-width:200px}
.td-pick-t{font-size:12.5px;color:#6b7280;margin-bottom:2px}
.td-pick button{height:34px;border:1px solid #dbe3ee;border-radius:8px;background:#f8fafc;cursor:pointer;font-size:13.5px;text-align:left;padding:0 10px}
.td-pick button:hover{border-color:#4a78bc;background:#eef4ff}
.td-paper-wrap{flex:1;overflow:auto;padding:24px 12px}
.td-paper{width:min(820px,100%);margin:0 auto;background:#fff;box-shadow:0 4px 24px rgba(15,23,42,.12);padding:36px 40px;font-family:Arial,"Microsoft YaHei",sans-serif;color:#1f2937;font-size:13px;line-height:1.5;box-sizing:border-box}
.td-ce{outline:none;border-radius:3px;min-height:1.4em;padding:1px 3px;white-space:pre-wrap;overflow-wrap:anywhere}
.td-ce:hover{background:#f5f8fc}
.td-ce:focus{background:#eef4ff;box-shadow:inset 0 0 0 1px #9db8e3}
.td-ce:empty::before{content:attr(data-ph);color:#b3bcc8}
.td-seller{border-bottom:2px solid #1f2937;padding-bottom:8px}
.td-seller-name{font-size:19px;font-weight:700}
.td-sub{font-size:12px;color:#4b5563}
.td-title{text-align:center;font-size:20px;font-weight:700;letter-spacing:.08em;margin:16px 0 12px}
.td-meta{display:grid;grid-template-columns:1fr auto;gap:16px;margin-bottom:12px}
.td-lbl{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}
.td-b{font-weight:700}
.td-info>div{display:flex;gap:8px;align-items:baseline;justify-content:flex-end}
.td-info span{font-weight:700;font-size:12px;min-width:62px;text-align:right}
.td-info .td-ce{min-width:120px}
.td-table{width:100%;border-collapse:collapse;table-layout:fixed}
.td-table th,.td-table td{border:1px solid #c3cad4;padding:4px 5px;vertical-align:top}
.td-table th{background:#f3f4f6;font-size:11.5px}
.td-c-no{width:34px;text-align:center}
.td-c-img{width:92px;text-align:center;position:relative}
.td-c-desc{width:auto}
.td-c-num{width:84px;text-align:right}
.td-c-num .td-ce{text-align:right}
.td-c-act{width:26px;border:0!important;background:transparent!important}
.td-spec{font-size:12px;color:#4b5563}
.td-img{width:80px;height:64px;border:1px dashed #c3cad4;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8a93a0;font-size:12px;overflow:hidden;margin:0 auto}
.td-img img{max-width:100%;max-height:100%;object-fit:contain}
.td-img:hover{border-color:#4a78bc;color:#4a78bc}
.td-img-del{position:absolute;top:2px;right:2px;border:0;background:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;color:#6b7280;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.td-row-del,.td-term-del{border:0;background:transparent;color:#b3bcc8;cursor:pointer;font-size:12px;padding:2px}
.td-row-del:hover,.td-term-del:hover{color:#dc2626}
.td-amount{white-space:nowrap}
.td-table tfoot td{font-weight:700;background:#fafafa}
.td-total-lbl{text-align:right}
.td-add{margin:8px 0 4px;border:1px dashed #c3cad4;background:#fff;border-radius:6px;padding:4px 12px;color:#4a78bc;cursor:pointer;font-size:12.5px}
.td-add:hover{border-color:#4a78bc;background:#f5f8fc}
.td-terms{margin-top:12px}
.td-term{display:grid;grid-template-columns:130px 1fr 24px;gap:6px;align-items:start;margin:3px 0}
.td-term-l{font-weight:700}
.td-notes{margin-top:10px;color:#374151}
@media (max-width:768px){
 .td-ed-bar{padding:8px 10px}
 .td-ed-actions .btn{padding:0 8px!important;font-size:12.5px!important}
 .td-paper{padding:18px 14px}
 .td-paper-wrap{padding:10px 6px}
 .td-table{min-width:640px}
 .td-paper{overflow-x:auto}
 .td-meta{grid-template-columns:1fr}
 .td-info>div{justify-content:flex-start}
 .td-info span{text-align:left}
}
/* WA 原文：纯黑、稍大，和灰色译文一眼分开 */
.wa-msg .text{color:#000!important;font-size:14px!important;font-weight:500!important;line-height:1.6!important}
.wa-msg .translation{font-weight:400!important}
/* 邮件列表：选中的邮件明显高亮 */
.content .email-layout .email-item.active{background:#e8f0fe!important;box-shadow:inset 3px 0 var(--primary,#4f6ef7)!important}
.content .email-layout .email-item.active .subject{color:#1d3a8a}
/* 批量删除 */
.email-batch-toggle{border:1px solid #d0d7e2;background:#fff;color:#4a5568;border-radius:5px;font-size:11.5px;padding:1px 9px;cursor:pointer;line-height:18px}
.email-batch-toggle:hover{border-color:var(--primary,#4f6ef7);color:var(--primary,#4f6ef7)}
.email-batch-toggle.is-on{background:var(--primary,#4f6ef7);border-color:var(--primary,#4f6ef7);color:#fff}
.email-batch-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:6px 12px;background:#fff;border-bottom:1px solid #e6e9ef;font-size:12.5px}
.email-batch-bar label{display:flex;align-items:center;gap:5px;cursor:pointer}
.email-batch-bar .email-batch-count{color:var(--text-2)}
.email-batch-bar .btn{margin-left:auto}
.email-batch-bar .btn.is-danger{color:#cf1322;border-color:#ffa39e}
.email-batch-bar .btn[disabled]{opacity:.45;cursor:not-allowed}
.content .email-layout .email-item.is-batch{position:relative;padding-left:36px}
.email-item .email-batch-check{position:absolute;left:12px;top:15px;width:15px;height:15px;pointer-events:none;accent-color:var(--primary,#4f6ef7)}
.content .email-layout .email-item.is-checked{background:#f0f5ff!important}
/* 邮件头：收件人 / 抄送 */
.email-wa-top .info{min-width:0;flex:1 1 auto}
.email-rcpt{display:grid;grid-template-columns:auto 1fr;column-gap:6px;row-gap:2px;margin-top:4px;font-size:12px;line-height:18px;padding-left:var(--xm-rcpt-indent,42px);text-align:left}
.email-rcpt-v{word-break:normal;overflow-wrap:anywhere;white-space:normal}
.email-rcpt-k{color:var(--text-3);white-space:nowrap}
.email-rcpt-v{color:#334155}

/* 已回复标记 */
.email-replied-mark{flex-shrink:0;color:#16a34a;font-size:12px;font-weight:700;line-height:1;margin-right:1px}
/* 编辑器图片调大小 */
[contenteditable="true"] img{cursor:pointer}
[contenteditable="true"] img.xm-img-selected{outline:2px solid var(--primary,#4f6ef7);outline-offset:1px}
.xm-img-bar{position:absolute;z-index:10050;display:flex;align-items:center;gap:4px;background:#1f2937;color:#e5e7eb;border-radius:6px;padding:4px 6px;font-size:12px;box-shadow:0 4px 14px #0003}
.xm-img-bar span:first-child{margin-right:2px;color:#9ca3af}
.xm-img-bar button{border:0;background:#374151;color:#fff;border-radius:4px;padding:2px 7px;font-size:12px;cursor:pointer}
.xm-img-bar button:hover{background:var(--primary,#4f6ef7)}
.xm-img-bar button[data-act="del"]{background:#7f1d1d}
.xm-img-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid var(--primary,#4f6ef7);border-radius:3px;cursor:nwse-resize;touch-action:none}

.email-att-mark{font-size:12px;margin-right:3px;opacity:.8}

/* 切换身份时的等待提示 */
.xm-switch-busy{position:fixed;inset:0;z-index:10060;display:flex;align-items:flex-start;justify-content:center;padding-top:18vh;background:rgba(15,23,42,.18)}
.xm-switch-busy>div{display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:14px 22px;font-size:14px;color:#1e293b;box-shadow:0 10px 30px #0f172a33}
.xm-switch-spin{width:16px;height:16px;border:2px solid #c7d2fe;border-top-color:var(--primary,#4f6ef7);border-radius:50%;animation:xmspin .8s linear infinite}
@keyframes xmspin{to{transform:rotate(360deg)}}

/* 列表每封的快速删除 */
.email-quick-del{flex-shrink:0;border:0;background:transparent;color:#94a3b8;font-size:13px;line-height:1;width:22px;height:22px;border-radius:5px;cursor:pointer;opacity:0;transition:opacity .12s}
.email-item:hover .email-quick-del,.email-item.active .email-quick-del{opacity:1}
.email-quick-del:hover{background:#fee2e2;color:#dc2626}
@media (hover:none){.email-quick-del{opacity:1}}
.email-clear-trash{border:1px solid #fecaca;background:#fff;color:#dc2626;border-radius:5px;font-size:11.5px;padding:1px 9px;cursor:pointer;line-height:18px}
.email-clear-trash:hover{background:#fef2f2}

/* 列表里的附件名 */
.email-att-names{display:flex;align-items:center;gap:4px;margin:2px 0 1px;min-width:0;overflow:hidden}
.email-att-chip{flex:0 1 auto;min-width:0;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:0 6px;line-height:18px}
.email-att-more{flex-shrink:0;font-size:11px;color:#64748b}
/* 群发维护：简洁版 */
.cs-card{padding:20px 22px;max-width:1040px}
.cs-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.cs-field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--text-2)}
.cs-field select{width:100%;font-size:13px}
.cs-row{display:flex;align-items:center;gap:10px;margin:4px 0 8px}
.cs-k{font-size:13px;color:var(--text-2)}
.cs-count{font-size:13px;font-weight:600;color:var(--primary,#4f6ef7)}
.cs-link{border:0;background:none;color:#64748b;font-size:12.5px;cursor:pointer;padding:0}
.cs-link:hover{color:#dc2626}
.cs-chips{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}
.cs-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:1px 9px;color:#334155}
.cs-chip b{font-weight:400;color:#94a3b8;cursor:pointer}
.cs-chip b:hover{color:#dc2626}
.cs-chip.cs-more{cursor:pointer;color:var(--primary,#4f6ef7)}
.cs-subject-row{display:flex;gap:8px;align-items:center;margin:10px 0}
.cs-subject-row input{flex:1;min-width:0}
.cs-tpl{width:auto;max-width:180px;font-size:12.5px}
.cs-vars{position:relative}
.cs-vars summary{list-style:none;cursor:pointer;font-size:12.5px;padding:6px 10px;border:1px solid var(--border,#e2e8f0);border-radius:6px;background:#fff;white-space:nowrap;color:#334155}
.cs-vars summary::-webkit-details-marker{display:none}
.cs-vars summary::after{content:' ▾';color:#94a3b8}
.cs-var-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:30;width:260px;max-height:300px;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0f172a1f;padding:4px}
.cs-var-menu button{display:block;width:100%;text-align:left;border:0;background:none;padding:6px 10px;font-size:12.5px;border-radius:5px;cursor:pointer;color:#334155}
.cs-var-menu button:hover{background:#f1f5f9}
.cs-editor{border:1px solid #e0e5ee;border-radius:8px;overflow:hidden}
.cs-editor #campaignRichEditor{min-height:260px;padding:14px;outline:none;line-height:1.7;font-family:Arial,'Microsoft YaHei',sans-serif;font-size:13.5px;color:#1e293b}
.cs-sms{width:100%;min-height:130px;box-sizing:border-box;resize:vertical;line-height:1.6}
.cs-sms-tools{justify-content:flex-start}
.cs-hint{margin-left:auto;font-size:12px;color:var(--text-3)}
.cs-foot{display:flex;align-items:center;gap:10px;margin-top:16px}
.cs-interval{width:auto;font-size:12.5px}
.cs-history{margin-top:14px;padding:14px 22px}
.cs-history-title{font-size:13.5px;font-weight:600;margin-bottom:8px}
.cs-history-title span{font-weight:400;font-size:12px;color:var(--text-3);margin-left:6px}
@media (max-width:760px){.cs-grid2{grid-template-columns:1fr}.cs-subject-row{flex-wrap:wrap}.cs-foot{flex-wrap:wrap}}

/* 国际电话 / 国际短信：四个方块统一字号、颜色、排列 */
.xm-stat-uniform{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.xm-stat-uniform .stat-card{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;min-height:0;padding:16px 18px}
.xm-stat-uniform .stat-card .label{font-size:13px!important;color:var(--text-2)!important;margin:0!important}
.xm-stat-uniform .stat-card .value{font-size:22px!important;font-weight:700!important;line-height:1.3!important;color:#1e293b!important;margin:0!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.xm-stat-uniform .stat-card .change{font-size:12px!important;color:var(--text-3)!important;margin:0!important}
@media (max-width:760px){.xm-stat-uniform{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 客户跟进：鼠标划过的客户行高亮 */
.content table tbody tr{transition:background .1s}
.content:not(:has(.wa-layout)) .crm-data-table tbody tr.crm-fields-row:hover,.content:not(:has(.wa-layout)) tbody tr:not(.crm-insight):hover{background:#dce8fd!important}

.wa-need-name{margin-left:8px;border:1px dashed #f59e0b;background:#fffbeb;color:#b45309;border-radius:10px;font-size:11.5px;padding:0 8px;line-height:18px;cursor:pointer}
.wa-need-name:hover{background:#fef3c7}

/* 对照编辑：翻译还没回来时下面框变灰 */
.wa-bigedit-busy{margin-left:8px;font-weight:400;color:#94a3b8;font-size:12px}
.wa-bigedit-ta.is-translating{color:#94a3b8}
#waMsgInput.is-translating{color:#94a3b8!important}
/* 小咩协作侧边栏拖动调宽 */
.xm-sb-resize{position:absolute;left:0;top:0;bottom:0;width:7px;cursor:ew-resize;z-index:5;touch-action:none}
.xm-sb-resize:hover,.xm-sb-resize:active{background:linear-gradient(90deg,rgba(79,110,247,.35),transparent)}

/* 单据菜单：整体报价表 */
.td-pb{display:flex;flex-direction:column;gap:8px}
.td-pb-now{font-size:13px;color:#334155}
.td-pb-find{align-self:flex-start}
.td-pb-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto}
.td-pb-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12.5px}
.td-pb-row.is-off{opacity:.6}
.td-pb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-pb-meta{flex-shrink:0;color:#94a3b8;font-size:11.5px}

/* 小咩训导：上传资料 */
.xm-kb-upload{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed #dbe4ff;font-size:12px;color:var(--text-2)}
.xm-kb-state{color:#64748b}
.td-pb-btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* ===== 小咩设置：清爽统一 ===== */
.xm-kb-clean{--xm-accent:var(--primary,#4f6ef7)}
.xm-kb-clean .card{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:none!important;border-radius:10px!important}
.xm-kb-clean .card div[style*="background"]:not(.btn):not([class*="tag"]),.xm-kb-clean .card section[style*="background"]{background:#fff!important}
.xm-kb-clean .card div[style*="border"]{border-color:#e5e7eb!important}
.xm-kb-clean .card div[style*="border-left"]{border-left-color:var(--xm-accent)!important}
.xm-kb-clean strong,.xm-kb-clean h3,.xm-kb-clean h4{color:#0f172a!important}
.xm-kb-clean .card [style*="color:#"]:not(.btn):not(.tag){color:#475569!important}
.xm-kb-clean .card strong[style*="color"]{color:#0f172a!important}
.xm-kb-clean .tag{background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important}
.xm-kb-clean .btn{background:#fff!important;color:#334155!important;border:1px solid #d0d7e2!important;box-shadow:none!important}
.xm-kb-clean .btn.btn-primary,.xm-kb-clean .btn[style*="#16a34a"],.xm-kb-clean .btn[style*="#ea580c"],.xm-kb-clean .btn[style*="#0284c7"]{background:var(--xm-accent)!important;color:#fff!important;border-color:var(--xm-accent)!important}
.xm-kb-clean .xm-acc-head{cursor:pointer;user-select:none;position:relative;padding-right:30px!important}
.xm-kb-clean .xm-acc-chev{position:absolute;right:6px;top:50%;transform:translateY(-50%) rotate(0deg);font-size:20px;color:#94a3b8;transition:transform .15s}
.xm-kb-clean .xm-acc-open .xm-acc-chev{transform:translateY(-50%) rotate(90deg)}
.xm-kb-clean .xm-acc:not(.xm-acc-open) .xm-acc-body{display:none}
.xm-kb-clean .xm-acc:not(.xm-acc-open) .xm-acc-head{margin-bottom:0!important;border-bottom:0!important}
.xm-kb-clean .xm-acc .xm-acc-head:hover{background:#f8fafc!important}

/* 小咩训导：已上传资料 */
.xm-kb-docs-title{font-size:12.5px;font-weight:600;color:#0f172a;margin:12px 0 6px}
.xm-kb-docs{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.xm-kb-doc{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:12.5px}
.xm-kb-doc-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-weight:500}
.xm-kb-doc-meta{flex-shrink:0;color:#64748b;font-size:12px}
.xm-kb-empty{font-size:12.5px;color:#94a3b8;padding:4px 0}
/* 大翻译框：「小咩抓紧翻译中…」高亮 */
.wa-bigedit-busy{color:#ea580c!important;font-weight:700!important;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:0 8px;animation:xmBusyPulse 1.2s ease-in-out infinite}
@keyframes xmBusyPulse{50%{opacity:.55}}
.wa-bigedit-ta.is-translating::placeholder,#waMsgInput.is-translating::placeholder{color:#ea580c!important;font-weight:600;opacity:1}
#waMsgInput.is-stale{color:#b91c1c!important;background:#fef2f2!important}
.wa-bigedit-ta[data-src="waMsgInput"].is-stale{color:#b91c1c}
/* 新来的信：红点亮起、加粗；看过就变灰 */
.email-read-dot.is-unread{background:#ef4444!important;width:9px!important;height:9px!important;flex-basis:9px!important;box-shadow:0 0 0 2px #fee2e2}
.email-read-dot.is-read{background:#d1d5db!important}
.email-item.unread .from-name,.email-item.unread .subject{font-weight:700!important;color:#0f172a!important}