.header {
  height: 56px;
  padding: 0 16px 0 16px;
  /*background-color: var(--mantine-color-body);*/
  background: #32495f;
  border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
}

.user {
  user-select: none;
}

.inner {
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px; /* Optional horizontal padding */
}

.link {
  display: block;
  line-height: 1;
  padding: 8px 12px;
  border-radius: var(--mantine-radius-sm);
  text-decoration: none;
  color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-0));
  font-size: var(--mantine-font-size-sm);
  font-weight: 500;
  transition: background-color 0.2s;
}

.link:hover {
  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
}

[data-mantine-color-scheme] .link[data-active] {
  background-color: var(--mantine-color-blue-filled);
  color: var(--mantine-color-white);
}

/* Center the navigation items */
.navGroup {
  flex-grow: 1;
  justify-content: center;
}
