@media (max-width: 1100px) {
  .top-hero,
  .dashboard-hero,
  .ai-layout,
  .logs-layout {
    grid-template-columns: 1fr;
  }
  .hero-metrics,
  .database-panel,
  .flow-grid,
  .container-grid,
  .mini-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .app-shell {
    width: min(100vw - 24px, 100%);
    padding-top: 12px;
  }
  .hero-metrics,
  .database-panel,
  .flow-grid,
  .container-grid,
  .mini-service-grid,
  .form-grid,
  .knowledge-import {
    grid-template-columns: 1fr;
  }
  .tabs {
    overflow-x: auto;
  }
  .table-row {
    grid-template-columns: 1fr;
    padding: 14px;
  }
  .table-row strong {
    text-align: left;
  }
}