@media (max-width: 1100px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    height: auto;
  }

  .primary-nav {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .two-column-layout,
  .three-column-layout,
  .public-layout,
  .runtime-grid {
    grid-template-columns: 1fr;
  }

  .metric-grid,
  .quote-grid,
  .review-grid,
  .tool-grid,
  .agent-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .workspace,
  .sidebar {
    padding: 16px;
  }

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

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

  .primary-nav,
  .metric-grid,
  .quote-grid,
  .review-grid,
  .tool-grid,
  .agent-summary-grid,
  .parsed-grid,
  .flow-strip {
    grid-template-columns: 1fr;
  }

  .span-2 {
    grid-column: auto;
  }

  .bar-chart div {
    grid-template-columns: 88px minmax(0, 1fr) 42px;
  }
}

@media (max-width: 680px) {
  .session-bar,
  .session-form {
    align-items: stretch;
    flex-direction: column;
  }

  .session-form input,
  .credential-form input {
    width: 100%;
  }
}