/* Field work is organised around one site, with references and tools close by. */
.site-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:21px}
.site-context{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin-bottom:8px}
.site-context>span:first-child{font-family:var(--font-heading);font-weight:500}
.site-heading h1{font-size:clamp(26px,2.4vw,34px);font-weight:600;letter-spacing:-.025em}
.site-heading p{margin-top:8px;color:var(--muted);font-size:15px}
.site-heading>button{flex-shrink:0}
.field-shortcuts{display:flex;gap:10px;margin-bottom:24px}
.field-shortcuts>button{justify-content:flex-start;gap:14px;min-height:69px;flex:1;padding:14px 18px;text-align:left;background:var(--surface);border-color:var(--line)}
.field-shortcuts>button.primary{background:var(--accent);border-color:transparent}
.field-shortcuts .icon{width:25px;height:25px}.field-shortcuts strong{display:block;font-family:var(--font-heading);font-weight:600;font-size:16px;line-height:1.3}
.field-shortcuts small{display:block;font-size:12px;font-weight:400;margin-top:4px}.field-shortcuts .primary small{color:inherit}
.field-workbench{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:20px;align-items:start}
.drawing-column{min-width:0}.field-workbench .map-body{height:clamp(430px,52vh,610px);grid-template-columns:68px minmax(0,1fr)}
.field-workbench .map-head{padding:14px 16px;gap:7px}.map-title{min-width:0}.map-title h2{font-size:18px;font-weight:600}.map-title>span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.map-source{margin-left:8px;padding-left:8px;border-left:1px solid var(--line)}
.map-head button{flex-shrink:0;padding:8px;min-width:44px;font-size:13px}.map-head>div{margin-right:auto}
.tools button{flex-direction:column;gap:4px;width:54px;height:54px;min-height:54px;padding:6px 3px}.tool-label{font-size:10px;line-height:1.1;font-weight:500;font-family:var(--font-heading)}
.map-bottom .utility{min-width:57px;min-height:44px}.map-bottom .actions button{min-height:44px}
.map-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:12px 0;color:var(--muted);font-size:12px}.map-caption>span{display:flex;gap:8px;align-items:flex-start;padding-top:10px;max-width:48ch}.map-caption>span .icon{width:15px;height:15px;flex-shrink:0;margin-top:2px}.map-caption button{flex-shrink:0;font-size:12px}
.work-inspector{border-radius:9px}.inspector-tabs{display:flex;padding:5px;border-bottom:1px solid var(--line);gap:2px}.inspector-tabs button{flex:1;font-size:13px;font-weight:500;font-family:var(--font-heading);padding:8px 7px;border:0;background:transparent;color:var(--muted);border-radius:5px;white-space:nowrap}.inspector-tabs .active{background:var(--wash);color:var(--ink)}
.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px 0}.inspector-heading h2{font-size:18px}.inspector-heading button{font-size:12px;padding:7px}.utility-count{font-family:var(--font-heading);font-size:21px;font-weight:600;color:var(--accent)}.utility-count span{font-size:14px;color:var(--muted);font-weight:400}
.inspector-intro{font-size:13px;color:var(--muted);padding:9px 18px 2px;line-height:1.55}
.work-inspector .utility-checks{padding:2px 18px 18px}.work-inspector .outcome-field{padding:13px 0}.work-inspector .outcome-field:last-child{border-bottom:0;padding-bottom:0}.outcome-field strong{font-family:var(--font-heading);font-size:15px;font-weight:500}.work-inspector .outcome-field select{font-weight:400;font-size:15px;min-height:45px}.work-inspector .swatch{width:12px;height:12px}.outcome-field small{font-size:13px}
.inspector-completion{background:var(--bg);padding:18px}.submission-state{display:flex;align-items:center;gap:8px;margin-bottom:9px}.submission-state strong{font-family:var(--font-heading);font-size:14px;font-weight:500}.submission-state .icon{color:var(--accent);width:17px;height:17px}.inspector-completion p{font-size:13px;line-height:1.55}.inspector-completion button{font-size:14px}.inspector-completion .ghost{font-size:13px}
.inspector-notes{max-height:440px;overflow:auto;padding:4px 18px 20px}.field-note{padding:16px 0;border-bottom:1px solid var(--line)}.field-note:last-child{border:0}.field-note p{font-size:15px;line-height:1.6;overflow-wrap:anywhere}.field-note footer{display:flex;justify-content:space-between;gap:10px;margin-top:9px;color:var(--muted);font-size:12px}.field-note time{white-space:nowrap}
.inspector-empty{padding:30px 0 20px;color:var(--muted)}.inspector-empty>.icon{width:26px;height:26px;margin-bottom:15px}.inspector-empty h3{font-size:17px;color:var(--ink);margin-bottom:8px}.inspector-empty p{font-size:14px;line-height:1.6}
.site-facts{padding:8px 18px 6px;margin:0}.site-facts>div{padding:11px 0;border-bottom:1px solid var(--line)}.site-facts>div:last-child{border:0}.site-facts dt,.reference-detail dt{font-size:12px;color:var(--muted);margin-bottom:4px}.site-facts dd,.reference-detail dd{font-size:15px;margin:0;overflow-wrap:anywhere}.crew-summary{padding:18px;border-top:1px solid var(--line)}.crew-summary>div{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:14px}.crew-summary p{font-size:13px;color:var(--muted);margin:10px 0 14px}.crew-summary button{width:100%;font-size:13px}
.site-picker-list{display:flex;flex-direction:column;border-block:1px solid var(--line)}.site-picker-row{display:flex;gap:16px;align-items:center;width:100%;padding:16px 10px;min-height:80px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left}.site-picker-row:last-child{border:0}.site-picker-row.active{background:var(--wash)}.site-picker-row>span:nth-child(2){flex:1}.site-picker-row strong{font-family:var(--font-heading);font-size:17px;font-weight:500}.site-picker-row small{display:block;font-size:12px;font-weight:400;margin-top:4px}.site-picker-time{font-family:var(--font-heading);font-size:15px;color:var(--muted);flex-shrink:0}
.drawing-expanded{overflow:hidden}.expand-map .map-head{flex-wrap:nowrap}.expand-map .map-body{height:auto;min-height:0;flex:1;grid-template-columns:72px minmax(0,1fr)}.expand-map .tools button{width:56px;min-height:58px}.expand-map .map-title h2{font-size:20px}.expanded-save{font-size:12px;color:var(--muted);padding:0 12px}.map-document-list{display:flex;flex-direction:column;gap:8px}.map-document-list button{justify-content:flex-start;text-align:left;padding:14px}.map-document-list small{display:block;font-size:12px;font-weight:400;margin-top:4px}
.archive-context{display:flex;align-items:flex-start;gap:14px;padding:18px 0 24px;border-top:1px solid var(--line)}.archive-context>.icon{color:var(--accent);width:24px;height:24px}.archive-context>div{flex:1}.archive-context strong{font-family:var(--font-heading);font-size:18px;font-weight:500}.archive-context p{color:var(--muted);font-size:14px;margin-top:6px}.archive-context .tag{margin-top:3px}
.reference-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.reference-comparison figure{margin:0}.reference-comparison figcaption{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.reference-comparison figcaption h2{font-size:19px}.reference-comparison figcaption p{font-size:13px;color:var(--muted);margin-top:5px}.reference-comparison .history-preview{display:block;border-radius:0}.reference-detail{padding:18px}.reference-detail dl{margin:0 0 18px;display:flex;gap:20px}.reference-detail dl>div{flex:1}.reference-detail dd{font-size:14px}.reference-detail button{font-size:13px}.reference-caution{font-size:14px;color:var(--muted);line-height:1.65;margin-top:20px}
.dispatch-stage-bar{display:flex;gap:5px;border-bottom:1px solid var(--line);padding:0 0 13px;margin:0 0 22px;overflow:auto}.dispatch-stage-bar button{background:transparent;border:1px solid transparent;border-radius:6px;min-height:46px;white-space:nowrap;font-size:14px;font-weight:400;padding:9px 13px}.dispatch-stage-bar button>span{margin-left:7px;font-family:var(--font-heading);font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.dispatch-stage-bar .active{background:var(--wash);border-color:var(--line);color:var(--accent)}
.queue-search{display:flex;align-items:center;gap:9px;flex:1;min-width:160px}.queue-search .icon{color:var(--muted);width:18px;height:18px}.queue-search input{border:0;background:transparent;padding:9px 2px;max-width:none!important;font-size:14px}.dispatch-queue .table-toolbar{gap:16px;padding:12px 18px}.selection-count{white-space:nowrap;font-size:12px;color:var(--muted)}.dispatch-queue .table-toolbar button{font-size:13px}.dispatch-queue th{font-family:var(--font-heading);font-size:12px;font-weight:500}.dispatch-queue td{padding-top:18px;padding-bottom:18px}.dispatch-queue td strong{font-size:16px;font-weight:500}.queue-client{font-size:12px}.queue-footer{display:flex;align-items:center;gap:8px;padding:16px 18px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.queue-footer .icon{width:16px;height:16px}
.locator-line{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line);font-size:14px}.locator-line:last-child{border:0}.locator-line>div{flex:1}.locator-line strong{font-family:var(--font-heading);font-size:15px;font-weight:500}.locator-line small{display:block;margin-top:4px}.locator-line button{font-size:12px;padding:7px}.dispatch-guidance{padding:24px 4px}.dispatch-guidance h3{font-size:19px;font-weight:500;margin-bottom:10px}.dispatch-guidance p{font-size:15px;color:var(--muted);line-height:1.65}.dispatch-guidance button{margin:12px 0 6px;padding-left:0;font-size:14px}.dispatch-storage-note{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:13px;padding-top:20px;border-top:1px solid var(--line);margin-top:20px}.dispatch-storage-note .icon{flex-shrink:0}
.queue-empty{padding:45px 20px;text-align:center}.queue-empty>.icon{width:30px;height:30px;color:var(--muted);margin-bottom:16px}.queue-empty h2{font-size:21px}.queue-empty p{font-size:14px;color:var(--muted);margin:10px auto 20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.field-shortcuts button,.inspector-tabs button,.dispatch-stage-bar button{transition:background-color 140ms ease-out,border-color 140ms ease-out}
@media(min-width:1550px){.field-workbench{grid-template-columns:minmax(0,1fr) 340px;gap:24px}.field-workbench .map-body{height:590px}.field-workbench .map-head{padding:17px 20px}}
@media(max-width:1190px){.field-workbench{grid-template-columns:minmax(0,1fr) 285px;gap:15px}.field-shortcuts{gap:8px}.field-shortcuts>button{padding:12px 14px;gap:10px}.field-shortcuts strong{font-size:15px}.field-workbench .map-head{flex-wrap:wrap}.field-workbench .map-head .map-title{flex-basis:100%;margin-bottom:3px}.field-workbench .expand-map .map-head .map-title{flex-basis:auto;flex:1;margin:0}.expanded-save{display:none}.map-caption{flex-wrap:wrap;gap:0}.map-caption>span{max-width:none}.reference-comparison figcaption{align-items:flex-start;flex-direction:column}.dispatch-queue td{padding-inline:9px}.dispatch-queue .tag{font-size:10px}.dispatch-queue td strong{font-size:14px}}
@media(max-width:1000px){.field-workbench{grid-template-columns:minmax(0,1fr)}.field-workbench .map-body{height:500px}.field-workbench .map-head{flex-wrap:nowrap}.field-workbench .map-head .map-title{flex-basis:auto;margin:0}.work-inspector{max-width:none}.work-inspector .utility-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.inspector-tabs{justify-content:flex-start}.inspector-tabs button{flex:0 1 150px}.inspector-completion{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.inspector-completion .submission-state{flex:1 1 45%;margin:0}.inspector-completion p{flex:1 1 45%;margin:0}.inspector-completion button{width:auto;margin:4px 0 0}.site-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.crew-summary button{width:auto}.inspector-notes{max-height:400px}.reference-comparison{grid-template-columns:1fr}.reference-comparison figcaption{flex-direction:row}.map-caption{margin-bottom:3px}}
@media(max-width:760px){.site-heading{gap:12px;align-items:flex-start}.site-heading h1{font-size:26px}.site-heading>button{font-size:12px;padding:9px}.site-context{flex-wrap:wrap;gap:6px 10px;font-size:12px}.site-heading p{font-size:14px}.field-shortcuts{display:flex;overflow:auto;padding-bottom:3px}.field-shortcuts>button{flex:1 0 190px}.field-shortcuts strong{font-size:14px}.field-shortcuts small{font-size:11px}.field-workbench .map-body{height:430px;grid-template-columns:58px minmax(0,1fr)}.tools button{width:47px;min-height:52px;height:52px}.field-workbench .map-head{flex-wrap:wrap}.field-workbench .map-head .map-title{flex-basis:100%;margin-bottom:5px}.map-source{display:none}.field-workbench .expand-map .map-head .map-title{flex-basis:100%}.expand-map .map-head button{font-size:12px}.expand-map .map-body{height:auto;grid-template-columns:58px minmax(0,1fr)}.expand-map .tools button{width:47px}.map-bottom .utility{min-width:52px;font-size:11px}.site-picker-time{display:none}.site-picker-row{gap:10px}.site-picker-row strong{font-size:15px}.site-picker-row .tag{font-size:10px}.archive-context{flex-wrap:wrap}.archive-context>div{flex-basis:75%}.reference-comparison figcaption{flex-wrap:wrap}.reference-detail dl{display:block}.reference-detail dl>div+div{margin-top:12px}.dispatch-stage-bar{gap:2px}.dispatch-stage-bar button{padding:9px 11px;font-size:13px}.selection-count{display:none}}
@media(max-width:500px){.site-heading{flex-wrap:wrap}.site-heading>button{margin-top:0}.field-workbench .utility-checks,.site-facts{grid-template-columns:1fr}.inspector-tabs button{flex:1}.inspector-completion{display:block}.inspector-completion p{margin:10px 0}.inspector-completion button{width:100%}.queue-search{min-width:100%}.reference-comparison figcaption{padding:15px}.field-workbench .map-body{height:380px}}
@media(prefers-reduced-motion:reduce){.field-shortcuts button,.inspector-tabs button,.dispatch-stage-bar button{transition:none}}
