/* ADS surfaces are semantic: status messages are independent of result cards.
 * Opaque surfaces guarantee contrast in blue, black and colorless backgrounds.
 */
#domain-dash-app {
  --ads-status-surface: #f8fafc;
  --ads-status-heading: #123a68;
  --ads-card-caption: #475569;
  --ads-promo-surface: #ffefad;
  --ads-promo-foreground: #3d2d00;
}
#domain-dash-app .ads-status-message {
  box-sizing: border-box;
  width: 100%;
  padding: 1rem;
  border: 1px solid #cbd5e1;
  border-radius: 1rem;
  background: var(--ads-status-surface);
  color: var(--ads-status-heading);
}
#domain-dash-app .ads-status-message .ads-results-title { color: var(--ads-status-heading); }
#domain-dash-app .ads-status-message .ads-results-subtext { color: var(--ads-card-caption); }
#domain-dash-app[data-ads-root] .ads-offer-caption,
#domain-dash-app[data-ads-root] .ads-domain-row-price-caption,
#domain-dash-app[data-ads-root] .ads-domain-renewal,
#domain-dash-app[data-ads-root] .ads-featured-subtitle { color: var(--ads-card-caption); }
#domain-dash-app .ads-promo-badge {
  display: inline-flex;
  align-items: center;
  margin-left: .48em;
  padding: .24em .58em;
  border: 1px solid #d39b00;
  border-radius: 999px;
  background: var(--ads-promo-surface);
  color: var(--ads-promo-foreground);
  font-size: .625rem;
  font-weight: 850;
  line-height: 1;
  letter-spacing: .025em;
  text-transform: uppercase;
  vertical-align: .25em;
  white-space: nowrap;
}
#domain-dash-app[data-ads-show-promo-label="no"] .ads-promo-badge { display: none; }