@media (max-width: 1080px) {
  body {
    overflow: auto;
  }

  .app-shell,
  .body-grid {
    height: auto;
    min-height: auto;
    overflow: visible;
  }

  .sidebar,
  .nav-list {
    height: auto;
    overflow: visible;
  }

  .workspace {
    overflow: visible;
  }

  .kpi-grid,
  .panel-grid,
  .overview-charts,
  .workspace-entry-grid,
  .user-kpi-row,
  .page-skeleton__kpis,
  .page-skeleton__charts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .table-scroll {
    overflow-x: auto;
  }

  .user-pill {
    display: none;
  }

  .split-grid,
  .page-skeleton__content {
    grid-template-columns: 1fr;
  }

  .inline-inspector {
    display: none;
  }
}

@media (max-width: 760px) {
  .header-tools {
    gap: 8px;
    padding: 0 12px;
  }

  .header-location {
    min-width: auto;
    padding: 0 12px;
  }

  .search-trigger {
    min-width: 0;
    width: 42px;
    justify-content: center;
    padding: 0;
  }

  .search-trigger span {
    display: none;
  }

  .timezone-switch {
    flex-basis: 112px;
  }

  .workspace {
    padding: 16px;
  }

  .page-skeleton {
    height: calc(100vh - var(--header-height) - 32px);
    height: calc(100dvh - var(--header-height) - 32px);
    grid-template-rows: 80px minmax(96px, 0.55fr) minmax(132px, 0.75fr) minmax(180px, 1fr);
  }

  .page-skeleton__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .page-skeleton__title {
    width: 58%;
  }

  .page-head,
  .table-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .kpi-grid,
  .panel-grid,
    .overview-charts,
    .workspace-entry-grid,
    .user-kpi-row,
    .alert-strip,
  .page-skeleton__kpis,
  .page-skeleton__charts {
    grid-template-columns: 1fr;
  }

  .page-skeleton__kpis .page-skeleton__kpi:nth-child(n + 3),
  .page-skeleton__charts .page-skeleton__block:nth-child(n + 2),
  .page-skeleton__rail {
    display: none;
  }

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

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

  .filters-panel .search-box {
    flex-basis: auto;
    width: 100%;
  }

  .filter-row {
    flex-wrap: wrap;
  }

  .drawer {
    width: min(360px, 100vw);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}
