.overview-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.overview-grid article {
  position: relative;
}

.upstream-quota-card {
  padding-right: 72px !important;
}

.metric-refresh {
  position: absolute;
  top: 12px;
  right: 12px;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #fff;
  color: #526077;
  font-size: 11px;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease;
}

.metric-refresh:hover {
  border-color: #c7d2fe;
  background: #eef2ff;
}

.metric-refresh:focus-visible {
  outline: 3px solid rgba(79, 70, 229, .2);
  outline-offset: 2px;
}

.metric-refresh:disabled {
  cursor: wait;
  opacity: .55;
}

@media (max-width: 1200px) {
  .overview-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1000px) {
  .overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .metric-refresh {
    transition: none;
  }
}