/* Field-owned phone usability. Preserve shared navigation anatomy and themes. */
html body #app :is(.action-card,.sf-home-survey-type)[data-wata-card-rim]::after{display:none!important}
html body #app .sf-home-survey-types{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html body #app .sf-home-survey-type{min-height:128px;box-sizing:border-box;padding:16px!important;gap:8px!important;border:1px solid var(--sf-flow-mark)!important;border-top-width:1px!important;border-radius:16px!important;box-shadow:none!important;background:color-mix(in srgb,var(--sf-flow-mark) 12%,var(--wf-surface))!important;transform:none!important}
html body #app .sf-home-survey-type strong{font-size:15px!important;line-height:1.3!important;overflow-wrap:anywhere}
html body #app .sf-home-survey-type small{font-size:12px!important;line-height:1.4}
html body #app .sf-home-survey-type .sf-workflow-emblem{width:38px;height:38px;border-radius:10px}
html body #app .sf-survey-identity{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;min-height:52px}
html body #app .sf-survey-identity>.sf-workflow-emblem{display:grid!important;width:42px!important;height:42px!important;flex:0 0 42px;background:transparent!important;border:0!important;border-radius:10px}
html body #app .sf-survey-identity>.sf-workflow-emblem :is(img,svg){width:36px!important;height:36px!important;object-fit:contain}
html body #app .sf-survey-identity>div{flex:0 1 auto;min-width:0;background:var(--sf-flow);padding:11px 14px;border-radius:12px}
html body #app .sf-survey-identity h1{font-size:clamp(18px,4.5vw,24px)!important;line-height:1.2!important;letter-spacing:-.02em!important;text-align:center!important;color:#fff!important;overflow-wrap:normal!important}
html body #app .sf-account-status{padding:8px 0!important;margin:0 0 16px!important;min-height:0!important;font-size:12px!important;line-height:1.4!important;border:0!important;color:var(--wf-muted)}
html body #app .sf-capture-header{margin:0 0 12px!important;padding:0 0 12px!important;border-bottom:1px solid var(--wf-line)}
html body #app .sf-start-surveying{padding:16px!important;gap:12px!important;min-height:88px;box-shadow:none!important;border:0!important;border-radius:16px!important}
html body #app .sf-start-surveying>span:nth-child(2){min-width:0}
html body #app .sf-start-surveying strong{font-size:20px!important;line-height:1.2!important}
html body #app .sf-start-surveying small{font-size:13px!important;line-height:1.4!important}
html body #app .sf-start-surveying .sf-scan-entry-icon,html body #app .sf-start-surveying .sf-scan-entry-icon img{width:42px!important;height:42px!important;flex-shrink:0}
html body #app .sf-surveyor-home-heading{padding:0 0 14px!important;margin:0 0 16px!important}
html body #app .sf-surveyor-home-heading h1{font-size:26px!important}
html body #app .sf-choice-label{margin:20px 0 12px!important}
html body #bottomNav[data-wata-glass-housing]{background:var(--wf-surface)!important;background-image:none!important;box-shadow:none!important;border:1px solid var(--wf-line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body #bottomNav[data-wata-glass-housing]::after,html body #bottomNav .wata-glass-lens{display:none!important}
html body #bottomNav [data-wata-menu-nav]{box-shadow:none!important}
html body #bottomNav [data-wata-menu-nav]:is(.active,[aria-current="page"]){background:var(--wf-selected)!important;color:var(--wf-accent)!important;border-color:transparent!important}
html body #bottomNav [data-bottom-route="training"]:is(.active,[aria-current="page"]){background:color-mix(in srgb,#f28b24 16%,var(--wf-surface))!important;color:#f28b24!important}
html body #bottomNav [data-bottom-route="troubleshooting"]:is(.active,[aria-current="page"]){background:color-mix(in srgb,#ef5350 16%,var(--wf-surface))!important;color:#ef5350!important}
@media(max-width:700px){
 html{height:100%;overflow:hidden}
 html body{height:100%;overflow:hidden;margin:0}
 html body .app-shell,html body.survey-mode .app-shell,html body:not(.capture-mode) .app-shell{height:100dvh!important;min-height:0!important;max-height:100dvh!important;box-sizing:border-box!important;margin:0!important;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)!important;width:100%!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
 html body .app-shell>.topbar{position:relative!important;top:auto!important;margin:0!important;padding:8px 12px!important;min-height:60px!important;flex:0 0 auto!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;gap:8px!important}
 html body .app-shell>.topbar::before{opacity:.12!important;background-attachment:scroll!important}
 html body .topbar .brand{gap:8px!important;min-width:0!important;flex:1 1 auto!important}
 html body .topbar .brand-mark{width:34px!important;height:34px!important;min-width:34px!important}
 html body .topbar .wata-app-title{font-size:16px!important;line-height:1.2!important}
 html body .topbar .wata-suite-name{display:none!important}
 html body .topbar-actions{gap:4px!important;flex:0 0 auto!important}
 html body .topbar-actions>:is(button,#fieldNotificationBell){box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:12px!important;box-shadow:none!important;background:var(--wf-surface)!important;border:1px solid var(--wf-line)!important}
 html body .field-workspace{flex:1 1 0!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
 html body:has(.field-workspace) .field-workspace>main#app{flex:1 1 0!important;min-height:0!important;width:100%!important;margin:0!important;padding:16px 14px 20px!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow-y:auto!important;overscroll-behavior:contain}
 html body .field-workspace>#bottomNav{flex:0 0 auto!important;margin:6px 10px 8px!important;width:calc(100% - 20px)!important;border-radius:18px!important;padding:5px!important;min-height:62px!important}
 html body .field-workspace>#bottomNav>button{min-height:52px!important;border-radius:13px!important}
 html body #app .surveyor{padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 html body #app .sf-live-camera:not(.is-unavailable){height:auto!important;aspect-ratio:1!important;min-height:220px!important;max-height:380px!important;width:100%;border-radius:18px!important}
 html body #app .sf-live-camera .sf-scan-frame{width:72%!important;max-height:72%!important;top:50%!important}
 html body #app .sf-home-saved-tools{gap:10px}
}
@media(max-width:359px){html body .topbar #networkStatus{display:none!important}html body #app .sf-home-survey-type{padding:12px!important}html body #app .sf-home-survey-type strong{font-size:13px!important}html body #app .sf-start-surveying strong{font-size:18px!important}}