body {
  margin: 0;
  color: var(--foreground);
  background: var(--background);
}

.dashboard {
  display: flex;
  min-height: 100vh;
  padding-top: 2rem;
  box-sizing: border-box;
}

/* Sidebar wrapper */
.sidebar-wrapper {
  display: flex;
  flex-direction: column;
  background-color: #f8f9fb;
}

/* Sidebar */
.sidebar {
  width: 290px;
  padding: 2rem 0;
}

.sidebar h2 {
  padding: 0 2rem;
}

.sidebar .list-elements {
  padding: 1rem 2rem;
  border-radius: 0;
}

/* Sidebar links */


.list-elements {
  display: flex;
  align-items: center;
  gap: 1.5rem;

  padding: 1rem 1rem;

  width: 100%;
  min-height: 48px;

  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 400;
  text-decoration: none;
  color: #111827;
  border-radius: 8px;
  box-sizing: border-box;

  transition: background 0.2s ease, color 0.2s ease;
}

.sidebar .list-elements:hover {
  background: #ececf0;
}

.sidebar .list-elements.is-active {
  color: #ff0098;
}

/* Icons links */
.sidebar .list-elements svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;

  fill: currentColor;
  color: currentColor;
}

.sidebar .list-elements svg * {
  fill: currentColor;
}

/* Text inside links */
.sidebar .list-elements p {
  margin: 0;
  padding: 0;
}

/* Right content */
.customer-content {
  flex: 1;
  padding: 3.2rem;
  box-sizing: border-box;
}

/* Container for Formular */
.customer-content {
  max-width: 1275px;
  margin-top: 3rem;
  margin-left: 3.3rem;

  border-radius: 8px;
  outline: 2px solid #ececf0;
  box-sizing: border-box;
}