.billing-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:16px}.billing-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted,#68758b)}.billing-filters input,.billing-filters select{min-height:40px;max-width:220px}.billing-filters .billing-search{flex:1;min-width:200px}.billing-search input{width:100%;max-width:none}.billing-tabs{display:flex;gap:8px;margin:0 0 16px}.billing-tabs button[aria-pressed=true]{color:var(--blue,#2563eb);border-color:currentColor;background:var(--blue-soft,#edf4ff)}.billing-note{padding:16px 20px;margin:16px 0;background:var(--bg,#f7f9fc);border:1px solid var(--line,#e3e8ef);border-radius:8px}.billing-note p{margin:8px 0;line-height:1.7;color:var(--muted,#68758b);font-size:13px}.billing-totals{display:flex;flex-wrap:wrap;gap:16px}.billing-totals>div{display:flex;flex-direction:column;gap:6px;min-width:160px;padding:12px 18px;border:1px solid var(--line,#e3e8ef);border-radius:8px}.billing-totals strong{font-size:24px;font-variant-numeric:tabular-nums}.billing-totals small{color:var(--muted,#68758b)}.billing-table table{min-width:960px}.billing-table small{display:block;margin-top:5px;font-size:11px;color:var(--muted,#68758b);max-width:260px;overflow-wrap:anywhere}.billing-table td{vertical-align:top}.billing-money,.billing-pagination{font-variant-numeric:tabular-nums}.billing-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;color:var(--muted,#68758b);font-size:12px}.billing-pagination>div{display:flex;gap:8px}.billing-detail-summary{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.billing-json{white-space:pre-wrap;overflow-wrap:anywhere;max-height:440px;overflow:auto;font-size:12px;line-height:1.6;padding:14px;background:var(--bg,#f7f9fc);border-radius:6px}.billing-filters :focus-visible,.billing-tabs :focus-visible,.billing-pagination :focus-visible{outline:2px solid var(--blue,#2563eb);outline-offset:2px}@media(max-width:600px){.billing-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.billing-filters label{min-width:0}.billing-filters input,.billing-filters select{width:100%;max-width:none;min-width:0;min-height:44px}.billing-filters .billing-search{grid-column:1/-1;min-width:0}.billing-filters button,.billing-tabs button,.billing-pagination button{min-height:44px}.billing-pagination{align-items:flex-start;flex-direction:column}.billing-pagination>div{align-self:stretch}.billing-pagination button{flex:1}.billing-tabs button{flex:1}.billing-totals>div{flex:1;min-width:120px}}
.billing-mobile-nav{display:none}.billing-page #dialog{width:min(780px,calc(100vw - 24px));max-width:calc(100vw - 24px)}.billing-page #dialog .dialog-body{height:auto;max-height:65vh;overflow:auto;padding:18px 21px}.billing-page #dialog .dialog-actions{height:auto;min-height:49px}.billing-page #dialog details{margin:12px 0}.billing-page #dialog summary{cursor:pointer;padding:7px 0}
@media(max-width:600px){.billing-page .top{position:relative;height:auto;min-height:58px;padding:10px 12px;gap:8px 16px;flex-wrap:wrap}.billing-page .top-nav{gap:12px}.billing-page .top-nav button,.billing-page .top-right button,.billing-page .top-right select{min-height:40px}.billing-page .top-right{flex:1 0 100%;margin-left:0;gap:8px;flex-wrap:wrap;justify-content:flex-start}.billing-page .top-right .playback-timezone-note{flex-basis:100%;margin:0}.billing-page .sidebar{position:relative;top:auto;left:auto;bottom:auto;width:auto;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;overflow:visible;z-index:25}.billing-page .sidebar>.application-picker{width:auto;min-width:0;margin:0}.billing-page .application-trigger{height:44px}.billing-page .billing-mobile-nav{display:block;min-height:44px}.billing-page .sidebar>nav{display:none;grid-column:1/-1}.billing-page.billing-navigation-open .sidebar>nav{display:block}.billing-page .content{margin:0;min-width:0;padding:0 12px 24px}.billing-page .page-head{padding:16px 12px}.billing-page .page-head .toolbar{flex-wrap:wrap;gap:10px}.billing-page .page-head .pill{max-width:100%;white-space:normal;overflow-wrap:anywhere}.billing-page #dialog .dialog-body{padding:14px;max-height:65vh}.billing-page #dialog .dialog-actions button{min-height:44px}.billing-page #notice{max-width:calc(100vw - 24px);white-space:normal}}