@media (max-width: 1260px) {
  .review-bar {
    align-items: flex-start;
  }

  .review-actions {
    flex-wrap: wrap;
    justify-content: end;
  }

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

  .closeout-facts {
    gap: 9px;
  }
}

@media (max-width: 1100px) {
  .review-screen-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .review-notes {
    position: static;
  }

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

  .review-intro-meta {
    max-width: 640px;
  }

  .review-principle {
    grid-template-columns: 1fr;
  }

  .review-principle-flow {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 900px) {
  .review-bar {
    position: relative;
    flex-direction: column;
  }

  .review-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .review-control {
    padding: 0 10px;
  }

  .review-principle-flow {
    align-items: flex-start;
    flex-direction: column;
  }

  .review-principle-flow span {
    transform: rotate(90deg);
  }

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

  .app-search {
    display: none;
  }

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

  .workspace-splitter {
    display: none;
  }

  .invoice-rail {
    width: 100%;
  }

  .closeout-ribbon,
  .closeout-strip {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .closeout-facts {
    order: 3;
    width: 100%;
    justify-content: flex-start;
  }

  .metric-nav {
    overflow-x: auto;
  }

  .metric-card {
    min-width: 120px;
  }
}

@media (max-width: 680px) {
  .review-intro,
  .review-screen,
  .review-principle {
    padding-right: 16px;
    padding-left: 16px;
  }

  .review-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .review-filters {
    overflow-x: auto;
  }

  .review-intro-meta,
  .summary-grid,
  .review-data-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-journey-headline {
    align-items: flex-start;
    flex-direction: column;
  }

  .app-tabs {
    overflow-x: auto;
  }

  .app-tabs button {
    white-space: nowrap;
  }

  .closeout-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fx-detail-grid {
    grid-template-columns: 1fr;
  }
}