:root{--navy:#092f43;--orange:#d9852f;--cream:#f3f6f7;--ink:#172f3b;--muted:#687d87;--line:#dce5e8}
html,body{background:linear-gradient(180deg,#eef4f5,#f8fafb 34%,#f3f6f7)!important;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif!important}
.topbar{position:sticky!important;top:0;z-index:40;min-height:84px!important;padding:max(14px,env(safe-area-inset-top)) max(22px,calc((100vw - 1240px)/2)) 14px!important;background:linear-gradient(120deg,#082634,#0d3547 62%,#12485f)!important;box-shadow:0 8px 24px rgba(3,26,37,.18)}
.brandMark{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08)!important;box-shadow:inset 0 1px rgba(255,255,255,.12)}
.brand small{color:#93b8c7!important;font-size:9px!important;font-weight:800;letter-spacing:.18em!important}.status{color:#c6dbe4!important}.appNav button,.ownerSwitch{border-color:rgba(255,255,255,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.07)!important;color:#d3e2e8!important}.appNav button.active{background:#fff!important;color:#0b3446!important}
.hero{min-height:220px;padding:38px max(22px,calc((100vw - 1240px)/2)) 54px;background:linear-gradient(125deg,#0a3042,#15566f)!important;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:330px;height:330px;right:-90px;top:-210px;border:52px solid rgba(255,255,255,.045);border-radius:50%}.hero>div{position:relative;z-index:1}.hero h1{max-width:740px;font-size:clamp(31px,4vw,49px)}.hero p:last-child{margin-top:14px;font-size:15px}.heroStats{border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.steps{max-width:1240px;margin:-30px auto 0;border:1px solid #dce5e8;border-radius:17px;box-shadow:0 12px 32px rgba(16,44,57,.1)}.steps button{min-height:72px}.steps button.active{border-color:var(--orange);color:#123848}.steps button.active span{border-color:var(--orange);background:var(--orange)}
.workspace{max-width:1240px;margin-top:24px}.panel{border-color:#dce5e8;border-radius:18px;box-shadow:0 8px 26px rgba(20,54,69,.065)}.panel h2,.panel h3,.subheading{color:#153746}.sectionLabel,.eyebrow{color:#d9852f}.panel input,.panel textarea,.panel select{border-color:#cedbe0;border-radius:10px;background:#fbfdfe}.panel input:focus,.panel textarea:focus,.panel select:focus{border-color:#2b7891;box-shadow:0 0 0 3px rgba(43,120,145,.12)}
.primary{border-radius:11px;background:var(--orange);box-shadow:0 7px 16px rgba(179,100,31,.18)}.secondary{border-color:#ccdade;border-radius:11px;color:#153f50}.choiceSide,.taskChecklist,.measurementResults{border:1px solid #dce6e9;background:#f7fafb}.segmented button.selected{background:#0c4055;border-color:#0c4055}
.scanMode,.photoCard,.inspectionBlock,.jobCards article,.catalogTable,.materialTable,.integration,.summaryGrid,.readinessStrip,.estimateStrip{border-color:#d9e4e8;border-radius:14px;box-shadow:0 4px 15px rgba(20,54,69,.035)}.scanMode.selected{border-color:#24738d;background:#f0f7f9;box-shadow:0 0 0 1px #24738d}.scanSymbol,.integrationIcon{background:#0b3548}.scanConsole{border-radius:16px;background:#0b3044}.scanVisual{background:radial-gradient(circle,#245d73,#092b3e)}
.taskChecklist li,.findingGrid>div,.measurementGrid label{border:1px solid #e2eaed;border-radius:9px;box-shadow:0 2px 8px rgba(20,54,69,.03)}.purchaseRule,.safetyNote,.reviewWarning{border-left-color:var(--orange);background:#fff7ed}.measurementCallout{border-left-color:#2b7b94;background:#eff7f9}
.tableHead,.catalogHead{background:#eef4f6;color:#5e747e}.materialRow,.catalogRow{background:#fff}.estimateStrip .estimateTotal{background:#0b3548}.reviewScore.ready{background:#e5f3ed;color:#26745d}
footer{max-width:1240px;color:#758991}.accountPanel{border:1px solid #dce5e8;box-shadow:0 25px 70px rgba(3,26,37,.28)}
@media(hover:hover){.scanMode:hover,.jobCards article:hover{border-color:#b7d0d8;transform:translateY(-1px)}}
@media(max-width:900px){.workspace,.steps,footer{margin-left:16px;margin-right:16px}.hero{padding-left:22px;padding-right:22px}.topbar{padding-left:16px!important;padding-right:16px!important}.heroStats{width:100%}}
@media(max-width:620px){.topbar{min-height:82px!important}.hero{padding-top:30px;padding-bottom:49px}.hero h1{font-size:31px}.steps button{min-height:62px}.panel{border-radius:15px}.appNav button{border-radius:9px!important}}