/* Only the opt-in workspace receives the video-inspired lavender presentation. */
.crm-workspace #app{height:100%;min-height:0}
body.crm-workspace{--green:#aa7cce;--green-dark:#9362b7;--green-light:#f4edfb;--border:#eae5f0;--page-bg:#f4f0f8;--topbar-bg:#f0e9fa;--orange:#f5a300;--text:#36313e;--text-2:#686171;--text-3:#99909f;background:#f4f0f8;font-family:"PingFang SC",Arial,sans-serif}
.crm-workspace .topbar{background:linear-gradient(100deg,#f7f1fc,#eee5f9);height:50px;padding:0 16px 0 10px;border-bottom:1px solid #e9e1f2}
.crm-workspace .topbar .logo-badge{width:29px;height:29px;border-radius:9px;margin:0 9px 0 0;font-size:20px;background:linear-gradient(135deg,#ffbc32,#f69d00)}
.crm-workspace .ent-name{font-size:14px;font-weight:600;color:#4b3d5c}.crm-workspace .search-wrap{border:1px solid #e5dded;background:#ffffff9e}
.crm-workspace .avatar{width:29px;height:29px;background:#af99c5}.crm-workspace .ws-original{font-size:12px;color:#796987;margin:0 13px;padding:5px 8px;border:1px solid #d9cce5;border-radius:5px;white-space:nowrap}
.crm-workspace .side-rail{background:transparent;border:0;width:64px;padding-top:12px}.crm-workspace .rail-item{color:#746683;border-radius:8px;margin:3px 5px;width:54px;font-size:11px}.crm-workspace .rail-item.active{background:#eadff4;color:#9663b9}.crm-workspace .rail-item svg{color:inherit}
.crm-workspace .main-wrap{padding:10px 12px 12px 0;gap:10px}.crm-workspace .menu-panel{border:1px solid #eae3f1;border-radius:8px;background:#fff;width:210px;flex-shrink:0}.crm-workspace .content{background:#fff;border:1px solid #eae3f1;border-radius:8px;padding:0 20px 15px 12px;min-width:0;margin:0}
.crm-workspace .m-item.cur{color:#9a63c0;background:#f4edfb;border-radius:5px}.crm-workspace .m-group{color:#77707f}.crm-workspace .list-head,.crm-workspace .list-topbar{background:#fff}.crm-workspace table th{background:#f8f6fb;color:#7b7385}.crm-workspace .crm-btn.primary{background:#ad7ed0;border-color:#ad7ed0}.crm-workspace .ws-ai-nav{display:none}

/* ---- AI area (ShareAgent layout): sidebar and main share one white card. */
.crm-workspace.ws-ai-page .main-wrap{gap:0}
.crm-workspace.ws-ai-page #menuPanel{display:flex!important;flex-direction:column;width:252px;min-width:252px;margin:0;padding:0;transform:none;border-radius:12px 0 0 12px;border-right:1px solid #efecf4}
.crm-workspace.ws-ai-page .aiw-fab{display:none}
.crm-workspace.ws-ai-page #menuPanel>*:not(.ws-ai-nav){display:none!important}
.crm-workspace.ws-ai-page .content{padding:0;background:#fff;border-left:0;border-radius:0 12px 12px 0;overflow:hidden}
.crm-workspace.ws-ai-page.ws-side-collapsed #menuPanel{display:none!important}
.crm-workspace.ws-ai-page.ws-side-collapsed .content{border-left:1px solid #eae3f1;border-radius:12px}
.ws-ai-nav svg,.ws-agent svg:not(.ws-mascot),.ws-store svg,.ws-toast svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ws-icon{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:none;border-radius:7px;color:#4a4453;cursor:pointer}
.ws-icon:hover{background:#f3f0f8}
.crm-workspace.ws-ai-page .ws-ai-nav{display:flex;flex-direction:column;height:100%;min-height:0;padding:16px 14px 0;box-sizing:border-box;color:#2f2a38;font-size:14px}
.ws-new{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;height:44px;border:0;border-radius:10px;background:linear-gradient(90deg,#f3f0fd,#f8f1fa);color:#2f2a38;font-size:14px;font-family:inherit;cursor:pointer}
.ws-new:hover{background:linear-gradient(90deg,#ebe5fb,#f2e8f7)}
.ws-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:none;margin:12px 0 10px}
.ws-tiles button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;height:72px;padding:0;border:0;border-radius:10px;color:#3a3542;font-size:12.5px;font-family:inherit;cursor:pointer}
.ws-tiles button:hover{filter:brightness(.97)}
.ws-tiles svg{width:20px!important;height:20px!important}
.ws-tile-blue{background:#eef4ff}.ws-tile-blue svg{color:#3d7cf2}
.ws-tile-green{background:#ebf8f1}.ws-tile-green svg{color:#2aa868}
.ws-tile-rose{background:#fcf0f6}.ws-tile-rose svg{color:#d2589c}
.ws-ai-menu{display:flex;flex-direction:column;gap:2px;flex:none;padding-bottom:10px}
.ws-ai-menu a{display:flex;align-items:center;gap:11px;height:40px;padding:0 12px;border-radius:8px;color:#2f2a38;font-size:14px}
.ws-ai-menu a:hover{background:#f6f4fa}
.ws-ai-menu a.selected{background:#f1eef9;font-weight:500}
.ws-hist-head{display:flex;align-items:center;justify-content:space-between;flex:none;padding:8px 0 4px}
.ws-hist-head [data-ws-hist-toggle]{display:flex;align-items:center;gap:2px;padding:4px 0;border:0;background:none;color:#8b8494;font-size:13px;font-family:inherit;cursor:pointer}
.ws-hist-head [data-ws-hist-toggle] svg{width:14px;height:14px;transition:transform .15s}
.ws-hist-head [data-ws-hist-toggle][aria-expanded=false] svg{transform:rotate(-90deg)}
.ws-hist-input{flex:none;margin:2px 0 6px;padding:7px 10px;border:1px solid #e7e2ee;border-radius:8px;font-size:13px;outline:0}
.ws-hist-input:focus{border-color:#c9b9ef}
.ws-hist{flex:1;min-height:0;overflow-y:auto;margin:0 -6px;padding:0 6px 8px}
.ws-hist[hidden]{display:none}
.ws-hist-item{display:flex;align-items:center;gap:9px;width:100%;height:40px;padding:0 10px;border:0;background:none;border-radius:8px;color:#2f2a38;font-size:13.5px;font-family:inherit;text-align:left;cursor:pointer}
.ws-hist-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-hist-item svg{width:16px!important;height:16px!important;color:#5c5664}
.ws-hist-item:hover{background:#f6f4fa}.ws-hist-item.selected{background:#f1eef9}
.ws-hist-empty{padding:8px 10px;color:#aaa3b3;font-size:12px;line-height:1.8}
.ws-brand{display:flex;align-items:center;gap:10px;flex:none;height:62px;margin:0 -14px;padding:0 16px;border-top:1px solid #f1eef5;color:#2a2531;font-size:15px}
.ws-brand b{font-weight:600}
.ws-brand-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ffb13b,#f27a00);color:#fff;font-size:16px;font-weight:700;box-shadow:0 2px 6px #f27a0033}
.ws-brand svg{width:16px!important;height:16px!important;color:#6c6575}

/* ---- Conversation page. */
.ws-agent{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff;color:#26222c;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}
.ws-agent-top{display:flex;align-items:center;gap:10px;flex:none;height:54px;padding:0 16px 0 12px}
.ws-agent-title{display:flex;align-items:center;gap:2px;min-width:0;padding-left:12px;border-left:1px solid #e9e5ef;color:#26222c;font-size:14.5px}
.ws-agent-title[hidden]{display:none}
.ws-agent-title [data-ws-title]{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-agent-title svg{width:16px!important;height:16px!important}
.ws-top-right{margin-left:auto}
.ws-agent-host{display:flex;flex:1;min-height:0}
.ws-unready{padding:40px;color:#8f8899}
.ws-agent .ai-panel.aiw-panel.aiw-page-panel{border:0;background:#fff;font-family:inherit}
.ws-agent .aiw-welcome,.ws-agent .aiw-task-home,.ws-agent .aiw-question-tools,.ws-agent .aiw-page-panel>.aiw-chips:not([data-aiw-tasks]){display:none!important}
.ws-agent.ws-empty .ws-top-right{visibility:hidden}
.ws-hero{display:none}
.ws-agent.ws-empty .aiw-page-panel{justify-content:center;padding-bottom:12vh}
.ws-agent.ws-empty .ws-hero{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:16px;row-gap:16px;order:0;margin-bottom:34px}
.ws-mascot{width:112px;height:122px}
.ws-hero h1{margin:0;color:#1f1b24;font-size:34px;font-weight:700;letter-spacing:.5px}
.ws-hero h1 em{font-style:normal;background:linear-gradient(90deg,#7d5cf5,#c157d8 48%,#f26b2d);-webkit-background-clip:text;background-clip:text;color:transparent}
.ws-continue{display:flex;align-items:center;gap:2px;grid-column:1/3;justify-self:center;padding:2px 6px;border:0;background:none;color:#8c8596;font-size:13.5px;font-family:inherit;cursor:pointer}
.ws-continue:hover{color:#5e4fa8}.ws-continue[hidden]{display:none}
.ws-continue svg{width:14px!important;height:14px!important}
.ws-agent.ws-empty .aip-body,.ws-agent.ws-empty .aip-foot,.ws-agent.ws-empty [data-aiw-tasks],.ws-agent.ws-empty [data-aiw-related],.ws-agent.ws-empty .aiw-focus{display:none!important}
.ws-agent .aiw-page-panel .aip-body{padding:6px max(28px,calc((100% - 960px)/2)) 12px}
.ws-agent .aiw-page-panel .aip-ask{width:fit-content;max-width:78%;margin:8px 0 22px auto;padding:14px 18px;border:0;border-radius:14px;background:#f4f2f8;color:#26222c;font-size:14.5px;line-height:1.75;white-space:pre-wrap}
.ws-agent .aiw-page-panel .aip-reply{padding:0 0 22px;color:#26222c;font-size:14.5px;line-height:1.85}
.ws-agent .aip-reply .ai-doc-heading,.ws-agent .aip-reply .ai-doc-heading.ai-doc-attention{margin:18px 0 8px;padding:0;border:0;border-radius:0;background:none;color:#1f1b24;font-size:16px;font-weight:700}
.ws-agent .aip-spin{color:#8b6cf0}
.ws-trace{margin:0 0 8px;color:#8f8899;font-size:13px}
.ws-trace summary{display:inline-flex;align-items:center;gap:4px;list-style:none;cursor:pointer}
.ws-trace summary::-webkit-details-marker{display:none}
.ws-trace summary:hover{color:#5e4fa8}
.ws-trace svg{width:14px!important;height:14px!important;transition:transform .15s}
.ws-trace[open] summary svg{transform:rotate(90deg)}
.ws-trace ol{margin:8px 0 4px 6px;padding:0 0 0 14px;border-left:2px solid #eeeaf5;list-style:none}
.ws-trace li{display:flex;align-items:center;gap:8px;padding:4px 0;color:#4f4858}
.ws-trace code{padding:1px 6px;border-radius:4px;background:#f6f4f9;color:#a49dae;font-size:11.5px}
.ws-trace em{color:#2aa868;font-size:12px;font-style:normal}.ws-trace em.ws-err{color:#e0457b}
.ws-restore-note{margin:4px 0 16px;padding:8px 12px;border-radius:8px;background:#f7f5fb;color:#8f8899;font-size:12.5px}
.ws-table-card{margin:12px 0;border:1px solid #ebe8f0;border-radius:10px;overflow:hidden;background:#fff}
.ws-table-bar{display:flex;align-items:center;gap:4px;height:42px;padding:0 8px 0 16px;border-bottom:1px solid #efedf3;background:#f7f6f9;color:#5d5766;font-size:13px}
.ws-table-bar span{margin-right:auto}
.ws-table-bar button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:none;border-radius:6px;color:#6b6574;cursor:pointer}
.ws-table-bar button:hover{background:#ebe8f0}
.ws-table-bar svg{width:16px!important;height:16px!important}
.ws-table-card .ai-doc-table{margin:0;border:0;border-radius:0;overflow-x:auto}
.ws-agent .ws-table-card table{width:100%;border-collapse:collapse;font-size:14px}
.ws-agent .ws-table-card th,.ws-agent .ws-table-card td{min-width:0;padding:10px 16px;border:0;border-right:1px solid #f2f0f5;border-bottom:1px solid #f2f0f5;color:#26222c;line-height:1.6;vertical-align:top}
.ws-agent .ws-table-card th{background:#fff;font-weight:700}
.ws-agent .ws-table-card tr:nth-child(even){background:none}
.ws-agent .ws-table-card th:last-child,.ws-agent .ws-table-card td:last-child{border-right:0}
.ws-agent .ws-table-card tr:last-child td{border-bottom:0}
.ws-actions{display:flex;gap:4px;margin-top:10px}
.ws-actions button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:none;border-radius:6px;color:#6f6878;cursor:pointer}
.ws-actions button:hover{background:#f3f0f8;color:#2f2a38}
.ws-agent .aip-reply .aiw-next:not(:has(.aiw-chip)){display:none}
.ws-agent .aip-reply.ws-show-sources .aiw-next{display:flex}
.ws-agent .aip-reply .aiw-next button{border:1px solid #ebe7f1;background:#faf9fc;border-radius:8px;color:#5d5766;font-size:12.5px}
.ws-agent .aip-reply .aiw-next .aiw-chip,.ws-agent [data-aiw-tasks] .aiw-chip,.ws-agent .aiw-focus button{border:1px solid #e6defa;background:#f7f4fe;border-radius:16px;color:#6b4fd0;font-size:12.5px;padding:5px 12px}
.ws-agent .aiw-page-panel [data-aiw-tasks]{width:min(960px,calc(100% - 56px));margin:0 auto 8px;padding:0;justify-content:flex-start}
.ws-agent .aiw-page-panel .aiw-focus{width:min(960px,calc(100% - 56px));margin:0 auto 8px;padding:0;color:#8f8899;font-size:12.5px}
.ws-agent .aiw-page-panel .aiw-focus:not(.aiw-customer-selected){display:none}
.ws-agent .aiw-confirm{padding:16px 18px;border:1px solid #f4dfb9;border-radius:12px;background:#fffaf2}
.ws-agent .aiw-cbtn{border-radius:8px;padding:7px 18px}
.ws-agent .aiw-cbtn.ok{background:#7c5cf0;color:#fff}
/* Composer: centred on the greeting, docked under the conversation. */
.ws-agent .aiw-page-panel .aip-input{order:5;width:min(960px,calc(100% - 56px));margin:0 auto;padding:14px 16px 12px;border:1px solid #ebe7f1;border-radius:16px;background:#fff;box-shadow:0 6px 24px rgba(92,64,140,.08)}
.ws-agent.ws-empty .aiw-page-panel .aip-input{width:min(820px,calc(100% - 56px));border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,#a9c5ff,#c8b3f6 45%,#f2b4d7) border-box;box-shadow:0 10px 30px rgba(130,100,210,.10)}
.ws-agent .aiw-page-panel .aip-input:focus-within{border-color:#cdbff3}
.ws-agent .aiw-page-panel .aip-input textarea{height:56px;min-height:56px;color:#26222c;font-size:14.5px;resize:none}
.ws-agent .aiw-page-panel .aip-input textarea::placeholder{color:#a8a2b0}
.ws-agent .aiw-page-panel .aip-tools{display:flex;align-items:center;justify-content:flex-start;gap:8px}
.ws-agent-pick{position:relative;margin-right:auto}
.ws-agent-pick>button{display:flex;align-items:center;gap:5px;padding:5px 8px;border:0;background:none;border-radius:8px;color:#2f2a38;font-size:13.5px;font-family:inherit;cursor:pointer}
.ws-agent-pick>button:hover{background:#f5f2fa}
.ws-agent-pick>button svg:last-child{width:14px!important;height:14px!important}
.ws-agent-menu{position:absolute;left:0;bottom:calc(100% + 8px);z-index:5;width:260px;padding:6px;border:1px solid #ece8f2;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(40,20,70,.12)}
.ws-agent-menu[hidden]{display:none}
.ws-agent-option{padding:10px 12px;border-radius:8px;background:#f5f2fb}
.ws-agent-option b{display:block;color:#2a2531;font-size:13.5px}.ws-agent-option small{color:#958d9f;font-size:11.5px}
.ws-agent-menu a{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;color:#6b4fd0;font-size:13px}
.ws-agent-menu a svg{width:14px!important;height:14px!important}
.ws-plus{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:none;border-radius:8px;color:#3a3542;cursor:pointer}
.ws-plus:hover{background:#f5f2fa}.ws-plus svg{width:20px!important;height:20px!important}
.ws-split{width:1px;height:18px;background:#e7e3ec}
.ws-agent .aiw-page-panel .aip-send{width:36px;height:36px;border:0;border-radius:50%;font-size:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M20.5 3.5L3.5 10.8l6.8 2.9 2.9 6.8z'/%3E%3Cpath d='M10.3 13.7l4.4-4.4'/%3E%3C/svg%3E") center/18px no-repeat,linear-gradient(135deg,#b6a2f6,#e2a6df);cursor:pointer}
.ws-agent .aiw-page-panel .aip-send:disabled{opacity:.45;cursor:wait}
.ws-agent .aiw-page-panel .aip-foot{padding:10px 0 14px;color:#a9a3b1;font-size:12px}
.aiw-panel:not(.aiw-page-panel) .ws-hero,.aiw-panel:not(.aiw-page-panel) .ws-agent-pick,.aiw-panel:not(.aiw-page-panel) .ws-plus,.aiw-panel:not(.aiw-page-panel) .ws-split{display:none}
.crm-workspace .aiw-panel:not(.aiw-page-panel) .aip-send{background:#a78bfa}
/* Task picker (+) inside the conversation. */
.ws-agent .aiw-page-panel .aiw-questions:not([hidden]){flex:1;width:min(960px,calc(100% - 56px));max-height:none;margin:0 auto;padding:4px 2px 14px;border:0;background:#fff;overflow:auto}
.ws-agent .aiw-center-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.ws-agent .aiw-center-heading h2,.ws-agent .aiw-guide-title{margin:0 0 4px;color:#1f1b24;font-size:18px;font-weight:700}
.ws-agent .aiw-center-heading p{color:#8f8899;font-size:13px}
.ws-agent .aiw-center-heading button{width:30px;height:30px;border:0;border-radius:8px;background:#f4f2f8;cursor:pointer}
.ws-agent .aiw-task-search{width:100%;box-sizing:border-box;margin-bottom:12px;padding:9px 12px;border:1px solid #e7e2ee;border-radius:10px;font-size:13.5px}
.ws-agent .aiw-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.ws-agent .aiw-page-panel .aiw-categories button{padding:5px 12px;border:1px solid #ebe7f1;border-radius:16px;background:#fff;color:#4f4858;font-size:13px}
.ws-agent .aiw-page-panel .aiw-categories button[aria-pressed=true]{border-color:#d9cdf7;background:#f1ecfc;color:#6b4fd0}
.ws-agent .aiw-category-help,.ws-agent .aiw-center-note,.ws-agent .aiw-guide-desc,.ws-agent .aiw-guide-status,.ws-agent .aiw-guide-ready{margin:6px 0 10px;color:#958d9f;font-size:12.5px}
.ws-agent .aiw-task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.ws-agent .aiw-page-panel .aiw-task-card{display:flex;flex-direction:column;gap:6px;margin:0;padding:14px 16px;border:1px solid #ebe8f0;border-radius:12px;background:#fff;text-align:left;white-space:normal;cursor:pointer}
.ws-agent .aiw-page-panel .aiw-task-card:hover{border-color:#cfc2f2;box-shadow:0 4px 16px rgba(90,60,150,.08)}
.ws-agent .aiw-task-kind{width:fit-content;padding:2px 6px;border-radius:5px;background:#f3effd;color:#7c5cf0;font-size:11.5px}
.ws-agent .aiw-task-card strong{color:#26222c;font-size:14.5px}
.ws-agent .aiw-task-card span:not(.aiw-task-kind){color:#8f8899;font-size:12.5px;line-height:1.6}
.ws-agent .aiw-task-card em{margin-top:auto;color:#7c5cf0;font-size:12.5px;font-style:normal}
.ws-agent .aiw-guide-back{margin-bottom:10px;padding:0;border:0;background:none;color:#6b4fd0;font-size:13px;cursor:pointer}
.ws-agent .aiw-task-form label{display:flex;flex-direction:column;gap:6px;margin:10px 0;color:#4f4858;font-size:13px}
.ws-agent .aiw-task-form textarea{min-height:80px;padding:10px 12px;border:1px solid #e7e2ee;border-radius:10px;font-size:14px;font-family:inherit}
.ws-agent .aiw-request-preview summary{color:#958d9f;font-size:12.5px;cursor:pointer}
.ws-agent .aiw-task-start{padding:10px 22px;border:0;border-radius:10px;background:linear-gradient(135deg,#8b6cf0,#b56be0);color:#fff;font-size:14px;cursor:pointer}
.ws-agent .aiw-task-start:disabled{opacity:.45;cursor:not-allowed}

/* ---- Agent / skill centre, artifacts and automation. */
.ws-store{position:relative;height:100%;box-sizing:border-box;overflow:auto;padding:26px 40px 30px 52px;color:#26222c;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}
.ws-store-side{position:absolute;left:12px;top:14px}
.ws-store-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 18px}
.ws-seg{display:inline-flex;padding:4px;border-radius:10px;background:#f3f2f6}
.ws-seg a{padding:7px 14px;border-radius:8px;color:#4a4453;font-size:15px}
.ws-seg a[aria-selected=true]{background:#fff;color:#1f1b24;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.ws-store-search{display:flex;align-items:center;width:340px;max-width:40vw;height:40px;padding:0 12px;border:1px solid #e3dfe9;border-radius:10px;background:#fff;box-sizing:border-box}
.ws-store-search input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:14px}
.ws-store-tabs{display:flex;gap:30px;margin-bottom:22px;border-bottom:1px solid #efedf3;overflow-x:auto}
.ws-store-tabs button{margin-bottom:-1px;padding:10px 2px;border:0;border-bottom:2px solid transparent;background:none;color:#4a4453;font-size:15px;font-family:inherit;white-space:nowrap;cursor:pointer}
.ws-store-tabs small{margin-left:2px;color:#9a93a3;font-size:13px}
.ws-store-tabs button.selected{border-bottom-color:#f07a12;color:#f07a12;font-weight:600}
.ws-store-tabs button.selected small{color:#f07a12;font-weight:400}
.ws-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ws-card{display:flex;flex-direction:column;min-width:0;min-height:206px;padding:20px 20px 16px;border:1px solid #edeaf1;border-radius:12px;background:#fff;color:inherit;font-family:inherit;text-align:left;cursor:pointer}
.ws-card:hover{border-color:#d9d0ef;box-shadow:0 6px 20px rgba(80,50,140,.07)}
.ws-card-head{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:14px}
.ws-card-head>div{min-width:0}
.ws-mark{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:10px;font-size:20px;font-weight:700}
.ws-violet{background:#f3eefe;color:#7c4ff0}.ws-blue{background:#eaf2ff;color:#2f7bea}.ws-teal{background:#e7f6f0;color:#17a374}.ws-amber{background:#fff5df;color:#e39c00}.ws-rose{background:#fdedf2;color:#e0457b}.ws-cyan{background:#e6f6fa;color:#139bbd}
.ws-card-head b{display:block;overflow:hidden;color:#1f1b24;font-size:17px;font-weight:700;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.ws-card-head small{color:#8f8899;font-size:13px}
.ws-card p{display:-webkit-box;margin:0 0 14px;overflow:hidden;color:#4f4858;font-size:14px;line-height:1.75;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ws-tag{width:fit-content;margin-top:auto;padding:4px 10px;border-radius:6px;background:#f4f3f6;color:#5d5766;font-size:12.5px}
.ws-store-note{margin-top:22px;color:#a9a3b1;font-size:12px}
.ws-page-head h1{margin:12px 0 6px;font-size:22px;font-weight:700}.ws-page-head p{margin-bottom:22px;color:#8f8899;font-size:13px}
.ws-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;grid-column:1/-1;padding:80px 20px;color:#8f8899;text-align:center}
.ws-empty-state svg{width:44px!important;height:44px!important;color:#c9c1d6;stroke-width:1.2!important}
.ws-empty-state b{color:#3a3542;font-size:16px}.ws-empty-state p{font-size:13px}
.ws-empty-state a{margin-top:8px;padding:8px 18px;border-radius:8px;background:#f1ecfc;color:#6b4fd0;font-size:13px}
.ws-files{width:100%;border-collapse:collapse;font-size:14px}
.ws-files th{padding:12px;border-bottom:1px solid #efedf3;font-weight:700;text-align:left}
.ws-files td{padding:12px;border-bottom:1px solid #f4f2f6}
.ws-files td:first-child{display:flex;align-items:center;gap:8px}.ws-files td svg{width:16px!important;height:16px!important;color:#7c5cf0}
.ws-files a{color:#6b4fd0}
.ws-toast{position:fixed;top:80px;left:50%;z-index:999;padding:8px 16px;border-radius:8px;background:rgba(30,25,40,.88);color:#fff;font-size:13px;transform:translateX(-50%)}

@media(max-width:1100px){.crm-workspace.ws-ai-page #menuPanel{width:220px;min-width:220px}.ws-store{padding:22px 22px 22px 48px}.ws-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-hero h1{font-size:28px}}
@media(max-width:760px){.crm-workspace .main-wrap{gap:6px;padding-right:6px}.crm-workspace .topbar{padding:0 7px}.crm-workspace .ent-name{font-size:12px}.crm-workspace .search-wrap{display:none}.crm-workspace.ws-ai-page #menuPanel{display:none!important}.crm-workspace.ws-ai-page.m-nav-open #menuPanel{display:flex!important;position:fixed;left:55px;top:calc(50px + var(--ws-inset,0px));bottom:0;z-index:40;width:240px;min-width:240px;border-radius:0}.crm-workspace.ws-ai-page .content{border-left:1px solid #eae3f1;border-radius:10px}.crm-workspace .ws-original{font-size:10px;margin:0 5px;padding:4px}.crm-workspace .content{padding:0 7px}.crm-workspace .side-rail{width:49px}.crm-workspace .rail-item{width:43px;margin:3px}
  .ws-agent.ws-empty .ws-hero{grid-template-columns:1fr;justify-items:center}.ws-mascot{width:84px;height:92px}.ws-hero h1{font-size:22px;text-align:center}.ws-continue{grid-column:1}
  .ws-agent .aiw-page-panel .aip-input,.ws-agent.ws-empty .aiw-page-panel .aip-input{width:calc(100% - 20px)}.ws-agent .aiw-page-panel .aip-body{padding:6px 12px 10px}.ws-agent .aiw-page-panel .aip-ask{max-width:90%}
  .ws-store{padding:16px 12px}.ws-store-side{display:none}.ws-store-head{flex-direction:column;align-items:stretch}.ws-store-search{width:100%;max-width:none}.ws-store-grid{grid-template-columns:1fr}.ws-store-tabs{gap:18px}}

/* ---- Customer detail (2026-10-13): stage progress, AI insight, side tabs, activity tools. */
.fd-agent{border:1px solid #d9ccf3!important;background:linear-gradient(135deg,#f6f1ff,#fbf1f8)!important;color:#6b4fd0!important;font-weight:600}
.fd-stage .fd-card-tit small{margin-left:10px;color:#a29bab;font-size:12px;font-weight:400}
.fd-stage-bar{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}
.fd-stage-step{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-width:110px;height:32px;padding:0 22px 0 18px;border:0;background:#eef0f3;color:#7b8190;font-size:13px;font-family:inherit;cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%)}
.fd-stage-step:first-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);border-radius:6px 0 0 6px}
.fd-stage-step i{font-style:normal;font-size:12px}
.fd-stage-step.done{background:#e3f6ea;color:#1f9d55}
.fd-stage-step.current{background:#22b35e;color:#fff;font-weight:600}
.fd-stage-step.chosen{box-shadow:inset 0 -3px 0 #0f7a3c}
.fd-stage-step.lost{background:#fdeaea;color:#d64545;cursor:default}
.fd-stage-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}
.fd-stage-head span{color:#8a8f99}
.fd-stage-only{display:flex;align-items:center;gap:8px;margin-left:auto;color:#8a8f99;font-size:12px;cursor:pointer}
.fd-stage-tasks{border-radius:8px;background:#f8f9fb}
.fd-stage-task{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #eef0f3;font-size:13px}
.fd-stage-task:last-child{border-bottom:0}
.fd-stage-task .st{display:inline-flex;align-items:center;gap:4px;min-width:56px;color:#e48a12;font-size:12px}
.fd-stage-task .st::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}
.fd-stage-task.ok .st{color:#1f9d55}
.fd-stage-task em{color:#e04848;font-style:normal}
.fd-stage-task b{font-weight:600;color:#2d3340}
.fd-stage-task small{flex:1;min-width:0;overflow:hidden;color:#9097a3;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.fd-stage-go{color:#6b4fd0;font-size:12px;white-space:nowrap;cursor:pointer}
.fd-stage-loading,.fd-stage-none,.fd-stage-note{padding:10px 2px;color:#9097a3;font-size:12px}
.fd-insight{background:linear-gradient(160deg,#fbf8ff,#fff 60%)}
.fd-insight .fd-card-tit{display:flex;align-items:center;gap:6px}
.fd-ai-mark{color:#8b5cf6}
.fd-insight-act{display:flex;gap:10px;margin-left:auto;color:#a29bab;font-size:12px;font-weight:400}
.fd-insight-act a{color:#6b4fd0;cursor:pointer}
.fd-insight-empty{padding:22px 10px;border:1px dashed #ddd3f3;border-radius:8px;color:#6f6878;font-size:13px;text-align:center}
.fd-insight-empty a{color:#6b4fd0;cursor:pointer}
.fd-insight-text{max-height:230px;overflow:hidden;font-size:13px;line-height:1.75;-webkit-mask-image:linear-gradient(#000 75%,transparent)}
.fd-insight.open .fd-insight-text{max-height:none;-webkit-mask-image:none}
.fd-insight-text .ai-doc-heading{margin:10px 0 4px;padding:0;border:0;background:none;color:#2d3340;font-size:13.5px}
.fd-stabs{display:flex;gap:20px;margin:-2px 0 12px;border-bottom:1px solid #eef0f3}
.fd-stab{margin-bottom:-1px;padding:0 0 9px;border-bottom:2px solid transparent;color:#5b6170;font-size:14px;cursor:pointer}
.fd-stab i{color:#9aa0aa;font-style:normal;font-size:12px}
.fd-stab.cur{border-bottom-color:#f07a12;color:#f07a12;font-weight:600}
.fd-spane[hidden]{display:none}
.fd-acts{position:relative}
.fd-act i{display:grid!important;place-items:center;font-style:normal;font-size:15px}
.fd-act i.a-blue{background:#eaf2ff;color:#2f7bea}.fd-act i.a-teal{background:#e6f6fa;color:#139bbd}.fd-act i.a-green{background:#e7f6ee;color:#1f9d55}.fd-act i.a-amber{background:#fff4dd;color:#e39c00}.fd-act i.a-gray{background:#f2f3f5;color:#7b8190;font-size:12px}
.fd-act-menu{position:absolute;right:0;top:64px;z-index:5;min-width:120px;padding:4px;border:1px solid #eceef2;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(20,30,60,.12)}
.fd-act-menu div{padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer}
.fd-act-menu div:hover{background:#f5f6f8}
.tl-tools{display:flex;align-items:center;gap:10px;margin:8px 0 10px}
.tl-tools select,.tl-tools input{height:28px;padding:0 8px;border:1px solid #e3e6eb;border-radius:6px;background:#fff;font-size:12px}
.tl-tools input{flex:1;min-width:0}
.tl-compact{display:flex;align-items:center;gap:6px;color:#8a8f99;font-size:12px;white-space:nowrap;cursor:pointer}
.timeline.compact .tl-content{display:-webkit-box;overflow:hidden;cursor:pointer;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.timeline.compact .tl-content.full{display:block}
.fd-head{flex-wrap:wrap;row-gap:8px;height:auto;min-height:52px;padding-top:8px;padding-bottom:8px}
.fd-btns{flex-wrap:wrap;justify-content:flex-end;row-gap:6px;margin-left:auto}
.fd-agent{margin-left:10px;white-space:nowrap}

/* ---- List analytics (2026-10-13): three charts above object lists. */
.li-panel{margin:0 0 10px;padding:12px 16px 14px;border:1px solid #eae3f1;border-radius:10px;background:#fff}
.li-panel.closed{padding-bottom:12px}
.li-head{display:flex;align-items:center;gap:10px;font-size:14px}
.li-head small{color:#9a93a3;font-size:12px}
.li-act{color:#6b4fd0;font-size:12px;cursor:pointer}
.li-head .li-act:first-of-type{margin-left:auto}
.li-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}
.li-card{min-width:0;padding:10px 12px;border:1px solid #f0edf4;border-radius:8px;background:#fcfbfe}
.li-title{margin-bottom:6px;color:#3a3542;font-size:13px;font-weight:600}
.li-card svg{width:100%;height:auto;max-height:190px}
.li-card .ch-donut{display:block;max-width:150px;margin:0 auto}
.li-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;color:#6f6878;font-size:11.5px}
.li-legend i{display:inline-block;width:9px;height:9px;margin-right:4px;border-radius:2px;vertical-align:-1px}
.li-loading{padding:16px 2px 4px;color:#9a93a3;font-size:12px}
@media(max-width:1100px){.li-grid{grid-template-columns:1fr}}

/* ---- AI replies (2026-10-13): record cards, file cards, preview pane, usage. */
.ws-agent{position:relative}
.ws-cards{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ws-card-rec{display:flex;align-items:center;gap:8px;max-width:100%;padding:10px 12px;border:1px solid #ebe8f0;border-radius:10px;background:#fff;font-family:inherit;font-size:13.5px;color:#26222c;cursor:pointer}
.ws-card-rec:hover{border-color:#cfc2f2;box-shadow:0 4px 14px rgba(90,60,150,.08)}
.ws-card-rec b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-rec-tag{padding:1px 6px;border-radius:4px;background:#2f7bea;color:#fff;font-size:11px}
.ws-card-rec em{display:flex;align-items:center;color:#6b4fd0;font-size:12px;font-style:normal;white-space:nowrap}
.ws-card-rec em svg{width:14px!important;height:14px!important}
.ws-file{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin-top:10px;padding:10px 14px;border:1px solid #ebe8f0;border-radius:10px;background:#fff}
.ws-file-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#f3effd;color:#6b4fd0;font-size:11px;font-weight:700}
.ws-file b{max-width:320px;overflow:hidden;font-size:13.5px;text-overflow:ellipsis;white-space:nowrap}
.ws-file button,.ws-file a{padding:4px 10px;border:1px solid #e3ddf0;border-radius:6px;background:#fff;color:#6b4fd0;font-size:12px;cursor:pointer}
.ws-usage{margin-left:6px;align-self:center;color:#a9a3b1;font-size:12px}
.ws-preview{position:absolute;top:54px;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;width:min(46%,640px);border-left:1px solid #ece8f2;background:#fff;box-shadow:-8px 0 24px rgba(40,20,70,.06)}
.ws-preview header{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-bottom:1px solid #f0edf4}
.ws-preview header b{flex:1;min-width:0;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.ws-preview header a{color:#6b4fd0;font-size:12.5px}
.ws-preview-body{flex:1;min-height:0;overflow:auto;padding:12px;color:#8f8899;font-size:13px}
.ws-preview-body iframe{width:100%;height:100%;border:0}
.ws-preview-body img{display:block;max-width:100%;margin:0 auto}
.ws-preview-body pre{margin:0;color:#26222c;font-size:12.5px;white-space:pre-wrap}
.ws-agent.ws-previewing .ws-agent-host{margin-right:min(46%,640px)}
@media(max-width:760px){.ws-preview{width:100%}.ws-agent.ws-previewing .ws-agent-host{margin-right:0}}
.crm-workspace .ws-ai-top{margin:0 10px 0 6px;padding:5px 12px;border:1px solid #c9b8ef;border-radius:16px;background:#fff;color:#6b3fd1;font-size:13px;cursor:pointer;white-space:nowrap}
.crm-workspace .ws-ai-top:hover{background:#f4effe}
.crm-workspace.aiw-docked .main-wrap{margin-right:420px}
.crm-workspace.aiw-docked .aiw-panel{border-left:1px solid #eae3f1;box-shadow:none}
@media(max-width:760px){.crm-workspace .ws-ai-top{padding:4px 8px;font-size:12px;margin:0 6px}}
/* 技能中心 */
.ws-skills .ws-store-tabs .ws-sk-new{margin-left:auto;border:1px dashed #cfc6e3;background:#faf8ff;color:#5a4a86}
.ws-card.ws-sk-off{opacity:.55}
.ws-sk-detail{max-width:820px;padding:22px 26px;border:1px solid #edeaf1;border-radius:12px;background:#fff}
.ws-sk-detail header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:14px}
.ws-sk-detail h2{margin:0;font-size:20px;color:#1f1b24}
.ws-sk-detail header small{flex-basis:100%;color:#9a93a3;font-size:12px}
.ws-sk-detail h3{margin:16px 0 6px;font-size:13px;color:#7a7385;font-weight:600}
.ws-sk-detail p{margin:0;color:#3f3947;font-size:14px;line-height:1.75}
.ws-sk-detail pre{margin:0;padding:12px 14px;border-radius:8px;background:#f8f7fa;color:#3f3947;font:14px/1.8 inherit;font-family:inherit;white-space:pre-wrap}
.ws-sk-kw{display:inline-block;margin:0 6px 6px 0;padding:2px 9px;border-radius:10px;background:#f1eef8;color:#5d4f86;font-size:12.5px}
.ws-sk-offtag{background:#fbeceb;color:#a5483c}
.ws-sk-back{margin-bottom:12px;border:0;background:none;color:#7a6fa0;cursor:pointer;padding:0;font-size:13px}
.ws-sk-detail footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.ws-sk-detail footer button{border:1px solid #ddd8e6;background:#fff;color:#4f4858;border-radius:8px;padding:7px 14px;cursor:pointer;font-size:13px}
.ws-sk-detail footer .ws-sk-primary{background:#3d3550;border-color:#3d3550;color:#fff}
.ws-sk-msg{color:#7a7385;font-size:12.5px;flex:1 1 220px}
.ws-sk-form label{display:block;margin:12px 0 0;color:#5d5766;font-size:13px}
.ws-sk-form label small{color:#a9a3b1;font-size:12px}
.ws-sk-form input,.ws-sk-form select,.ws-sk-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:8px 10px;border:1px solid #ddd8e6;border-radius:8px;font:inherit;font-size:14px;color:#2b2631;background:#fff}
@media(max-width:700px){.ws-sk-detail{padding:16px}}