@media (max-width: 1px) {
      .kpi-grid,
      .warning-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .dashboard-grid,
      .dashboard-grid.equal,
      .project-layout {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 1px) {
      .screen {
        padding: 14px;
      }

      .topbar {
        grid-template-columns: 1fr;
      }

      .header-actions {
        justify-items: start;
      }

      h1 {
        white-space: normal;
      }

      .kpi-grid,
      .warning-strip,
      .metric-cards,
      .subgrid {
        grid-template-columns: 1fr;
      }

      .crumb-row {
        align-items: flex-start;
        flex-direction: column;
      }
    }