#appScreen .billing-folios [data-folio-settings]{display:flex;flex-direction:column;gap:0;padding:0 20px 20px}
#appScreen .billing-folios .br-folio-form{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(130px,1fr) minmax(160px,1fr) minmax(150px,1fr) auto;align-items:center;gap:12px 20px;border:0;border-bottom:1px solid var(--global-border,#dce3ed);border-radius:0;padding:20px 0;background:var(--global-surface,#fff);color:var(--global-text,#233f68)}
#appScreen .billing-folios h4,#appScreen .billing-folios p{margin:0}
#appScreen .billing-folios label{display:grid;gap:6px}
#appScreen .billing-folios input{width:100%;box-sizing:border-box;min-width:0}
#appScreen .billing-folios .br-folio-form [role=status]{grid-column:1/-1;font-size:13px}
#appScreen .billing-folios .br-folio-form [role=status]:empty{display:none}
#appScreen .billing-folios .br-folio-form button{grid-column:5;grid-row:1;white-space:nowrap}
html[data-theme="dark"] #appScreen .billing-folios,
html[data-theme="dark"] #appScreen .billing-folios :is(header,[data-folio-settings],.br-folio-form){background:#141c26!important;background-image:none!important;border-color:#344154!important;color:#e8eef7!important}
html[data-theme="dark"] #appScreen .billing-folios :is(h3,h4,label,p,output){color:#dfe7f0!important}
html[data-theme="dark"] #appScreen .billing-folios input{background:#0f1722!important;background-image:none!important;border:1px solid #52627a!important;color:#e8eef7!important;color-scheme:dark}
html[data-theme="dark"] #appScreen .billing-folios button{background:#1d3657!important;border:1px solid #5476a1!important;color:#e8eef7!important}
html[data-theme="dark"] #appScreen .billing-folios button:hover{background:#294d79!important}
#appScreen .billing-folios :is(input,button):focus-visible{outline:2px solid #79b4ff;outline-offset:3px}
@media(max-width:1100px){#appScreen .billing-folios .br-folio-form{grid-template-columns:repeat(2,minmax(0,1fr))}#appScreen .billing-folios .br-folio-form h4{grid-column:1/-1}#appScreen .billing-folios .br-folio-form button{grid-column:2;grid-row:auto}}
@media(max-width:520px){#appScreen .billing-folios [data-folio-settings]{padding:0 14px 14px}#appScreen .billing-folios .br-folio-form{grid-template-columns:minmax(0,1fr)}#appScreen .billing-folios .br-folio-form button{grid-column:1}}
