.farm-map .maplibregl-ctrl button{width:48px;height:48px}.farm-map canvas:focus-visible{outline-offset:-3px;outline:3px solid #184c3b}.operational-map{isolation:isolate;color:#193b30;background:#e7ece4;width:100%;height:100dvh;min-height:320px;font-family:system-ui,sans-serif;position:relative;overflow:hidden}.spatial-full-canvas,.spatial-full-canvas .farm-map{position:absolute;inset:0}.map-heading{background:#fff;border-radius:12px;align-items:center;gap:12px;width:fit-content;max-width:calc(100% - 32px);padding:8px 16px 8px 8px;display:flex;position:absolute;top:16px;left:16px;right:16px;box-shadow:0 2px 12px #163e3020}.map-brand{font-size:13px;font-weight:700}.map-brand span{letter-spacing:1px;color:#586c62;font-size:10px}.map-heading h1{text-overflow:ellipsis;white-space:nowrap;max-width:55vw;margin:3px 0;font-size:16px;line-height:1.3;overflow:hidden}.operational-map button{color:#184c3b;cursor:pointer;background:#fff;border:0;border-radius:8px;min-height:48px;padding:10px 14px;font:600 14px system-ui;transition:background .15s,transform .15s}.operational-map button:hover{background:#edf2ec}.operational-map button:active{transform:scale(.97)}.operational-map button[aria-pressed=true]{color:#fff;background:#184c3b}.operational-map button:disabled{opacity:.55;cursor:wait}.operational-map button:focus-visible{outline-offset:2px;outline:3px solid #906312}.map-heading .map-back{width:48px;padding:0;font-size:23px}.map-sync-state{box-sizing:border-box;background:#fff;border-radius:8px;max-width:calc(100% - 32px);padding:8px 12px;font-size:12px;position:absolute;top:98px;left:16px}.map-toolbar{z-index:3;bottom:calc(34px + env(safe-area-inset-bottom));white-space:nowrap;background:#fff;border-radius:12px;gap:4px;max-width:calc(100% - 140px);padding:6px;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 3px 18px #163e3026}.map-toolbar .map-sync{color:#fff;background:#184c3b}.map-inspector{z-index:2;background:#fff;border-radius:12px;flex-direction:column;width:360px;max-width:calc(100% - 32px);animation:.18s ease-out map-panel-enter;display:flex;position:absolute;top:148px;bottom:110px;left:16px;box-shadow:0 3px 18px #163e3026}.map-inspector[hidden]{display:none}.map-inspector-heading{border-bottom:1px solid #dde5dd;justify-content:space-between;align-items:center;padding:8px 12px 8px 20px;display:flex}.map-inspector-heading h2{margin:0;font-size:17px}.map-inspector-heading button{width:48px;font-size:24px}.map-error{color:#8b4a00;background:#fff;padding:12px;position:absolute;top:150px;left:16px}.spatial-full-canvas .maplibregl-ctrl-bottom-right{bottom:108px;right:16px}.map-center{width:48px;height:48px;position:absolute;bottom:50px;right:16px;box-shadow:0 2px 8px #163e3026;font-size:26px!important}.map-attribution{color:#405449;margin:8px 0;font:12px/1.5 system-ui}.spatial-full-canvas .map-attribution{box-sizing:border-box;background:#ffffffeb;margin:0;padding:6px 10px;position:absolute;bottom:0;left:0;right:0}.map-attribution a{color:#184c3b}@keyframes map-panel-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.map-heading{max-width:calc(100% - 20px);top:10px;left:10px;right:10px}.map-brand span{display:none}.map-heading h1{max-width:70vw;font-size:14px}.map-sync-state{font-size:11px;top:90px;left:10px}.map-toolbar{border-radius:10px;max-width:none;bottom:48px;left:10px;right:68px;transform:none}.map-toolbar button{padding:8px 12px;font-size:13px}.map-inspector{width:auto;max-width:none;height:48dvh;max-height:calc(100dvh - 220px);inset:auto 10px 112px}.spatial-full-canvas .maplibregl-ctrl-bottom-right{bottom:112px;right:10px}.map-center{bottom:48px;right:10px}.spatial-full-canvas .map-attribution{font-size:10px;line-height:1.3}.map-heading .map-back{width:48px;min-width:48px}.map-sync-state{max-width:calc(100% - 20px)}}@media (prefers-reduced-motion:reduce){.operational-map button{transition:none}.map-inspector{animation:none}}@media (width<=1000px){.map-toolbar{flex-wrap:wrap;justify-content:flex-start;overflow:visible}.map-toolbar button{white-space:normal;flex:auto}.map-inspector{bottom:190px}}@media (width<=500px){.map-toolbar button{flex:30%;padding:7px;font-size:12px;line-height:1.2}.map-toolbar button:first-child{flex-basis:100%}.map-inspector{max-height:calc(100dvh - 390px);bottom:272px}}@media (height<=500px){.map-inspector{height:auto;max-height:none;top:10px;bottom:160px}.map-sync-state{top:85px}.map-toolbar,.map-center{bottom:30px}}@media (width>=761px) and (width<=1000px){.map-toolbar{width:calc(100% - 140px)}}