/* Final detail-page UI/UX pass from the October review.
 * This only changes presentation; record semantics and data stay unchanged.
 */

/* Solution Provider: the hero already contains these facts. Repeating them as four
 * large tiles directly below made the overview feel like a second header and turned
 * an empty rating into an oversized “None yet” block. The profile tabs remain the
 * navigation for Builds, Implementations, Use Cases and Reviews.
 *
 * `body` intentionally adds one specificity level because this static stylesheet is
 * linked before Vite's bundled CSS in production. */
body .provider-overview-tiles {
  display: none;
}

/* Make the existing-project action read as an intentional secondary disclosure
 * rather than an unstyled HTML details element inside the action card. */
.implementation-hero-actions .invite-existing {
  margin-top: 2px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  overflow: hidden;
}
.implementation-hero-actions .invite-existing > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  padding: 9px 12px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  list-style: none;
}
.implementation-hero-actions .invite-existing > summary::-webkit-details-marker {
  display: none;
}
.implementation-hero-actions .invite-existing > summary::after {
  content: "+";
  flex: 0 0 auto;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  color: var(--ink-soft);
}
.implementation-hero-actions .invite-existing[open] > summary {
  border-bottom: 1px solid var(--line);
}
.implementation-hero-actions .invite-existing[open] > summary::after {
  content: "−";
}
.implementation-hero-actions .invite-existing > form {
  padding: 12px;
}

/* Technology Vendor: keep the provider ecosystem visually separate from vendor
 * Use Case statements even though both live in the overview card. */
.vendor-ecosystem .vendor-hierarchy:nth-child(2) > h3:last-of-type {
  margin-top: 20px !important;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.vendor-ecosystem .vendor-hierarchy:nth-child(2) > h3:last-of-type + .ecosystem-note {
  margin-bottom: 0;
}

/* Blueprint: version, skill/effort and update state are already presented in the
 * at-a-glance strip above the tabs. Do not repeat the same facts as another stat row
 * at the start of Overview. */
.blueprint-overview .commerce-facts {
  display: none;
}

/* Implementation: the action card should stay action-focused. Evidence coverage is
 * available in the record itself rather than as a trailing micro-line in the CTA. */
.implementation-detail-hero .implementation-hero-actions > small.muted {
  display: none;
}

@media (max-width: 600px) {
  .implementation-hero-actions .invite-existing > summary {
    min-height: 44px;
    padding: 10px 12px;
  }
}