/* Additional product-view navigation and workspace pages */
.team-views{padding-top:0;padding-bottom:128px}.team-views-intro{display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:48px;margin-bottom:43px}.team-views-intro h2{font-family:var(--serif);font-size:clamp(39px,4.2vw,58px);font-weight:600;margin:0;line-height:1.03;letter-spacing:-2px}.team-views-intro h2 em{color:var(--purple);font-style:italic}.team-views-intro>p{margin:0 0 4px;max-width:360px;color:#66736b;font-size:15px;line-height:1.6}.view-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.view-card{min-height:370px;border:1px solid var(--line);border-radius:7px;background:#fffefa;padding:23px;text-decoration:none;color:var(--ink);overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.view-card:hover{transform:translateY(-5px);box-shadow:0 13px 24px rgba(42,55,47,.1)}.view-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:46px}.view-icon{height:30px;width:30px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:17px}.view-arrow{height:25px;width:25px;border-radius:50%;border:1px solid #b8c1b9;display:flex;align-items:center;justify-content:center;font-size:13px}.view-card h3{font-family:var(--serif);font-size:27px;letter-spacing:-.9px;line-height:1.1;margin:10px 0}.view-card>p:not(.mono-label){font-size:13px;line-height:1.52;color:#6d7871;margin:0;max-width:295px}.supplier-view{background:#edf3e8}.supplier-view .view-icon{background:#c5e576}.supplier-view .view-arrow{color:#506a4c}.customer-view{background:#f4ede7}.customer-view .view-icon{background:#e7b4a0;color:#754b3f}.customer-view .view-arrow{color:#875c4a}.progress-view{background:#eeecfa}.progress-view .view-icon{background:#b7aaf1;color:#4b3f92}.progress-view .view-arrow{color:#5e52a6}.supplier-mini,.customer-mini,.progress-mini{position:absolute;left:23px;right:23px;bottom:22px}.supplier-mini{border:1px solid #d3decf;background:#fbfdf7;border-radius:5px;padding:8px 10px}.supplier-mini span{display:flex;align-items:center;gap:6px;font-size:9px;padding:4px 0}.supplier-mini i{height:7px;width:7px;border-radius:50%;background:#86aa71}.supplier-mini b{margin-left:auto;font-size:8px;color:#617d55}.customer-mini{padding:11px 12px;background:#fff9f5;border:1px solid #eadcd3;border-radius:5px;font:italic 13px var(--serif);color:#4f514c}.customer-mini div{display:flex;align-items:center;gap:2px;margin-top:8px}.customer-mini i{height:7px;width:7px;background:#e7ad50;display:block;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 94%,50% 71%,21% 94%,32% 56%,2% 35%,39% 35%)}.customer-mini b{font:700 9px var(--sans);margin-left:4px}.progress-mini{display:grid;gap:8px}.progress-mini div{display:grid;grid-template-columns:68px 1fr;gap:7px;align-items:center}.progress-mini b{font:8px var(--mono);color:#69736d}.progress-mini i{height:6px;border-radius:5px;background:linear-gradient(90deg,#8271dc 71%,#d9d7ed 71%)}.progress-mini div:nth-child(2) i{background:linear-gradient(90deg,#8271dc 48%,#d9d7ed 48%)}.progress-mini div:nth-child(3) i{background:linear-gradient(90deg,#8271dc 23%,#d9d7ed 23%)}
.workspace-body{background:#f5f4ee;min-width:1120px}.workspace-header{height:64px;background:#fffefa;border-bottom:1px solid #dfe1d9;padding:0 28px;display:flex;align-items:center;gap:34px;position:sticky;top:0;z-index:5}.workspace-header .brand{font-size:19px}.workspace-header .brand-mark{height:22px;width:22px}.workspace-header .brand-mark i:nth-child(1){height:6px}.workspace-header .brand-mark i:nth-child(2){height:12px}.workspace-header .brand-mark i:nth-child(3){height:16px}.workspace-nav{display:flex;align-items:center;gap:5px;flex:1}.workspace-nav a{font-size:12px;font-weight:600;color:#708078;text-decoration:none;padding:7px 9px;border-radius:4px}.workspace-nav a:hover,.workspace-nav a.active{color:var(--ink);background:#eff1e9}.workspace-header-actions{display:flex;align-items:center;gap:14px}.workspace-header-actions .bell{font-size:15px;color:#64736a}.workspace-avatar{height:27px;width:27px;border-radius:50%;background:#7463cc;color:#fff;display:flex;align-items:center;justify-content:center;font:600 8px var(--sans)}.crumbs{font:10px var(--mono);color:#7f8b83;margin:0 0 6px}.workspace-main{max-width:1370px;margin:0 auto;padding:28px}.workspace-title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.workspace-title-row h1{font:600 32px var(--serif);letter-spacing:-1.2px;margin:0}.workspace-title-row>p{color:#75817a;font-size:12px;margin:4px 0 0}.workspace-action{padding:9px 12px;background:var(--ink);color:#fffef8;font-size:11px;font-weight:700;text-decoration:none;border-radius:4px}.workspace-action:hover{background:#3b4d44}.workspace-layout{display:grid;grid-template-columns:1fr 314px;gap:16px}.workspace-card{background:#fffefa;border:1px solid #dfe1d9;border-radius:6px;padding:18px}.workspace-card h2{font-size:16px;font-family:var(--sans);letter-spacing:-.4px;margin:0}.workspace-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.workspace-card-title>a{font-size:10px;font-weight:700;color:#526d4d;text-decoration:none}.workspace-card-title>span{font:9px var(--mono);color:#7c8780}.table-grid{display:grid;grid-template-columns:1.4fr .82fr .78fr .78fr .8fr;align-items:center}.table-head{font:9px var(--mono);color:#7e8881;padding:0 9px 8px}.table-row{font-size:11px;border-top:1px solid #e8e9e3;padding:12px 9px}.supplier-company{display:flex;align-items:center;gap:9px;font-weight:700}.supplier-company i{display:flex;width:23px;height:23px;border-radius:4px;align-items:center;justify-content:center;background:#e4eddc;color:#59744e;font-style:normal;font-size:10px}.muted{color:#7a857e}.positive{color:#557c4f;font-weight:700}.status{display:inline-flex;align-items:center;gap:4px;border-radius:10px;padding:3px 6px;font-size:8px;font-weight:700}.status:before{content:"";height:5px;width:5px;border-radius:50%;background:currentColor}.status.green{background:#eaf3e5;color:#618853}.status.amber{background:#fff1d6;color:#9b6a2c}.status.purple{background:#eeeafd;color:#6856bc}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:16px}.kpi{background:#eaf1e6;border:1px solid #dce7d7;border-radius:6px;padding:14px}.kpi:nth-child(2){background:#f7efe1;border-color:#ecdfca}.kpi:nth-child(3){background:#ece9fa;border-color:#dfdaf4}.kpi span{font:9px var(--mono);letter-spacing:.4px;color:#728078}.kpi b{display:block;font:600 25px var(--serif);letter-spacing:-1px;margin-top:4px}.kpi small{font-size:9px;color:#657268}.message-list{display:grid;gap:0}.message{padding:12px 0;border-top:1px solid #e7e9e2;display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:start}.message-avatar{height:27px;width:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:8px;font-weight:700;background:#789b6b}.message:nth-child(2) .message-avatar{background:#9a84d6}.message:nth-child(3) .message-avatar{background:#d38c70}.message p{margin:0;font-size:10px;line-height:1.4}.message p b{display:block;font-size:10px}.message small{font-size:8px;color:#849087}.message time{font:8px var(--mono);color:#87918b}.quote-pack{background:var(--ink);color:#eff3ea;border-radius:6px;padding:16px;margin-top:16px}.quote-pack .mono-label{color:#b5c3b8}.quote-pack h3{font:600 17px var(--serif);letter-spacing:-.5px;margin:4px 0 12px}.quote-pack-item{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid #415048;font-size:10px}.quote-pack-item b{color:var(--mint);font-size:9px}.sidebar-stack{display:grid;gap:16px}.deadline-list{display:grid;gap:10px}.deadline{display:flex;gap:9px;align-items:center}.deadline-date{border:1px solid #dfe2da;background:#f6f7f2;border-radius:4px;width:34px;padding:4px 0;text-align:center}.deadline-date b{display:block;font-size:11px}.deadline-date small{font:7px var(--mono);color:#7c877f}.deadline p{font-size:10px;line-height:1.25;margin:0}.deadline p b{display:block}.deadline p small{font-size:8px;color:#7e8881}.build-check{display:grid;gap:9px}.build-check div{display:flex;gap:7px;align-items:center;font-size:10px}.build-check i{height:13px;width:13px;border:1px solid #c8d0c8;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-size:8px}.build-check .done i{background:#75a260;border-color:#75a260}.build-check .current i{border:3px solid var(--yellow)}.build-check b{margin-left:auto;font-size:8px;color:#63765b}.feedback-summary{background:#f4eee8;border:1px solid #eadfd5;border-radius:6px;padding:16px;margin-bottom:16px}.feedback-summary-top{display:flex;align-items:flex-end;gap:10px}.feedback-score{font:600 37px var(--serif);letter-spacing:-1.7px}.feedback-stars{color:#d98c4d;font-size:13px}.feedback-summary small{font-size:9px;color:#7c7973}.feedback-bars{display:grid;gap:5px;margin-top:13px}.feedback-bars div{display:grid;grid-template-columns:28px 1fr 18px;gap:6px;align-items:center;font-size:8px;color:#7b827c}.feedback-bars i{height:5px;background:#ded6ce;border-radius:5px}.feedback-bars i:after{content:"";display:block;width:84%;height:100%;background:#d99c68;border-radius:5px}.feedback-bars div:nth-child(2) i:after{width:12%}.feedback-bars div:nth-child(3) i:after{width:4%}.feedback-item{border-top:1px solid #e7e8e2;padding:13px 0}.feedback-item p{font:11px var(--serif);line-height:1.42;margin:0 0 6px}.feedback-item div{display:flex;justify-content:space-between;color:#7c8880;font-size:8px}.tag{font-size:8px;font-weight:700;border-radius:9px;padding:3px 6px;background:#e8e6fa;color:#6455af}.tag.coral{background:#f8e5dd;color:#a1634b}.tag.mint{background:#e4f0dd;color:#5c7c4f}.insight-list{display:grid;gap:10px}.insight{background:#f7f7f2;border:1px solid #e4e6df;border-radius:5px;padding:10px}.insight b{font-size:10px}.insight p{font-size:9px;line-height:1.45;margin:3px 0 0;color:#718077}.cohort{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:13px}.cohort div{height:39px;border-radius:3px;background:#d1e5c7;display:flex;align-items:center;justify-content:center;color:#53724c;font:9px var(--mono)}.cohort div:nth-child(2){background:#e6d9ad;color:#806d37}.cohort div:nth-child(3){background:#dcd4f2;color:#6256a3}.cohort div:nth-child(4){background:#efd8ce;color:#9a6452}.stage-overview{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:16px}.stage-stat{padding:12px 11px;border:1px solid #e1e3dc;border-radius:5px;background:#fafaf6}.stage-stat b{display:block;font:9px var(--mono);color:#77827b}.stage-stat strong{display:block;font:600 21px var(--serif);letter-spacing:-.8px;margin:5px 0}.stage-stat i{height:4px;display:block;border-radius:5px;background:linear-gradient(90deg,#76a460 100%,#e2e5de 0)}.stage-stat:nth-child(2) i{background:linear-gradient(90deg,#76a460 74%,#e2e5de 74%)}.stage-stat:nth-child(3) i{background:linear-gradient(90deg,#e5b750 48%,#e2e5de 48%)}.stage-stat:nth-child(4) i{background:linear-gradient(90deg,#8b7bd7 31%,#e2e5de 31%)}.stage-stat:nth-child(5) i{background:linear-gradient(90deg,#8b7bd7 16%,#e2e5de 16%)}.timeline{position:relative;padding:4px 0 0 10px}.timeline:before{content:"";position:absolute;left:14px;top:8px;bottom:14px;width:1px;background:#dfe2da}.timeline-item{position:relative;padding:0 0 18px 25px}.timeline-item:before{content:"";position:absolute;left:0;top:2px;height:9px;width:9px;border-radius:50%;background:#6f9e5b;border:3px solid #e3efdd}.timeline-item.current:before{background:#e8b944;border-color:#fff1cf}.timeline-item.future:before{background:#fffefa;border-color:#cbd3cb}.timeline-item p{margin:0;font-size:11px}.timeline-item p b{display:block}.timeline-item small{font-size:9px;color:#7d8780}.blocker{padding:12px;border:1px solid #f0d9c7;background:#fff7ef;border-radius:5px;margin-bottom:9px}.blocker b{font-size:10px;color:#82573d}.blocker p{font-size:9px;line-height:1.4;margin:4px 0 0;color:#796c62}.blocker small{font-size:8px;color:#a27458}.release-card{background:#eeecfa;border:1px solid #ded9f6;border-radius:5px;padding:12px}.release-card b{font-size:10px;color:#4e4590}.release-card p{font-size:9px;line-height:1.4;margin:4px 0;color:#665f81}.release-card div{display:flex;gap:5px;margin-top:8px}.release-card span{font-size:8px;background:#fffefa;border-radius:8px;padding:3px 6px;color:#625994}@media(max-width:900px){.main-nav{gap:9px}.main-nav a{font-size:12px}.team-views-intro{gap:20px}.view-cards{grid-template-columns:1fr}.view-card{min-height:300px}.workspace-body{min-width:0}.workspace-header{padding:0 17px;gap:15px;overflow:auto}.workspace-nav{display:none}.workspace-main{padding:17px}.workspace-layout{grid-template-columns:1fr}.workspace-layout>.sidebar-stack{grid-template-columns:repeat(2,1fr)}.stage-overview{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.team-views{padding-bottom:75px}.team-views-intro{display:block}.team-views-intro h2{margin-bottom:18px}.workspace-layout>.sidebar-stack{grid-template-columns:1fr}.workspace-title-row{align-items:start;gap:15px}.workspace-title-row h1{font-size:27px}.workspace-header-actions{margin-left:auto}.kpi-grid{grid-template-columns:1fr}.stage-overview{grid-template-columns:1fr 1fr}.table-grid{grid-template-columns:1.4fr .8fr .8fr}.table-grid>:nth-child(3),.table-grid>:nth-child(4){display:none}}