/* Reference feature wrapper; original screen interiors and light palette remain intact. */
html:not(.product-showcase-embed) .scroll-showreel{height:calc(740svh + var(--showreel-heading-height,200px));padding:0;border-top:0;background:#161616;overflow:clip;position:relative}
html:not(.product-showcase-embed) .showreel-pin{position:sticky;top:68px;height:calc(100svh - 68px);padding:24px 0}
.scroll-showreel .showreel-heading-clip{padding:88px 5.6% 28px;width:100%;max-width:1600px;margin:0 auto;text-align:left}
.scroll-showreel .showreel-heading{display:block;width:100%;white-space:nowrap;position:relative;font:400 2.94vw/1.05 Montserrat,Arial,sans-serif;letter-spacing:-.055em;color:#fff;background:none;margin:0}
html:not(.product-showcase-embed) .showreel-grid{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:24px;width:100%;height:100%;min-height:0;max-width:1600px;margin:0 auto;padding-inline:5.6%}
html:not(.product-showcase-embed) .scroll-showreel .tabs{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(7,minmax(0,1fr));justify-content:stretch;justify-items:stretch;width:100%;height:100%;margin:0;padding:0;gap:0;border:1px solid #383838;border-radius:6px;overflow:hidden;background:#1d1d1d}
html:not(.product-showcase-embed) .scroll-showreel .tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-height:0;min-width:0;width:100%;margin:0;padding:0 26px;border:0;border-bottom:1px solid #303030;border-radius:0;background:transparent;color:#8a8a8a;text-align:left;font:500 14px/1.4 Montserrat,Arial,sans-serif;transition:background .25s,color .2s}
html:not(.product-showcase-embed) .scroll-showreel .tab:last-child{border-bottom:0}
html:not(.product-showcase-embed) .scroll-showreel .tab:hover{background:#202020;color:#f4f4f4}
html:not(.product-showcase-embed) .scroll-showreel .tab.on{background:#232323;color:#f4f4f4}
.scroll-showreel .tab.on .tl{font-weight:700}
.scroll-showreel .tab-description{display:block;max-height:0;opacity:0;overflow:hidden;white-space:normal;text-overflow:clip;max-width:30ch;font-size:12px;font-weight:400;line-height:1.7;color:#aaa;transition:max-height .35s,opacity .35s,padding .35s}
.scroll-showreel .tab.on .tab-description{max-height:12em;opacity:1;padding-top:6px}
.scroll-showreel .tab::before{content:"";position:absolute;left:0;top:0;bottom:-1px;width:2px;background:var(--red);transform:scaleY(0);transform-origin:top}
.scroll-showreel .tab:is(.on,:hover)::before{transform:scaleY(1)}
.scroll-showreel .tab:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
html:not(.product-showcase-embed) .scroll-showreel .video-frame{min-width:0;height:100%;min-height:0;display:flex;flex-direction:column;border-radius:8px}
html:not(.product-showcase-embed) .scroll-showreel .scr{flex:1;min-height:0;height:auto;isolation:isolate;overflow:clip;overscroll-behavior:auto}
html:not(.product-showcase-embed) .scroll-showreel .scene.on{animation:showreel-enter .32s ease backwards;transform-origin:top left}
@keyframes showreel-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.showreel-card,.showreel-screen{display:contents}
.showreel-caption,.showreel-mobile-nav,.showreel-card-top{display:none}
.scroll-showreel .showreel-app-top{height:52px;flex:none;padding:10px 16px;gap:14px;background:#fff;border-bottom:1px solid #dedede;color:#252525;font:500 11px/1.3 Montserrat,system-ui,sans-serif}
.scroll-showreel .showreel-app-brand{flex:none;color:var(--red);width:94px}
.scroll-showreel .showreel-app-brand svg{display:block;width:100%;height:auto;max-height:24px}
.scroll-showreel .showreel-app-divider{height:22px;width:1px;background:#ddd;flex:none}
.scroll-showreel .showreel-app-project{display:flex;gap:8px;align-items:center;white-space:nowrap}
.scroll-showreel .showreel-app-search{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0;overflow:hidden;white-space:nowrap;color:#929292;background:#f5f5f5;border:1px solid #e7e7e7;border-radius:5px;padding:6px 9px}
.product-showcase-embed .showreel-heading-clip{display:none}
.product-showcase-embed .showreel-pin,.product-showcase-embed .showreel-grid{display:contents}
@media(max-width:860px){
 html:not(.product-showcase-embed) .scroll-showreel{height:auto;padding-bottom:56px}
 .scroll-showreel .showreel-heading-clip{padding:44px 20px 8px;text-align:left}
 .scroll-showreel .showreel-heading{position:static;width:100%;font-size:clamp(26px,6.4vw,36px);white-space:normal;overflow-wrap:break-word;line-height:1.12;text-align:left}
 .scroll-showreel .showreel-heading-end{display:inline;width:auto}
 html:not(.product-showcase-embed) .showreel-pin{position:static;height:auto;padding:0}
 html:not(.product-showcase-embed) .showreel-grid{display:block;padding:0}
 html:not(.product-showcase-embed) .scroll-showreel .tabs{display:none}
 .scroll-showreel .showreel-mobile-nav{display:block;padding:12px 20px 0}
 .showreel-mobile-row{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:12px;align-items:center}
 .showreel-arrow{width:48px;height:48px;border:1px solid #383838;border-radius:6px;background:#1d1d1d;color:#f4f4f4;font-size:24px;cursor:pointer}
 .showreel-current{text-align:center;min-width:0}
 .showreel-count{display:block;font-size:10px;font-weight:600;letter-spacing:1.8px;color:#929292;font-variant-numeric:tabular-nums}
 .showreel-current-title{display:block;font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.4px;color:#f4f4f4;overflow-wrap:anywhere}
 .showreel-segments{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:16px}
 .showreel-segment{border:0;background:none;cursor:pointer;height:24px;padding:0;display:flex;align-items:center}
 .showreel-segment::before{content:"";display:block;width:100%;height:4px;border-radius:2px;background:#3a3a3a;transition:background .25s}
 .showreel-segment.on::before{background:var(--red)}
 .showreel-arrow:focus-visible,.showreel-segment:focus-visible{outline:2px solid var(--red);outline-offset:2px}
 html:not(.product-showcase-embed) .scroll-showreel .video-frame{height:auto;display:block;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible}
 html:not(.product-showcase-embed) .scroll-showreel .video-frame>.showreel-app-top{display:none}
 html:not(.product-showcase-embed) .scroll-showreel .scr{display:flex;align-items:stretch;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none;padding:16px 20px 0;background:#161616;overscroll-behavior-x:contain}
 html:not(.product-showcase-embed) .scroll-showreel .scr::-webkit-scrollbar{display:none}
 .scroll-showreel .showreel-card{display:flex;flex-direction:column;flex:0 0 86%;min-width:0;scroll-snap-align:start}
 .scroll-showreel .showreel-card:last-child{margin-right:calc(14% - 12px)}
 .scroll-showreel .showreel-caption{display:block;flex:1;margin:0 0 14px;font:400 14px/1.7 Montserrat,Arial,sans-serif;color:#aaa}
 .scroll-showreel .showreel-screen{display:block;height:clamp(430px,65svh,640px);overflow:clip;background:#fff;border:1px solid #3b3b3b;border-radius:8px;position:relative;color:#252525}
 .scroll-showreel .showreel-card-top{display:flex;position:sticky;top:0;z-index:2;height:46px;padding:8px;gap:7px;font-size:9px}
 .scroll-showreel .showreel-card-top .showreel-app-brand{width:58px}
 .scroll-showreel .showreel-card-top .showreel-app-search{max-width:100px;padding:5px}
 .scroll-showreel .showreel-card-top .showreel-app-search span{overflow:hidden;text-overflow:ellipsis}
 html:not(.product-showcase-embed) .scroll-showreel .showreel-screen>.scene{display:block;animation:none}
 html:not(.product-showcase-embed) .scroll-showreel .scr>.scene{display:none}
}
@media(prefers-reduced-motion:reduce){
 .scroll-showreel .tab,.scroll-showreel .tab-description,.scroll-showreel .showreel-segment::before{transition:none!important}
 html:not(.product-showcase-embed) .scroll-showreel .scene.on{animation:none}
}

/* Light demo surfaces are scoped to the app window; section/menu stay dark. */
.scroll-showreel .scr{--ink:#fff;--ink-2:#f2f3f5;--ink-3:#f7f8fa;--white:#252525;--grey-1:#62656a;--grey-2:#62656a;--grey-3:#45484d;--line:rgba(25,30,38,.12);--line-strong:rgba(25,30,38,.22);--issue-status-in-progress:#236da9;--issue-status-resolved:#197b62;--issue-status-closed:#62656a;--cp-plan-stroke:#535c68;--cp-grid-stroke:#727b87;background:#fff;color:#252525;color-scheme:light}
.scroll-showreel .scr .scene{color:#252525}
.scroll-showreel .scr .subx{color:#62656a}
.scroll-showreel .scr .seg{border:1px solid rgba(25,30,38,.14);color:#62656a}
.scroll-showreel .scr .seg .on{background:#f2f3f5;color:#252525}
.scroll-showreel .scr .issue-view-toolbar{border-bottom:0}
.scroll-showreel .scr .filter-control{border:1px solid rgba(25,30,38,.13)}
.scroll-showreel .scr .ddwrap .chip:hover{background:rgba(25,30,38,.05)}
.scroll-showreel .scr #sc2 .chipr .chip.has-active{color:#252525}
.scroll-showreel .scr .filter-clear-all{color:#62656a}
.scroll-showreel .scr .filter-clear-all:hover{color:#252525}
.scroll-showreel .scr .ddp{background:#f2f3f5;border:1px solid rgba(25,30,38,.14)}
.scroll-showreel .scr .ddp .dh{color:#62656a}
.scroll-showreel .scr .facet-selection-summary{color:#62656a}
.scroll-showreel .scr .ddi{border:1px solid rgba(25,30,38,.12);color:#252525}
.scroll-showreel .scr .ddi:hover{background:rgba(25,30,38,.05)}
.scroll-showreel .scr .ddi.is-selected{color:#252525}
.scroll-showreel .scr .chip{border:1px solid rgba(25,30,38,.13);color:#62656a}
.scroll-showreel .scr .chip b{color:#62656a}
.scroll-showreel .scr .itabs{color:#62656a;border-bottom:1px solid rgba(25,30,38,.08)}
.scroll-showreel .scr .cnt.g{background:#f2f3f5;color:#62656a}
.scroll-showreel .scr .thx{color:#62656a;border-bottom:1px solid rgba(25,30,38,.08)}
.scroll-showreel .scr .trx{border-bottom:1px solid rgba(25,30,38,.06)}
.scroll-showreel .scr button.trx{border-bottom:1px solid rgba(25,30,38,.06)}
.scroll-showreel .scr .trx:hover{background:rgba(25,30,38,.045)}
.scroll-showreel .scr .idrw{background:#f2f3f5;border-left:1px solid rgba(25,30,38,.12)}
.scroll-showreel .scr .idrw::-webkit-scrollbar-track{background:#ffffff}
.scroll-showreel .scr .idrw::-webkit-scrollbar-corner{background:#ffffff}
.scroll-showreel .scr .idr-h{border-bottom:1px solid rgba(25,30,38,.08);background:#f2f3f5}
.scroll-showreel .scr .inum2{color:#62656a}
.scroll-showreel .scr .ist{background:#f2f3f5}
.scroll-showreel .scr .idr-ic{color:#62656a}
.scroll-showreel .scr .idr-ic .ti-x{color:#62656a}
.scroll-showreel .scr .id-close{color:#62656a}
.scroll-showreel .scr .idr-cr{color:#62656a}
.scroll-showreel .scr .idr-lab{color:#62656a}
.scroll-showreel .scr .idr-due .ti-calendar{color:#62656a}
.scroll-showreel .scr .idr-dependency{color:#252525}
.scroll-showreel .scr .idr-dependency svg{color:#62656a}
.scroll-showreel .scr .dtag{border:1px solid rgba(25,30,38,.15);color:#252525}
.scroll-showreel .scr .idoc{background:#f2f3f5}
.scroll-showreel .scr .attx{border:1px solid rgba(25,30,38,.15);color:#62656a}
.scroll-showreel .scr .isub{border:1px solid rgba(25,30,38,.12);color:#252525}
.scroll-showreel .scr .idr-in{background:#f2f3f5;color:#62656a}
.scroll-showreel .scr .inum{color:#62656a}
.scroll-showreel .scr .dchip{background:#f2f3f5;color:#62656a}
.scroll-showreel .scr .dclink{color:#62656a;background:#f2f3f5}
.scroll-showreel .scr .plus7{background:#f2f3f5;color:#62656a}
.scroll-showreel .scr .ghead{color:#252525}
.scroll-showreel .scr .ghead i{color:#62656a}
.scroll-showreel .scr .srch{border:1px solid rgba(25,30,38,.14);color:#62656a}
.scroll-showreel .scr .gby{color:#62656a}
.scroll-showreel .scr .tline{background:rgba(25,30,38,.12)}
.scroll-showreel .scr .tline::before{border-left:1px solid rgba(25,30,38,.12);border-top:1px solid rgba(25,30,38,.12)}
.scroll-showreel .scr .ybub{background:#f2f3f5;border:1px solid rgba(25,30,38,.12);color:#252525}
.scroll-showreel .scr .grpcard{border:1px solid rgba(25,30,38,.09);background:#f2f3f5}
.scroll-showreel .scr .grpcard .gi{background:#f2f3f5;color:#62656a}
.scroll-showreel .scr .doccard{border:1px solid rgba(25,30,38,.09);background:#f2f3f5}
.scroll-showreel .scr .metax{color:#62656a}
.scroll-showreel .scr .dpill.d{background:#f2f3f5;color:#252525}
.scroll-showreel .scr .icoR{color:#62656a}
.scroll-showreel .scr .vchip{color:#62656a}
.scroll-showreel .scr .doc-version-chip{color:#62656a}
.scroll-showreel .scr .doc-meta{color:#62656a}
.scroll-showreel .scr .doc-action{color:#62656a}
.scroll-showreel .scr .doc-action:hover{background:rgba(25,30,38,.06);color:#252525}
.scroll-showreel .scr .verified-version{background:rgba(25,30,38,.06);color:#252525}
.scroll-showreel .scr .doc-classification{border-top:1px solid rgba(25,30,38,.08)}
.scroll-showreel .scr .doc-classification-chip{border:1px solid rgba(25,30,38,.12);background:rgba(25,30,38,.015);color:#62656a}
.scroll-showreel .scr .doc-add-tag{color:#62656a}
.scroll-showreel .scr .doc-issue-action{color:#252525}
.scroll-showreel .scr .chatw2{background:#ffffff;border:1px solid rgba(25,30,38,.12)}
.scroll-showreel .scr .chh{background:#ffffff;border-bottom:1px solid rgba(25,30,38,.08)}
.scroll-showreel .scr .chst{color:#252525}
.scroll-showreel .scr .chic{color:#62656a}
.scroll-showreel .scr .chbody::-webkit-scrollbar-thumb{background:rgba(25,30,38,.16)}
.scroll-showreel .scr .greet div{color:#62656a}
.scroll-showreel .scr .abb{background:#f2f3f5;color:#252525}
.scroll-showreel .scr .srcx{color:#62656a}
.scroll-showreel .scr .dprev{background:#ffffff;border:1px solid rgba(25,30,38,.12)}
.scroll-showreel .scr .dpm{color:#62656a}
.scroll-showreel .scr .dotsx{background:#f2f3f5}
.scroll-showreel .scr .inb2{background:#f2f3f5;color:#62656a}
.scroll-showreel .scr .pane{border:1px solid rgba(25,30,38,.09);background:#f2f3f5}
.scroll-showreel .scr .plab{color:#62656a}
.scroll-showreel .scr .sumr{color:#252525}
.scroll-showreel .scr .mcell{background:#f2f3f5}
.scroll-showreel .scr .mlab{color:#62656a}
.scroll-showreel .scr .grow{color:#252525;border-bottom:1px solid rgba(25,30,38,.06)}
.scroll-showreel .scr .cmpcv{background:#ffffff;border:1px solid rgba(25,30,38,.09)}
.scroll-showreel .scr .compare-handle-icon{border:1px solid #252525}
.scroll-showreel .scr .cmplg{background:rgba(255,255,255,.88);border:1px solid rgba(25,30,38,.12);color:#252525}
.scroll-showreel .scr .cmppn{background:rgba(255,255,255,.92);border:1px solid rgba(25,30,38,.14)}
.scroll-showreel .scr .cmplb{color:#62656a}
.scroll-showreel .scr .cmpfile{border:1px solid rgba(25,30,38,.14);color:#252525}
.scroll-showreel .scr .cmpver{border:1px solid rgba(25,30,38,.14);color:#252525}
.scroll-showreel .scr .measurecv{background:#ffffff;border:1px solid rgba(25,30,38,.09)}
.scroll-showreel .scr .showcase-hint{border:1px solid rgba(25,30,38,.14);background:rgba(255,255,255,.94);color:#252525}
.scroll-showreel .scr .showcase-control{border:1px solid rgba(25,30,38,.14);background:rgba(255,255,255,.94);color:#252525}
.scroll-showreel .scr .showcase-measure-control{color:#62656a}
.scroll-showreel .scr .issuecv{background:#ffffff;border:1px solid rgba(25,30,38,.09)}
.scroll-showreel .scr .drawing-issue-pin-shape{stroke:#252525}
.scroll-showreel .scr .drawing-issue-pin text{fill:#252525}
.scroll-showreel .scr .drawing-issue-details{border-top:1px solid #252525}
.scroll-showreel .scr .drawing-issue-avatar{background:#f2f3f5;color:#252525}
.scroll-showreel .scr .drawing-issue-detail-label{color:#62656a}
.scroll-showreel .scr .ghbtn{border:1px solid rgba(25,30,38,.18);color:#252525}
.scroll-showreel .scr .ghbtn:hover{background:rgba(25,30,38,.06)}
.scroll-showreel .scr .kbn-col{background:#ffffff;border:1px solid rgba(25,30,38,.07)}
.scroll-showreel .scr .kbn-h{color:#252525}
.scroll-showreel .scr .kbn-h b{color:#62656a}
.scroll-showreel .scr .kbn-card{background:#f2f3f5;border:1px solid rgba(25,30,38,.08)}
.scroll-showreel .scr .kbn-card:hover{border-color:rgba(25,30,38,.22)}
.scroll-showreel .scr .kbn-t{color:#252525}
.scroll-showreel .scr .kbn-empty{color:#62656a}
.scroll-showreel .scr .gantt-version-context{color:#62656a}
.scroll-showreel .scr .gantt-context-version{border:1px solid rgba(25,30,38,.1);background:#f2f3f5}
.scroll-showreel .scr .gantt-context-version.is-current{color:#252525}
.scroll-showreel .scr .gantt-context-version span{color:#62656a}
.scroll-showreel .scr .gantt-context-version strong{color:#252525}
.scroll-showreel .scr .gantt-context-version time{color:#62656a}
.scroll-showreel .scr .gantt-comparison-key.is-baseline i{border:1px dashed #62656a}
.scroll-showreel .scr .gantt-schedule-legend{color:#62656a}
.scroll-showreel .scr .gantt-scroll::-webkit-scrollbar-track{background:#f2f3f5}
.scroll-showreel .scr .gantt-grid{border:1px solid rgba(25,30,38,.08);background:#ffffff}
.scroll-showreel .scr .gantt-head{background:#f2f3f5;color:#62656a}
.scroll-showreel .scr .gantt-head-label{border-right:1px solid rgba(25,30,38,.08)}
.scroll-showreel .scr .gantt-period{border-left:1px solid rgba(25,30,38,.07)}
.scroll-showreel .scr .gantt-group{background:#f2f3f5;border-top:1px solid rgba(25,30,38,.08);color:#252525}
.scroll-showreel .scr .gantt-group-label b{color:#62656a}
.scroll-showreel .scr .gantt-group-track{border-left:1px solid rgba(25,30,38,.08)}
.scroll-showreel .scr .gantt-issue{border-top:1px solid rgba(25,30,38,.055)}
.scroll-showreel .scr button.gantt-issue:hover{background:rgba(25,30,38,.035)}
.scroll-showreel .scr .gantt-identity{border-right:1px solid rgba(25,30,38,.08)}
.scroll-showreel .scr .gantt-title{color:#252525}
.scroll-showreel .scr .gantt-owner{color:#62656a}
.scroll-showreel .scr .gantt-grid-line{border-left:1px solid rgba(25,30,38,.055)}
.scroll-showreel .scr .gantt-baseline-bar{border:1px dashed #62656a}
.scroll-showreel .scr .gantt.is-versioning .gantt-bar.is-unchanged{color:#62656a;border-color:#62656a}
.scroll-showreel .scr .mmov{background:rgba(255,255,255,.55)}
.scroll-showreel .scr .mmd{background:#f2f3f5;border:1px solid rgba(25,30,38,.14)}
.scroll-showreel .scr .mmd-h{color:#252525}
.scroll-showreel .scr .mmicon{color:#62656a}
.scroll-showreel .scr .mmlab{color:#62656a}
.scroll-showreel .scr .mmseg{border:1px solid rgba(25,30,38,.14);color:#62656a}
.scroll-showreel .scr .mmseg button{border-right:1px solid rgba(25,30,38,.08)}
.scroll-showreel .scr .mmseg .on{background:#f2f3f5;color:#252525}
.scroll-showreel .scr .mmcal{border:1px solid rgba(25,30,38,.1)}
.scroll-showreel .scr .mmcal-h{color:#252525}
.scroll-showreel .scr .mmcal-w,.scroll-showreel .scr .mmcal-g{color:#62656a}
.scroll-showreel .scr .mmday:hover{background:rgba(25,30,38,.07)}
.scroll-showreel .scr .mmday.sel{color:#252525}
.scroll-showreel .scr .mmtime-label{color:#62656a}
.scroll-showreel .scr .mmtime-trigger{border:1px solid rgba(25,30,38,.12);background:#f2f3f5;color:#252525}
.scroll-showreel .scr .mmtime-trigger i{color:#62656a}
.scroll-showreel .scr .mmtime-panel{border:1px solid rgba(25,30,38,.12);background:#f2f3f5}
.scroll-showreel .scr .mmtime-column+ .mmtime-column{border-left:1px solid rgba(25,30,38,.1)}
.scroll-showreel .scr .mmtime-column-label{color:#62656a}
.scroll-showreel .scr .mmtime-option{color:#62656a}
.scroll-showreel .scr .mmtime-option:hover{background:rgba(25,30,38,.07)}
.scroll-showreel .scr .mmtime-actions{border-top:1px solid rgba(25,30,38,.1)}
.scroll-showreel .scr .mmtime-clear{color:#62656a}
.scroll-showreel .scr .mmtime-clear:hover{background:rgba(25,30,38,.07);color:#252525}
.scroll-showreel .scr .mmsum{color:#62656a}
.scroll-showreel .scr .ctlcv{background:#ffffff;border:1px solid rgba(25,30,38,.09)}
.scroll-showreel .scr .ctlpn{background:rgba(255,255,255,.92);border:1px solid rgba(25,30,38,.14)}
.scroll-showreel .scr .ctlh{color:#252525}
.scroll-showreel .scr .ctlh i{color:#62656a}
.scroll-showreel .scr .frow{color:#252525}
.scroll-showreel .scr .fgrp{color:#252525}
.scroll-showreel .scr .fgrp .cntc{background:#f2f3f5;color:#62656a}
.scroll-showreel .scr .prow{color:#62656a}
.scroll-showreel .scr .prow b{color:#252525}
@media(max-width:800px){
.scroll-showreel .scr .plan-gantt .gantt-head-label{background:#f2f3f5}
.scroll-showreel .scr .plan-gantt .gantt-identity{background:#ffffff;box-shadow:1px 0 rgba(25,30,38,.08)}
.scroll-showreel .scr .plan-gantt button.gantt-issue:hover .gantt-identity{background:#f2f3f5}
.scroll-showreel .scr .plan-gantt button.gantt-issue:active .gantt-identity,.scroll-showreel .scr .plan-gantt button.gantt-issue.is-autoplay-pressed .gantt-identity{box-shadow:inset 3px 0 #ef4129,inset 0 0 0 1px rgba(239,65,41,.65),1px 0 rgba(25,30,38,.08)}
}
.scroll-showreel .scr #sc8 .subx{color:#62656a}
.scroll-showreel .scr .brief-divider{border-top:1px solid rgba(25,30,38,.1)}
.scroll-showreel .scr .brief-conflict h3{color:#252525}
.scroll-showreel .scr .brief-conflict h4{color:#62656a}
.scroll-showreel .scr .brief-conflict p{color:#252525}
.scroll-showreel .scr #sc8 .brief-evidence{border-left:1px solid rgba(25,30,38,.1)}
.scroll-showreel .scr .brief-document{color:#252525}
.scroll-showreel .scr .brief-page{color:#62656a}
.scroll-showreel .scr .brief-conflict blockquote{color:#62656a}
.scroll-showreel .scr .brief-action{color:#252525}
.scroll-showreel .scr .brief-action:hover{background:#f2f3f5;border-color:#62656a}
.scroll-showreel .scr .brief-task p{color:#252525}
.scroll-showreel .scr .brief-footer [data-brief-action="dismiss_suggestion"]{color:#62656a}
.scroll-showreel .scr .brief-footer [data-brief-action="dismiss_suggestion"]:hover{color:#252525}
.scroll-showreel .scr .brief-demo{background:#ffffff;color:#252525}
.scroll-showreel .scr .brief-demo::backdrop{background:rgba(255,255,255,.65)}
@media(max-width:760px){
.scroll-showreel .scr #sc0 .cmp-plan-stage{background:#ffffff;border:1px solid rgba(25,30,38,.09)}
}
@media(max-width:760px){
.scroll-showreel .scr #sc7 #listv::-webkit-scrollbar-track{background:#f2f3f5}
}
.scroll-showreel .scr .loading{color:#62656a}
.scroll-showreel .scr .seclabel{background:rgba(255,255,255,.92);border:1px solid rgba(25,30,38,.14);color:#252525}
.scroll-showreel .scr .hint{color:#62656a}
.scroll-showreel .scr .tbtn{background:rgba(255,255,255,.9);border:1px solid rgba(25,30,38,.12);color:#252525}
.scroll-showreel .scr .tbtn:hover{background:rgba(255,255,255,.9)}
.scroll-showreel .scr .tbtn.on{background:#f2f3f5;color:#252525}
.scroll-showreel .scr .tbtn:hover::after{background:#ffffff;border:1px solid rgba(25,30,38,.16);color:#252525}
.scroll-showreel .scr .c4row{color:#252525}
.scroll-showreel .scr .c4row:hover{color:#252525}
.scroll-showreel .scr #planScheduleLegend .schedule-plan-legend{color:#252525}
.scroll-showreel .scr #ganttv .schedule-compare-head > span{border-left:0;color:#252525}
.scroll-showreel .scr #ganttv .schedule-compare-label{color:#252525}
.scroll-showreel .scr #ganttv .schedule-compare-label b{color:#62656a}
.scroll-showreel .scr #ganttv .schedule-compare-track{background-image:repeating-linear-gradient(90deg, transparent 0px, transparent calc(10% - 1px), rgba(25,30,38, 0.09) calc(10% - 1px), rgba(25,30,38, 0.09) 10%)}
.scroll-showreel .scr #ganttv .schedule-compare-delta b{background:rgba(255,255,255, 0.92)}
.scroll-showreel .scr #ganttv{--schedule-panel-line:rgba(25,30,38,.16);--schedule-surface:#ffffff;--schedule-surface-raised:#f2f3f5}
.scroll-showreel .scr #ganttv .schedule-compare{border:0}
.scroll-showreel .scr #ganttv .schedule-compare .gantt-period{color:#252525}
.scroll-showreel .scr #ganttv .schedule-compare-label .gantt-title{color:#252525}
.scroll-showreel .scr #ganttv .gantt-task:hover .schedule-compare-label{background:#f2f3f5}
.scroll-showreel .scr #planScheduleLegend .schedule-plan-legend{color:#252525}
.scroll-showreel .scr #ganttv .schedule-compare-head{background:#ffffff;border-bottom-color:rgba(25,30,38,.08)}
.scroll-showreel .scr #ganttv .schedule-compare-head > span:first-child{background:#ffffff;color:#62656a}
.scroll-showreel .scr #ganttv .schedule-compare .gantt-period{color:#62656a}
.scroll-showreel .scr [style*="background:#232323"]{background:#f2f3f5!important}
.scroll-showreel .scr [style*="background:#2e2e2e"]{background:#f2f3f5!important}
.scroll-showreel .scr [style*="background:#4a4a4a"]{background:#f2f3f5!important}
.scroll-showreel .scr [style*="color:#8a8a8a"]{color:#62656a!important}
.scroll-showreel .scr [style*="color:#999"]{color:#62656a!important}
.scroll-showreel .scr [style*="color:#9a9a9a"]{color:#62656a!important}
.scroll-showreel .scr [style*="color:#a5a5a5"]{color:#62656a!important}
.scroll-showreel .scr [style*="color:#b5b5b5"]{color:#62656a!important}
.scroll-showreel .scr [style*="color:#b9b9b9"]{color:#62656a!important}
.scroll-showreel .scr [style*="color:#bbb"]{color:#62656a!important}
.scroll-showreel .scr [style*="color:#cfcfcf"]{color:#252525!important}
.scroll-showreel .scr [style*="color:#e8e8e8"]{color:#252525!important}
.scroll-showreel .scr [style*="color:#f4f2ee"]{color:#252525!important}
.scroll-showreel .scr [style*="color:#fff"]{color:#252525!important}
.scroll-showreel .scr :is(.brief-status,.brief-value-change,.brief-task h4 i,.brief-evidence .brief-file-type){color:#b63220}
.scroll-showreel .scr .brief-value-change{background:#fff0ec}
.scroll-showreel .scr .brief-file-type{color:#236da9}
.scroll-showreel .scr .dpill.s{background:#fff2dd;color:#775527}
.scroll-showreel .scr #ganttv .gantt-task:active .schedule-compare-label,.scroll-showreel .scr #ganttv .gantt-task.is-autoplay-pressed .schedule-compare-label{background:#fff0ec}
.scroll-showreel .scr :is(.rbtn,.fchip,.qbb,.inb2 .sd,.active-filter-count,.drawing-issue-create-icon),.scroll-showreel .scr .cnt:not(.g),.scroll-showreel .scr .brief-footer [data-brief-action="create_task"]{color:#fff}
.scroll-showreel .scr .idrw .icmt [style*="color:#cfcfcf"]{color:#45484d!important}
.scroll-showreel .scr [fill="#0d0d0d"],.scroll-showreel .scr [fill="#1e1d1c"]{fill:#fff}

/* The pinned window wins over the legacy mobile preview-card heights. */
html:not(.product-showcase-embed) .scroll-showreel .scr:has(#sc1.on),html:not(.product-showcase-embed) .scroll-showreel .scr:has(#sc8.on){height:auto;min-height:0}
.scroll-showreel .scr .drawing-issue-pin text{fill:#fff}
.scroll-showreel .scr [style*="color:#4caf82"],.scroll-showreel .scr [style*="color:#2fbf9b"]{color:#197b62!important}
.scroll-showreel .scr [style*="color:#e8a33d"]{color:#8a5b13!important}
.scroll-showreel .scr [style*="color:#f0604c"]{color:#b63220!important}

/* The page owns vertical gestures; only the outer mobile card rail scrolls. */
html:not(.product-showcase-embed) .scroll-showreel .scr :is(.scene,.chbody,.idrw,.ddp,.mmov,.mmd,.mmtime-list,.brief-demo,.gantt-scroll,.kbn,.itabs,#listv){overflow:clip!important;overscroll-behavior:auto!important}
html:not(.product-showcase-embed) .scroll-showreel .scr .scene,
html:not(.product-showcase-embed) .scroll-showreel .scr .scene *{touch-action:pan-x pan-y!important;overscroll-behavior-y:auto!important}

.scroll-showreel .tab:last-child::before{bottom:0}

/* View alone owns orbit/pinch gestures, including when moved into a mobile card. */
html:not(.product-showcase-embed) .scroll-showreel .scr #sc4 #cv{touch-action:none!important}