/* UI/UX Pro Max: calm enterprise surfaces, purposeful layouts, readable contrast. */
:root{--ink:#202b3a;--muted:#667386;--line:#e5e9ef;--accent:#2878d7;--wash:#f6f8fa;--radius:12px}
body.pipeline-mode{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.6;color:var(--ink);background:var(--wash);--sidebar-width:246px}
.pipeline-mode #sidebar{width:246px;padding:18px 12px 12px;background:#f7f8fa;border-right:1px solid var(--line);gap:0}
.pipeline-mode main{margin-left:246px;width:calc(100% - 246px)}
.pipeline-mode #sidebar .company{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:6px 4px 22px;min-height:72px;background:transparent;margin-bottom:4px;text-align:left;box-shadow:none}
.pipeline-mode .company-avatar{width:36px;height:36px;background:#e7eef7;color:#3471b9;border-radius:10px;display:grid;place-items:center;font-size:19px;flex-shrink:0}
.pipeline-mode .company b{font-size:13px;color:#243246;font-weight:650}.pipeline-mode .company small{font-size:10px;color:#677789;margin-top:4px}
.pipeline-nav-heading{padding:18px 8px 10px;font-size:11px;color:#677588}.pipeline-nav-heading span{font-size:10px;color:#6c7e93}
.pipeline-mode #sidebar nav{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin}
.pipeline-group{margin:4px 0}.pipeline-group summary{padding:12px 9px;gap:9px;border-radius:8px;color:#445369;transition:background .18s,color .18s}
.pipeline-group summary b{font-size:12px;font-weight:550}.pipeline-group summary small{font-size:9px;color:#6c7b8d}.pipeline-group summary svg{width:17px;height:17px;color:#697b90}
.pipeline-group summary:hover{background:#eceff4}.pipeline-group[open]>summary{background:#eaf0f8;color:#2c65a5}.pipeline-group[open]>summary svg{color:#3979bf}
.pipeline-child{padding:9px 10px 9px 34px;color:#607086;font-size:12px;margin:3px 0}.pipeline-child.selected{background:#e6edf6;color:#215f9e;font-weight:600}.pipeline-child:hover{background:#edf0f5}
.pipeline-mode .sidebar-bottom{border-top:1px solid var(--line);background:#f7f8fa;margin-top:12px;padding-top:10px;flex-shrink:0}
.pipeline-mode .sidebar-bottom .nav{padding:10px;border-radius:8px;color:#4f6075;font-size:12px;gap:10px}.pipeline-mode .sidebar-bottom .nav.active{background:#e6edf6;color:#215f9e}.pipeline-mode .sidebar-bottom .nav svg{width:17px;height:17px}
.pipeline-mode #header{height:58px;min-height:58px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;color:var(--ink)}
.pipeline-mode #header .breadcrumb{font-size:12px;gap:12px}.pipeline-mode #header .breadcrumb>svg{width:17px;height:17px;color:#718198}.pipeline-mode #header .breadcrumb>span{color:#6d7989;opacity:1}.pipeline-mode #header .breadcrumb>b{font-weight:550;color:#344357}
.pipeline-mode #header .runtime-badge{font-size:11px;color:#67778a;display:flex;align-items:center;gap:5px}.pipeline-mode #header .button{background:#f6f8fb;color:#486078;border:1px solid #e8edf3;border-radius:7px;font-size:11px;min-height:31px}
.pipeline-mode #app{height:calc(100vh - 58px);padding:0;background:var(--wash);overflow:hidden}
.management-content{height:100%;overflow:auto;background:var(--wash)}
.pipeline-mode .management-content>.page{padding:34px 38px 44px;max-width:1380px;margin:0 auto;min-width:0;width:100%}
.pipeline-mode h1{font-size:26px;font-weight:650;letter-spacing:-.5px;line-height:1.4;color:#243044}.pipeline-mode h2{font-weight:600;color:#2d3b4e}.pipeline-mode h3{color:#2d3b4e;font-weight:600}
.pipeline-mode .heading,.design-page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}
.pipeline-mode .heading h1,.design-page-heading h1{margin:0 0 7px}.pipeline-mode .heading p,.design-page-heading p{font-size:13px;line-height:1.7;color:#657386;margin:0}
.pipeline-mode .button{border-radius:8px;min-height:36px;padding:7px 14px;font-size:12px;line-height:1.5;border:1px solid #dce3eb;color:#435269;background:white;transition:background .18s,border-color .18s;color-scheme:light;cursor:pointer;white-space:nowrap}
.pipeline-mode .button:hover{background:#f1f5fa;border-color:#bfd0e3;color:#2464a9}.pipeline-mode .button.primary{background:#2878d7;border-color:#2878d7;color:#fff;box-shadow:none}.pipeline-mode .button.primary:hover{background:#216bc1;border-color:#216bc1}.pipeline-mode .button.subtle,.pipeline-mode .button.link{background:transparent;border-color:transparent}.pipeline-mode .button.link{color:#276bb9}
.pipeline-mode .hint,.pipeline-mode .field-note{color:#69778a;font-size:12px;line-height:1.7}.pipeline-mode .field{color:#44546a;font-size:12px;font-weight:500}.pipeline-mode .field input,.pipeline-mode .field select,.pipeline-mode .field textarea{border:1px solid #dfe5ec;border-radius:8px;padding:10px 12px;font-size:13px;color:#344258;background:#fff;min-height:41px}.pipeline-mode input::placeholder,.pipeline-mode textarea::placeholder{color:#7d8998}
.pipeline-mode .tag{padding:3px 8px;border-radius:5px;font-size:10px;color:#5a6b80;border-color:#e1e7ef;background:#f0f3f7}.pipeline-mode .tag.green{color:#267452;background:#edf7f0;border-color:#dcece2}.pipeline-mode .tag.amber{color:#9c6b22;background:#fff6e8;border-color:#f1e4d0}.pipeline-mode .dot.green{background:#49a482}
.pipeline-mode :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #2878d7;outline-offset:3px}.pipeline-mode .section-title{margin:26px 0 14px}.pipeline-mode .section-title h2{font-size:16px}
/* Directory: experts and teams are separate, visible destinations. */
.directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px;border-bottom:1px solid #dfe5ed;min-height:54px}
.directory-tabs{display:flex;gap:28px;align-items:stretch}.directory-tabs button{display:flex;align-items:center;gap:8px;background:transparent;color:#647287;border:0;border-bottom:2px solid transparent;border-radius:0;padding:15px 2px;font-size:14px;cursor:pointer;min-height:52px;font-weight:500}.directory-tabs button[aria-selected=true]{border-bottom-color:#263d56;color:#243549;font-weight:650}.directory-tabs button>span{font-size:10px;background:#e9edf2;border-radius:5px;color:#617388;padding:1px 6px}
.directory-search{display:flex;align-items:center;gap:9px;border:1px solid #dfe5ed;background:#fff;padding:0 12px;border-radius:8px;width:244px;margin-bottom:9px}.directory-search svg{width:15px;height:15px;color:#75859a}.directory-search input{border:0;outline:0;box-shadow:none!important;background:transparent;font-size:12px;min-width:0;width:100%;height:35px;color:#44546a}
.pipeline-mode .expert-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(192px,1fr));gap:16px;margin:0}
.pipeline-mode .expert-card{position:relative;border:1px solid #e4e8ee;border-radius:18px;background:#fff;padding:24px 18px 16px;min-height:266px;align-items:center;box-shadow:none;transition:border-color .18s,box-shadow .18s}.pipeline-mode .expert-card:hover{border-color:#cdd7e3;box-shadow:0 5px 18px #253e5f05}
.pipeline-mode .expert-card .pixel-avatar{width:66px;height:66px;margin:3px 0 10px}.pipeline-mode .expert-card h3{font-size:15px;margin:0 0 6px;line-height:1.5;color:#263343}
.pipeline-mode .expert-card .expert-verified{display:flex;align-items:center;gap:4px;color:#298767!important;font-size:11px}.expert-verified svg{width:13px;height:13px}
.pipeline-mode .expert-card p{font-size:12px;color:#657184;line-height:1.75;text-align:left;margin:13px 0 16px;min-height:42px;max-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.expert-card-footer{width:100%;margin-top:auto}.pipeline-mode .expert-card-footer .primary{border:0;border-radius:20px;background:#e5f6ee;color:#217d60;width:100%;display:flex;gap:7px;align-items:center;justify-content:center;min-height:34px;font-weight:600}.pipeline-mode .expert-card-footer .primary:hover{background:#d5eee3;color:#16644c}.expert-card-footer svg{width:14px;height:14px}
.expert-edit{position:absolute;right:13px;top:11px;border:0;background:transparent;color:#64788d;font-size:10px;cursor:pointer;border-radius:5px;padding:4px 6px}.expert-edit:hover{background:#f0f4f7}
.pipeline-mode .expert-create{background:#f0f2f5;border:1px dashed #dce2e9;justify-content:center}.pipeline-mode .expert-create>span{height:46px;width:46px;display:grid;place-items:center;background:#fff;box-shadow:0 2px 6px #13273808;margin-bottom:14px}.expert-create svg{width:23px;height:23px;color:#69798e}.pipeline-mode .expert-create p{font-size:11px;text-align:center;margin:4px 0;min-height:0;color:#6c7a8e}
.directory-caption{font-size:13px;color:#657386;margin:0 0 22px}.team-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px}.directory-team{display:flex;flex-direction:column;align-items:stretch;border:1px solid #e1e7ed;background:#fff;border-radius:16px;padding:24px;min-height:325px;text-align:left;box-shadow:none}.directory-team h2{font-size:18px;margin:14px 0 6px}.directory-team>p{font-size:12px;color:#69788a;line-height:1.8;margin:0 0 17px}.team-topline{display:flex;align-items:center;justify-content:space-between}.team-topline .team-portraits{padding:0 0 0 5px}.team-topline .pixel-avatar{width:42px;height:42px}.team-count{font-size:11px;color:#687b8f}.team-member-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.team-member-list span{background:#f3f6f9;border:1px solid #e9edf2;color:#586a7e;padding:4px 8px;border-radius:6px;font-size:10px}.team-workflow{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f4f8fc;border-radius:9px;padding:12px;color:#4e6b87;font-size:11px;margin-bottom:24px}.team-workflow b{font-weight:400;color:#8398ad}.team-context-note{font-size:11px;color:#718196;padding:13px 0;margin-bottom:20px}.team-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:17px;border-top:1px solid #edf0f4}.team-card-bottom small{font-size:10px;color:#6d7f92}.team-card-bottom .button{font-size:11px}.create-team{align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#f0f3f6;border-style:dashed}.create-team>svg{width:30px;height:30px;color:#74899c;margin-bottom:8px}.create-team h2{font-size:16px}.create-team p{font-size:12px}
/* Overview: a launch area, not a permanent third column. */
.pipeline-mode .overview-page{max-width:1220px}.overview-greeting{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:4px 0 28px}.overview-greeting .eyebrow{font-size:11px;color:#647990}.overview-greeting h1{font-size:27px;margin:8px 0}.overview-greeting p{font-size:13px;color:#66768a;margin:0}.workspace-status{font-size:11px;color:#687c90;white-space:nowrap;display:flex;gap:7px;align-items:center}
.workspace-launch{border:1px solid #d9e3ef;border-radius:16px;background:#fff;padding:22px 24px 16px;box-shadow:0 5px 22px #163b6205}.launch-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#3d526b}.launch-heading span{font-size:11px;color:#6f8298}.workspace-launch textarea{width:100%;border:0;outline:0;box-shadow:none!important;background:transparent;resize:vertical;min-height:108px;font:inherit;font-size:15px;line-height:1.8;padding:19px 0 10px;color:#34475f}.launch-bottom{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.launch-bottom>span{font-size:11px;color:#708397}.workspace-launch .expert-chips{border-top:1px solid #edf1f6;padding-top:14px;gap:8px}.workspace-launch .expert-chips button{border:1px solid #e6ecf4;background:#f4f7fa;color:#4c647c;padding:5px 10px;font-size:11px}.overview-shortcuts{display:flex;gap:5px;margin:12px 0 27px}.pipeline-mode .overview-shortcuts .button{color:#637d97;font-size:11px;min-height:30px;padding:5px 10px}
.overview-businesses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.overview-businesses>button{display:flex;gap:15px;border:1px solid #e2e8ef;border-radius:12px;padding:21px 18px;background:#fff;cursor:pointer;text-align:left;transition:border-color .18s}.overview-businesses>button:hover{border-color:#b9cde3}.business-tile-icon{display:grid;place-items:center;flex-shrink:0;background:#edf2f8;color:#5076a0;border-radius:10px;width:38px;height:38px}.business-tile-icon svg{width:20px;height:20px}.overview-businesses h2{font-size:15px;margin:0 0 6px}.overview-businesses p{font-size:11px;color:#6b7c8f;line-height:1.7;margin:0 0 13px}.overview-businesses small{font-size:11px;color:#526b85}.overview-businesses small>span{margin-left:10px}.overview-chat-history{background:white;border:1px solid #e1e7ef;border-radius:12px;padding:18px;margin:20px 0}.overview-chat-history>summary{font-size:13px;color:#57738b;cursor:pointer}
.pipeline-mode .task-row{border-radius:10px;padding:17px 18px;border-color:#e2e8ef;gap:16px}.pipeline-mode .task-row>div{min-width:0}.pipeline-mode .task-row strong{font-size:13px;color:#364a62;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.65}.pipeline-mode .task-row small{font-size:11px;color:#6b7e91;margin-top:5px}.pipeline-mode .task-icon{background:#edf2f8;color:#527da8;border-radius:9px}.pipeline-mode .task-row .tag{white-space:nowrap;flex-shrink:0}
/* Settings: restrained forms with tabs; no business conversation. */
.pipeline-mode .management-content>.design-settings{max-width:1080px;padding-top:34px}.settings-tabs{border-bottom:1px solid #dfe5ed;margin-bottom:26px}.pipeline-mode .settings-card{padding:0;border:1px solid #e1e7ee;border-radius:12px;overflow:hidden;margin-bottom:22px;max-width:none}.settings-section-heading{display:flex;align-items:center;gap:14px;padding:25px 28px;border-bottom:1px solid #eaf0f5}.settings-section-heading h2{font-size:16px;margin:0 0 3px}.settings-section-heading p{font-size:12px;color:#6a7a8e;margin:0}.settings-section-heading .tag{margin-left:auto}.settings-symbol{display:grid;place-items:center;background:#edf3fa;color:#507ca7;width:42px;height:42px;border-radius:10px;flex-shrink:0}.settings-symbol svg{width:21px;height:21px}.settings-form{padding:24px 28px 28px;max-width:880px}.settings-form .form-grid{gap:22px}.settings-form .field{margin-bottom:0}.settings-form .field-note{font-size:11px;margin:10px 0 22px}.settings-form .field-note:last-child{margin-bottom:0}.settings-save-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 28px;background:#fafbfd;border-top:1px solid #eaf0f5}.settings-save-row #runtimeResult{font-size:11px;color:#5c728a}.settings-explanation{padding:6px 6px 16px;max-width:850px}.settings-explanation h3{font-size:13px;margin:0 0 8px}.settings-explanation p{font-size:12px;color:#65798e;line-height:1.9;margin:0 0 12px}.settings-explanation>span{font-size:11px;color:#687e95}.data-overview{display:flex;gap:56px;padding:28px}.data-overview strong{display:block;font-size:27px;font-weight:550;color:#304c6c}.data-overview span{font-size:12px;color:#687d92}
/* Business lists share one visual system, keep their native interactions. */
.pipeline-mode :is(.resource-card,.plugin-card,.space-card,.table-wrap,.surface){border:1px solid #e1e7ee;border-radius:12px;box-shadow:none;background:#fff}.pipeline-mode .resource-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.pipeline-mode .resource-card{padding:22px}.pipeline-mode .resource-card h2,.pipeline-mode .plugin-card h2{font-size:15px}.pipeline-mode .resource-card p,.pipeline-mode .plugin-card p{color:#63768b;font-size:12px}.pipeline-mode .resource-card .card-footer{margin-top:18px}.pipeline-mode .tabs .button{background:transparent;border-radius:0;color:#60758b;border:0;border-bottom:2px solid transparent;padding:10px 5px}.pipeline-mode .tabs .button.selected{color:#2668b0;border-bottom-color:#2878d7}.pipeline-mode .tabs{gap:22px}.pipeline-mode .flow-guide{padding:14px 18px;background:#eef3f8;border:1px solid #e0e8f1;border-radius:9px;margin-bottom:24px;color:#63798e;font-size:12px}.pipeline-mode .list-toolbar{margin-bottom:20px}.pipeline-mode .list-toolbar>input{border:1px solid #dfe5ec;border-radius:8px;height:36px;padding:8px 12px;background:white;color:#445e77}.pipeline-mode th{background:#f8fafc;padding:15px 16px;font-size:11px;color:#63768a;font-weight:550}.pipeline-mode td{padding:18px 16px;font-size:12px;color:#4d6279;border-color:#ecf0f4}.pipeline-mode .site-table td:first-child{max-width:320px}.pipeline-mode .site-table td:first-child b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#344e68;font-weight:550}.pipeline-mode td small{color:#738498}.pipeline-mode .empty{padding:48px 24px}.pipeline-mode .empty p{color:#6c7d90}
/* Task views: conversation and the real shared artifact remain side by side. */
.pipeline-mode .agent-work{grid-template-columns:350px minmax(0,1fr);height:100%}.pipeline-mode .agent-conversation{background:#fff;border-right:1px solid #e2e8ef}.pipeline-mode .agent-conversation-head{min-height:84px;padding:19px 20px;border-bottom:1px solid #e8edf3}.pipeline-mode .agent-conversation-head>b{font-size:14px}.pipeline-mode .agent-conversation-head>small{color:#687c90;font-size:11px;margin-top:6px}.pipeline-mode .agent-timeline{padding:20px 18px}.pipeline-mode .agent-timeline>h3{font-size:13px;font-weight:500;line-height:1.85;margin:18px 0;color:#53697f}.pipeline-mode .team-progress{background:#f7f9fc;border:1px solid #e0e8f1;border-radius:12px;padding:14px}.pipeline-mode .team-progress h3{font-size:13px;margin-bottom:5px}.pipeline-mode .team-progress>small{font-size:10px;color:#637b91}.pipeline-mode .team-progress article{gap:12px;padding:11px 0}.pipeline-mode .team-progress small{color:#647c91;font-size:10px;margin-top:4px}.pipeline-mode .team-progress b{color:#3b536a;font-size:12px}.pipeline-mode .team-progress .pixel-avatar{width:39px;height:39px}.pipeline-mode .agent-input{padding:14px;border-top:1px solid #e7edf3}.pipeline-mode .agent-input textarea{border:1px solid #dfe6ee;border-radius:10px;padding:12px;background:white;font-size:12px;line-height:1.7;min-height:78px}.pipeline-mode .agent-input .expert-chips{font-size:11px;color:#657d94;padding-top:11px}.pipeline-mode .agent-canvas{background:#f3f6f9}.pipeline-mode .agent-canvas-bar{background:#fff;border-bottom:1px solid #e2e8ef;padding:15px 20px;gap:12px}.pipeline-mode .agent-canvas-bar b{font-size:12px;color:#435a71}.pipeline-mode .agent-canvas-bar .button{font-size:11px;min-height:32px;padding:6px 10px}.pipeline-mode .canvas-tabs{gap:22px;padding:0 20px;min-height:48px}.pipeline-mode .canvas-tabs .button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#60758b;padding:12px 0}.pipeline-mode .canvas-tabs .button.selected{color:#2467b2;border-bottom-color:#2878d7}.pipeline-mode .agent-pages{padding:15px 18px;gap:8px}.pipeline-mode .agent-pages .button{min-height:32px;padding:6px 12px;font-size:11px}.pipeline-mode .agent-pages .button.selected{background:#e7eff8;border-color:#cadcf0;color:#2d659f}.pipeline-mode .agent-canvas-body iframe{border:1px solid #dfe6ee;border-radius:10px}.pipeline-mode .agent-message{border-radius:10px;color:#4d637a;font-size:12px;line-height:1.8}.pipeline-mode .agent-message small{color:#6a8095;font-size:10px}.pipeline-mode .agent-message.from-user{background:#edf3fb;border-color:#e0e9f5}.pipeline-mode .agent-plan{border:1px solid #e5ebf2;border-radius:10px;background:#fafbfd;color:#61768d}.pipeline-mode .modal{border-radius:16px;box-shadow:0 20px 65px #1d34542b;max-width:800px}.pipeline-mode .modal-head{padding:22px 26px}.pipeline-mode .modal-body{padding:24px 26px}.pipeline-mode .modal-footer{padding:18px 26px;background:#fafbfd}.pipeline-mode .wizard-progress .active{color:#2878d7;border-color:#2878d7}
@media(min-width:1600px){.pipeline-mode .agent-work{grid-template-columns:390px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
body.pipeline-mode{min-width:0}.design-page-heading,.overview-greeting{flex-wrap:wrap}.pipeline-mode .management-content .table-wrap{overflow:auto}.pipeline-mode .header-actions{flex-shrink:0}.pipeline-mode .settings-form input{width:100%;min-width:0}.pipeline-mode .form-grid>*{min-width:0}.pipeline-mode .design-settings .settings-card{width:100%}
.overview-chat-history[open]{max-height:360px;overflow:auto}.pipeline-mode .company-avatar svg{width:20px;height:20px}.pipeline-mode .agent-work .agent-canvas{min-width:0}.pipeline-mode .directory-toolbar{flex-wrap:wrap}.pipeline-mode .table-wrap table{min-width:720px}
.task-directory-list{margin-top:20px}.pipeline-mode .task-directory .tabs{border-bottom:1px solid #e1e7ee;padding-bottom:0}