/* ResepiBunda HPP v1.8.1 — Global Readability & Contrast R29
   Presentation-only layer. No calculation, database, API, export, or entitlement logic. */

:root{
  --rbhpp-readable-body:16px;
  --rbhpp-readable-label:14px;
  --rbhpp-readable-meta:13px;
  --rbhpp-readable-button:14px;
  --rbhpp-readable-gold:#ffe39d;
  --rbhpp-readable-maroon:#741435;
}

body.rbhpp-page{font-size:var(--rbhpp-readable-body);line-height:1.65}
.rbhpp-brand small{font-size:13px!important;line-height:1.4;color:#70594f!important}
.rbhpp-kicker{font-size:13px!important;line-height:1.45;letter-spacing:.12em}
.rbhpp-btn{font-size:var(--rbhpp-readable-button)!important;font-weight:700;line-height:1.35;min-height:44px}
.rbhpp-site-actions .rbhpp-btn>span{font-size:13.5px!important}
.rbhpp-btn-primary,.rbhpp-btn-dark{color:var(--rbhpp-readable-gold)!important;text-shadow:0 1px 0 rgba(51,10,29,.34)}
.rbhpp-btn-primary:hover,.rbhpp-btn-dark:hover{color:#fff6d5!important}
.rbhpp-btn-light,.rbhpp-btn-ghost{color:var(--rbhpp-readable-maroon)!important}
.rbhpp-btn:disabled{color:#765f56!important;text-shadow:none!important}

/* Main calculator typography */
.rbhpp-trust{font-size:14px!important}
.rbhpp-preview-head b,.rbhpp-preview-card small,.rbhpp-preview-main span,.rbhpp-preview-bar span{font-size:12.5px!important;line-height:1.45}
.rbhpp-intro b{font-size:14px!important}.rbhpp-intro small{font-size:13px!important;line-height:1.45}
.rbhpp-save-state{font-size:13px!important}
.rbhpp-progress button{font-size:13px!important;font-weight:700}
.rbhpp-step-head>div>span,.rbhpp-panel-title span{font-size:12.5px!important;line-height:1.45}
.rbhpp-step-head p{font-size:14px!important;line-height:1.65}
.rbhpp label{font-size:var(--rbhpp-readable-label)!important;line-height:1.5}
.rbhpp label>small{font-size:13px!important;line-height:1.55;color:#755e54!important}
.rbhpp input,.rbhpp select,.rbhpp textarea{font-size:14.5px!important}
.rbhpp-input-unit>span{font-size:13px!important;font-weight:700}
.rbhpp-tip p,.rbhpp-callout p{font-size:13.5px!important;line-height:1.65}
.rbhpp-table-head{font-size:13px!important;line-height:1.45;letter-spacing:.03em}
.rbhpp-row input,.rbhpp-row select{font-size:14px!important}
.rbhpp-row .amount-field:before,.rbhpp-row .waste-field:after{font-size:12.5px!important;font-weight:700}
.rbhpp-add{font-size:13.5px!important;font-weight:700;color:#783d28!important}
.rbhpp-subtotal span{font-size:13px!important;color:#f2dfe6!important}
.rbhpp-cost-presets button{font-size:13px!important;color:#6f4131!important;font-weight:600}
.rbhpp-fixed-examples{font-size:13px!important;line-height:1.55}
.rbhpp-section-note{font-size:13.5px!important;line-height:1.6}
.rbhpp-channel-grid label>span small{font-size:12.5px!important}
.rbhpp-live-title span{font-size:12.5px!important}
.rbhpp-live-main small,.rbhpp-live-main span{font-size:13px!important}
.rbhpp-live-list>div{font-size:13px!important}
.rbhpp-live-note p{font-size:13px!important;line-height:1.6}
.rbhpp-status{font-size:12.5px!important;font-weight:700}
.rbhpp-metrics article small{font-size:13px!important}.rbhpp-metrics article span{font-size:12.5px!important}
.rbhpp-breakdown-row>div{font-size:13px!important}
.rbhpp-strategy b{font-size:13.5px!important}.rbhpp-strategy small{font-size:12.5px!important}
.rbhpp-projection span{font-size:12.5px!important}
.rbhpp-warning ul{font-size:13.5px!important;line-height:1.65}
.rbhpp-result-note p{font-size:13.5px!important;line-height:1.65}
.rbhpp-guide-grid p{font-size:13.5px!important;line-height:1.7}
.rbhpp-footer>small,.rbhpp-footer p{font-size:13px!important;line-height:1.65}
.rbhpp-copyright{font-size:12.5px!important;line-height:1.65;color:#d9c5cc!important}
.rbhpp-history-row small{font-size:12.5px!important}.rbhpp-history-row strong{font-size:13.5px!important}
.rbhpp-history-row .rbhpp-btn{font-size:13px!important}
.rbhpp-toast{font-size:13px!important;line-height:1.5}
.rbhpp-share-grid b{font-size:13.5px!important}.rbhpp-share-grid small{font-size:12.5px!important;line-height:1.5}

/* Account / Dashboard / Owner */
.rbhpp-account-hero p{font-size:16px!important}
.rbhpp-account-card label{font-size:14px!important}
.rbhpp-account-card input{font-size:15px!important}
.rbhpp-account-card small,.rbhpp-account-status small{font-size:13px!important;line-height:1.55}
.rbhpp-premium-pill{font-size:13px!important}
.rbhpp-cloud-list small{font-size:13px!important;line-height:1.5}
.rbhpp-account-note{font-size:14px!important;line-height:1.65}
.rbhpp-license-row.head{font-size:13px!important}.rbhpp-license-row small{font-size:13px!important}

/* Business Insights */
.rbhpp-scenario-badge{font-size:13px!important}
.rbhpp-compare-grid small{font-size:13px!important}.rbhpp-compare-grid em{font-size:13px!important}
.rbhpp-sensitivity-list article>div{font-size:13.5px!important}
.rbhpp-decision-note,.rbhpp-muted{font-size:14px!important}

/* Pricing Studio */
.rbhpp-pricing-form label{font-size:14px!important}
.rbhpp-pricing-form input,.rbhpp-pricing-form select{font-size:14.5px!important}
.rbhpp-pricing-form label>span{font-size:13px!important;font-weight:700;color:#755e54!important}
.rbhpp-pricing-divider{font-size:14px!important}
.rbhpp-channel-total{font-size:13.5px!important}
.rbhpp-channel-grid small{font-size:13px!important;line-height:1.5}
.rbhpp-channel-grid dl div,.rbhpp-offer-grid dl div{font-size:13px!important;line-height:1.5}
.rbhpp-offer-grid>article>div>span{font-size:12.5px!important}
.rbhpp-offer-grid>article>p,.rbhpp-pricing-note{font-size:13.5px!important;line-height:1.65}
.rbhpp-profile-list small{font-size:13px!important;line-height:1.5}
.rbhpp-offer-grid .recommended{color:var(--rbhpp-readable-gold)!important;font-weight:700}

/* Product Workspace */
.rbhpp-workspace-list small{font-size:13px!important;line-height:1.5}
.rbhpp-template-form input[name="template_name"]{font-size:14px!important}

/* Master Bahan / catalog */
.rbhpp-master-form label,.rbhpp-master-row label{font-size:14px!important}
.rbhpp-master-form input,.rbhpp-master-form select,.rbhpp-master-row input,.rbhpp-master-row select{font-size:14px!important}
.rbhpp-master-row small{font-size:13px!important}
.rbhpp-catalog-list label{font-size:13.5px!important}
.rbhpp-catalog-list input[type="number"],.rbhpp-catalog-list select{font-size:13.5px!important}
.rbhpp-catalog-check small{font-size:12.5px!important;line-height:1.5}
.rbhpp-catalog-submit{font-size:13.5px!important}
.rbhpp-catalog-pane-head>span{font-size:13px!important}
.rbhpp-catalog-empty{font-size:13.5px!important;line-height:1.6}

/* Multi-product */
.rbhpp-multi-hero aside>span,.rbhpp-multi-badge{font-size:13px!important}
.rbhpp-multi-hero aside small,.rbhpp-drop label small,.rbhpp-multi-export small,.rbhpp-product-table span small,.rbhpp-multi-kpis small{font-size:13px!important;line-height:1.55}
.rbhpp-drop label i{font-size:13px!important}
.rbhpp-error-table .head,.rbhpp-product-table .head{font-size:12.5px!important;letter-spacing:.03em}
.rbhpp-multi-note{font-size:13.5px!important;line-height:1.65}
.rbhpp-multi-kpis .featured small{color:#f1dfe6!important}
.rbhpp-multi-actions .rbhpp-btn-primary,.rbhpp-multi-export .rbhpp-btn-primary{color:var(--rbhpp-readable-gold)!important}

/* Dark-surface text contrast */
.rbhpp-subtotal,.rbhpp-error-table .head,.rbhpp-product-table .head{color:#fff!important}
.rbhpp-subtotal strong,.rbhpp-error-table .head *,.rbhpp-product-table .head *{color:#fff!important}
.rbhpp-footer .rbhpp-brand small{color:#e8d8de!important}

/* Keep mobile readable; hide only navigation labels intentionally on narrow screens. */
@media(max-width:620px){
  body.rbhpp-page{font-size:15px}
  .rbhpp-kicker{font-size:12.5px!important}
  .rbhpp-hero-copy>p{font-size:15px!important}
  .rbhpp-table-head{font-size:12.5px!important}
  .rbhpp-row:before{font-size:12.5px!important}
  .rbhpp-copyright{font-size:12px!important}
  .rbhpp-site-actions .rbhpp-btn>span{display:none}
}

/* R29.1 — Pricing Studio recommended-price contrast hotfix.
   The base pricing.css gives dt a dark color with a more specific selector;
   keep both the label and value readable on the maroon recommendation strip. */
.rbhpp-offer-grid .recommended,
.rbhpp-offer-grid .recommended dt,
.rbhpp-offer-grid .recommended dd{
  color:#fff1b8!important;
  font-weight:700;
}