.agent-analytics-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

.agent-analytics-columns {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
  gap: 20px;
  margin-bottom: 24px;
}

.agent-analytics-locations {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 900px) {
  .agent-analytics-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agent-analytics-columns {
    grid-template-columns: 1fr;
  }

  .agent-analytics-locations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .agent-analytics-locations {
    grid-template-columns: 1fr;
  }

  .agent-analytics-columns > div {
    padding: 16px !important;
  }
}