.billing-shell{display:grid;gap:18px}.billing-toolbar{min-height:0}.billing-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.billing-summary article{min-width:0;padding:16px;border:1px solid #dbe2ea;background:#fff}.billing-summary span,.billing-invoice-meta span,.billing-payment-state span,.billing-estimate span{display:block;color:#64748b;font-size:11px}.billing-summary strong{display:block;margin-top:5px;color:#172033;font-size:15px;overflow-wrap:anywhere}.billing-section{border-top:1px solid #dbe2ea;padding-top:16px}.billing-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.billing-section-head h2{margin:0;color:#172033;font-size:16px}.billing-section-head p{margin:4px 0 0;color:#64748b;font-size:12px}.billing-inquiry{display:flex;align-items:center;gap:10px}.billing-package-table td:first-child strong,.billing-addon-table td:first-child strong{display:block}.billing-package-table td:first-child span,.billing-addon-table td:first-child span{display:block;margin-top:3px;color:#64748b;font-size:11px}.billing-money{text-align:right;white-space:nowrap}.billing-empty{height:100px;text-align:center;color:#94a3b8}.billing-notice{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-left:3px solid #2563eb;background:#eff6ff;color:#1e3a8a}.billing-notice i{font-size:20px}.billing-notice strong,.billing-notice span{display:block}.billing-notice span{margin-top:3px;font-size:12px}.billing-dialog{width:min(860px,calc(100vw - 32px));max-height:calc(100vh - 32px)}.billing-modal-body{padding:20px 24px;overflow:auto}.billing-invoice-meta,.billing-payment-state,.billing-estimate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.billing-invoice-meta>div,.billing-payment-state>div,.billing-estimate>div{padding:12px;border:1px solid #e2e8f0;background:#f8fafc}.billing-invoice-meta strong,.billing-payment-state strong,.billing-estimate strong{display:block;margin-top:4px;color:#172033}.billing-payment-section{margin-top:20px}.billing-payment-section h3{font-size:14px}.payment-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.payment-channel{padding:12px;border:1px solid #dbe2ea;background:#fff}.payment-channel strong,.payment-channel span,.payment-channel small{display:block}.payment-channel span{margin-top:4px;font-weight:700}.payment-channel small{margin-top:3px;color:#64748b}.billing-payment-state{margin-top:18px}.billing-payment-state .billing-proof{align-self:stretch}.billing-review-note{grid-column:1/-1;margin:0;padding:12px;border-left:3px solid #ef4444;background:#fff7f7;color:#991b1b}.billing-review-note strong{margin-bottom:4px}.billing-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.billing-form>label{color:#334155;font-size:11px;font-weight:700}.billing-form>label>span{color:#dc2626}.billing-form .field-control{margin-top:5px}.billing-form .full{grid-column:1/-1}.billing-upload{padding:14px;border:1px dashed #94a3b8;background:#f8fafc}.billing-upload input{display:block;margin-top:8px}.billing-upload small{display:block;margin-top:6px;color:#64748b;font-weight:400}.billing-effective{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;margin:0;padding:0}.billing-effective legend{margin-bottom:7px;color:#334155;font-size:11px;font-weight:700}.billing-effective label{display:flex;gap:9px;padding:12px;border:1px solid #dbe2ea;background:#fff}.billing-effective strong,.billing-effective small{display:block}.billing-effective small{margin-top:4px;color:#64748b;font-weight:400;line-height:1.4}.billing-addon-qty{width:90px}.status-pill.payment_review{background:#fff4cc;color:#92400e}.status-pill.payment_rejected{background:#fee2e2;color:#991b1b}
@media(max-width:1000px){.billing-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-channel-grid{grid-template-columns:1fr}.billing-invoice-meta,.billing-payment-state,.billing-estimate{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.billing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-section-head,.billing-inquiry-head{align-items:stretch;flex-direction:column}.billing-inquiry{display:grid;grid-template-columns:1fr auto;width:100%}.billing-form,.billing-effective,.billing-invoice-meta,.billing-payment-state,.billing-estimate{grid-template-columns:1fr}.billing-review-note{grid-column:1}.billing-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.billing-modal-body{padding:16px}.billing-section-head .action-button{width:100%}}
.billing-shell{min-width:0;max-width:100%;height:auto;min-height:100%;padding-bottom:24px}#billing-view{overflow-x:hidden;overflow-y:auto}.billing-summary{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.billing-section{min-width:0;max-width:100%}.billing-section .table-container{max-width:100%;overflow-x:auto}.billing-section-head{min-width:0}.billing-section-head>div{min-width:0}.billing-section-head .action-button{flex:0 1 auto;max-width:100%;white-space:normal}.status-pill.unpaid{background:#fee2e2;color:#b42318}.status-pill.paid{background:#dcfce7;color:#08783e}.billing-table .row-actions{flex-wrap:nowrap}@media(max-width:1150px){.billing-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-section-head{align-items:stretch;flex-direction:column}.billing-section-head .action-button{align-self:flex-end}.billing-inquiry-head{align-items:stretch}.billing-inquiry{width:100%}}@media(max-width:560px){.billing-summary{grid-template-columns:1fr}.billing-inquiry{grid-template-columns:1fr}.billing-inquiry .action-button,.billing-section-head .action-button{width:100%;align-self:stretch}.modal-footer{flex-wrap:wrap}}
.billing-summary .metric-card{min-height:92px;padding:14px}.billing-summary .metric-icon{width:40px;height:40px;flex-basis:40px;margin-right:12px;font-size:18px}.billing-summary .metric-value{max-width:100%;font-size:16px;line-height:1.25;overflow-wrap:anywhere}.billing-summary .metric-card>div:last-child{min-width:0}
#billing-view{height:100%;min-height:0;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable}.billing-shell{height:auto;min-height:max-content;overflow:visible;padding-bottom:40px}.billing-summary{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:900px){.billing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.billing-summary{grid-template-columns:1fr}}