/* Hub /website — allineato a pages.css (glass cards, hero, bottoni) */
.website-hub-page .wb-tools {
  grid-template-columns: repeat(4, 1fr);
}

.website-hub-page .wb-tool h3 {
  color: var(--dash-text);
}

.website-hub-page .wb-tool p {
  color: var(--dash-text-muted);
  font-size: 0.9rem;
  line-height: 1.45;
  margin: 0;
}

.website-hub-page [hidden],
.website-hub-page .wb-panel[hidden] {
  display: none !important;
}

.website-hub-page .wb-panel {
  padding: 1.75rem;
  border-radius: var(--dash-radius, 16px);
  border: 1px solid var(--dash-border, rgba(255, 255, 255, 0.06));
  margin-bottom: 1.5rem;
}

.website-hub-page .wb-panel h2 {
  margin: 0 0 0.75rem;
  font-size: 1.35rem;
}

.website-hub-page .wb-panel p {
  color: var(--dash-text-muted);
  margin: 0 0 1.25rem;
  line-height: 1.6;
}

.website-hub-page .wb-chosen-domain {
  margin: 1rem auto 0;
  max-width: 40rem;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  border: 1px solid rgba(34, 211, 238, 0.28);
  background: rgba(8, 24, 40, 0.7);
  color: #67e8f9;
  font-weight: 600;
}

.website-hub-page .wb-plan-label {
  font-size: 0.95rem;
}

.website-hub-page .wb-loading {
  color: var(--dash-text-muted);
}

.website-hub-page .wb-sites-list {
  margin-top: 1rem;
}

.website-hub-page .cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

@media (max-width: 900px) {
  .website-hub-page .wb-tools {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .website-hub-page .wb-tools {
    grid-template-columns: 1fr;
  }
}