.product-strip{gap:12px;flex-wrap:wrap}
.product-strip>button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background:#fff;border:1px solid #e0e7d9;border-radius:9px;color:#6a7d60;font-size:12px;font-weight:550;transition:background .15s,border-color .15s;white-space:nowrap}
.product-strip>button:hover{border-color:#87a477;background:#f2f7eb}
.product-strip>button.selected{color:#246747;border-color:#6c9661;background:#eaf3e1;box-shadow:0 0 0 1px #6c966125}
.product-strip>button.selected:after{content:'✓';color:#397846;font-size:11px;margin-left:4px}
.product-strip small{margin-left:3px}
#runtime-badge{font-size:10px;font-weight:550}
#credential-help a{color:#2d7856;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.credential-label-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:17px 0 8px}
.credential-label-row>label{margin:0;flex:0 0 auto}
.credential-label-row>.field-help{margin:0;flex:1 1 280px;min-width:0}
#account-credential{display:block;margin-bottom:18px}
.faq-list p{white-space:pre-line}
.configuration-feedback{padding:13px 15px;border-radius:8px;font-size:12px;line-height:1.8;white-space:pre-line;margin:15px 0;background:#f1f6e9;border:1px solid #d6e4c8;color:#3d713c}
.configuration-feedback.error{background:#fff3e9;border-color:#ead0b7;color:#9a6239}
.effective-environment{font-size:12px;color:#567d47;margin-bottom:18px;padding:12px 15px;background:#f1f6e9;border-radius:8px}
.redemption-progress-card{padding:20px 22px;margin:24px 0;border:1px solid #dce7d6;border-radius:12px;background:#f5f8f0}
.redemption-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.redemption-progress-heading h3{font-size:14px;font-weight:600;margin:0}
.redemption-progress-heading strong{font-size:22px;line-height:1.2;color:#226a51;font-variant-numeric:tabular-nums}
.redemption-progress-card progress{display:block;width:100%;height:12px;margin:16px 0 11px;border:0;border-radius:999px;overflow:hidden;appearance:none;background:#e1e9da;color:#226a51;accent-color:#226a51}
.redemption-progress-card progress::-webkit-progress-bar{background:#e1e9da;border-radius:999px}
.redemption-progress-card progress::-webkit-progress-value{background:#226a51;border-radius:999px;transition:width .35s ease}
.redemption-progress-card progress::-moz-progress-bar{background:#226a51;border-radius:999px}
.redemption-progress-card p{font-size:12px;color:#74856b;line-height:1.8;margin:0}
.redemption-progress-card.is-stopped,.redemption-progress-card.is-uncertain{background:#fff7ed;border-color:#ead6b9}
.redemption-progress-card.is-stopped .redemption-progress-heading strong,.redemption-progress-card.is-uncertain .redemption-progress-heading strong{color:#a26c36}
.redemption-progress-card.is-stopped progress,.redemption-progress-card.is-uncertain progress{color:#a26c36;accent-color:#a26c36}
.redemption-progress-card.is-stopped progress::-webkit-progress-value,.redemption-progress-card.is-uncertain progress::-webkit-progress-value{background:#a26c36}
.redemption-progress-card.is-stopped progress::-moz-progress-bar,.redemption-progress-card.is-uncertain progress::-moz-progress-bar{background:#a26c36}
@media(prefers-reduced-motion:reduce){.redemption-progress-card progress::-webkit-progress-value{transition:none}}
@media(max-width:760px){.product-strip{gap:8px}.product-strip>button{font-size:11px;padding:7px 10px;gap:6px}.product-strip .product-mark{font-size:20px}.product-strip small{margin-left:0}}