:root{--wc-blue:#2f75b5;--wc-blue-dark:#1f5d94;--wc-green:#21a35b;--wc-bg:#f2f3f5;--wc-card:#fff;--wc-ink:#17191c;--wc-muted:#7d8289;--wc-line:#e4e6e9;--wc-gold:#a98b54;--wc-red:#c44d48}
*{box-sizing:border-box}body.wecom-demo{margin:0;min-height:100vh;background:#dfe2e6;color:var(--wc-ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.wecom-shell{width:min(100%,480px);min-height:100vh;margin:0 auto;padding-bottom:72px;background:var(--wc-bg);box-shadow:0 0 44px rgba(20,25,30,.18)}.phone-status{height:24px;padding:5px 16px;display:flex;justify-content:space-between;color:#fff;background:#245f95;font-size:10px}.wecom-header{min-height:68px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;color:#fff;background:linear-gradient(135deg,var(--wc-blue-dark),var(--wc-blue))}.wecom-header small{opacity:.72;font-size:10px}.wecom-header h1{margin:3px 0 0;font-size:20px}.wecom-person{display:flex;align-items:center;gap:8px;font-size:11px}.wecom-person span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--wc-blue);font-weight:800}.wecom-content{padding:14px}.work-hero{padding:18px;display:flex;justify-content:space-between;gap:14px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#1d5b8f,#3f87c4)}.work-hero span{font-size:10px;opacity:.78}.work-hero h2{margin:7px 0 5px;font-size:19px}.work-hero p{margin:0;font-size:10px;opacity:.8;line-height:1.5}.work-score{min-width:75px;display:grid;place-items:center;align-content:center;border-left:1px solid rgba(255,255,255,.22)}.work-score strong{font-size:20px}.work-score small{font-size:9px;opacity:.75}.wecom-notice{display:none;margin:10px 0;padding:11px 12px;border-radius:9px;background:#e6f3eb;color:#22613f;font-size:11px;line-height:1.5}.wecom-notice.show{display:block}.wecom-notice.warn{background:#fff0d9;color:#7d5416}.wecom-notice.bad{background:#f7e8e7;color:#913a36}.work-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.work-metrics>div{padding:10px 5px;border:1px solid var(--wc-line);border-radius:9px;background:#fff;text-align:center}.work-metrics strong,.work-metrics span{display:block}.work-metrics strong{font-size:18px}.work-metrics span{margin-top:3px;color:var(--wc-muted);font-size:8px}.wecom-card{margin-top:11px;padding:14px;border:1px solid var(--wc-line);border-radius:12px;background:#fff}.sop-focus{border-left:4px solid var(--wc-gold)}.wecom-card h3{margin:8px 0;font-size:14px;line-height:1.4}.wecom-card p{margin:6px 0;color:var(--wc-muted);font-size:10px;line-height:1.65}.card-line{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-line h3{margin:0}.tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf1f4;color:#59616a;font-size:9px;font-weight:700}.tag.gold{background:#f3eee3;color:#765b35}.tag.green{background:#e7f4ec;color:#2a7248}.status{padding:5px 7px;border-radius:999px;font-size:9px}.status.pending{background:#fff0d9;color:#825710}.status.active{background:#e6f3eb;color:#22613f}.object-line{display:flex;justify-content:space-between;gap:8px;margin:10px 0;color:#8a8f95;font-size:8px}.wecom-btn{min-height:38px;padding:9px 12px;border:1px solid #d5d9dd;border-radius:8px;background:#fff;color:#3c4248;font-size:11px;font-weight:700}.wecom-btn.primary{border-color:var(--wc-blue);background:var(--wc-blue);color:#fff}.wecom-btn.danger{border-color:#e1b3b0;color:var(--wc-red)}.wecom-btn:disabled{opacity:.5;cursor:not-allowed}.sop-focus>.wecom-btn{width:100%}.section-title{margin:18px 2px 9px;font-size:13px}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.app-grid button{position:relative;min-height:76px;padding:8px 3px;border:1px solid var(--wc-line);border-radius:10px;background:#fff}.app-grid i{width:34px;height:34px;margin:0 auto 7px;display:grid;place-items:center;border-radius:10px;background:#edf4fa;color:var(--wc-blue);font-style:normal;font-size:13px;font-weight:800}.app-grid span{display:block;font-size:9px}.app-grid b{position:absolute;right:9px;top:6px;min-width:16px;height:16px;padding:2px 4px;border-radius:999px;background:#dc4d48;color:#fff;font-size:8px}.list-card{padding:0;overflow:hidden}.list-card>button{width:100%;padding:12px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--wc-line);background:#fff;text-align:left}.list-card>button:last-child{border-bottom:0}.list-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:11px;font-weight:800}.list-icon.blue{background:#e8f2fa;color:var(--wc-blue)}.list-icon.green{background:#e6f3eb;color:#217246}.list-icon.gold{background:#f3eee3;color:#765b35}.list-card strong,.list-card small{display:block}.list-card strong{font-size:11px}.list-card small{margin-top:4px;color:var(--wc-muted);font-size:9px}.list-card em{color:var(--wc-muted);font-size:9px;font-style:normal}.view-head{margin:-14px -14px 12px;padding:12px 14px;display:grid;grid-template-columns:32px 1fr 32px;align-items:center;background:#fff;border-bottom:1px solid var(--wc-line)}.view-head.sticky{position:sticky;top:0;z-index:10}.view-head>button{width:30px;height:30px;border:0;background:transparent;font-size:23px}.view-head .more{font-size:14px}.view-head h2{margin:0;font-size:15px}.view-head p{margin:3px 0 0;color:var(--wc-muted);font-size:9px}.wx-badge{padding:2px 4px;border-radius:4px;background:#e6f3eb;color:#24714a;font-size:8px}.chat-list{margin:-12px -14px}.chat-list>button{width:100%;padding:13px 15px;display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;border:0;border-bottom:1px solid var(--wc-line);background:#fff;text-align:left}.contact-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;color:#fff;font-weight:800}.contact-avatar.gold{background:#a88a56}.contact-avatar.green{background:#39946a}.contact-avatar.blue{background:#3d7eb7}.chat-list strong,.chat-list p{display:block}.chat-list strong{font-size:12px}.chat-list p{margin:5px 0 0;color:var(--wc-muted);font-size:10px}.chat-list time{display:grid;gap:5px;color:#9b9fa4;font-size:8px;text-align:right}.chat-list time b{justify-self:end;min-width:16px;padding:2px 4px;border-radius:999px;background:#dc4d48;color:#fff}.contact-context{margin:-12px -14px 0;padding:8px 14px;display:flex;justify-content:space-between;background:#f7f8f9;color:var(--wc-muted);font-size:8px}.contact-context button{border:0;background:transparent;color:var(--wc-blue);font-size:8px}.chat-thread{min-height:210px;padding:18px 4px 10px;display:grid;align-content:start;gap:12px}.message{max-width:82%;font-size:11px;line-height:1.55}.message>div{padding:10px 11px;border-radius:9px;background:#fff;box-shadow:0 1px 2px rgba(20,25,30,.06)}.message time{display:block;margin-top:3px;color:#999;font-size:8px}.message.mine{justify-self:end}.message.mine>div{background:#cce7b7}.message.theirs{justify-self:start}.message.system{justify-self:center;padding:5px 8px;border-radius:999px;background:#e5e6e8;color:#7f848a;font-size:8px}.message b{display:block;margin-bottom:3px;color:#697078;font-size:8px}.chat-sop,.next-business{margin:8px 0;padding:12px;border:1px solid #d8c59e;border-radius:11px;background:#fffdf8}.chat-sop>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}.chat-sop b{font-size:11px}.chat-sop p,.next-business p{color:#6b6255;font-size:10px;line-height:1.55}.inline-buttons,.stack-buttons{display:flex;gap:7px;flex-wrap:wrap}.stack-buttons{margin-top:12px}.stack-buttons .wecom-btn{flex:1}.next-business h3{margin:0 0 10px;font-size:13px}.next-business label{display:grid;gap:5px;margin-top:8px;color:#666;font-size:9px}.next-business select,.wecom-card select{width:100%;padding:9px;border:1px solid #d7dadd;border-radius:7px;background:#fff;font-size:10px}.chat-toolbar{position:sticky;bottom:58px;margin:10px -14px -14px;padding:9px 10px;display:grid;grid-template-columns:34px 1fr auto;gap:7px;background:#fff;border-top:1px solid var(--wc-line)}.chat-toolbar button{border:0;background:transparent;color:var(--wc-blue);font-weight:700}.chat-toolbar input{min-width:0;padding:9px;border:1px solid #d8dbde;border-radius:7px}.arsenal{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 52px}.arsenal button{padding:10px 5px;border:1px solid var(--wc-line);border-radius:8px;background:#fff;font-size:9px}.profile-hero{padding:16px;display:flex;align-items:center;gap:12px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#225f93,#4b8abe)}.profile-avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--wc-blue);font-size:18px;font-weight:800}.profile-hero div{flex:1}.profile-hero h2{margin:0;font-size:17px}.profile-hero p{margin:4px 0 0;font-size:9px;opacity:.75}.text-btn{border:0;background:transparent;color:var(--wc-blue);font-size:9px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag-row span{padding:6px 8px;border-radius:6px;background:#edf4fa;color:#315e82;font-size:9px}.detail-grid{display:grid;grid-template-columns:82px 1fr;gap:9px;margin:10px 0 0;font-size:10px}.detail-grid dt{color:var(--wc-muted)}.detail-grid dd{margin:0;line-height:1.5}.mini-timeline>div{padding:0 0 10px 17px;border-left:1px solid #d9dde0}.mini-timeline b{font-size:9px}.mini-timeline p{margin:3px 0 0}.group-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.group-summary>div{padding:11px;border-radius:9px;background:#fff;border:1px solid var(--wc-line)}.group-summary strong,.group-summary span{display:block}.group-summary strong{font-size:9px}.group-summary span{margin-top:4px;color:var(--wc-muted);font-size:8px;line-height:1.4}.group-thread{min-height:180px}.moment-preview{position:relative;min-height:230px;margin:12px 0;padding:18px;overflow:hidden;border-radius:10px;color:#fff;background:linear-gradient(145deg,rgba(12,14,16,.78),rgba(85,69,44,.58)),url("./lexus-rz-road-front.jpg") center/cover}.moment-preview>span{font-size:9px;letter-spacing:.14em}.moment-preview>div{position:absolute;left:18px;right:18px;bottom:18px}.moment-preview h2{margin:0 0 7px;font-size:19px}.moment-preview p{color:#eee}.wecom-bottom{position:fixed;z-index:30;left:50%;bottom:0;width:min(100%,480px);transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);padding:7px 5px 9px;border-top:1px solid var(--wc-line);background:rgba(255,255,255,.97)}.wecom-bottom button{position:relative;padding:6px 2px;border:0;background:transparent;color:#777;font-size:9px}.wecom-bottom button.active{color:var(--wc-blue)}.wecom-bottom b{display:block;font-weight:600}.wecom-bottom span{position:absolute;right:15px;top:-2px;min-width:15px;padding:2px 4px;border-radius:999px;background:#dc4d48;color:#fff;font-size:7px}.wecom-toast{position:fixed;z-index:50;left:50%;bottom:78px;width:min(calc(100% - 32px),448px);transform:translateX(-50%) translateY(18px);padding:11px 13px;border-radius:9px;background:#17191c;color:#fff;opacity:0;pointer-events:none;transition:.2s;font-size:10px;line-height:1.5}.wecom-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:420px){.wecom-content{padding:11px}.view-head{margin:-11px -11px 10px}.app-grid{gap:5px}.inline-buttons .wecom-btn{flex:1}}

/* Lexus mobile experience theme */
body.wecom-demo{background:#d9d8d4;color:#171719}
.wecom-shell{background:#f4f3ef;box-shadow:0 0 48px rgba(17,17,19,.2)}
.phone-status{background:#0c0c0d}
.wecom-header{min-height:78px;background:linear-gradient(125deg,#0d0d0e 5%,#242321 100%);border-bottom:1px solid rgba(205,187,149,.45)}
.wecom-brand{display:flex;align-items:center;gap:12px}
.wecom-brand img{width:54px;height:27px;object-fit:contain}
.wecom-header small{color:#c7b994;opacity:.9;letter-spacing:.05em}
.wecom-header h1{letter-spacing:.04em}
.wecom-person span{background:#b49a68;color:#111113}
.work-hero{min-height:138px;align-items:flex-end;background:linear-gradient(115deg,rgba(10,10,11,.96) 10%,rgba(24,23,21,.72) 55%,rgba(79,65,43,.38)),url("./lexus-rz-hero.jpg") center/cover;border:1px solid rgba(169,139,84,.55);box-shadow:0 12px 30px rgba(17,17,19,.13)}
.work-hero>div:first-child>span{color:#d8c9a9;letter-spacing:.09em}
.work-score{border-left-color:rgba(216,201,169,.4)}
.work-metrics>div,.wecom-card,.app-grid button,.list-card>button,.chat-list>button,.group-summary>div{border-color:#ded9cf;background:#fff}
.sop-focus{border-left-color:#a98b54;box-shadow:0 5px 18px rgba(17,17,19,.05)}
.wecom-btn.primary{border-color:#171719;background:#171719;color:#fff}
.wecom-btn.primary:hover{background:#2b2926}
.app-grid i{background:#f0ece3;color:#765f38}
.app-grid button:nth-child(2n) i{background:#e7e5e0;color:#272522}
.list-icon.blue,.contact-avatar.blue{background:#2c2a27;color:#fff}
.contact-avatar.green{background:#71634e}
.profile-hero{background:linear-gradient(120deg,rgba(13,13,14,.97),rgba(45,40,32,.78)),url("./lexus-rz-hero.jpg") center/cover;border:1px solid rgba(169,139,84,.55)}
.profile-avatar{background:#b49a68;color:#111113}
.tag-row span{background:#f2ede3;color:#705a35}
.text-btn,.contact-context button,.chat-toolbar button{color:#80683e}
.message.mine>div{background:#e8deca}
.message.system{background:#e4e1da;color:#716d66}
.chat-sop,.next-business{border-color:#cdbb95;background:#fffdf8}
.wx-badge{background:#efe9dd;color:#705a35}
.wecom-bottom{border-top-color:#d7d1c5;background:rgba(250,249,246,.97)}
.wecom-bottom button.active{color:#8b7145;font-weight:800}
.wecom-bottom button.active:after{content:"";position:absolute;left:28%;right:28%;bottom:0;height:2px;background:#a98b54}
.wecom-toast{background:#171719;border:1px solid #79633f}
.inline-editor,.reminder-picker{margin-top:12px;padding:12px;border:1px solid #d7c6a5;border-radius:10px;background:#f8f4eb}
.inline-editor label,.reminder-picker>label,.reminder-picker>strong{display:block;margin-bottom:7px;color:#6b5a3d;font-size:9px;font-weight:700}
.inline-editor textarea,.reminder-picker input{width:100%;padding:10px;border:1px solid #cfc8bc;border-radius:8px;background:#fff;color:#171719;font-size:10px;line-height:1.55;resize:vertical}
.inline-editor .inline-buttons,.reminder-picker .inline-buttons{margin-top:9px}
.reminder-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 11px}
.reminder-options button{padding:8px 5px;border:1px solid #d5d0c7;border-radius:7px;background:#fff;color:#5b554c;font-size:9px}
.reminder-options button.selected{border-color:#a98b54;background:#e9dfca;color:#4d3e27;font-weight:800}
.chat-scenarios{position:sticky;bottom:116px;z-index:8;margin:10px -14px 0;padding:8px 10px;display:flex;gap:5px;align-items:center;overflow-x:auto;border-top:1px solid #ded9cf;background:rgba(244,243,239,.97)}
.chat-scenarios span{flex:0 0 auto;color:#8a8277;font-size:8px}
.chat-scenarios button{flex:0 0 auto;padding:6px 8px;border:1px solid #d1c8b7;border-radius:999px;background:#fff;color:#6f5935;font-size:8px}
.chat-scenarios button.active{border-color:#a98b54;background:#e9dfca;color:#3f321f;font-weight:800}
.message.insight{max-width:92%;justify-self:stretch}
.message.insight>div{border:1px solid #cdbb95;background:#fffaf1;color:#51442f}
.message.insight b{color:#80683e;letter-spacing:.04em}
.offer-grid{display:grid;gap:7px;margin-top:10px}
.offer-option{width:100%;padding:10px 11px;display:grid;gap:4px;border:1px solid #d7d1c5;border-radius:9px;background:#fff;color:#282522;text-align:left}
.offer-option:hover,.offer-option.selected{border-color:#a98b54;background:#f7f1e5;box-shadow:inset 0 0 0 1px rgba(169,139,84,.35)}
.offer-option.recommended{border-left:3px solid #a98b54}
.offer-option span{color:#80683e;font-size:8px;font-weight:800;letter-spacing:.04em}
.offer-option strong{font-size:11px}
.offer-option small{color:#79736a;font-size:9px;line-height:1.45}
.event-offer{margin-top:10px}
.sop-draft{margin-top:11px;padding-top:11px;border-top:1px dashed #d8cdbb}
.draft-label{display:flex;align-items:center;gap:6px;margin-bottom:7px;font-size:9px}
.draft-label span{padding:3px 6px;border-radius:999px;background:#e9dfca;color:#705a35}
.draft-label strong{font-size:10px}
.draft-label em{margin-left:auto;color:#8b857d;font-style:normal}
.manual-reply{width:100%;margin-top:9px;padding:9px;border:1px dashed #b9ad98;border-radius:8px;background:transparent;color:#6d6252;font-size:9px;font-weight:700}
.manual-reply:hover{border-color:#8f7549;background:#f7f1e5;color:#4d3e27}
.manual-reply-panel{margin-top:9px;padding:11px;border:1px solid #d7d1c5;border-radius:9px;background:#f7f5f0}
.manual-reply-panel strong{display:block;font-size:10px}
.manual-reply-panel p{margin:5px 0 8px!important}
.manual-reply-panel button{padding:0;border:0;background:transparent;color:#80683e;font-size:9px;font-weight:800}

/* Workbench task and content hubs */
.work-metrics>button{padding:10px 5px;border:1px solid var(--wc-line);border-radius:9px;background:#fff;color:var(--wc-ink);text-align:center}
.work-metrics>button strong,.work-metrics>button span{display:block}
.task-metrics button:hover{border-color:#a98b54;background:#fbf8f1}
.task-metrics em{display:block;margin-top:5px;color:#80683e;font-size:7px;font-style:normal}
.content-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.content-hub-grid button{min-height:72px;padding:11px;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;border:1px solid #ded9cf;border-radius:10px;background:#fff;color:#171719;text-align:left}
.content-hub-grid i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f0ece3;color:#765f38;font-style:normal;font-weight:800}
.content-hub-grid strong,.content-hub-grid small{display:block}
.content-hub-grid strong{font-size:11px}.content-hub-grid small{margin-top:4px;color:var(--wc-muted);font-size:8px;line-height:1.35}
.content-hub-grid em{grid-column:2;color:#8a7450;font-size:8px;font-style:normal}.content-hub-grid button:hover{border-color:#a98b54;background:#fbf8f1}
.voice-guidance-quote{margin:10px 0;padding:10px 11px;border-left:3px solid var(--wc-gold);background:#f7f2e8;color:#55462f;font-size:10px;line-height:1.6}
.task-filter-bar,.library-filter-bar{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto}
.task-filter-bar button,.library-filter-bar button{flex:1;min-width:max-content;padding:8px 10px;border:1px solid #d8d2c7;border-radius:999px;background:#fff;color:#756d62;font-size:9px}
.task-filter-bar button.active,.library-filter-bar button.active{border-color:#171719;background:#171719;color:#fff}
.task-list{overflow:hidden;border:1px solid #ded9cf;border-radius:12px;background:#fff}
.task-list>button{width:100%;padding:13px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--wc-line);background:#fff;color:var(--wc-ink);text-align:left}
.task-list>button:last-child{border-bottom:0}.task-list strong,.task-list small{display:block}.task-list strong{font-size:11px;line-height:1.4}.task-list small{margin-top:4px;color:var(--wc-muted);font-size:9px;line-height:1.4}
.task-list em{color:#8a7450;font-size:8px;font-style:normal}.task-list>button:hover{background:#faf7f1}.task-list .contact-avatar{width:36px;height:36px;font-size:11px}
.library-list{display:grid;gap:10px}.library-list article{padding:14px;border:1px solid #ded9cf;border-radius:12px;background:#fff}.library-list article.search-hidden{display:none}.library-list h3{margin:7px 0 5px;font-size:13px}.library-list p{margin:0;color:var(--wc-muted);font-size:9px;line-height:1.55}
.library-label{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f2ede3;color:#705a35;font-size:8px;font-weight:800}
.library-list button{margin-top:11px;padding:7px 10px;border:1px solid #bda77d;border-radius:7px;background:#fff;color:#6e5732;font-size:9px;font-weight:700}.library-list button:disabled{border-color:#d6d0c5;background:#f3f1ec;color:#8c867c}
.capability-note{margin-bottom:10px;padding:12px;border:1px solid #d9c9aa;border-radius:10px;background:#fffaf0}.capability-note strong{font-size:10px}.capability-note p{margin:5px 0 0;color:#756b5d;font-size:9px;line-height:1.55}

/* Business-depth additions inside the existing WeCom employee front */
.priority-followups{display:grid;gap:7px}.priority-followups button{padding:10px 11px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;border:1px solid #ded9cf;border-radius:10px;background:#fff;color:#171719;text-align:left}.priority-followups button:hover{border-color:#a98b54;background:#fbf8f1}.priority-followups>button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#171719;color:#d5bd8d;font-size:9px;font-weight:800}.priority-followups strong,.priority-followups small{display:block}.priority-followups strong{font-size:10px}.priority-followups small{margin-top:3px;color:#777166;font-size:8px;line-height:1.4}.priority-followups em{color:#846d46;font-size:8px;font-style:normal}
.library-search{display:grid;grid-template-columns:1fr auto;gap:6px;margin-bottom:9px}.library-search input{min-width:0;padding:9px 10px;border:1px solid #d8d2c7;border-radius:8px;background:#fff;font-size:9px}.library-search button{padding:0 10px;border:1px solid #d8d2c7;border-radius:8px;background:#fff;color:#765f38;font-size:9px}
.ai-service-summary{margin:9px 0;padding:12px;border:1px solid #cdbb95;border-radius:11px;background:#fffaf1}.ai-service-summary h3{margin:0;font-size:11px}.ai-service-summary dl{display:grid;grid-template-columns:54px 1fr;gap:7px;margin:10px 0 0;font-size:9px;line-height:1.5}.ai-service-summary dt{color:#8a7450}.ai-service-summary dd{margin:0;color:#3d3831}.ai-service-summary>.wecom-btn{width:100%;margin-top:10px}
.acquisition-task-list{display:grid;gap:7px}.acquisition-task-list button{padding:11px;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;border:1px solid #ded9cf;border-radius:10px;background:#fff;color:#171719;text-align:left}.acquisition-task-list button.selected{border-color:#a98b54;background:#fbf8f1}.acquisition-task-list strong,.acquisition-task-list small{display:block}.acquisition-task-list strong{font-size:10px}.acquisition-task-list small{margin-top:4px;color:#7c776e;font-size:8px;line-height:1.4}.acquisition-task-list em{color:#8a7450;font-size:8px;font-style:normal}.result-panel{margin-top:10px;padding:11px;border-radius:9px;background:#f4efe5;color:#5b4a30;font-size:9px;line-height:1.6}.result-panel strong{display:block;margin-bottom:3px;color:#24211d;font-size:10px}.result-panel .wecom-btn{margin-top:9px}
.service-thread{min-height:200px}.service-thread+.chat-sop{margin-top:2px}.owner-stage-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px}.owner-stage-tabs button{padding:8px 3px;border:1px solid #d8d2c7;border-radius:8px;background:#fff;color:#756d62;font-size:8px}.owner-stage-tabs button.active{border-color:#171719;background:#171719;color:#fff}
.tag-groups{overflow:hidden;border:1px solid #ded9cf;border-radius:12px;background:#fff}.tag-group{padding:13px 14px;border-bottom:1px solid #e5e1d9}.tag-group:last-child{border-bottom:0}.tag-group>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}.tag-group h3{margin:0;font-size:11px}.tag-group small{color:#999187;font-size:8px}.tag-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.tag-options button{padding:7px 9px;border:1px solid #d8d2c7;border-radius:6px;background:#fff;color:#686158;font-size:9px}.tag-options button.selected{border-color:#a98b54;background:#e9dfca;color:#4d3e27;font-weight:800}.tag-custom-panel{margin:0 0 10px}.tag-custom-panel label{display:grid;gap:5px;margin-top:10px;color:#756d62;font-size:9px}.tag-custom-panel input,.tag-custom-panel select{width:100%;padding:9px 10px;border:1px solid #d8d2c7;border-radius:8px;background:#fff;font-size:10px}.tag-custom-panel>.wecom-btn{width:100%;margin-top:10px}.tag-save-bar{position:sticky;z-index:12;bottom:54px;margin:12px -14px -14px;padding:10px 14px;display:grid;grid-template-columns:1fr 2fr;gap:8px;border-top:1px solid #d8d2c7;background:rgba(250,249,246,.97)}.tag-save-bar .wecom-btn{width:100%}
@media(max-width:420px){.priority-followups button{grid-template-columns:28px 1fr}.priority-followups em{grid-column:2}.owner-stage-tabs{grid-template-columns:1fr 1fr}.acquisition-task-list button{grid-template-columns:34px 1fr}.acquisition-task-list em{grid-column:2}}

/* One-customer business journey carried from sales consultation into ownership */
.business-overview{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-bottom:10px}.business-overview>div{padding:12px;border:1px solid #d8d2c7;border-radius:10px;background:#fff}.business-overview small,.business-overview strong{display:block}.business-overview small{color:#8a8277;font-size:8px}.business-overview strong{margin-top:5px;font-size:11px;line-height:1.45}.business-stage-tabs{position:sticky;z-index:9;top:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0 -2px 10px;padding:6px 2px;background:rgba(244,243,239,.97)}.business-stage-tabs button{min-height:42px;padding:6px 3px;border:1px solid #d8d2c7;border-radius:8px;background:#fff;color:#756d62;font-size:8px;line-height:1.25}.business-stage-tabs button.active{border-color:#171719;background:#171719;color:#fff}.business-panel>.wecom-card:first-child{margin-top:0}.business-option-grid{display:grid;gap:7px;margin-top:10px}.business-option{width:100%;padding:10px 11px;display:grid;gap:4px;border:1px solid #d7d1c5;border-radius:9px;background:#fff;color:#282522;text-align:left}.business-option:hover,.business-option.selected{border-color:#a98b54;background:#f7f1e5;box-shadow:inset 0 0 0 1px rgba(169,139,84,.3)}.business-option.recommended{border-left:3px solid #a98b54}.business-option span{color:#80683e;font-size:8px;font-weight:800}.business-option strong{font-size:11px}.business-option small{color:#79736a;font-size:9px;line-height:1.4}.business-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.business-field-grid label,.business-panel>.wecom-card>label{display:grid;gap:5px;color:#756d62;font-size:9px}.business-field-grid label:first-child:nth-last-child(3){grid-column:1/-1}.business-field-grid input,.business-field-grid select,.business-panel>.wecom-card>label select{width:100%;min-width:0;padding:9px;border:1px solid #d7dadd;border-radius:7px;background:#fff;color:#171719;font-size:10px}.business-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.business-actions .wecom-btn{flex:1 1 42%}.business-progress{margin-top:12px}.business-progress>div{opacity:.46}.business-progress>div.done{opacity:1;border-left-color:#a98b54}.business-progress>div.done b{color:#765b35}.business-snapshot{border-left:4px solid #a98b54}.business-snapshot>.wecom-btn{width:100%;margin-top:8px}
@media(max-width:420px){.business-overview{grid-template-columns:1fr}.business-stage-tabs{overflow-x:auto;display:flex}.business-stage-tabs button{flex:0 0 82px}.business-field-grid{grid-template-columns:1fr}.business-field-grid label:first-child:nth-last-child(3){grid-column:auto}.business-actions .wecom-btn{flex-basis:100%}}