:root{--ink:#202337;--muted:#687080;--line:#e6e7ee;--purple:#7950d8;--nav:#211e39;--nav-deep:#17152c;--green:#087f67;--mint:#eaf8f2;--wash:#f7f8fa;--shadow:0 16px 60px #161b3620;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--nav-deep)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #a68ae9;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #a68ae9;outline-offset:1px}a{color:var(--purple)}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}button{transition:background .15s,color .15s,box-shadow .15s}button:hover:not(:disabled){filter:brightness(.97)}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:38px;padding:9px 14px;border-radius:7px;font-size:12px;font-weight:650;background:white;border:1px solid #d9dce5;color:var(--ink)}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.btn.purple{background:var(--purple);color:white;border-color:var(--purple)}.btn.ghost{background:transparent;border-color:transparent}.btn.wide{width:100%}.btn svg{width:16px;height:16px}.icon-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:transparent;color:var(--muted)}.icon-btn:hover{background:#eeedf5}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1.4;font-weight:650;padding:3px 7px;border-radius:4px;background:#f0eafb;color:#724bb6}.badge.green{background:var(--mint);color:var(--green)}.badge.amber{background:#fff3de;color:#926119}.dot{width:7px;height:7px;background:#4eccac;border-radius:50%;display:inline-block}.eyebrow{font-size:10px;letter-spacing:1.25px;text-transform:uppercase;font-weight:750;color:var(--muted)}
.topbar{height:51px;display:flex;align-items:center;gap:20px;padding:0 19px;color:#ddd9ee;background:var(--nav-deep)}.brand{font-weight:850;font-size:21px;letter-spacing:-1px;color:white}.brand span{color:#b59ae9}.brand small{font-size:10px;font-weight:500;letter-spacing:1.7px;margin-left:12px;color:#aaa4bd;text-transform:uppercase}.top-path{font-size:12px;color:#bbb4d0;display:flex;gap:9px;align-items:center;margin-left:34px}.top-path svg{width:14px;height:14px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.topbar .btn{color:#e4e0ef;background:#ffffff08;border-color:#ffffff25;min-height:30px;font-size:11px;padding:6px 11px}.topbar .demo-label{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#bdb5d3;display:flex;align-items:center;gap:7px;margin-right:10px}.topbar .demo-label .dot{background:#b49ae5}.workspace{height:calc(100dvh - 51px);display:grid;grid-template-columns:64px 231px minmax(340px,1fr) 320px;overflow:hidden;background:white;border-top-left-radius:10px;border-top-right-radius:10px}.rail{background:var(--nav-deep);display:flex;flex-direction:column;align-items:center;padding:18px 0 13px;gap:21px;color:#b1a9c7}.rail-logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,#a184eb,#7150c1);color:white;font-weight:900;font-size:23px;box-shadow:0 3px 12px #0003}.rail button{background:none;color:inherit;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;width:52px;min-height:45px}.rail button svg{width:22px;height:22px}.rail button.active{color:white}.rail button.active>span{background:#ffffff1c;border-radius:9px;padding:8px}.rail-bottom{margin-top:auto}.user-dot{height:32px;width:32px;border-radius:8px;background:#d8d9b6;color:#464732;display:grid;place-items:center;font-size:11px;font-weight:700}.sidebar{background:var(--nav);color:#cbc6dd;display:flex;flex-direction:column;border-right:1px solid #ffffff0e;overflow-y:auto}.workspace-name{padding:22px 20px 17px;border-bottom:1px solid #ffffff12}.workspace-name h2{font-size:17px;color:#fff;line-height:1.3;overflow-wrap:anywhere}.workspace-name p{font-size:11px;margin-top:8px;color:#b4aacd;display:flex;align-items:center;gap:6px}.sidebar .quick{padding:13px 12px;border-bottom:1px solid #ffffff12}.sidebar button{color:inherit;background:transparent;border-radius:5px;text-align:left}.side-item{display:flex;gap:10px;align-items:center;width:100%;padding:9px 11px;font-size:12px}.side-item svg{width:16px;height:16px;color:#bdb2d2}.side-item.selected{background:#4c3678;color:white}.side-item:hover{background:#ffffff0a}.side-item.selected:hover{background:#4c3678}.side-item .count{margin-left:auto;font-size:10px;background:#9a7acf;color:white;padding:2px 5px;border-radius:4px}.side-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 22px 9px;font-size:11px;font-weight:600;color:#a89fbd}.side-heading svg{width:13px;height:13px}.channel-list{padding:0 12px}.side-person{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:12px}.mini-avatar{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;font-weight:750;font-size:10px;position:relative}.mini-avatar::after{content:"";position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border-radius:50%;border:2px solid var(--nav);background:#5ed1a9}.avatar.sales,.mini-avatar.sales{background:#e3ebff;color:#4562b0}.avatar.proposal,.mini-avatar.proposal{background:#eee4fd;color:#7b4ac0}.avatar.guide,.mini-avatar.guide{background:#d6efe6;color:#258967}.avatar.customer{background:#f8e7d7;color:#a76830}.avatar.you{background:#ecedf0;color:#586273}.side-person .badge{font-size:8px;margin-left:auto;color:#c4b2e4;background:#ffffff0d}.sidebar-bottom{margin-top:auto;padding:24px 20px 20px}.sidebar-bottom .mini-card{padding:13px;border:1px solid #ffffff15;border-radius:8px;background:#ffffff04}.mini-card p{font-size:11px;color:#c0b7d3;line-height:1.6;margin-top:6px}.mini-card strong{font-size:11px;color:#ebe6f4}.mini-card .icon-row{display:flex;gap:8px;align-items:center}.mini-card svg{color:#bfa4ed;width:16px;height:16px}
.main{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff}.channel-head{height:72px;flex-shrink:0;padding:0 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.channel-head h1{font-size:18px;letter-spacing:-.4px;display:flex;align-items:center;gap:8px}.channel-head h1 svg{width:19px;height:19px;color:#56516c}.channel-head p{font-size:11px;color:var(--muted);margin-top:5px}.channel-head .members{display:flex;align-items:center;gap:5px}.members .mini-avatar{border:2px solid white;margin-left:-9px;width:27px;height:27px}.members .mini-avatar::after{display:none}.members small{font-size:10px;color:var(--muted);margin-left:6px}.channel-tools{display:flex;gap:10px;align-items:center}.demo-banner{margin:18px 24px 6px;padding:17px 18px;background:linear-gradient(120deg,#f5f1fc,#f0f6fc);border:1px solid #e5def2;border-radius:9px;display:flex;align-items:center;gap:15px}.banner-symbol{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;background:white;color:var(--purple);border-radius:10px;border:1px solid #e9e0fa}.demo-banner h2{font-size:13px;letter-spacing:-.1px}.demo-banner p{font-size:11px;line-height:1.6;color:#717184;margin-top:4px}.demo-banner .badge{margin-left:auto;flex-shrink:0}.messages{overflow-y:auto;flex:1;min-height:0;padding:0 0 14px;scroll-behavior:auto}.date-divider{display:flex;align-items:center;gap:15px;margin:21px 24px;color:#767584;font-size:10px}.date-divider::before,.date-divider::after{content:"";height:1px;background:var(--line);flex:1}.date-divider span{border:1px solid var(--line);border-radius:20px;padding:5px 12px;color:#5c596d;font-weight:600}.message{display:flex;gap:11px;padding:11px 25px}.message.latest-message{animation:arrive .24s ease-out}.message:hover{background:#fafafd}.avatar{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-weight:800;flex-shrink:0;font-size:12px}.message-body{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:1px 0 6px}.message-meta strong{font-size:12px;color:#272536}.message-meta time{font-size:10px;color:#8c8b97}.message-meta .badge{font-size:8px;padding:2px 5px}.message-text{font-size:12px;line-height:1.75;color:#53515e;white-space:pre-line;overflow-wrap:anywhere}.message-text b{color:#302c42}.message-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.message-actions .btn{min-height:32px;font-size:11px;padding:7px 12px}.email-card{border:1px solid #e1e4eb;border-radius:8px;max-width:500px;overflow:hidden;margin-top:12px;background:white}.email-head{padding:12px 15px;border-bottom:1px solid #eceef2;background:#fafbfd;display:flex;gap:9px;align-items:center;font-size:11px;color:#707583}.email-head svg{width:17px;height:17px;color:#8d879f}.email-head .badge{margin-left:auto;font-size:9px}.email-content{padding:15px}.email-content h3{font-size:12px;margin-bottom:7px}.email-content .from{font-size:10px;color:#8c8a98;margin-bottom:12px}.email-content p{font-size:12px;line-height:1.7;color:#65616f;white-space:pre-line}.record-strip{display:flex;align-items:center;gap:9px;font-size:10px;margin-top:12px;color:var(--green)}.record-strip svg{width:14px;height:14px}.quote-card{max-width:500px;border:1px solid #e2dced;border-radius:9px;margin-top:13px;background:white;overflow:hidden;box-shadow:0 3px 8px #29203a04}.quote-card-top{padding:14px 16px;display:flex;gap:11px;align-items:center;background:#faf8fd;border-bottom:1px solid #eee9f4}.file-icon{width:34px;height:40px;border:1px solid #ded4f0;border-radius:5px;display:grid;place-items:center;background:white;color:var(--purple)}.quote-card-top h3{font-size:12px;margin-bottom:4px}.quote-card-top small{font-size:10px;color:var(--muted)}.quote-card-top>.badge{margin-left:auto;align-self:flex-start}.quote-summary{padding:14px 16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.quote-summary small{display:block;font-size:9px;color:#918997;margin-bottom:6px}.quote-summary strong{font-size:12px;font-weight:650}.quote-summary .amount{font-size:18px;letter-spacing:-.5px}.quote-card-bottom{padding:10px 16px;border-top:1px solid #f0edf4;display:flex;align-items:center;gap:8px;color:#867a98;font-size:10px}.quote-card-bottom .btn{margin-left:auto;min-height:29px;padding:5px 10px;font-size:10px}.thread-link{display:flex;align-items:center;gap:7px;background:none;padding:0;margin-top:12px;color:#7250b9;font-size:10px;font-weight:650}.thread-link svg{width:14px;height:14px}.typing{display:flex;gap:6px;align-items:center;font-size:11px;color:#8f859f;padding:13px 26px}.typing i{width:4px;height:4px;border-radius:50%;background:#9d87c7;animation:pulse 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.composer-wrap{padding:8px 24px 15px;flex-shrink:0;background:white}.composer{border:1px solid #dadce5;border-radius:9px;overflow:hidden;background:#fff}.composer:focus-within{border-color:#a98ccf;box-shadow:0 0 0 2px #a98ccf12}.composer-top{padding:8px 11px;display:flex;gap:13px;align-items:center;background:#fafafa;border-bottom:1px solid #f1f1f4;font-size:12px;color:#94909c}.composer-top strong{font-size:10px;color:#898294;font-weight:500;margin-left:auto}.composer textarea{width:100%;border:0;outline:none;padding:12px 13px 4px;resize:none;min-height:53px;font-size:12px;color:#484154;line-height:1.5}.composer textarea:focus{outline:none}.composer-bottom{display:flex;align-items:center;justify-content:space-between;padding:5px 10px 9px}.composer-bottom span{font-size:9px;color:#92899d;display:flex;gap:6px;align-items:center}.composer-bottom svg{width:14px;height:14px}.send-btn{background:var(--green);color:white;display:grid;place-items:center;border-radius:5px;width:30px;height:28px}.composer-caption{font-size:9px;color:#95909e;text-align:right;margin-top:7px}.empty-channel{padding:35px 25px}.empty-channel h2{font-size:20px;margin-bottom:12px}.empty-channel p{font-size:12px;line-height:1.8;color:var(--muted);max-width:440px}.activity-row{padding:14px 24px;border-bottom:1px solid #f0eff5;display:flex;gap:12px;align-items:flex-start}.activity-row .event-dot{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);flex-shrink:0}.activity-row svg{width:13px;height:13px}.activity-row strong{font-size:12px;display:block}.activity-row p{font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px}.activity-row time{font-size:9px;color:#8c8797;display:block;margin-top:5px}
.inspector{background:#fafbfc;border-left:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;min-width:0}.inspector-head{height:72px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;gap:5px;flex-shrink:0;border-bottom:1px solid var(--line)}.inspector-head strong{font-size:12px;display:flex;align-items:center;gap:8px}.inspector-head strong svg{width:16px;height:16px;color:var(--purple)}.inspector-head .icon-btn{width:28px}.guide-content{padding:22px 20px}.guide-intro{display:flex;align-items:center;justify-content:space-between}.guide-intro .eyebrow{color:var(--purple);font-size:9px}.guide-intro span:last-child{font-size:10px;color:var(--muted)}.guide-content h2{font-size:23px;letter-spacing:-.7px;line-height:1.25;margin-top:13px}.guide-lead{font-size:12px;line-height:1.7;color:#7a788a;margin-top:11px}.progress-track{height:4px;background:#e7e5ee;border-radius:4px;margin:22px 0 25px;overflow:hidden}.progress-track>div{height:100%;background:var(--green);transition:width .35s}.steps{display:flex;flex-direction:column;gap:0}.step{display:flex;gap:11px;position:relative;padding-bottom:22px}.step:last-child{padding-bottom:0}.step:not(:last-child)::after{content:"";position:absolute;width:1px;top:27px;bottom:5px;left:12px;background:#e0dce9}.step-circle{width:25px;height:25px;border-radius:50%;border:1px solid #dddbe6;background:#fff;color:#a39bad;display:grid;place-items:center;font-size:10px;font-weight:600;flex-shrink:0;z-index:1}.step.done .step-circle{background:var(--green);border-color:var(--green);color:white}.step.done .step-circle svg{width:13px;height:13px}.step.current .step-circle{background:#eee6fa;border-color:#c4aae6;color:var(--purple);box-shadow:0 0 0 4px #f2edf8}.step-copy{padding-top:4px}.step-copy strong{display:block;font-size:11px;color:#898293;font-weight:600}.step.current .step-copy strong{color:#30253f}.step.done .step-copy strong{color:#575563}.step-copy p{font-size:10px;color:#a29bab;margin-top:5px;line-height:1.5}.next-action{background:white;border:1px solid #e0dbe9;border-radius:9px;margin-top:25px;padding:16px}.next-action .eyebrow{font-size:8px;color:var(--purple)}.next-action h3{font-size:12px;margin-top:9px;line-height:1.5}.next-action p{font-size:11px;color:#82798d;line-height:1.65;margin:7px 0 14px}.next-action .btn{font-size:11px}.insight{display:flex;gap:9px;margin-top:20px}.insight svg{width:16px;height:16px;color:#b3a2cb;margin-top:2px}.insight p{font-size:10px;color:#918699;line-height:1.7}.guide-footer{margin-top:auto;border-top:1px solid var(--line);padding:17px 20px;display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:9px;color:#8c859b}.guide-footer svg{width:13px;height:13px}.guide-footer button{font-size:10px;padding:3px;color:#75658d;background:none;display:flex;align-items:center;gap:5px}.inspector-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--line)}.inspector-tabs button{flex:1;background:none;padding:13px 0;font-size:11px;color:var(--muted);border-bottom:2px solid transparent}.inspector-tabs button.active{color:var(--purple);border-bottom-color:var(--purple)}.detail-content{padding:20px}.detail-content h2{font-size:18px;letter-spacing:-.4px;line-height:1.3}.detail-content .subtitle{font-size:10px;color:#8f889d;margin:6px 0 20px}.quote-document{background:white;border:1px solid #e2dce9;padding:18px;border-radius:8px}.quote-document .doc-brand{font-size:15px;font-weight:800;letter-spacing:-.5px;color:#584278}.quote-document .doc-label{font-size:8px;letter-spacing:1.2px;color:#9c90a9;margin-top:5px;text-transform:uppercase}.quote-document .doc-client{font-size:10px;line-height:1.7;color:#85798e;border-bottom:1px solid #eee8f2;padding:17px 0 12px}.line-item{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#776a84;line-height:1.6;margin-top:12px}.line-item span:first-child{max-width:70%}.line-item.total{margin-top:17px;border-top:1px solid #e7e1ed;padding-top:14px;font-size:13px;font-weight:750;color:#352441}.doc-terms{font-size:9px;line-height:1.6;color:#9a8ba6;margin-top:16px;white-space:pre-line;overflow-wrap:anywhere}.detail-actions{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.detail-actions .btn{font-size:10px;min-height:33px}.thread-comments{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.thread-comments h3{font-size:11px;color:#756680;margin-bottom:16px}.thread-comment{margin-top:15px;display:flex;gap:9px}.thread-comment .avatar{width:27px;height:27px;font-size:9px;border-radius:6px}.thread-comment strong{font-size:10px}.thread-comment p{font-size:10px;color:#887c92;line-height:1.7;margin-top:4px;white-space:pre-line;overflow-wrap:anywhere}.record-state{margin:16px 0;padding:12px;background:var(--mint);color:var(--green);border-radius:7px;font-size:11px;font-weight:650;display:flex;align-items:center;gap:8px}.record-fields{margin:0}.record-fields div{padding:13px 0;border-bottom:1px solid var(--line)}.record-fields dt{font-size:9px;color:#948a9e;margin-bottom:6px}.record-fields dd{font-size:12px;margin:0;line-height:1.6;overflow-wrap:anywhere}.record-note{font-size:10px;line-height:1.7;color:#92889b;margin-top:20px}.complete-card{padding:17px;border:1px solid #cce8de;background:#f0faf6;border-radius:8px;margin-top:12px;max-width:500px}.complete-card h3{color:var(--green);font-size:13px;display:flex;align-items:center;gap:8px}.complete-card h3 svg{width:17px;height:17px}.complete-card p{font-size:11px;color:#64877b;line-height:1.7;margin-top:8px}
dialog{padding:0;border:1px solid #ddd7e8;border-radius:14px;width:min(620px,calc(100% - 32px));max-height:90dvh;color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:#16112f8c;backdrop-filter:blur(3px)}.modal-head{padding:22px 25px 17px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between}.modal-head h2{font-size:20px;letter-spacing:-.6px}.modal-head p{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.6}.modal-body{padding:23px 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;min-height:40px;border:1px solid #d9d6e2;border-radius:6px;padding:10px 11px;background:#fff;color:#4e465d;font-size:12px}.field textarea{min-height:85px;resize:vertical;line-height:1.6}.field small{font-size:10px;font-weight:400;color:#92879d;line-height:1.6}.modal-footer{padding:17px 25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:9px;background:#faf9fc}.check-field{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;background:#f7f4fc;padding:13px;border:1px solid #e9e1f4;border-radius:7px;grid-column:1/-1}.check-field input{accent-color:var(--purple);margin-top:3px;width:16px;height:16px}.check-field small{display:block;font-size:10px;color:#8b7d99;margin-top:3px}.notice{font-size:11px;line-height:1.7;color:#7b7189;background:#f6f2fc;border:1px solid #e7def2;border-radius:7px;padding:13px;margin-bottom:19px}.share-url{width:100%;padding:11px;border:1px solid #dcd6e5;border-radius:6px;font-size:11px;color:#695581;background:#faf8fd}.share-actions{display:flex;gap:8px;margin-top:15px}.share-actions .btn{font-size:11px}.error{font-size:11px;color:#a53d4c;margin-top:12px}.modal-warning{font-size:11px;line-height:1.7;color:var(--muted)}.brief-preview{margin-top:17px;font-size:10px;color:#8b7d9b;line-height:1.7}.menu-btn{display:none}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);background:#28203a;color:white;border-radius:9px;padding:12px 20px;font-size:12px;box-shadow:var(--shadow);z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-close{display:none}.run-summary{display:flex;gap:12px;margin-top:12px}.run-summary>div{flex:1;background:white;padding:12px;border:1px solid #dbede4;border-radius:7px}.run-summary strong{display:block;font-size:15px;color:#247d60}.run-summary small{font-size:9px;color:#7c9c8d;display:block;margin-top:4px}.search-wrap{max-width:590px;margin:20px auto 0;padding:0 25px}.search-wrap input{width:100%;border:1px solid #d7cfe2;border-radius:8px;padding:12px;font-size:12px}.search-result{display:block;width:100%;text-align:left;padding:15px;margin-top:12px;background:#faf8fd;border:1px solid #e8e1f0;border-radius:8px;color:#6c587f;font-size:12px}.search-result small{display:block;font-size:10px;color:#9988a8;margin-top:6px}.inline-form{max-width:500px;background:#faf9fc;border:1px solid #e6dfef;border-radius:8px;margin-top:12px;padding:15px}.inline-form p{font-size:11px;line-height:1.6;color:#7c6e8c;margin-bottom:12px}.inline-form .btn{margin-top:14px}.inline-form .check-field{background:white;font-size:11px}.inline-form .check-field small{font-size:9px}.input-line{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:11px;color:#76658b}.input-line input{width:75px;padding:7px;border:1px solid #ddd4e7;border-radius:5px}.sample-tag{color:#9d91a9;font-size:9px;display:inline-block;margin-top:6px}.guide-hidden .workspace{grid-template-columns:64px 231px minmax(340px,1fr)}.guide-hidden .inspector{display:none}
.suggested-questions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.suggested-questions button{padding:6px 9px;border:1px solid #e6e0ef;border-radius:16px;background:#faf8fd;color:#756089;font-size:10px;text-align:left;min-height:28px}.suggested-questions button:hover:not(:disabled){background:#eee6f9;color:#5f398f}.composer-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 9px}.composer-suggestions button{background:#f7f4fc;border:1px solid #e8e1f0;color:#74618d;border-radius:16px;padding:5px 9px;font-size:10px;min-height:28px}.composer-suggestions button:hover{background:#eee7f8}
@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.3}}@media(min-width:1600px){.workspace{grid-template-columns:70px 255px minmax(340px,1fr) 355px}.message{padding-right:40px;padding-left:40px}.demo-banner{margin-left:40px;margin-right:40px}.composer-wrap{padding-left:40px;padding-right:40px}.guide-content{padding:27px}.channel-head{padding-left:40px;padding-right:40px}}
@media(max-width:1200px){.workspace{grid-template-columns:55px 190px minmax(310px,1fr) 285px}.workspace-name{padding:20px 15px}.workspace-name h2{font-size:15px}.side-person{font-size:11px;padding-left:5px}.side-person .badge{display:none}.message{padding:11px 18px}.demo-banner{margin:16px 18px 4px;padding:13px;gap:11px}.demo-banner>.badge{display:none}.composer-wrap{padding:8px 18px 12px}.guide-content{padding:20px 17px}.channel-head{padding:0 18px}.top-path{margin-left:10px}.sidebar-bottom{padding:16px}}
@media(max-width:1000px){.workspace{grid-template-columns:55px 175px minmax(290px,1fr)}.inspector{position:fixed;right:0;top:51px;bottom:0;width:310px;z-index:25;box-shadow:-10px 0 40px #24153718;display:none}.inspector.open{display:flex}.mobile-close{display:grid}.guide-hidden .workspace{grid-template-columns:55px 175px minmax(290px,1fr)}.top-path{display:none}.channel-head .members{display:none}.sidebar-bottom{padding:12px}.workspace-name h2{font-size:14px}}
@media(max-width:650px){.topbar{padding:0 12px;gap:8px}.brand{font-size:20px}.brand small{display:none}.topbar .demo-label{display:none}.topbar .btn{font-size:10px;padding:6px 8px}.topbar .btn svg{width:13px;height:13px}.workspace,.guide-hidden .workspace{grid-template-columns:minmax(0,1fr);border-radius:0}.rail{display:none}.sidebar{display:none;position:fixed;top:51px;bottom:0;left:0;width:235px;z-index:30;box-shadow:10px 0 40px #24153740}.sidebar.open{display:flex}.menu-btn{display:grid}.channel-head{height:65px;padding:0 14px}.channel-head h1{font-size:16px}.channel-head p{font-size:10px}.channel-tools{gap:2px}.channel-head .btn{font-size:10px;min-height:32px;padding:7px 8px}.demo-banner{margin:12px 14px 3px;padding:12px;gap:10px}.demo-banner h2{font-size:12px}.demo-banner p{font-size:10px}.banner-symbol{width:32px;height:32px}.message{padding:10px 14px;gap:9px}.avatar{width:30px;height:30px;font-size:10px}.message-meta strong{font-size:11px}.message-text{font-size:12px}.email-content{padding:12px}.quote-summary{padding:13px;gap:5px}.quote-summary .amount{font-size:16px}.quote-summary strong{font-size:10px}.quote-summary small{font-size:8px}.composer-wrap{padding:8px 14px 10px}.composer-top{display:none}.composer textarea{font-size:12px}.inspector{width:min(340px,100%)}.form-grid{grid-template-columns:1fr}.field.full,.check-field{grid-column:auto}.modal-head,.modal-body,.modal-footer{padding:18px}.modal-head h2{font-size:18px}.share-actions{flex-wrap:wrap}.run-summary{gap:7px}.run-summary>div{padding:10px}.date-divider{margin:15px}.message-meta time{font-size:9px}.composer-bottom span{font-size:8px}.composer-caption{font-size:8px}.quote-card-top{padding:12px;gap:8px}.quote-card-top h3{font-size:11px}.quote-card-top>.badge{font-size:8px}.channel-head>div:first-child{display:flex;align-items:center;gap:6px}.top-actions{gap:5px}}
.environment-tabs{height:57px;background:#f8f7fc;border-bottom:1px solid #e3deed;display:flex;align-items:stretch;gap:16px;padding:0 24px;color:#766889}.environment-tabs-label{display:flex;align-items:center;font-size:9px;font-weight:750;letter-spacing:1.1px;white-space:nowrap;padding-right:12px}.environment-tabs [role=tablist]{display:flex;gap:3px;overflow-x:auto;min-width:0;scrollbar-width:thin;align-items:stretch;flex:1}.environment-tabs [role=tab]{border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#867793;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:11px;font-weight:650;flex-shrink:0}.environment-tabs [role=tab]:hover{background:#efebf6}.environment-tabs [aria-selected=true]{color:#62409c;border-bottom-color:#7950d8;background:#efebf8}.environment-count{font-size:8px;border-radius:4px;background:#e9e5f0;color:#8d7b9f;padding:2px 4px}.environment-tabs [aria-selected=true] .environment-count{background:#dfd2f4;color:#7150a9}.workspace{height:calc(100dvh - 108px)}.avatar.operations,.mini-avatar.operations{background:#fff0d9;color:#9b6c28}.side-person>span:last-child{min-width:0;white-space:normal;line-height:1.5}.side-person.selected{background:#4c3678;color:#fff}.quote-summary strong{overflow-wrap:anywhere}.welcome-actions,.team-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 25px 12px 72px}.welcome-actions .btn,.team-actions .btn{min-height:32px;font-size:11px}.channel-head h1{overflow-wrap:anywhere}.channel-head p{line-height:1.45;max-width:650px}.channel-head>div:first-child{min-width:0}.sidebar .mini-avatar{flex-shrink:0}.quote-card-top h3{overflow-wrap:anywhere}.quote-card-top small{line-height:1.5}.quote-card-top>div{min-width:0}.quote-summary{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.record-strip{line-height:1.6;align-items:flex-start}
@media(max-width:1400px){.environment-tabs-label{display:none}.environment-tabs{padding:0 15px;gap:0}.environment-tabs [role=tab]{padding:0 12px;font-size:10px}}
@media(max-width:1000px){.inspector,.sidebar.open{top:108px}.channel-head .btn{font-size:10px}.welcome-actions,.team-actions{padding-left:65px}}
@media(max-width:650px){.environment-tabs{padding:0 8px;height:52px}.environment-tabs [role=tab]{font-size:11px;padding:0 12px}.environment-count{display:none}.workspace{height:calc(100dvh - 103px)}.inspector,.sidebar{top:103px}.sidebar.open{top:103px}.welcome-actions,.team-actions{padding-left:53px;padding-right:14px}.channel-head h1{font-size:15px}.channel-head p{font-size:9px}.channel-head{min-height:72px;height:72px}.composer-suggestions button{font-size:9px}.quote-summary{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.quote-summary strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.brand{display:flex;align-items:center;flex-shrink:0}.brand img{display:block;width:130px;height:auto;max-height:36px;object-fit:contain}@media(max-width:650px){.brand img{width:85px}}