/* Stage 10 production-only responsive containment. The customer-supplied style.css remains immutable. */
@media (max-width:1100px) and (min-width:801px){
  .account-layout .three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-layout .three-grid .row{flex-wrap:wrap}
  .account-layout .three-grid>*{min-width:0}
}
@media (max-width:520px){
  .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat-card{min-width:0;overflow:hidden}
  .stat-card label{overflow-wrap:anywhere;hyphens:auto}
  .section-heading{flex-wrap:wrap}
  .review{min-width:0}
}
/* CSP-safe runtime spacing/state helpers. */
.runtime-row-18{margin-top:18px}
.runtime-row-12{margin-top:12px}
.runtime-gap-17{margin-top:17px}
.settings-state-error{color:#ad4a36}


/* Provider tariff pricing variants: collapse the wide desktop row on phones/tablets. */
@media (max-width:760px){
  .price-variant-row .form-grid{grid-template-columns:minmax(0,1fr)!important}
  .price-variant-row .form-grid>*{min-width:0}
  .price-variant-row .text-input{min-width:0;width:100%}
  .price-variant-row [data-price-remove]{justify-self:start}
}