/* A fixed architectural view; the workflow stays in its own ECLO panel. */
body{overflow-x:clip}
.operations-section>.container{width:100%;max-width:none}
.operations-section .section-top,.operations-note{width:min(1320px,calc(100% - 100px));margin-left:auto;margin-right:auto}
.operations-shell{border:0;border-radius:0;box-shadow:none;overflow:visible}
.operations-toolbar,.operation-steps,.operations-bottom,.operation-details{width:min(1440px,calc(100% - 80px));margin-left:auto;margin-right:auto}
.operations-toolbar{padding-left:0;padding-right:0;border-top:1px solid #edf0f4}
.operations-toolbar>div.office-tools{border:0;display:flex;gap:8px}
.office-tools>#operation-state{height:39px;font-size:12px;padding:7px 16px;white-space:nowrap;border-radius:20px;background:#f8f9fc;color:#697483;border:1px solid #e8edf3}
.operation-steps{padding:12px 0;border-bottom:0;background:#fff}
.operation-step{font-size:12px}
.operations-workspace{position:relative;background:#fafbfd;border-block:1px solid #edf0f5;overflow:hidden}
.operations-visual{height:clamp(580px,70svh,860px);aspect-ratio:auto;background:#fafbfd;isolation:isolate}
.operations-visual #operations-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;cursor:default}
.office-caption{display:block;bottom:19px;left:auto;right:40px;color:#8794a5;font-size:10px;pointer-events:none}
.operation-live-panel{position:absolute;left:max(30px,calc((100vw - 1440px)/2));bottom:28px;z-index:5;width:310px;display:block;padding:22px 24px;background:#ffffffee;border:1px solid #e4eaf2;border-radius:15px;box-shadow:0 14px 45px #28436010;backdrop-filter:blur(12px)}
.erp-panel-brand{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;letter-spacing:.6px;color:#c65b53;border-bottom:1px solid #edf0f4;padding-bottom:13px;margin-bottom:15px}
.erp-panel-brand>i{width:6px;height:6px;background:#f3433d;border-radius:50%;box-shadow:0 0 0 4px #f3433d10}
#company-chapter{font-size:9px;color:#9b7180;letter-spacing:.5px}
.operation-assignee{font-size:11px;color:#bd4a41;margin-top:8px}
#operation-live-title{font-size:21px;line-height:1.45;margin-top:9px;letter-spacing:-.5px}
#operation-live-caption{display:none}
.handoff-progress{margin-top:18px;display:block}
.handoff-progress li{display:none;min-height:37px;font-size:12px}
.handoff-progress li.current{display:flex;color:#b8564a}
.handoff-progress li.current>span{width:27px;height:27px}
.handoff-progress li+li:before{display:none}
.operation-stage-track{height:2px}
.operations-bottom{padding:19px 0;background:#fff;border:0}
.operation-details>summary,.operation-detail{padding-inline:0}
.operations-note{margin-top:22px}
.office-fallback{display:none}
.operations-fallback .office-fallback{display:block;padding:60px 25px;color:#6d7784}
.operations-fallback{height:220px!important;min-height:0!important}
.operations-fallback .office-caption{display:none}
.scene-view-label{color:#929ba7;font-size:10px}
/* Full-width brand-red contact section. */
.contact-section{background:#f3433d;color:white;padding-top:78px;border-top:0}
.contact-section .eyebrow{color:#ffe8e5}
.contact-section .status-dot{background:#fff;box-shadow:0 0 0 5px #ffffff18}
.contact-layout h2,.contact-layout h2>span{color:white}
.contact-layout h2{font-size:clamp(38px,4.6vw,66px)}
.contact-circle{background:white;color:#f3433d;box-shadow:none}
.contact-circle:hover{background:#fff0ec;color:#d5342f}
.contact-bottom{border-color:#ffffff35}
.contact-bottom p,.contact-bottom>a{color:#fff}
.contact-bottom>a:hover{color:#fff0e9}
@media(min-width:1750px){.operations-section>.container{width:100%}.operations-visual{height:80svh}}
@media(max-width:1100px){.operation-live-panel{width:275px;left:25px;bottom:22px;padding:20px}#operation-live-title{font-size:19px}.office-caption{right:25px}.operations-toolbar,.operation-steps,.operations-bottom,.operation-details{width:calc(100% - 50px)}}
@media(max-width:720px){
 .operations-section .section-top,.operations-note{width:calc(100% - 40px)}
 .operations-toolbar,.operation-steps,.operations-bottom,.operation-details{width:calc(100% - 32px)}
 .operations-toolbar{padding:16px 0;gap:14px}.operations-toolbar>div:first-child{gap:12px}.operations-toolbar>div>span{font-size:8px}.operations-toolbar small{font-size:10px;max-width:190px;line-height:1.5}
 .operations-toolbar>div.office-tools{flex-shrink:0}.office-tools>#operation-state{font-size:10px;padding:7px 11px;height:37px}
 .operations-shell{margin:0;border-radius:0}.operation-steps{padding:10px 0}.operation-step{font-size:11px}
 .operations-visual{height:clamp(290px,74vw,480px);min-height:0;aspect-ratio:auto}
 .operation-live-panel{position:static;margin:0;width:auto;padding:22px 20px;background:white;border-radius:0;border-inline:0;border-bottom:0;box-shadow:none;backdrop-filter:none}
 .erp-panel-brand{font-size:10px;max-width:400px}#operation-live-title{font-size:24px;max-width:460px}.operation-assignee{font-size:12px}
 .handoff-progress{margin-top:17px}.handoff-progress li.current{font-size:13px}.office-caption{display:none}
 .operations-bottom{padding:16px 0}.operation-details>summary{padding:16px 0}.contact-section{padding-top:55px}.contact-layout h2{font-size:37px}
 .estimator-layout{grid-template-columns:minmax(0,1fr)}.estimator-options,.estimate-summary{min-width:0}.project-types{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-list,.support-plans{grid-template-columns:minmax(0,1fr)}.feature-toolbar{flex-wrap:wrap}
}
@media(max-width:365px){.operations-toolbar img{width:42px}.operations-toolbar small{font-size:9px}.office-tools>#operation-state{font-size:9px;padding:6px 9px}.support-plan{grid-template-columns:minmax(0,1fr) auto}.support-plan b{font-size:14px}.support-plan>span{font-size:19px}.step-heading{gap:9px}.step-heading h3{font-size:17px}.feature-count{font-size:10px}}

/* Workflow status follows the active department, with room signs kept clear. */
.office-status-link{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.office-status-link path{fill:none;stroke:#e9a39a;stroke-width:1.4;stroke-dasharray:3 4}.office-status-link circle{fill:#f3433d;stroke:white;stroke-width:2}
.office-event{display:flex;max-width:290px;white-space:normal;text-align:center;line-height:1.5;font-size:12px;padding:10px 14px;z-index:4;pointer-events:none;transition:none;background:#fff;border:1px solid #efb6ae;box-shadow:0 5px 20px #28344813;border-radius:9px;color:#b9473e;transform:translate(-50%,-100%)}.office-event i{flex-shrink:0}.office-event:after{display:none}
.operations-fallback .office-event,.operations-fallback .office-status-link{display:none}
@media(max-width:720px){.office-event{font-size:11px;max-width:260px;padding:9px 13px}}