.pg-progress span {
  display: block;
  height: 100%;
  background: #2f7aa8;
}

.pg-admin-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 18px;
}

.pg-admin-metrics article {
  display: grid;
  gap: 4px;
  padding: 16px;
  background: #fff;
  border: 1px solid #d9e1e8;
  border-radius: 10px;
}

.pg-admin-metrics strong {
  font-size: 1.65rem;
  color: #1268a3;
}

.pg-admin-metrics span {
  color: #5e6c79;
}

.pg-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin: 20px 0 12px;
}

.pg-section-heading label {
  display: grid;
  gap: 4px;
  font-weight: 700;
}

.pg-section-heading select {
  padding: 8px;
  border: 1px solid #bdc8d2;
  border-radius: 7px;
  background: #fff;
}

.pg-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pg-setup-status {
  margin: 0 0 16px;
  padding: 12px 14px;
  color: #174b2c;
  background: #edf8f1;
  border: 1px solid #9bc9aa;
  border-left: 4px solid #2f7d48;
  border-radius: 8px;
}

.pg-setup-status.error,
.pg-activation-blocked {
  color: #8f241b;
}

.pg-setup-status.error {
  background: #fff1ef;
  border-color: #e5a39d;
  border-left-color: #b42318;
}

.pg-activation-blocked {
  font-weight: 700;
}

.pg-card-actions button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.pg-campaign-history small,
.pg-card > div > small {
  display: block;
  margin-top: 8px;
  color: #5e6c79;
}

@media (max-width: 800px) {
  .pg-admin-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pg-section-heading {
    align-items: stretch;
    flex-direction: column;
  }
}