/* ─── PAGE TABS (Show Calendar ↔ Heat Map) ───────────────── */
.page-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.page-tab {
  padding: 6px 13px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-muted);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: background 0.15s, color 0.15s;
  white-space: nowrap;
}
.page-tab:hover  { background: var(--surface2); color: var(--text); }
.page-tab.active { background: var(--accent-dim); color: var(--accent); border-color: rgba(88,166,255,0.3); }

/* ─── MAP CONTAINER ──────────────────────────────────────── */
#map-container {
  flex: 1;
  width: 100%;
  min-height: 0;
  position: relative;
  z-index: 0;
}