/* Field tool workspaces. Navigation, app header and approved logo are untouched. */
.tools-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:20px}.tool-card,.storm-card,.fieldcam-card{padding:20px;border:1px solid #b7ccdf;border-radius:12px;background:#f7fbff;min-width:0}.tool-card h2,.storm-card h3,.fieldcam-card h3{color:#0c263f;margin:0 0 12px;overflow-wrap:anywhere}.tool-card p,.storm-card p,.fieldcam-card p{color:#304f69;line-height:1.6;overflow-wrap:anywhere}.storm-card,.fieldcam-card{margin:12px 0}.fieldcam-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.fieldcam-original{display:block;max-width:100%;max-height:520px;object-fit:contain;margin:14px auto}.fieldcam-capture,.storm-track-form{display:grid;gap:12px;padding:20px;border:1px solid #b7ccdf;border-radius:12px;background:#eef5fc;margin:18px 0}.fieldcam-capture h2{margin:0;color:#0c263f}.fieldcam-capture :is(input,select,textarea),.storm-track-form :is(input,select),.roofreports-host :is(input,select){min-height:44px;box-sizing:border-box;max-width:100%;border:1px solid #a4bfd7;border-radius:7px;padding:10px 12px;background:white;color:#142c43;font:14px system-ui}.fieldcam-capture textarea{min-height:80px}.fieldcam-capture button,.storm-track-form button,.tool-card button,.roofreports-host button,.storm-card button{min-height:44px}.storm-track-form label{display:flex;align-items:center;gap:10px}.storm-track-form label input{width:20px}.roof-aerial-canvas{display:block;width:100%;height:auto;aspect-ratio:5/4;box-sizing:border-box;background:#102b42;border:2px solid #31516b;border-radius:12px;cursor:crosshair;touch-action:manipulation}.roof-drawing-controls{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.roof-drawing-controls>*{flex:1 1 170px}.roof-area-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #adc5da}.roofreports-host>.module-toolbar{flex-wrap:wrap}.roofreports-host>.module-toolbar>input{min-width:0;flex:1 1 180px}.estimate-tool-shortcuts{padding:10px 24px;background:#e3edf7;border-bottom:1px solid #adc5da}.estimate-tool-shortcuts button{min-height:44px;padding:10px 16px;border:1px solid #075fc7;border-radius:7px;background:#075fc7;color:white;font:600 14px system-ui}.fieldcam-delete{max-width:min(440px,calc(100vw - 40px));border:1px solid #adc5da;border-radius:12px;padding:24px;z-index:4000}.fieldcam-delete::backdrop{background:#061a32aa}.fieldcam-delete input{width:100%;box-sizing:border-box;min-height:44px;margin:12px 0}.fieldcam-delete button{min-height:44px;margin:8px}.fieldcam-delete .danger{background:#aa2839;color:white}.storm-watch-body>.storm-card>select{min-height:44px}.stormwatch-host .module-toolbar,.fieldcam-host>.module-toolbar{flex-wrap:wrap}.fieldcam-host select,.stormwatch-host select{max-width:100%;min-height:44px}.tool-card .module-primary{min-height:44px;background:#075fc7;color:white;border:1px solid #075fc7;border-radius:7px;padding:11px 16px}.fieldcam-host [role=status],.roofreports-host [role=status],.stormwatch-host [role=status]{overflow-wrap:anywhere}
@media(max-width:600px){.fieldcam-gallery{grid-template-columns:1fr}.fieldcam-card,.storm-card,.tool-card{padding:16px}.fieldcam-host>.module-toolbar>*{width:100%}.roof-drawing-controls>*{flex-basis:45%}.roofreports-host>.module-actions>*{flex:1 1 45%}.estimate-tool-shortcuts{padding:10px 16px}.estimate-tool-shortcuts button{width:100%}}
.field-control{display:flex;flex-direction:column;gap:7px;min-width:0;max-width:100%;font:600 13px/1.5 system-ui;color:#254867}.field-control>input,.field-control>select,.field-control>textarea{width:100%}.module-toolbar>.field-control{flex:1 1 180px}.roof-drawing-controls>.field-control{flex:1 1 160px}.roofreports-host>.field-control{margin:14px 0}.fieldcam-capture>button.secondary{margin:0;width:fit-content}
