.crm-root .crm-billing-period-filter { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.crm-root .crm-billing-period-filter > div { flex:0 0 160px; }
.crm-root .crm-billing-period-filter input { width:160px; min-height:36px; }
.crm-root .crm-charge-period { display:block; margin-top:4px; color:var(--crm-muted); font-size:12px; }
.crm-root .crm-billing-upcoming { margin-top:16px; }
.crm-root .crm-billing-upcoming h2 { font-size:14px; }
.crm-root .crm-billing-plan-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; padding:10px 0; border-top:1px solid var(--crm-border); font-size:13px; }
.crm-root .crm-billing-plan-row > span:first-child { flex:1; min-width:200px; }
.crm-root .crm-billing-plan-row small { display:block; color:var(--crm-muted); font-size:12px; margin-top:3px; }
.crm-root .crm-monthly-option { display:flex; align-items:center; gap:8px; font-size:13px; }
@media (max-width:700px) {
  .crm-root .crm-billing-table .crm-charge-period { grid-column:2; margin:0; }
  .crm-root .crm-billing-toolbar.is-simple { flex-wrap:wrap; }
  .crm-root .crm-billing-toolbar.is-simple > .crm-billing-tools { flex:1 1 100%; }
}