/* My Maps is a separate, on-demand embed; the local map remains untouched. */
#view3d{display:none!important}
#mobile-mymaps-dialog{width:min(1100px,96vw);height:min(800px,94dvh);max-width:96vw;max-height:94dvh;padding:0;border:0;border-radius:14px;background:#fff;color:#003a46;overflow:hidden;box-shadow:0 18px 70px #003a4645}
#mobile-mymaps-dialog[open]{display:flex;flex-direction:column}
#mobile-mymaps-dialog::backdrop{background:#002c3780}
#mobile-mymaps-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:3px solid #ec3e54}
#mobile-mymaps-dialog h2{font:800 17px/1.3 Manrope,system-ui;margin:0}
.mobile-mymaps-close{flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid #c7dade;border-radius:8px;background:#fff;color:#003a46;font-weight:700}
#mobile-mymaps-dialog .mobile-mymaps-note{margin:8px 16px 2px;font-size:12px;line-height:1.4}
#mobile-mymaps-dialog>a{align-self:flex-start;margin:4px 16px 8px;color:#00645d;text-decoration:underline;font-size:12px;font-weight:700}
#mobile-mymaps-dialog iframe{display:block;width:100%;min-height:0;flex:1;border:0;background:#edf3f3}
.mobile-map-toolbar,.mobile-map-options{display:none}
@media(max-width:600px){
  /* Overrides also cover scoped maps and install-banner variants. */
  body:not(.map-is-expanded) .workspace .map-panel,
  body:not(.map-is-expanded).scoped-map .workspace .map-panel,
  body:not(.map-is-expanded).has-install-banner.scoped-map .workspace .map-panel{height:33dvh;min-height:0;max-height:none;flex:0 0 33dvh}
  .workspace .sidebar{height:auto;overflow:visible}
  .mobile-map-toolbar{position:absolute;top:10px;right:10px;z-index:9;display:flex;gap:6px}
  .mobile-map-toolbar button,.mobile-map-options summary{min-height:44px;border:1px solid #c7dade;border-radius:9px;background:#fff;color:#003a46;padding:8px 11px;box-shadow:0 3px 12px #003a4625;font:700 12px/1.2 'DM Sans',system-ui}
  .mobile-map-toolbar #expand-map{background:#003a46;color:#fff}
  .map-panel:not(.is-expanded) .map-top,.map-panel:not(.is-expanded) .map-bottom,.map-panel:not(.is-expanded) .mobile-map-options{display:none}
  .map-panel:not(.is-expanded) .scope-header{top:auto;bottom:10px;left:10px;right:10px;width:max-content;max-width:60%}
  .map-panel:not(.is-expanded) .scope-header strong{display:none}
  .map-panel:not(.is-expanded) .maplibregl-ctrl-group{display:none}
  .map-panel:not(.is-expanded) .maplibregl-ctrl-bottom-right{bottom:0}
  .map-panel:not(.is-expanded) .maplibregl-ctrl-bottom-left{bottom:0}
  .map-panel:not(.is-expanded) .asset-selection{display:none}
  .map-panel.is-expanded .mobile-map-toolbar{top:max(10px,env(safe-area-inset-top));right:10px}
  .map-panel.is-expanded .map-top{display:none}
  .map-panel.is-expanded .mobile-map-options{display:block;position:absolute;top:max(10px,env(safe-area-inset-top));left:10px;z-index:10;max-width:min(270px,75vw)}
  .scoped-map .map-panel.is-expanded .mobile-map-options{top:60px}
  .mobile-map-options summary{display:list-item;cursor:pointer;list-style-position:inside}
  .mobile-map-options-content{max-height:calc(100dvh - 145px);overflow:auto;overscroll-behavior:contain;margin-top:5px;padding:8px;background:#fffffff8;border:1px solid #d0e1e5;border-radius:10px;box-shadow:0 4px 18px #003a4625}
  .mobile-map-options .view-controls{display:flex;flex-wrap:wrap;justify-content:flex-start;max-width:none!important;margin:0;padding:0;box-shadow:none}
  .mobile-map-options .view-controls button{min-height:44px;font-size:12px;padding:8px 10px}
  .mobile-map-options .view-controls button:last-child{border-left:0;margin:0;border-radius:6px}
  .map-panel .mobile-map-options .layer-controls,.scoped-map .map-panel .mobile-map-options .layer-controls{position:static;display:block;width:100%;max-width:none;max-height:none;margin:8px 0 0;padding:8px;box-shadow:none}
  .mobile-map-options .report-fab{position:static;display:flex;max-width:none;margin-top:8px;padding:0;box-shadow:none;flex-wrap:wrap}
  .mobile-map-options .report-fab button{min-height:44px}
  .report-location-picking .mobile-map-toolbar,.report-location-picking .mobile-map-options,.report-location-picking .scope-header{display:none!important}
  .report-location-picking .maplibregl-ctrl-bottom-right{bottom:170px}
  #mobile-mymaps-dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0}
  #mobile-mymaps-dialog header{padding-top:max(10px,env(safe-area-inset-top))}
}
