@media (max-width: 1320px) {
  .topbar {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }

  .topbar-actions {
    justify-content: flex-start;
  }

  .audit-status-bar {
    justify-content: flex-start;
  }
}

@media (max-width: 1180px) {
  .top-overview-grid {
    grid-template-columns: 1fr;
  }

  .bottom-layout-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .topbar {
    grid-template-columns: 1fr;
  }

  .url-form,
  .audit-status-bar,
  .topbar-actions {
    width: 100%;
  }

  .profile-chip {
    width: 100%;
    min-width: 0;
  }

  .company-switcher,
  .refresh-audit-btn {
    width: 100%;
  }
}