.pfm-customer-portal {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.pfm-portal-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,248,252,0.96));
  border: 1px solid rgba(22, 55, 96, 0.08);
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 18px 36px rgba(28, 49, 80, 0.08);
}

.pfm-portal-hero {
  background: linear-gradient(135deg, #13325f 0%, #1e5477 60%, #2d8080 100%);
  color: #fff;
}

.pfm-portal-hero h3,
.pfm-portal-hero p {
  color: #fff;
}

.pfm-portal-card h4 {
  margin-top: 0;
  color: #10243f;
}

.pfm-status {
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 600;
  margin: 0 0 14px;
}

.pfm-status-success {
  background: #e8f8ef;
  color: #0f6a3d;
}

.pfm-status-info {
  background: #eaf2ff;
  color: #194f90;
}

.pfm-status-error {
  background: #fff0eb;
  color: #b2471a;
}