@media (max-width: 700px) {
  .app {
    grid-template-columns: var(--sidebar) minmax(0, 1fr);
  }

  .section,
  .kpi-strip,
  .kpi {
    min-width: 0;
  }

  .section {
    grid-template-columns: minmax(0, 1fr);
  }

  .kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kpi-value {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .alerts {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .alert {
    min-width: 0;
  }

  .alert span {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .alert button {
    flex: 0 0 auto;
  }

  .sidebar .nav-item {
    font-size: 0;
  }

  .sidebar .nav-item span {
    font-size: 17px;
  }
}