/* Compact, consistent FORGE workspace headings. Customer-facing portals are separate. */
.workspace > .intro,
.workspace > section > .intro {
  align-items: center;
  background: linear-gradient(112deg, var(--nav) 0%, color-mix(in srgb, var(--forge-button, var(--nav)) 55%, var(--nav)) 100%);
  border-bottom: 4px solid var(--forge-brand-highlight, var(--gold));
  border-radius: 16px;
  color: #fff;
  gap: 18px;
  margin-bottom: 18px;
  min-height: 118px;
  padding: 22px 26px;
}
.workspace > .intro span,
.workspace > section > .intro span { color: #9fd4eb; }
.workspace > .intro h1,
.workspace > section > .intro h1 { color: #fff; font: 700 clamp(1.65rem, 2.5vw, 2.45rem)/1.15 Inter, system-ui, sans-serif; margin: 3px 0; }
.workspace > .intro p,
.workspace > section > .intro p,
.workspace > .intro b,
.workspace > section > .intro b { color: #e0edf3; }
.workspace > .intro .button,
.workspace > section > .intro .button { background: #fff; color: #123650; }
.subscription-page { gap: 14px; }
.subscription-page .subscription-hero {
  align-items: center;
  border-radius: 16px;
  gap: 16px;
  min-height: 126px;
  padding: 22px 26px;
}
.subscription-page .subscription-hero::after { height: 4px; }
.subscription-page .subscription-hero h1 { font: 700 clamp(1.7rem, 2.5vw, 2.5rem)/1.1 Inter, system-ui, sans-serif; margin: 3px 0 5px; }
.subscription-page .subscription-hero p { font-size: .93rem; line-height: 1.3; }
.subscription-page .subscription-context-card { align-content: center; gap: 7px; padding: 12px 14px; }
.subscription-page .subscription-context-card .button-link { background: #fff; border-radius: 6px; color: #123650; padding: 7px 10px; text-decoration: none; }
.subscription-guide { padding: 12px 18px; }
.subscription-guide summary,
.backup-recovery-details > summary { cursor: pointer; font-weight: 800; }
.subscription-guide ol { line-height: 1.5; margin-bottom: 8px; padding-left: 22px; }
.subscription-guide li { margin: 5px 0; }
.subscription-app-list { display: grid; }
.subscription-app-list article { align-items: center; border-top: 1px solid #dce6eb; display: flex; gap: 12px; justify-content: space-between; padding: 10px 0; }
.subscription-app-list article > div { display: grid; gap: 3px; }
.subscription-app-list small { color: #587082; }
.connector-payments { margin-bottom: 18px; }
.connector-payments .subscription-page { margin-top: 12px; }
.embedded-payments .subscription-config-card { padding: 16px; }
.payment-scope-row { align-items: end; display: flex; flex-wrap: wrap; gap: 10px; }
.payment-scope-row label { min-width: 240px; }
.payment-scope-row select { margin-top: 4px; min-height: 38px; width: 100%; }
.payment-scope-row > span { color: #587082; padding-bottom: 8px; }
.payment-provider-grid { gap: 8px; }
.payment-provider-card,
.payment-provider-card.selected { border-radius: 8px; padding: 9px 12px; }
.payment-provider-card strong { font-size: 1rem; }
.payment-environment-list { display: grid; gap: 8px; }
.payment-environment-list > details { border: 1px solid #d6e2e8; border-radius: 8px; }
.payment-environment-list > details > summary { cursor: pointer; font-weight: 800; padding: 10px 13px; }
.payment-environment-list form { border: 0; margin: 0; }
.backup-scope-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; }
.backup-scope-list span { background: #edf4f8; border: 1px solid #d5e3ec; border-radius: 999px; padding: 4px 9px; }
.backup-recovery-details { margin-top: 14px; }
.backup-recovery-details > .panel { box-shadow: none; margin-top: 12px; }
@media (max-width: 700px) {
  .subscription-page .subscription-hero { grid-template-columns: 1fr; }
  .subscription-app-list article { align-items: start; flex-direction: column; }
}