.saas-card-summary {
  display: grid;
  gap: .7rem;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid #dce5df;
  border-radius: 14px;
  background: #f3f8f5;
}

.saas-card-summary > div:not(.missing-compact) {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.saas-card-summary strong { color: var(--green); }
.saas-card-summary span { color: var(--muted); font-size: .78rem; }
.missing-compact { display: grid; gap: .3rem; padding-top: .55rem; border-top: 1px solid var(--line); }
.missing-compact small { display: block; color: var(--ink); }

.saas-overview { margin: -1.7rem 0 2rem; }
.saas-overview .metrics { width: fit-content; margin-bottom: 1rem; }
.missing-list { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow); }
.missing-list h2 { margin: 0; padding: 1rem 1.25rem; font: 750 1.1rem Manrope; border-bottom: 1px solid var(--line); }
.missing-list > div { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 1rem; padding: .85rem 1.25rem; }
.missing-list > div + div { border-top: 1px solid var(--line); }
.missing-list > div > span:not(.tag) { color: var(--muted); }

@media (max-width: 800px) {
  .saas-card-summary > div:not(.missing-compact) { align-items: flex-start; flex-direction: column; gap: .15rem; }
  .saas-overview { margin-top: 0; }
  .saas-overview .metrics { width: 100%; flex-wrap: wrap; }
  .missing-list > div { grid-template-columns: 1fr; gap: .35rem; }
}