/* Shared contact guidance, using the site's existing light glass palette. */
main .crm-lead-form .lead-backup-contact {
  grid-column: 1 / -1;
  min-width: 0;
}
main .crm-lead-form .lead-contact-hint,
.ai-chat-lead .lead-contact-hint {
  display: block;
  color: #536b81;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
}
main .crm-lead-form .lead-receipt,
.ai-chat-panel .lead-receipt {
  grid-column: 1 / -1;
  padding: 16px;
  margin-top: 14px;
  border: 1px solid #bcdfe8;
  border-radius: 16px;
  background: linear-gradient(130deg, rgb(255 255 255 / 90%), rgb(232 248 251 / 80%));
  color: #0b2440;
  text-align: left;
}
main .crm-lead-form .lead-receipt[hidden],
.ai-chat-panel .lead-receipt[hidden] { display: none; }
main .crm-lead-form .lead-receipt p,
.ai-chat-panel .lead-receipt p {
  margin: 0 0 10px;
  color: #536b81;
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
main .crm-lead-form .lead-receipt .lead-receipt-contact,
.ai-chat-panel .lead-receipt .lead-receipt-contact { color: #0b2440; }
.lead-receipt-actions { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.lead-receipt-actions a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  color: #087c8a;
  font-size: 13px;
  line-height: 1.4;
  text-underline-offset: 3px;
}

/* Two aligned prices, with an unbreakable amount and billing period. */
#main.accounting-page .hero-commerce {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
#main.accounting-page .hero-price {
  flex: 1 1 260px;
  min-width: 0;
  max-width: 320px;
  padding: 13px 16px;
  border-radius: 16px;
  text-decoration: none;
  grid-template-columns: 1fr;
  gap: 0;
}
#main.accounting-page .hero-price .hero-rate {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  color: #536b81;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 400;
}
#main.accounting-page .hero-price .hero-rate + .hero-rate { margin-top: 5px; }
#main.accounting-page .hero-price .hero-rate-amount {
  color: #0b2440;
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
#main.accounting-page .hero-price .hero-rate-period { font-size: 12px; font-weight: 400; }
#main.accounting-page .hero-price .hero-price-link {
  margin-top: 8px;
  color: #087c8a;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
#main.accounting-page .hero-commerce .hero-actions { flex: 1 1 220px; display: grid; grid-template-columns: 1fr; }
@media (max-width: 699px) {
  #main.accounting-page .hero-price { max-width: none; flex-basis: 100%; }
  #main.accounting-page .hero-commerce .hero-actions { flex-basis: 100%; }
}