#map-mobile-panel .map-site-search{margin-top:4px;margin-bottom:12px}
#map-mobile-panel .map-shortcuts{gap:6px;padding-bottom:12px}
#map-mobile-panel .map-shortcuts button{flex:1 1 auto;font-size:12px;padding:8px 10px}
#map-mobile-panel .farm-map-toolbar{display:block;padding-bottom:0}
#map-mobile-panel .map-filter-disclosure,#map-mobile-panel .map-sites-disclosure,#map-mobile-panel .map-advanced{border-top:1px solid #173d491a;margin:0 16px}
#map-mobile-panel .map-filter-disclosure{margin:0}
#map-mobile-panel details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;cursor:pointer;list-style:none;font:500 14px system-ui;color:#23434b}
#map-mobile-panel details>summary::-webkit-details-marker{display:none}
#map-mobile-panel details>summary:after{content:'';flex:0 0 7px;width:7px;height:7px;margin-right:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
#map-mobile-panel details[open]>summary:after{transform:rotate(225deg)}
#map-mobile-panel details>summary:focus-visible{outline:2px solid #1b687d;outline-offset:2px;border-radius:4px}
#map-mobile-panel .map-filter-disclosure>div{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 16px}
#map-mobile-panel .map-advanced-body{padding:0 0 12px}
#map-mobile-panel .map-advanced .preview-style{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0 18px;font:13px system-ui;color:#23434b}
#map-mobile-panel .map-advanced .preview-style select{min-width:0;max-width:68%;width:200px;box-sizing:border-box}
#map-mobile-panel .map-advanced button{font:13px system-ui;min-height:44px;padding:9px 12px;border:1px solid #173d4926;border-radius:10px;background:#ffffff60;color:#23434b;cursor:pointer}
#map-mobile-panel .map-advanced button:disabled{opacity:.5;cursor:wait}
#map-mobile-panel .map-view-controls{display:flex;gap:8px;margin-top:18px}
#map-mobile-panel .map-view-controls button[aria-pressed=true]{background:#173d49;color:#fff}
#map-mobile-panel .map-advanced .farm-map-heading{padding:18px 0 0}
#map-mobile-panel .map-advanced .farm-map-heading-actions{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}
#map-mobile-panel .farm-map-sidebar{padding:0}
#map-mobile-panel .map-sites-disclosure #farm-map-count{padding:0 0 12px;font-size:12px}
#map-mobile-panel .map-sites-disclosure #farm-map-list{padding:0 0 12px}
#map-mobile-panel[data-view=detail] .map-advanced,#map-mobile-panel[data-view=detail] .map-sites-disclosure{display:none}
#map-mobile-panel #preview-export-dimensions{line-height:1.5}
#map-mobile-panel .map-advanced .preview-export>button{display:flex;justify-content:space-between;align-items:center}
/* Keep the sheet above map credits as well as the terrain canvas. */
#map-mobile-panel{z-index:6}

#map-mobile-panel .map-primary-view{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;padding:4px 16px 18px}
#map-mobile-panel .map-primary-view .preview-style{display:block;flex:1;min-width:0;font:12px system-ui;color:#23434b}
#map-mobile-panel .map-primary-view .preview-style label{margin-bottom:7px}
#map-mobile-panel .map-primary-view select{width:100%;max-width:none;min-width:0;box-sizing:border-box;font-size:14px}
#map-mobile-panel .map-primary-view .map-view-controls{display:flex;flex-direction:column;gap:7px;margin:0;font:12px system-ui;color:#23434b}
#map-mobile-panel .map-primary-view .map-view-controls button{min-width:62px;min-height:44px;border:1px solid #173d4926;border-radius:10px;background:#ffffff80;color:inherit;font:500 14px system-ui;cursor:pointer}
#map-mobile-panel .map-primary-view .map-view-controls button[aria-pressed=true]{background:#173d49;color:white}
#map-mobile-panel .map-primary-view #preview-style-status{flex-basis:100%;margin:0}
#map-mobile-panel .map-fjord-select{min-height:36px;margin-bottom:8px;border:0;border-radius:6px;background-color:transparent;font-size:13px;color:#51696e;padding-top:6px;padding-bottom:6px}
#map-mobile-panel[data-view=detail] .map-primary-view{display:none}
#map-mobile-panel .map-style-picker-toggle{width:100%;height:44px;text-align:left;border:1px solid #173d4926;border-radius:10px;background:#ffffff80;color:inherit;font:14px system-ui;padding:9px 38px 9px 12px;position:relative;cursor:pointer}
#map-mobile-panel .map-style-picker-toggle:after{content:'';position:absolute;right:17px;top:15px;width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg)}
#map-mobile-panel .map-primary-view select[hidden]{display:none}
#map-style-gallery{flex-basis:100%;padding-top:8px}
#map-style-gallery[hidden]{display:none}
#map-mobile-panel .map-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#map-mobile-panel .map-style-choice{min-width:0;padding:0 0 9px;overflow:hidden;text-align:left;border:1px solid #173d4929;border-radius:8px;background:#ffffff55;color:inherit;font:12px system-ui;cursor:pointer}
#map-mobile-panel .map-style-choice[aria-pressed=true]{outline:2px solid #316878;outline-offset:1px}
#map-mobile-panel .map-style-thumb{display:block;height:72px;margin-bottom:8px;background-size:cover;background-position:center;background-color:#bbcaca}
#map-mobile-panel .map-style-choice>span:last-child{display:block;padding:0 8px}
#map-mobile-panel .map-style-more{margin-top:10px}
#map-mobile-panel .map-style-more>summary{font-size:12px;min-height:40px}
#farm-map-dialog.preview-dark #map-mobile-panel .map-style-picker-toggle{background:#bfd9df0c;color:#dfebe8;border-color:#bfd9dd33}
#farm-map-dialog.preview-dark #map-mobile-panel .map-style-choice{background:#bfd9df09;color:#dfebe8;border-color:#bfd9dd33}
#farm-map-dialog.preview-dark #map-mobile-panel .map-style-choice[aria-pressed=true]{outline-color:#9cc8cc}

#map-mobile-panel .map-style-source{display:block;margin-top:12px;font:9px/1.5 system-ui;color:inherit;opacity:.65}
#map-mobile-panel .map-style-picker-toggle[aria-expanded=true]:after{transform:rotate(225deg);top:19px}
/* Independent map and panel controls, each at the top-left of its surface. */
#farm-map-dialog.map-immersive>#farm-map-fullscreen{display:grid;place-items:center;position:absolute;z-index:5;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));width:48px;height:48px;min-height:48px;padding:0;border:1px solid #ffffff80;border-radius:14px;background:#faf9f6cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#173d49;box-shadow:0 4px 24px #173d491c;font-size:0;cursor:pointer}
#farm-map-dialog>#farm-map-fullscreen:after{content:none}
#farm-map-dialog>#farm-map-fullscreen:before{content:'';display:block;width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 10V4h6M14 4h6v6M20 14v6h-6M10 20H4v-6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 10V4h6M14 4h6v6M20 14v6h-6M10 20H4v-6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
#farm-map-dialog.farm-map-fullscreen>#farm-map-fullscreen{display:none!important}
#farm-map-dialog #farm-map-exit-fullscreen{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));width:48px;height:48px;border-radius:14px}
#map-mobile-panel .map-mobile-panel-heading .map-panel-focus{display:flex;align-items:center;justify-content:center;gap:8px;min-width:106px;min-height:48px;padding:10px 12px;border:1px solid #173d4926;border-radius:10px;background:#173d490b;font:500 13px system-ui;color:#173d49;cursor:pointer}
#map-mobile-panel .map-panel-focus svg{width:21px;height:21px;flex-shrink:0}
#map-mobile-panel .map-panel-focus[aria-expanded=true]{background:#173d49;color:#f4f8f5}
/* Expansion now has one consistent home, including the phone detail sheet. */
#map-mobile-panel .chart-expand,#farm-map-dialog.map-phone #map-mobile-panel .map-expand{display:none!important}
#map-mobile-panel.chart-expanded[data-view=options] .map-mobile-content{width:100%;max-width:1100px;align-self:center}
@media(min-width:900px){#map-mobile-panel.chart-expanded[data-view=options] .map-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#map-mobile-panel.chart-expanded[data-view=options] .map-style-thumb{height:130px}}

/* The compass rim rotates; its centre tilts. Phones get a separate tilt bar. */
.map-quick .map-compass{width:64px;height:64px;border-radius:50%;touch-action:none;cursor:grab;user-select:none}
.map-quick .map-compass:active{cursor:grabbing}
.map-tilt-control{display:none}
#farm-map-dialog.map-phone .map-tilt-control{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px;border:1px solid #ffffff80;border-radius:18px;background:#faf9f6d9;backdrop-filter:blur(20px);color:#173d49;font:600 11px system-ui}
.map-tilt-control input{width:94px;min-height:24px;margin:0;accent-color:#173d49;touch-action:none}
.map-quick{display:flex;flex-direction:column;align-items:flex-end}
#farm-map-dialog.preview-dark .map-tilt-control{background:#142c35d9;color:#dfebe8;border-color:#b9d3d729}
#farm-map-dialog.preview-dark .map-tilt-control input{accent-color:#b8d8db}

/* One navigation header; expansion is independent of the current panel page. */
#farm-map-dialog.map-immersive>#farm-map-fullscreen{display:block;position:absolute}
#farm-map-dialog>#farm-map-fullscreen:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}
#map-mobile-panel .map-mobile-panel-heading .map-panel-focus{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;flex-shrink:0;background:transparent;color:inherit;border:0}
#map-mobile-panel .map-panel-focus span{display:none}
#map-mobile-panel .map-panel-focus svg{width:24px;height:24px}
#map-mobile-panel .map-mobile-panel-heading{gap:6px;padding:12px 16px}
#map-mobile-panel .map-mobile-back{font-size:13px;padding:8px}
#map-mobile-panel .map-fjord-select{display:block;box-sizing:border-box;width:calc(100% - 32px);margin:0 16px 18px;min-height:44px;padding:9px 38px 9px 12px;border:1px solid #173d4926;border-radius:10px;background-color:#ffffff80;font:14px system-ui;color:#23434b}
#map-mobile-panel.chart-expanded{overflow:hidden!important;padding-bottom:0!important}
#map-mobile-panel.chart-expanded .map-mobile-content{flex:1;width:100%;max-width:1200px;align-self:center;box-sizing:border-box;padding:8px 16px 32px}
#map-mobile-panel.chart-expanded #farm-map-detail{max-width:1200px;padding:0 16px 24px}
#map-mobile-panel.chart-expanded .chart-workbench-head{position:static;margin-bottom:18px;padding:0;background:transparent}
#map-mobile-panel.chart-expanded .fjord-chart-grid{gap:32px}
#map-mobile-panel.chart-expanded .fjord-chart-card:first-child{grid-column:auto}
#map-mobile-panel.chart-expanded .chart-range,#map-mobile-panel.chart-expanded .chart-period{max-width:none}
#map-mobile-panel.chart-expanded .chart-period{text-align:left}
#map-mobile-panel.chart-expanded .chart-plot{margin-top:20px}
#map-mobile-panel.chart-expanded .fjord-charts{border-top:0;padding-top:0}
#map-mobile-panel.chart-expanded .map-fjord-select{max-width:420px}
@media(max-width:650px){
 #map-mobile-panel.chart-expanded .map-mobile-content{padding:4px 0 24px}
 #map-mobile-panel.chart-expanded #farm-map-detail{padding:0 16px 24px}
 #map-mobile-panel .map-mobile-panel-heading{padding:12px}
}
#map-mobile-panel[data-view=detail] .map-fjord-select{display:block}
#map-mobile-panel .preview-export-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}
#map-mobile-panel .preview-export-field select{appearance:none;min-height:44px;width:185px;max-width:65%;box-sizing:border-box;border:1px solid #173d4926;border-radius:10px;background-color:#ffffff80;color:inherit;font:12px system-ui;padding:9px 34px 9px 12px}
#farm-map-dialog.preview-dark #map-mobile-panel .preview-export-field select{background-color:#bfd9df0c;color:#dfebe8;border-color:#bfd9dd33}
/* Task-based navigation; layout size never changes the meaning of actions. */
#map-mobile-panel .map-task-tabs{display:flex;gap:4px;margin:0 16px 18px;padding:4px;border-radius:12px;background:#173d4909;flex-shrink:0}
#map-mobile-panel .map-task-tabs button{flex:1;min-height:40px;border:0;border-radius:8px;background:transparent;color:inherit;font:500 14px system-ui;cursor:pointer}
#map-mobile-panel .map-task-tabs button[aria-pressed=true]{background:#173d49;color:#fff}
#map-mobile-panel[data-section=map] .map-data-tools,
#map-mobile-panel[data-section=map] .farm-map-sidebar{display:none!important}
#map-mobile-panel[data-section=data] .map-primary-view,
#map-mobile-panel[data-section=data] .farm-map-toolbar,
#map-mobile-panel[data-section=data] .map-advanced,
#map-mobile-panel[data-section=data] .map-export-section{display:none!important}
#map-mobile-panel[data-section=map] .map-primary-view{display:flex}
#map-mobile-panel .map-data-tools{padding:0 16px}
#map-mobile-panel .map-data-tools>label{display:block;margin:0 0 8px;font:12px system-ui;color:inherit}
#map-mobile-panel .map-data-tools .map-fjord-select{width:100%;margin:0 0 16px;max-width:420px}
#map-mobile-panel .map-data-intro{font:13px/1.5 system-ui;margin:0 0 20px;color:inherit;opacity:.8}
#map-mobile-panel[data-view=detail] .map-data-intro,
#map-mobile-panel[data-entity=site][data-view=detail] .map-data-tools{display:none}
#map-mobile-panel .map-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
#map-mobile-panel .map-detail-actions button{min-height:44px;padding:10px 14px;border:1px solid #173d4926;border-radius:10px;background:#ffffff80;color:inherit;font:13px system-ui;cursor:pointer}
#map-mobile-panel .map-detail-actions button:first-child{background:#173d49;color:#fff}
#map-mobile-panel .map-export-section{padding:16px;margin:0;border-top:1px solid #173d491a}
#map-mobile-panel .map-export-section>button{width:100%;min-height:44px;border:1px solid #173d4926;border-radius:10px;background:#ffffff80;color:inherit;font:13px system-ui;cursor:pointer;text-align:left;padding:10px 12px}
#map-mobile-panel .map-primary-view .map-view-controls{display:grid;grid-template-columns:52px 44px;align-items:center}
#map-mobile-panel .map-view-controls>span{grid-column:1/-1}
#map-mobile-panel .map-primary-view .map-view-controls button{min-width:0;min-height:44px}
#farm-map-auto svg{display:block;width:22px;height:22px;margin:auto}
#map-mobile-panel .map-style-more{display:none}
#map-mobile-panel .map-fjord-select:focus-visible,#map-mobile-panel button:focus-visible{outline:2px solid #397f91;outline-offset:3px}
#map-mobile-panel.chart-expanded[data-entity=site] #farm-map-detail{max-width:800px;margin-left:0!important}
#map-mobile-panel .chart-range button,#map-mobile-panel .chart-scope-tabs button{min-height:44px;border-radius:10px}
#map-mobile-panel .chart-range button[aria-pressed=true],#map-mobile-panel .chart-scope-tabs button[aria-pressed=true]{background:#173d49;color:white}
#farm-map-dialog.preview-dark #map-mobile-panel .map-task-tabs{background:#c1d9df0c}
#farm-map-dialog.preview-dark #map-mobile-panel .map-task-tabs button[aria-pressed=true],
#farm-map-dialog.preview-dark #map-mobile-panel #farm-map-auto[aria-pressed=true],
#farm-map-dialog.preview-dark #map-mobile-panel .map-detail-actions button:first-child{background:#a8cccd;color:#102b34}
#map-mobile-panel [hidden]{display:none!important}
/* The data selector is the sole scope control; avoid repeated fjord headings. */
#map-mobile-panel .chart-scope-tabs{display:none}
#map-mobile-panel .chart-workbench-head{display:none}
#map-mobile-panel[data-entity=fjord] #farm-map-detail>h3,
#map-mobile-panel[data-entity=fjord] #farm-map-detail>small{display:none}
#map-mobile-panel .map-data-tools select{font-size:15px;font-weight:500}
.map-export-crop{position:absolute;box-sizing:border-box;border:2px dashed #fff;box-shadow:0 0 0 10000px #102b3440,inset 0 0 0 1px #173d4980;pointer-events:none;z-index:3}
.map-export-crop[hidden],#farm-map-dialog:not(:has(#map-mobile-panel[open][data-section=map])) .map-export-crop{display:none}
#map-mobile-panel #preview-export-save{width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:10px;background:#173d49;color:#fff;font:500 13px system-ui;cursor:pointer}
#map-mobile-panel #preview-export-save:disabled{opacity:.5;cursor:wait}
#farm-map-dialog.preview-dark #map-mobile-panel #preview-export-save{background:#a8cccd;color:#102b34}
#map-mobile-panel .map-export-section>button{display:flex;align-items:center;justify-content:space-between}
#map-mobile-panel .map-export-section>button:after{content:'';width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin-right:5px}
#map-mobile-panel .map-export-section>button[aria-expanded=true]:after{transform:rotate(225deg)}
/* Smaller visual auto icon; preserve a comfortable touch target. */
#map-mobile-panel #farm-map-auto{background:transparent;border-color:transparent;padding:10px}
#map-mobile-panel #farm-map-auto svg{width:18px;height:18px;opacity:.55}
#map-mobile-panel #farm-map-auto[aria-pressed=true]{background:transparent;color:#173d49}
#map-mobile-panel #farm-map-auto[aria-pressed=true] svg{opacity:1}
#farm-map-dialog.preview-dark #map-mobile-panel #farm-map-auto{background:transparent;border-color:transparent;color:#d4e3df}
#map-mobile-panel .map-advanced .map-export-section{padding:4px 0 12px;border:0}
#farm-map-dialog.map-phone .map-tilt-control{flex-direction:column;width:44px;box-sizing:border-box;padding:12px 8px;gap:8px}
#farm-map-dialog.map-phone .map-tilt-control input{writing-mode:vertical-lr;direction:rtl;width:24px;height:110px;min-height:110px}
#farm-map-dialog:has(#map-mobile-panel.chart-expanded[open]) #farm-map-stage{visibility:hidden}
#farm-map-dialog #map-mobile-panel.chart-expanded{inset:0!important;border-radius:0!important;background:#f5f6f3!important;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#farm-map-dialog.preview-dark #map-mobile-panel.chart-expanded{background:#142b34!important}
#map-mobile-panel .map-data-kinds{display:flex;gap:4px;margin:0 0 18px;padding:4px;background:#173d4909;border-radius:12px}
#map-mobile-panel .map-data-kinds button{flex:1;min-height:44px;border:0;border-radius:8px;background:transparent;color:inherit;font:500 13px system-ui;cursor:pointer}
#map-mobile-panel .map-data-kinds button[aria-pressed=true]{background:#173d49;color:#fff}
#map-mobile-panel .map-site-select{display:block;width:100%;max-width:420px;min-height:44px;box-sizing:border-box;margin:0 0 16px;padding:9px 38px 9px 12px;border:1px solid #173d4926;border-radius:10px;background-color:#ffffff80;color:#23434b;font:500 15px system-ui}
#map-mobile-panel .map-sites-disclosure{display:none!important}
#map-mobile-panel[data-entity=site][data-view=detail] .map-data-tools{display:block}
#map-mobile-panel .map-data-tools[data-kind=fjord] .map-site-picker-label,
#map-mobile-panel .map-data-tools[data-kind=fjord] .map-site-select,
#map-mobile-panel .map-data-tools[data-kind=site]>label[for=map-data-fjord],
#map-mobile-panel .map-data-tools[data-kind=site] .map-fjord-select{display:none}
#farm-map-dialog.preview-dark #map-mobile-panel .map-data-kinds{background:#c1d9df0c}
#farm-map-dialog.preview-dark #map-mobile-panel .map-data-kinds button[aria-pressed=true]{background:#a8cccd;color:#102b34}
#farm-map-dialog.map-phone .map-tilt-control{align-self:center}
#farm-map-dialog:has(#map-mobile-panel.chart-expanded[open])>#farm-map-fullscreen{visibility:hidden}

#farm-map-dialog:not(:has(#preview-export-open[aria-expanded=true])) .map-export-crop{display:none}

html:not([data-public-map]) #farm-map-dialog.map-immersive>#farm-map-close{left:max(76px,calc(env(safe-area-inset-left) + 76px))}

#farm-map-dialog.map-flat .map-quick{display:none}

#map-mobile-panel #map-export-section{padding-top:18px}

/* Keep source credits available without covering the map on arrival. */
#farm-map-dialog .map-credits{border-radius:20px;max-width:calc(100% - 24px);font-size:11px;bottom:max(8px,env(safe-area-inset-bottom));right:8px}
#farm-map-dialog .map-credits summary{display:flex;flex-shrink:0}
#farm-map-dialog .map-credits:not([open])>span{display:none}
#farm-map-dialog .map-credits[open]{padding:0 12px 0 0}
#farm-map-dialog .map-credits>span{padding:8px 0;overflow-wrap:anywhere}

/* A quiet vertical tilt control, with a full-width touch target. */
#farm-map-dialog.map-phone .map-tilt-control{width:44px;padding:10px 0 12px;gap:6px;border-radius:22px;font-size:10px;box-shadow:0 2px 8px #173d4910}
#farm-map-dialog.map-phone .map-tilt-control input{appearance:none;-webkit-appearance:none;width:40px;height:96px;min-height:96px;background:transparent;border:0;border-radius:16px;outline:none;cursor:ns-resize;--tilt-track:#173d492b;--tilt-thumb:#173d49}
#farm-map-dialog .map-tilt-control input::-webkit-slider-runnable-track{width:3px;height:100%;border:0;border-radius:3px;background:var(--tilt-track)}
#farm-map-dialog .map-tilt-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-left:-6px;border:2px solid #faf9f6;border-radius:50%;background:var(--tilt-thumb);box-shadow:0 1px 4px #173d4926}
#farm-map-dialog .map-tilt-control input::-moz-range-track{width:3px;height:100%;border:0;border-radius:3px;background:var(--tilt-track)}
#farm-map-dialog .map-tilt-control input::-moz-range-thumb{width:11px;height:11px;border:2px solid #faf9f6;border-radius:50%;background:var(--tilt-thumb)}
#farm-map-dialog .map-tilt-control input:focus-visible{outline:2px solid #397f9180;outline-offset:2px}
#farm-map-dialog.preview-dark .map-tilt-control input{--tilt-track:#b8d8db40;--tilt-thumb:#b8d8db}
#farm-map-dialog.preview-dark .map-tilt-control input::-webkit-slider-thumb{border-color:#142c35}
#farm-map-dialog.preview-dark .map-tilt-control input::-moz-range-thumb{border-color:#142c35}

#farm-map-dialog.map-touch-phone>#farm-map-fullscreen{display:none!important}

/* Separate source disclosure from the phone menu action. */
#farm-map-dialog.map-phone .map-credits{left:max(16px,env(safe-area-inset-left));right:auto;bottom:max(30px,calc(env(safe-area-inset-bottom) + 26px))}
#farm-map-dialog.map-phone .map-credits[open]{bottom:max(86px,calc(env(safe-area-inset-bottom) + 82px));max-width:calc(100% - 32px)}

/* Anchor the disclosure button; only the credits bubble expands. */
#farm-map-dialog .map-credits,#farm-map-dialog .map-credits[open]{width:40px;height:40px;padding:0;overflow:visible}
#farm-map-dialog .map-credits[open]>span{position:absolute;right:0;bottom:48px;width:max-content;max-width:min(520px,calc(100vw - 32px));box-sizing:border-box;padding:12px 14px;border-radius:12px;background:rgba(250,249,246,.96);box-shadow:0 4px 20px #173d4920;color:#173d49}
#farm-map-dialog.map-phone .map-credits[open]{bottom:max(30px,calc(env(safe-area-inset-bottom) + 26px))}
#farm-map-dialog.map-phone .map-credits[open]>span{left:0;right:auto}

@media (any-pointer:coarse){#map-mobile-panel .map-mobile-panel-heading{touch-action:none;user-select:none;-webkit-user-select:none;padding-top:18px;position:relative}#map-mobile-panel .map-mobile-panel-heading:before{content:'';position:absolute;top:7px;left:calc(50% - 18px);width:36px;height:4px;border-radius:3px;background:currentColor;opacity:.2}}
#map-mobile-panel.sheet-dragging{will-change:height,top;user-select:none}

#map-mobile-panel .map-mobile-panel-heading{border-bottom:0;background:transparent}

/* One consistent selector treatment across fjords and farm sites. */
#map-mobile-panel select[data-custom-picker]{display:none!important}
#map-mobile-panel .map-entity-picker{position:relative;width:100%;max-width:420px;margin:0 0 18px;color:inherit}
#map-mobile-panel .map-entity-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;padding:12px 16px;border:1px solid #173d4926;border-radius:12px;background:#ffffff80;color:inherit;font:500 15px/1.4 system-ui;text-align:left}
.map-picker-chevron{width:8px;height:8px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);flex:none;margin:0 3px 4px 0}
[aria-expanded=true]>.map-picker-chevron{transform:rotate(225deg);margin-bottom:-4px}
#map-mobile-panel .map-entity-options{max-height:none;overflow:visible;overscroll-behavior:auto;margin-top:8px;padding:6px;border:1px solid #173d491f;border-radius:12px;background:#f8f9f6;color:inherit}
#map-mobile-panel .map-picker-group{padding:14px 10px 6px;font:600 11px/1.4 system-ui;color:inherit;opacity:.65}
#map-mobile-panel .map-entity-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;font:400 14px/1.4 system-ui}
#map-mobile-panel .map-entity-options button:hover,#map-mobile-panel .map-entity-options button:focus-visible{background:#173d490b}
#map-mobile-panel .map-entity-options button[aria-selected=true]{background:#173d4910;font-weight:600}
.map-picker-check{width:18px;flex:none;text-align:center}
#farm-map-dialog.preview-dark .map-entity-toggle,#farm-map-dialog.preview-dark .map-entity-options{background:#1b333d;border-color:#bfd9dd33;color:#dfebe8}
#farm-map-dialog.preview-dark .map-entity-options button:hover,#farm-map-dialog.preview-dark .map-entity-options button:focus-visible,#farm-map-dialog.preview-dark .map-entity-options button[aria-selected=true]{background:#b8d8db18}
#map-mobile-panel .map-data-tools[data-kind=fjord] .map-entity-picker[data-kind=site],#map-mobile-panel .map-data-tools[data-kind=site] .map-entity-picker[data-kind=fjord]{display:none}
/* Stable phone sheet heights; expanded remains a sheet, with map visible above. */
#farm-map-dialog.map-phone #map-mobile-panel:not(.chart-expanded),#farm-map-dialog.map-touch-phone #map-mobile-panel:not(.chart-expanded){inset:auto 0 0!important;width:100%;max-width:100%;height:64dvh!important;max-height:64dvh!important;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}
#farm-map-dialog.map-phone #map-mobile-panel.sheet-tall,#farm-map-dialog.map-touch-phone #map-mobile-panel.sheet-tall{height:88dvh!important;max-height:88dvh!important}
#farm-map-dialog.map-phone .map-panel-focus,#farm-map-dialog.map-touch-phone .map-panel-focus{display:none!important}
#farm-map-dialog.map-phone #map-mobile-panel .map-mobile-content,#farm-map-dialog.map-touch-phone #map-mobile-panel .map-mobile-content{flex:1;min-height:0}

#map-mobile-panel .map-data-tools[data-kind=site] .map-fjord-picker-label{display:none}

#farm-map-dialog.map-phone #map-mobile-panel[data-view=detail] #farm-map-detail>.fjord-info{display:block!important}

#map-mobile-panel:not(.chart-expanded){height:min(640px,calc(100dvh - 100px))}
#map-mobile-panel .map-mobile-content{flex:1;min-height:0}

/* Keep a generous drag/tap target without spending 79px on the phone header. */
#farm-map-dialog:is(.map-phone,.map-touch-phone) .map-mobile-panel-heading{height:60px;min-height:60px;box-sizing:border-box;padding:12px 12px 4px;gap:6px}
#farm-map-dialog:is(.map-phone,.map-touch-phone) .map-mobile-panel-heading button{height:44px;min-height:44px;padding:0 8px;line-height:1}

.map-style-choice[hidden]{display:none}