/* Mobiele schermen: uitsluitend actief tot en met 1023 px. */
:root {
  --wandelapp-content-width: 520px;
  --wandelapp-page-gutter: 0px;
}

html,
body,
#root {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

body {
  margin: 0;
}

#root > div {
  max-width: 100%;
}

#dashboard-main {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#backoffice-page {
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  width: 100%;
}

#backoffice-header {
  position: sticky !important;
  top: 0;
  z-index: 30;
}

#backoffice-workspace {
  min-width: 0;
  width: 100%;
}

#desktop-app-shell,
#desktop-navigation {
  display: none !important;
}