:root {
  --atlas-side-w: 360px;
}

.atlas-page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;

  --mobile-cta-bar-h: var(--mobile-cta-height, 80px);
}

.atlas-topbar {
  flex: 0 0 auto;
  padding: 16px 0;
}

.atlas-shell {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: stretch;
  position: relative;
  z-index: var(--z-stack-0);
}

.atlas-map-wrap {
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#map {
  width: 100%;
  height: 100%;
}

.atlas-frame#map {
  min-height: 0;
  position: relative;
  z-index: var(--z-stack-0);
  border-radius: 20px;
  overflow: hidden;
  background: #050a0f;
}

.atlas-frame#map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.atlas-side {
  min-height: 0;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.atlas-topbar__actions {
  gap: 8px;
  flex-wrap: wrap;
}

.atlas-page {
  padding-bottom: var(--mobile-cta-bar-h, 76px);
}