.billing-exports{margin-top:22px}.billing-export-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.billing-export-heading h2{margin:3px 0 6px}.billing-export-heading p:last-child{margin:0;color:#706778;font-size:13px}.billing-export-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 16px;border-radius:12px;background:#f7f4f9;color:#55326d;font-size:12px}.billing-export-flow span,.billing-export-flow b{padding:5px 8px;border-radius:16px;background:#fff}.billing-export-flow b{background:#5e3277;color:#fff}.billing-export-flow i{font-style:normal;color:#a99bad}.billing-export-period{margin:20px 0;padding:16px;border-radius:10px;background:#fbf9fc;border:1px solid #eee8f2}.billing-export-period form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.billing-export-period .field{width:min(190px,100%);margin:0}.billing-export-guidance{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 20px}.billing-export-guidance>span{display:block;padding:13px 15px;background:#f7f4f9;border-radius:9px;font-size:12px;line-height:1.55;color:#615969}.billing-export-guidance b{display:block;margin-bottom:4px;color:#31243a}.billing-export-history{margin-top:18px}.billing-export-history>.panel-top{border-bottom:1px solid #e9e3eb;margin-bottom:0}.billing-export-history h3{margin:0}.billing-export-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(150px,1fr) minmax(130px,auto) auto;align-items:center;gap:14px;padding:15px 2px;border-bottom:1px solid #ece6ef}.billing-export-file>*{display:block}.billing-export-file strong{overflow-wrap:anywhere;color:#302239}.billing-export-file span,.billing-export-file small,.billing-export-note{margin-top:4px;color:#716779;font-size:11px;overflow-wrap:anywhere}.billing-export-counts{display:grid;gap:4px;font-size:11px;color:#5d5364}.billing-export-badge{display:inline-flex;padding:6px 10px;border-radius:16px;background:#f1edf3;color:#645a69;font-size:11px;white-space:nowrap}.billing-export-badge.is-handed{background:#e2f2e9;color:#1c6241}.billing-export-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.billing-export-note{grid-column:1/-1;margin:0}.billing-export-preview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.billing-export-preview-stats>div{padding:12px;background:#f7f4f9;border-radius:9px}.billing-export-preview-stats b,.billing-export-preview-stats span{display:block}.billing-export-preview-stats b{font-size:21px;color:#432759}.billing-export-preview-stats span{font-size:11px;color:#756d7b}.billing-export-preview-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:14px;background:#fbf9fc;border:1px solid #eee8f2;border-radius:9px}.billing-export-preview-totals span{display:flex;justify-content:space-between;gap:12px;font-size:12px}.billing-export-preview-docs{max-height:260px;overflow:auto;margin:15px 0;padding:12px 14px;border:1px solid #e9e3eb;border-radius:9px}.billing-export-preview-docs h3{margin:0 0 8px;font-size:14px}.billing-export-preview-docs ul{margin:0;padding:0;list-style:none}.billing-export-preview-docs li{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #f0ecf2;font-size:12px}.billing-export-preview-docs .pill{font-size:10px}.billing-export-preview-docs li span:last-child{color:#716779}.billing-export-preview-docs p{font-size:12px;color:#716779}.billing-export-period form .field input{min-height:42px}@media(max-width:850px){.billing-export-heading{align-items:flex-start;flex-direction:column}.billing-export-guidance{grid-template-columns:1fr}.billing-export-row{grid-template-columns:1fr auto}.billing-export-counts{grid-column:1;grid-row:2}.billing-export-badge{grid-column:2;grid-row:1}.billing-export-actions{grid-column:2;grid-row:2}.billing-export-note{grid-column:1/-1}}@media(max-width:560px){.billing-export-preview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-export-preview-totals{grid-template-columns:1fr}.billing-export-preview-docs li{grid-template-columns:auto 1fr}.billing-export-preview-docs li span:last-child{grid-column:2}.billing-export-row{grid-template-columns:1fr}.billing-export-counts,.billing-export-badge,.billing-export-actions,.billing-export-note{grid-column:1;grid-row:auto}.billing-export-actions{justify-content:flex-start}}
