/* The Bonds Map view is a viewport canvas in either fullscreen entry point. */
.watchtower-map-lightbox:is([data-map-lightbox-key="global-bonds"],[data-map-lightbox-key="workspace:mkt-global-bonds"]:has(#globalBondMapStage:not([hidden]))) {
  --bond-fullscreen-nav-offset: 0px;
  padding: 0;
  gap: 0;
  grid-template-rows: minmax(0,1fr);
}
.watchtower-map-lightbox[data-map-lightbox-key="workspace:mkt-global-bonds"]:has(#globalBondMapStage:not([hidden])) { --bond-fullscreen-nav-offset: 44px; }
.watchtower-map-lightbox:is([data-map-lightbox-key="global-bonds"],[data-map-lightbox-key="workspace:mkt-global-bonds"]:has(#globalBondMapStage:not([hidden]))) > .watchtower-map-lightbox-head {
  position: absolute;
  top: max(8px,env(safe-area-inset-top));
  right: max(8px,env(safe-area-inset-right));
  z-index: 20;
  padding: 0;
  border: 0;
  border-radius: 6px;
}
.watchtower-map-lightbox:is([data-map-lightbox-key="global-bonds"],[data-map-lightbox-key="workspace:mkt-global-bonds"]:has(#globalBondMapStage:not([hidden]))) :is(.watchtower-map-lightbox-title,.watchtower-map-lightbox-hint) { display: none; }
.watchtower-map-lightbox:is([data-map-lightbox-key="global-bonds"],[data-map-lightbox-key="workspace:mkt-global-bonds"]:has(#globalBondMapStage:not([hidden]))) .watchtower-map-lightbox-close { min-height: 40px; }
.watchtower-map-lightbox:is([data-map-lightbox-key="global-bonds"],[data-map-lightbox-key="workspace:mkt-global-bonds"]:has(#globalBondMapStage:not([hidden]))) > .watchtower-map-lightbox-stage {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  overflow: hidden;
}
#mkt-global-bonds[data-workspace-expanded]:has(#globalBondMapStage:not([hidden])) { overflow: hidden !important; scrollbar-gutter: auto !important; }
#mkt-global-bonds[data-workspace-expanded]:has(#globalBondMapStage:not([hidden])) > .bond-command-toolbar,
#mkt-global-bonds[data-workspace-expanded]:has(#globalBondMapStage:not([hidden])) #globalBondDynamicView { display: none !important; }
#mkt-global-bonds[data-workspace-expanded]:has(#globalBondMapStage:not([hidden])) #globalBondIntelPanel {
  position: absolute !important;
  inset: 0;
  display: block !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  scrollbar-gutter: auto !important;
}
#mkt-global-bonds[data-workspace-expanded]:has(#globalBondMapStage:not([hidden])) #globalBondViewNav {
  position: absolute;
  top: max(6px,env(safe-area-inset-top));
  left: 8px;
  right: 116px;
  z-index: 5;
  height: 36px;
  padding: 4px;
  border: 1px solid var(--bond-line);
  border-radius: 5px;
}
.watchtower-map-lightbox-stage #globalBondMapStage:not([hidden]),
.watchtower-map-lightbox-stage #globalBondMapStage .bond-map-frame,
.watchtower-map-lightbox-stage #globalBondMapStage .bond-map-canvas-wrap {
  position: absolute !important;
  inset: 0;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0;
  border-radius: 0;
  overflow: hidden !important;
}
.watchtower-map-lightbox-stage #globalBondMapStage .bond-map-detail { display: none; }
.watchtower-map-lightbox-stage #globalBondMapStage .bond-map-toolbar {
  position: absolute;
  top: calc(var(--bond-fullscreen-nav-offset,0px) + 8px);
  left: 8px;
  right: 116px;
  z-index: 4;
  min-height: 34px;
  height: 34px;
  padding: 3px 6px;
  flex-wrap: nowrap;
  align-items: center;
  border: 1px solid var(--bond-line);
  border-radius: 5px;
}
.watchtower-map-lightbox-stage #globalBondMapStage .bond-map-toolbar > div:first-child { display: none; }
.watchtower-map-lightbox-stage #globalBondMapStage #globalBondMapStatus { min-width: 0; margin-left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.watchtower-map-lightbox-stage #globalBondMapStage #globalBondMapResetBtn { margin-left: auto; flex-shrink: 0; }
.watchtower-map-lightbox-stage #globalBondMapStage :is(.bond-map-controls,.bond-map-basemaps) {
  position: absolute;
  left: 8px;
  right: 8px;
  z-index: 4;
  min-height: 36px;
  padding: 4px 6px;
  border: 1px solid var(--bond-line);
  border-radius: 5px;
  background: var(--bond-panel,#081421);
}
.watchtower-map-lightbox-stage #globalBondMapStage .bond-map-controls { top: calc(var(--bond-fullscreen-nav-offset,0px) + 48px); }
.watchtower-map-lightbox-stage #globalBondMapStage .bond-map-basemaps { top: calc(var(--bond-fullscreen-nav-offset,0px) + 94px); }
.watchtower-map-lightbox-stage #globalBondMapStage :is(.bond-map-controls,.bond-map-basemaps) > span { flex: 0 0 auto; }
.watchtower-map-lightbox-stage #globalBondMapStage .bond-map-caption {
  position: absolute;
  bottom: max(36px,env(safe-area-inset-bottom));
  left: 8px;
  right: 65px;
  z-index: 4;
  max-height: 82px;
  overflow: auto;
  border: 1px solid var(--bond-line);
  border-radius: 5px;
  background: var(--bond-panel,#081421);
}
body.theme-light .watchtower-map-lightbox-stage #globalBondMapStage { --bond-panel: #f7fafb; --bond-line: rgba(44,83,105,.18); }