html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.shell,
#content,
#content > *,
.kpis,
.cards {
  min-width: 0;
}

main {
  width: 100%;
  overflow: hidden;
}

.table-wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 760px) {
  .shell {
    width: 100%;
  }

  aside {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
  }

  nav {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }

  .panel-head {
    flex-wrap: wrap;
  }

  .panel-head .primary {
    width: 100%;
  }
}