/* Standalone Surveyor geometry. Separate asset path also avoids legacy Field caches. */
body[data-product=surveyor] .wata-brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
html,body{height:100%;margin:0;overflow:hidden}
html:root body[data-product=surveyor] .app-shell{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;margin:0!important;padding:env(safe-area-inset-top,0px) 0 0!important;border:0!important;border-radius:0!important;background:var(--wf-surface,#050505)!important}
html:root body[data-product=surveyor] .app-shell>.topbar{position:relative!important;inset:auto!important;flex:0 0 auto!important;min-height:76px!important;box-sizing:border-box!important;margin:0!important;padding:14px max(14px,env(safe-area-inset-right,0px)) 14px max(14px,env(safe-area-inset-left,0px))!important;border-radius:0!important;box-shadow:none!important;background-color:var(--wf-surface,#050505)!important}
html:root body[data-product=surveyor] .field-workspace{position:relative!important;display:flex!important;flex:1 1 0!important;flex-direction:column!important;min-height:0!important;width:100%!important;padding:0!important;overflow:hidden!important;background:var(--wf-surface,#050505)!important}
html:root body[data-product=surveyor] .field-workspace>main#app{flex:1 1 0!important;min-height:0!important;width:100%!important;margin:0!important;box-sizing:border-box!important;padding:22px max(16px,env(safe-area-inset-right,0px)) calc(112px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))!important;scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;border:0!important;border-radius:0!important;box-shadow:none!important}
html:root body[data-product=surveyor] #app>.surveyor{width:min(100%,800px)!important;max-width:800px!important;box-sizing:border-box;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body[data-product=surveyor] .sf-field-management{display:none}
html:root body[data-product=surveyor] #app #sf-content:has(>.sf-surveyor-home-heading){padding-top:0!important}
/* Home is a compact task launcher with four familiar survey colours. */
html:root body[data-product=surveyor] #app .sf-surveyor-home-heading{padding:0 0 18px!important;margin:0 0 18px!important;border-bottom:1px solid var(--wf-line,#ffffff24)}
html:root body[data-product=surveyor] #app .sf-surveyor-home-heading h1{font-size:28px!important;line-height:1.15!important;letter-spacing:-.035em!important;margin:0 0 8px!important}
html:root body[data-product=surveyor] #app .sf-surveyor-home-heading p{font-size:14px;line-height:1.5;margin:0;color:var(--wf-muted,#aaa)}
html:root body[data-product=surveyor] #app .sf-account-status{font-size:11px!important;line-height:1.4!important;margin:0 0 16px!important;padding:0!important;overflow-wrap:anywhere}
html:root body[data-product=surveyor] #app .sf-start-surveying{min-height:88px!important;padding:18px!important;border-radius:20px!important;background:#26d0f0!important;color:#031b23!important;box-shadow:none!important}
html:root body[data-product=surveyor] #app .sf-start-surveying strong{font-size:20px!important;line-height:1.2!important}
html:root body[data-product=surveyor] #app .sf-start-surveying small{font-size:12px!important;margin-top:5px!important}
html:root body[data-product=surveyor] #app .sf-home-survey-types{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html:root body[data-product=surveyor] #app .sf-home-survey-type{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;min-width:0!important;min-height:136px!important;padding:16px!important;gap:9px!important;border:1px solid color-mix(in srgb,var(--sf-flow-mark) 65%,transparent)!important;border-radius:18px!important;transform:none!important;box-shadow:none!important}
html:root body[data-product=surveyor] #app .sf-home-survey-type>strong{font-size:14px!important;line-height:1.25!important;word-break:normal!important;overflow-wrap:normal!important}
html:root body[data-product=surveyor] #app .sf-home-survey-type>small{font-size:12px!important;line-height:1.4!important;margin:0!important}
html:root body[data-product=surveyor] #app .sf-home-survey-type .sf-workflow-emblem{width:34px!important;height:34px!important;flex:none!important}
html:root body[data-product=surveyor] #app .sf-home-survey-type :is(svg,img){width:24px!important;height:24px!important;object-fit:contain}
html:root body[data-product=surveyor] #app .sf-choice-label{font-size:12px!important;margin:22px 0 12px!important}
html:root body[data-product=surveyor] #app .sf-home-saved-tools{gap:10px!important}
html:root body[data-product=surveyor] #app .sf-home-saved-tools>a{min-height:52px;font-size:11px!important;line-height:1.35!important;padding:10px!important}
/* One aligned survey heading, with the workflow colour as a restrained accent. */
html:root body[data-product=surveyor] #app .sf-capture-header{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;padding:0 0 18px!important;margin:0 0 14px!important;border-bottom:2px solid var(--sf-flow-mark,#26d0f0)!important}
html:root body[data-product=surveyor] #app .sf-capture-category{display:none!important}
html:root body[data-product=surveyor] #app .sf-capture-header>.sf-back-icon{position:static!important;grid-column:1!important;grid-row:1!important;width:44px!important;height:44px!important;margin:0!important;padding:10px!important;transform:none!important;border:1px solid var(--wf-line,#ffffff24)!important;border-radius:13px!important}
html:root body[data-product=surveyor] #app .sf-survey-identity{grid-column:2;grid-row:1;justify-content:flex-start!important;gap:10px!important;min-width:0!important;min-height:44px!important;margin:0!important}
html:root body[data-product=surveyor] #app .sf-survey-identity>.sf-workflow-emblem{width:32px!important;height:32px!important;flex:0 0 32px!important}
html:root body[data-product=surveyor] #app .sf-survey-identity>.sf-workflow-emblem :is(img,svg){width:30px!important;height:30px!important}
html:root body[data-product=surveyor] #app .sf-survey-identity>div{background:transparent!important;padding:0!important}
html:root body[data-product=surveyor] #app .sf-survey-identity h1{font-size:clamp(16px,4.3vw,23px)!important;text-align:left!important;line-height:1.25!important;letter-spacing:-.025em!important;color:var(--wf-text,#f5f5f5)!important}
html:root body[data-product=surveyor] #app .sf-heading h1{font-size:24px;line-height:1.2}
html:root body[data-product=surveyor] #app .sf-live-camera:not(.is-unavailable){min-height:180px!important;max-height:300px!important;height:clamp(200px,36dvh,300px)!important;aspect-ratio:auto!important;border-radius:20px!important}
/* A small navigation group at left, a distinct blue primary action at right. */
html:root body[data-product=surveyor] .app-shell .field-workspace>#bottomNav{position:absolute!important;inset:auto!important;left:50%!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:min(330px,calc(100% - 28px))!important;min-height:0!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:50!important;overflow:visible!important}
html:root body[data-product=surveyor] #bottomNav::before,html:root body[data-product=surveyor] #bottomNav::after{display:none!important}
html:root body[data-product=surveyor] #bottomNav .surveyor-nav-group{display:flex;align-items:center;gap:4px;padding:5px;min-width:0;flex:1 1 auto;border:1px solid color-mix(in srgb,var(--wf-text,#eee) 20%,transparent);border-radius:25px;background:color-mix(in srgb,var(--wf-surface,#050505) 86%,transparent);box-shadow:0 5px 22px #0003;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html:root body[data-product=surveyor] #bottomNav [data-bottom-route]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex:1 1 0!important;width:auto!important;min-width:0!important;min-height:54px!important;margin:0!important;padding:8px 10px!important;border:0!important;border-radius:20px!important;background:transparent!important;color:var(--wf-muted,#bbb)!important;font:700 10px/1.15 system-ui!important;text-transform:uppercase!important;white-space:normal!important;box-shadow:none!important;cursor:pointer}
html:root body[data-product=surveyor] #bottomNav .bottom-nav-icon{display:grid!important;place-items:center!important;flex:none!important;width:22px!important;height:22px!important;margin:0!important}
html:root body[data-product=surveyor] #bottomNav .bottom-nav-icon svg{display:block!important;width:22px!important;height:22px!important;fill:none;stroke:currentColor}
html:root body[data-product=surveyor] #bottomNav .surveyor-nav-group [aria-current=page]{background:var(--wf-selected,#20282a)!important;color:var(--wf-accent,#26d0f0)!important}
html:root body[data-product=surveyor] .app-shell #bottomNav #surveyorStart[data-bottom-route]{flex:0 0 64px!important;width:64px!important;height:64px!important;box-sizing:border-box!important;min-height:64px!important;padding:8px 4px!important;border-radius:16px!important;background:#26d0f0!important;color:#031b23!important;box-shadow:0 5px 22px #0003!important;touch-action:manipulation;-webkit-touch-callout:none;user-select:none}
html:root body[data-product=surveyor] #bottomNav button:focus-visible{outline:3px solid var(--wf-text,#fff)!important;outline-offset:3px!important}
html:root body[data-product=surveyor] #bottomNav [hidden]{display:none!important}
.surveyor-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body[data-product=surveyor] #surveyorDownloads{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;flex:0 0 44px;box-sizing:border-box;width:44px;height:44px;border:1px solid var(--wf-line,#ffffff26);border-radius:13px;color:var(--wf-text,#eee);text-decoration:none;background:var(--wf-surface,#050505)}
#surveyorDownloads svg{width:20px;height:20px}#surveyorDownloads span{font:600 8px/1.1 system-ui;text-align:center;max-width:42px}
#surveyorTypeMenu{position:fixed;inset:auto;margin:0;padding:8px;width:260px;max-width:calc(100vw - 24px);box-sizing:border-box;border:1px solid var(--wf-line,#ffffff26);border-radius:18px;background:var(--wf-surface,#050505);color:var(--wf-text,#eee);box-shadow:0 8px 32px #0005;z-index:100}
#surveyorTypeMenu::backdrop{background:transparent}#surveyorTypeMenu[hidden]{display:none}
#surveyorTypeMenu [role=menuitem]{display:flex;align-items:center;gap:12px;min-height:52px;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--wf-text,#eee);font:700 14px/1.3 system-ui;text-align:left;text-transform:uppercase;cursor:pointer}
#surveyorTypeMenu [role=menuitem]:is(:hover,:focus-visible){background:color-mix(in srgb,var(--type-color) 14%,var(--wf-surface,#050505));outline:2px solid var(--type-color);outline-offset:-2px}
#surveyorTypeMenu .survey-type-symbol{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--type-color) 16%,transparent);color:var(--type-color);flex:none}
#surveyorTypeMenu img,#surveyorTypeMenu svg{width:22px;height:22px}#surveyorTypeMenu .survey-type-title{padding:6px 10px 8px;font:500 12px/1.4 system-ui;color:var(--wf-muted,#aaa)}
#surveyorTypeMenu [data-survey-type=drop-off] img{filter:invert(1)}html[data-appearance=light] #surveyorTypeMenu [data-survey-type=drop-off] img{filter:none}
@media(max-width:359px){html:root body[data-product=surveyor] .app-shell #bottomNav #surveyorStart[data-bottom-route]{flex-basis:64px!important}html:root body[data-product=surveyor] #bottomNav [data-bottom-route]{padding-inline:6px!important;font-size:9px!important}html:root body[data-product=surveyor] #app .sf-home-survey-type{padding:12px!important}html:root body[data-product=surveyor] #app .sf-home-survey-type>strong{font-size:13px!important}}
@media(min-width:701px){html:root body[data-product=surveyor] .app-shell>.topbar{padding-inline:28px!important;min-height:84px!important}html:root body[data-product=surveyor] .field-workspace>main#app{padding-top:32px!important}html:root body[data-product=surveyor] #app .sf-home-survey-types{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(prefers-reduced-transparency:reduce){html:root body[data-product=surveyor] #bottomNav .surveyor-nav-group{background:var(--wf-surface,#050505);backdrop-filter:none;-webkit-backdrop-filter:none}}
html[data-wata-menu-material=solid] body[data-product=surveyor] #bottomNav .surveyor-nav-group{background:var(--wf-surface,#050505);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-wata-menu-selection=accent] body[data-product=surveyor] #bottomNav .surveyor-nav-group [aria-current=page]{background:var(--wf-accent,#26d0f0)!important;color:#031b23!important}
@media(forced-colors:active){html:root body[data-product=surveyor] #bottomNav .surveyor-nav-group,html:root body[data-product=surveyor] .app-shell #bottomNav #surveyorStart[data-bottom-route]{background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important}}