/* Field layout uses company colours; safety state colours remain unchanged. */
#mobile-menu,#mobile-connection,.mobile-service-dock{display:none}
@media screen and (max-width:1366px){
 .shell{display:block}aside{height:auto;position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;overflow:visible}
 aside .brand{width:180px;max-width:100%;padding:6px}aside .brand img{max-height:55px;width:auto;max-width:100%}aside .product,aside .aside-foot{display:none}
 #mobile-menu{display:block;background:var(--brand-secondary);color:var(--brand-on-secondary);min-height:48px}
 aside #nav{display:none;grid-column:1/-1;margin:0;overflow-y:auto;max-height:65vh;max-height:65dvh}
 aside.menu-open #nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #nav button{white-space:normal;min-height:48px;font-size:1rem;text-align:left}
 header{padding:12px 16px;gap:8px;flex-wrap:wrap}header>div{min-width:0}header small{display:none}header .actions{margin-left:auto}#identity{display:none}
 #mobile-connection{display:block;flex-basis:100%;font-size:.875rem}main{padding:18px 16px}.pagehead{gap:12px;margin-bottom:16px}
 .field-mode :is(button,input,select,textarea){min-height:48px;font-size:1rem}.field-mode button{touch-action:manipulation}
 .field-mode :is(label,summary){font-size:1rem}.field-mode summary{min-height:48px;line-height:1.5;padding:10px 0}
 .field-mode .panel{padding:16px}.field-mode .panel,.field-mode .queuecard{min-width:0;overflow-wrap:anywhere}
 .field-mode .toolbar{display:grid;grid-template-columns:1fr 1fr auto;align-items:end}.field-mode .selector{width:100%;max-width:none;min-width:0}
 .field-mode .engineer-service,.field-mode .asset-context{max-width:1000px}.field-mode .reading-check{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
 .field-mode .reading-check input{font-size:1.5rem;padding:14px;font-variant-numeric:tabular-nums}.field-mode .reading-tools{justify-content:stretch}.field-mode .reading-tools button{flex:1;min-height:48px}
 .field-mode .answer-buttons{gap:10px}.field-mode .answer-buttons button{min-height:52px}
 .field-mode .service-savebar{position:static;display:flex;flex-wrap:wrap;padding:12px}.field-mode .service-savebar button{width:auto}
 .field-mode .service-actions{position:static;display:grid;grid-template-columns:1fr 1fr;padding:12px 0;box-shadow:none}.field-mode #submit-next{grid-column:1/-1}
 .field-mode.servicing main{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
 .field-mode .mobile-service-dock{display:block;position:fixed;bottom:0;left:0;right:0;z-index:20;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:white;border-top:2px solid var(--brand-secondary);box-shadow:0 -4px 16px #07334c15}
 .mobile-service-dock>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.mobile-service-dock button{padding:10px 6px;min-width:0}.mobile-save-state{display:block;font-size:.875rem;line-height:1.4;margin-bottom:8px;color:var(--navy)}
 .field-mode.keyboard-open .mobile-service-dock{display:none}.field-mode.servicing #notice{bottom:calc(145px + env(safe-area-inset-bottom,0px))}
 .field-mode :is(input,select,textarea,summary,.panel){scroll-margin-top:20px;scroll-margin-bottom:170px}
 dialog{width:calc(100% - 24px);max-width:700px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow-y:auto;overscroll-behavior:contain}
 dialog :is(input,select,textarea,button){font-size:1rem;min-height:48px}dialog label{font-size:1rem}dialog #close-modal{position:static;background:white;margin-top:16px;min-width:100px}
 #work-form label{display:grid;gap:6px;margin:14px 0}#work-form :is(input,select,textarea){width:100%;max-width:100%;min-width:0}#work-form input[type="date"]{appearance:none;-webkit-appearance:none}
 .field-mode .photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.field-mode .photos figure{min-width:0}.field-mode .photos figure>button{width:100%}.field-mode .photos img{width:100%;height:140px}.field-mode .photo-actions button{flex:1;padding:8px;font-size:.875rem;min-height:48px}
 .field-mode input[type=checkbox]{min-height:28px;width:28px;flex-basis:28px}.field-mode .check-label{min-height:48px;align-items:center}
 .field-mode .queuecard .actions{gap:10px}.field-mode .queuecard .primary{min-width:120px}
}
@media screen and (min-width:701px) and (max-width:1366px){
 .field-mode #queue-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-mode #queue-items .queuecard{margin:0;flex-direction:column;align-items:stretch}.field-mode #queue-items .queuecard .actions{margin-top:auto}
 .field-mode .mobile-service-dock{padding-left:max(24px,calc((100% - 980px)/2));padding-right:max(24px,calc((100% - 980px)/2))}
}
@media screen and (max-width:600px){
 aside.menu-open #nav{grid-template-columns:1fr}main{padding:16px 12px}.field-mode .toolbar{grid-template-columns:1fr}.field-mode .toolbar>button{justify-self:start}
 .field-mode .reading-check{grid-template-columns:1fr}.field-mode .reading-tools{grid-column:1}.field-mode .photos{grid-template-columns:repeat(2,minmax(0,1fr))}
 .field-mode .journey-progress .panelhead{display:block}.field-mode #next-required{width:100%;margin-top:12px}.field-mode .queuecard{flex-direction:column;align-items:stretch}.field-mode .queuecard .actions{width:100%}
 .field-mode .scope-review dl{grid-template-columns:1fr}.field-mode .panelhead{flex-wrap:wrap}.field-mode .formgrid{grid-template-columns:minmax(0,1fr)}
 .field-mode .service-actions{grid-template-columns:1fr}.field-mode #submit-next{grid-column:auto}
}
@media screen and (max-height:500px) and (max-width:1366px){.field-mode .mobile-service-dock{position:static;box-shadow:none}.field-mode.servicing main{padding-bottom:20px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{#mobile-menu,#mobile-connection,.mobile-service-dock{display:none!important}}