.takeoffDesk{--to-ink:#153d3b;--to-paper:#f8f5ed;--to-line:#d8ded4;--to-lime:#d7eaa1;width:calc(100vw - 32px);max-width:1800px;height:calc(100dvh - 32px);max-height:none;padding:0;border:1px solid #a9b7ab;border-radius:18px;background:var(--to-paper);color:var(--to-ink);box-shadow:0 30px 100px #132d3866;overflow:hidden;font:14px 'Trebuchet MS',sans-serif}.takeoffDesk::backdrop{background:#122a36a8;backdrop-filter:blur(5px)}.takeoffDesk *{box-sizing:border-box}.takeoffDesk button,.takeoffDesk input,.takeoffDesk select{font:inherit}.takeoffDesk button{border:1px solid #bccbc1;background:#fffdf6;color:var(--to-ink);padding:8px 12px;border-radius:8px;cursor:pointer;min-height:36px}.takeoffDesk button:hover{background:#e8efdf}.takeoffDesk button:disabled{opacity:.45;cursor:not-allowed}.takeoffDesk input,.takeoffDesk select{min-width:0;border:1px solid #b9c8bd;background:white;border-radius:6px;padding:8px;color:#153d3b;width:100%}.takeoffDesk input[type=checkbox]{width:auto;accent-color:#175d55}.takeoffDesk :focus-visible{outline:3px solid #b88029;outline-offset:2px}.toHead{display:flex;align-items:center;justify-content:space-between;padding:20px 26px 15px;background:radial-gradient(ellipse at 90% 0,#e0e9bf,transparent 55%);border-bottom:1px solid var(--to-line)}.toEyebrow{font:700 10px 'Trebuchet MS',sans-serif;letter-spacing:2px}.toHead h2{font:700 40px Georgia,serif;letter-spacing:-2px;margin:4px 0}.toDot{color:#bb7534}.toHead p{margin:0;font-size:12px}.toHeadActions{display:flex;gap:14px;align-items:center}.toBadge{font-size:10px;letter-spacing:1px;border:1px dashed #778f68;padding:7px 10px;transform:rotate(-3deg)}.toSources{display:flex;gap:14px;align-items:center;padding:12px 26px;border-bottom:1px solid var(--to-line)}.toSources label:not(.toUpload){display:flex;align-items:center;gap:8px;min-width:0;flex:1}.toSources select{max-width:350px}.toUpload{cursor:pointer;background:var(--to-ink);color:white;border-radius:8px;padding:10px 16px;white-space:nowrap;position:relative}.toUpload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.toSources span{font-size:11px;color:#63746a}.toLayout{display:grid;grid-template-columns:minmax(0,1fr) 350px;height:calc(100% - 189px)}.toPlan{display:flex;flex-direction:column;min-height:0;min-width:0}.toToolbar{display:flex;flex-wrap:wrap;gap:6px 16px;padding:12px 16px 6px}.toToolGroup{display:flex;gap:4px;flex-wrap:wrap}.toToolbar button{font-size:12px}.toToolbar button[aria-pressed=true]{background:var(--to-ink);color:white}.toViewbar{display:flex;align-items:center;gap:6px;padding:4px 16px;flex-wrap:wrap;font-size:12px}.toViewbar button{padding:4px 9px;min-height:30px}.toViewbar label{display:flex;align-items:center;gap:7px;margin-left:auto;max-width:300px}.toViewbar select{padding:5px}.toPlan>p{padding:8px 16px;margin:0;font-size:12px;min-height:34px;color:#4e624f;background:#edf0e3}.toStage{flex:1;min-height:160px;overflow:auto;padding:18px;background-color:#e9e7dd;background-image:radial-gradient(#9eafa75c .7px,transparent .7px);background-size:12px 12px}.toEmpty{text-align:center;padding:50px 15px;color:#526c62}.toEmptyMark{display:inline-block;border:2px solid #71877b;border-radius:50%;padding:22px;font:italic 35px Georgia,serif;transform:rotate(-10deg);background:#f9f6ec}.toEmpty h3{font:26px Georgia,serif}.toEmpty p{line-height:1.7}.toPaper{position:relative;background:white;box-shadow:0 6px 24px #17382d22;line-height:0}.toPaper[hidden]{display:none}.toPaper canvas{width:100%;height:auto;display:block}.toOverlay{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.toRegion{fill:#34776605;stroke:#39816c;stroke-width:1;stroke-dasharray:6 4;pointer-events:none}.toExcluded{fill:#c9814c22;stroke:#b3743e;stroke-width:1;stroke-dasharray:4 4;pointer-events:none}.toMarker{cursor:pointer}.toMarker circle{fill:#d8eea8;stroke:#183e38;stroke-width:1}.toMarker text{font:700 6px 'Trebuchet MS',sans-serif;text-anchor:middle;fill:#153d3b;pointer-events:none}.toMarker.off circle{fill:#f7d6d6;stroke:#a44747;opacity:.55}.toMarker.off text{fill:#963c3c}.toMarker.chosen circle{stroke-width:1.8}.toRoute{fill:none;stroke:#c16f22;stroke-width:2.5;stroke-linejoin:round}.toRouteDot{fill:#c16f22}.toRouteLabel{font:700 9px 'Trebuchet MS',sans-serif;fill:#784313;paint-order:stroke;stroke:white;stroke-width:2}.toDraft{fill:none;stroke:#147c79;stroke-width:2;stroke-dasharray:4 2}.toDraftRect{fill:#478c9020;stroke:#147c79;stroke-width:1}.toSearchOptions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 16px;font-size:11px}.toSearchOptions label{display:flex;align-items:center;gap:5px}.toSearchOptions select{width:auto;padding:5px}.toSearchOptions small{flex:1;min-width:170px;color:#6e7868}.toTray{border-left:1px solid var(--to-line);background:#fffdf6;overflow:auto;padding:18px;min-height:0}.toTrayHead h3{font:24px Georgia,serif;margin:8px 0}.toTrayHead p{font-size:12px;color:#69796b}.toTray>input{margin-bottom:12px}.toRow{border:1px solid #d5dace;border-radius:10px;margin-bottom:12px;padding:12px;background:linear-gradient(135deg,#fffef8,#f4f5e9)}.toRow.active{border-color:#4e8371;box-shadow:inset 3px 0 #4e8371}.toRow.applied{background:#eef1e7}.toRowTop{display:flex;justify-content:space-between;gap:4px}.toRowTop button{border:0;background:none;font-size:11px;padding:2px;min-height:26px}.toRowTop span{display:inline-flex;align-items:center;justify-content:center;background:#193f38;color:#e7efb2;width:25px;height:25px;border-radius:50%;margin-right:5px}.toRow>small{display:block;font-size:10px;color:#5b6e65;overflow-wrap:anywhere;margin:6px 0}.toRow label{display:block;font-size:11px;margin-top:8px}.toRow label input,.toRow label select{margin-top:4px;font-size:12px}.toQty{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin:12px 0}.toQty strong{font:30px Georgia,serif}.toQty small{display:block;font-size:10px}.toRow .toReview,.toRow .toSelect{display:flex;align-items:center;gap:6px;line-height:1.5}.toRow .toReview input,.toRow .toSelect input{margin:0}.toTray footer{border-top:1px dashed #b7c7b9;padding-top:12px}.toTray footer button{width:100%;margin-top:6px}.toTray footer .toPrimary{background:#193f38;color:#f4f3d9}.toTray footer p{font-size:11px;line-height:1.6;color:#607265}.toTrayEmpty{padding:24px 5px 35px;font-size:13px;line-height:1.7;color:#637566}.toTakeoffLaunch{background:#eaf0d4!important;color:#193f38!important;border-color:#a7ba89!important}.toTakeoffLaunch:before{content:'+ / m';font:italic 15px Georgia,serif;margin-right:8px}
/* Keep the field-desk layout, using amCloud's shared colours and existing logos. */
.takeoffDesk{--to-ink:var(--text);--to-paper:var(--bg);--to-line:var(--line);border-color:var(--line)}
.takeoffDesk button,.takeoffDesk input,.takeoffDesk select{background:var(--panel);color:var(--text);border-color:var(--line)}
.takeoffDesk button:hover{background:color-mix(in srgb,var(--blue) 8%,var(--panel))}.takeoffDesk input[type=checkbox]{accent-color:var(--blue)}.takeoffDesk :focus-visible{outline-color:var(--blue)}
.toHead{background:var(--nav);color:white;border-bottom:3px solid #a99155}.toIdentity{display:flex;align-items:center;gap:20px;min-width:0}.toAppLogo{width:150px;max-height:65px;object-fit:contain}.toCompanyLogo{width:95px;height:auto;object-fit:contain}.toDot{color:#b7a16a}.toBadge{border-color:#b7a16a;color:#e6d8b4}.toUpload,.toToolbar button[aria-pressed=true],.toTray footer .toPrimary{background:var(--blue);color:white}
.toSources span,.toEmpty,.toSearchOptions small,.toTrayHead p,.toRow>small,.toTray footer p,.toTrayEmpty{color:var(--muted)}.toPlan>p{color:var(--text);background:color-mix(in srgb,var(--blue) 7%,var(--panel))}.toStage{background-color:var(--bg);background-image:radial-gradient(var(--line) .7px,transparent .7px)}.toEmptyMark{background:var(--panel);color:var(--blue);border-color:var(--line)}.toTray,.toRow{background:var(--panel);border-color:var(--line)}.toRow.active{border-color:var(--blue);box-shadow:inset 3px 0 var(--blue)}.toRow.applied{background:color-mix(in srgb,#15803d 7%,var(--panel))}.toRowTop span{background:var(--blue);color:white}.toTray footer{border-color:var(--line)}.toRegion{stroke:#1262d6}.toMarker circle{fill:#e7f0ff;stroke:#1262d6}.toMarker text{fill:#122033}.toRoute,.toRouteDot{stroke:#d97706}.toRouteDot{fill:#d97706}.toDraft,.toDraftRect{stroke:#1262d6}.toDraftRect{fill:#1262d620}
.toTakeoffLaunch{background:#15365a!important;color:#fff!important;border-color:#15365a!important}
@media(max-width:1100px){.toCompanyLogo{display:none}.toAppLogo{width:115px}.toIdentity{gap:12px}}
@media(max-width:900px){.takeoffDesk{width:100vw;height:100dvh;border-radius:0}.toHead{padding:14px}.toHead h2{font-size:30px}.toBadge{display:none}.toSources{padding:10px 14px;flex-wrap:wrap}.toSources label:not(.toUpload){flex:1 1 200px}.toSources span{display:none}.toLayout{height:calc(100% - 200px);grid-template-columns:minmax(0,1fr) 290px}.toTray{padding:10px}.toToolbar{padding:8px}.toViewbar{padding:4px 8px}}
@media(max-width:650px){.takeoffDesk{overflow:auto}.toHead p{font-size:10px}.toEyebrow{font-size:8px;letter-spacing:1px}.toHeadActions button{font-size:11px;padding:8px}.toSources{gap:8px}.toSources label:not(.toUpload){flex:1 1 100%;font-size:11px}.toSources select{max-width:none}.toLayout{height:auto;display:flex;flex-direction:column}.toPlan{height:660px}.toTray{border-left:0;border-top:1px solid var(--to-line);overflow:visible;padding:16px}.toViewbar label{margin-left:0}.toSearchOptions{padding:8px}.toToolbar button{min-height:38px}.toStage{padding:10px}.toEmpty{padding:20px 8px}.toEmpty h3{font-size:23px}.toHead{gap:8px}.toPaper{max-width:none}}
@media(max-width:650px){.toAppLogo{width:72px}.toIdentity{gap:8px}.toHeadActions{flex-shrink:0}.toHead h2{font-size:27px}.toHead p{max-width:140px}}
.toWorkflow{padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel);flex:none;font-size:12px}
.toWorkflowTop,.toSampleFlow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.toWorkflowTop{margin-bottom:8px}.toItemName{display:flex;align-items:center;gap:6px;flex:1;min-width:180px}.toItemName input{max-width:280px}
.toItemPicker{position:relative;min-width:220px}.toItemPicker summary{cursor:pointer;padding:10px 12px;border:1px solid var(--blue);border-radius:8px;color:var(--blue);font-weight:700}
.toPalette{position:absolute;z-index:5;top:calc(100% + 6px);left:0;width:min(620px,calc(100vw - 80px));max-height:360px;overflow:auto;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #12203333}
.toPalette section h4{margin:14px 0 6px;color:var(--muted);font-size:11px}.toPalette section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.toPalette button{display:flex;align-items:center;gap:6px;text-align:left;font-size:11px;min-height:44px;padding:6px}.toPalette button svg{width:24px;height:24px;flex:none}.toPalette button[aria-pressed=true]{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--panel))}
.toSampleFlow label{display:flex;align-items:center;gap:5px}.toSampleFlow select{width:auto;padding:6px}.toSampleFlow canvas{width:80px;height:48px;background:#fff;border:1px solid var(--line);object-fit:contain}.toSampleFlow canvas[hidden]{display:none}
#toWorkflowSteps{flex-basis:100%;color:var(--muted);font-size:11px}#toSampleStatus{font-size:11px;color:var(--muted)}.toSampleFlow [data-action=find]{background:var(--blue);color:white;font-weight:700}
@media(max-width:650px){.toWorkflow{padding:10px 8px}.toPalette{width:min(340px,calc(100vw - 32px))}.toPalette section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.toItemPicker{width:100%}.toItemName input{max-width:none}.toSampleFlow{gap:6px}.toSampleFlow label{flex-wrap:wrap}}
.toSearchOptions { flex-wrap:wrap; }
.takeoffDesk{width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
.takeoffDesk[open]{display:flex;flex-direction:column}.takeoffDesk .toLayout{flex:1;min-height:0;height:auto}.takeoffDesk .toHead{padding:10px 18px}.takeoffDesk .toHead h2{font-size:28px;margin:2px 0}.takeoffDesk .toSources{padding:8px 18px}.takeoffDesk .toAppLogo{max-height:48px}.takeoffDesk .toHeadActions{flex-wrap:wrap;gap:8px}.takeoffDesk .toStage{min-height:100px}
.takeoffWindowHold[open]{display:block;box-sizing:border-box;width:min(580px,calc(100vw - 24px));height:auto;max-height:90dvh;margin:auto;padding:24px;border-radius:12px;line-height:1.5}.takeoffWindowHold h2{font-size:22px}.takeoffDisconnected{position:fixed;inset:0;display:grid;place-content:center;padding:30px;background:#fffef5ed;color:#122033;font-size:20px;z-index:20}
@media(max-width:650px){.takeoffDesk .toLayout{flex:none;min-height:auto}.takeoffDesk .toHead{padding:8px}.takeoffDesk .toSources{padding:8px}.takeoffDesk .toHeadActions{max-width:140px;justify-content:flex-end}.takeoffDesk .toStage{height:360px}}
.toPaper{margin-inline:auto}
@media(max-width:650px){.toPlan{height:auto}.toStage{flex:none;height:320px}.toSearchOptions{flex:none}.toWorkflow,.toToolbar,.toViewbar{flex:none}}