/* The vendor's capabilities, delivered through a customer's own teammate. */
.contact-scene { height: 360px; }
.saas-provided { margin-top: 20px; padding-top: 16px; border-top: 1px solid #eeeaf2; }
.saas-provided strong { display: block; color: #635773; font-size: 12px; font-weight: 500; }
.saas-provided span { display: block; max-width: 220px; margin: 5px auto 0; color: #7a7284; font-size: 11px; line-height: 1.5; text-wrap: balance; }
.setup-scene.saas-capabilities-scene { height: auto; padding-block: 20px; }
.saas-capabilities { width: min(380px,100%); text-align: center; }
.saas-capability-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.saas-capability { display: flex; flex-direction: column; align-items: center; padding: 16px 6px 14px; border-radius: 18px; box-shadow: 0 10px 25px -15px #50416420; }
.saas-capability > .icon { width: 23px; height: 23px; margin-bottom: 10px; color: #8a7b9e; stroke-width: 1.4; }
.saas-capability > strong { color: #46404e; font-size: 13px; font-weight: 500; line-height: 1.4; }
.saas-capability > span { margin-top: 4px; color: #766d80; font-size: 11px; line-height: 1.4; }
.saas-connections { display: block; width: 100%; height: 44px; overflow: visible; fill: none; stroke: #e2dbea; stroke-width: 1.5; }
.saas-teammate { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 0 11px; width: min(294px,calc(100% - 12px)); margin-inline: auto; padding: 19px 20px 15px; border-radius: 24px; text-align: left; }
.saas-teammate > img { width: 40px; height: 40px; border-radius: 12px; }
.saas-teammate strong { display: block; color: #42394d; font-size: 14px; font-weight: 550; line-height: 1.35; }
.saas-teammate > div > span { display: block; margin-top: 4px; color: #776c84; font-size: 11px; line-height: 1.4; }
.saas-teammate-channels { grid-column: 1 / -1; display: flex; justify-content: center; align-items: center; gap: 17px; margin-top: 17px; padding-top: 13px; border-top: 1px solid #f0edf4; }
.saas-teammate .saas-teammate-channels > span { display: flex; align-items: center; gap: 6px; margin: 0; color: #67606f; font-size: 11px; }
.saas-teammate-channels img { width: 21px; height: 21px; }
.setup-memory-new { background: #f2edf8; }
.setup-memory-new > span, .setup-memory-new strong { color: #6c5991; }
.setup-campaign-memory { background: #f5f1fa; color: #76628f; }
.setup-campaign-decision.is-shared .setup-campaign-status { background: #f0ebf7; color: #796098; }
.saas-completed-items { display: grid; gap: 12px; margin-top: 11px; }
.saas-completed-items strong { display: block; color: #303c3e; font-size: 14px; font-weight: 550; line-height: 1.4; }
.saas-completed-items span { display: block; margin-top: 3px; color: #6b777b; font-size: 12px; line-height: 1.4; }
@media (max-width:600px) {
  .detail-7 { display: none; }
}
@media (max-width:370px) {
  .saas-capability-grid { gap: 7px; }
  .saas-capability { padding-inline: 4px; border-radius: 15px; }
  .saas-capability > strong { font-size: 12px; }
  .saas-capability > span { font-size: 10px; }
  .saas-teammate { padding-inline: 17px; }
}

/* A single compact result after approval, matching the Food conversation. */
.saas-work-receipt { width: min(304px, 100%); padding: 14px 16px; border: 1px solid #e9ece6; border-radius: 16px; background: #fff; box-shadow: 0 6px 18px -10px #293a2926; }
.saas-work-status { display: flex; align-items: center; gap: 6px; color: #617553; font-size: 12px; line-height: 1.3; }
.saas-work-status strong { font-weight: 500; }
.saas-work-status .icon { width: 13px; height: 13px; }
.saas-work-receipt > span { display: block; margin-top: 10px; color: #2c332b; font-size: 14px; line-height: 1.4; }
.saas-work-receipt > p { margin: 5px 0 0; color: #737b6f; font-size: 12px; line-height: 1.4; }