#runcible-billing-account { max-width: 100%; font-size: 1rem; line-height: 1.6; }
#runcible-billing-account * { box-sizing: border-box; }
#runcible-billing-account h2 { margin-top: 0; }
#runcible-billing-account h3 { margin: 2rem 0 1rem; }
#runcible-billing-account label { display: inline-flex; flex-direction: column; gap: .4rem; margin: 0 1rem .75rem 0; vertical-align: bottom; font-weight: 600; }
#runcible-billing-account select, #runcible-billing-account input, #runcible-billing-account textarea { font: inherit; color: inherit; background: #fff; border: 1px solid #8c9590; border-radius: 4px; padding: .65rem .8rem; max-width: 100%; }
#runcible-billing-account textarea { min-height: 10rem; width: 100%; resize: vertical; }
#runcible-billing-account button { font: inherit; font-weight: 600; color: #fff; background: #18231e; border: 1px solid #18231e; border-radius: 4px; padding: .7rem 1.1rem; min-height: 44px; cursor: pointer; vertical-align: bottom; margin-bottom: .75rem; }
#runcible-billing-account button:disabled { background: #e9eeeb; border-color: #cbd4ce; color: #5e6862; cursor: not-allowed; }
#runcible-billing-account :focus-visible { outline: 3px solid #397a5f; outline-offset: 3px; }
#billing-balance { background: #f1f5f2; border-left: 4px solid #397a5f; padding: 1rem 1.25rem; font-size: 1.15rem; font-weight: 600; }
#billing-result { max-width: 100%; overflow-wrap: anywhere; font: inherit; }
#runcible-billing-account table { border-collapse: collapse; width: 100%; font-size: .88rem; table-layout: fixed; }
#runcible-billing-account th, #runcible-billing-account td { padding: .7rem .5rem; text-align: left; border-bottom: 1px solid #dde3df; overflow-wrap: anywhere; }
#runcible-billing-account th { background: #f1f5f2; }
#runcible-billing-account td:last-child { font-variant-numeric: tabular-nums; }
#billing-message:not(:empty) { padding: .8rem 1rem; background: #f4f5f1; border-left: 3px solid #6b776e; }
@media (max-width: 600px) {
  .runcible-usage-page .runcible-header-claim { white-space: normal !important; max-width: 220px; }
  .runcible-usage-page .runcible-native-branding .wp-block-site-title { min-width: 0; max-width: 220px; }
  #runcible-billing-account label { display: flex; margin-right: 0; }
  #runcible-billing-account button { width: 100%; }
  #runcible-billing-account th, #runcible-billing-account td { padding: .65rem .3rem; font-size: .8rem; }
}
