/* Desktop map controls: compact action rail with the existing controls in a flyout. */
@media (min-width: 761px) {
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail.map-magicwall-controls-rail {
    top: 12px !important;
    right: 28px !important;
    transform: none !important;
    width: 52px !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: visible !important;
    display: block !important;
    border-radius: 0 !important;
    border: 1px solid var(--rd-border) !important;
    background: var(--rd-panel) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24) !important;
    opacity: .48 !important;
    transition: opacity .18s ease !important;
  }

  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail.map-magicwall-controls-rail:hover,
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail.map-magicwall-controls-rail.is-menu-open,
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail.map-magicwall-controls-rail:has(:focus-visible) {
    opacity: 1 !important;
  }

  body.dashboard-body[data-dashboard-view="map"] #mapWrap.is-basemap-menu-open #mapMagicWallControlsRail.map-magicwall-controls-rail {
    top: 12px !important;
    max-height: none !important;
  }

  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-dock {
    display: flex;
    flex-direction: column;
  }

  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-dock-heading {
    display: grid;
    place-items: center;
    height: 30px;
    border-bottom: 1px solid var(--rd-border-subtle);
    color: var(--rd-muted-strong);
    font-size: 8px;
    font-weight: 850;
    text-transform: uppercase;
  }

  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 100%;
    min-height: 56px;
    padding: 5px 2px;
    border: 0;
    border-bottom: 1px solid var(--rd-border-subtle);
    border-radius: 0;
    background: transparent;
    color: var(--rd-text);
    cursor: pointer;
    font: inherit;
  }

  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-button:last-child { border-bottom: 0; }
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-button svg { width: 20px; height: 20px; flex: none; }
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-button span { font-size: 8px; line-height: 1.1; font-weight: 800; white-space: nowrap; }
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-button:hover,
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-button.is-open { background: var(--rd-active-bg); color: var(--rd-active-text); }
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-button:disabled { opacity: .45; cursor: not-allowed; }
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-button.is-flashing { background: #fff; color: #081426; }
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-button[data-map-icon="reset"]:hover:not(.is-flashing) { background: transparent; color: var(--rd-text); }
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-button:is([data-map-icon="zoomIn"], [data-map-icon="zoomOut"]):hover:not(.is-flashing) { background: transparent; color: var(--rd-text); }
  body.dashboard-body.light-mode[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-button.is-flashing,
  body.dashboard-body[data-theme-choice="light"][data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-button.is-flashing { background: #0f172a; color: #fff; }
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-button:focus-visible { outline: 2px solid var(--rd-accent); outline-offset: -3px; }

  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-flyout {
    position: absolute;
    top: -1px;
    right: calc(100% + 9px);
    width: 190px;
    max-height: min(650px, calc(100vh - 145px));
    overflow-y: auto;
    padding: 10px;
    border: 1px solid var(--rd-border);
    border-radius: 4px;
    background: var(--rd-panel);
    color: var(--rd-text);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .35);
  }
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-flyout[hidden] { display: none !important; }
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-flyout-title {
    margin-bottom: 5px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--rd-border-subtle);
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
  }
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-flyout .map-rail-section { display: none !important; }
  body.dashboard-body[data-dashboard-view="map"] #mapMagicWallControlsRail .map-icon-flyout .map-rail-section.map-icon-section-visible { display: block !important; }
}