.billing{display:grid;gap:20px}.billing .surface{margin:0}.bill-heading,.bill-editor-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.bill-heading h2{font-size:1.7rem;margin:4px 0}.bill-heading .actions{flex-wrap:wrap}.bill-badge{display:inline-block;padding:5px 11px;border-radius:24px;font-size:.78rem;font-weight:700;white-space:nowrap;background:#edf1f5;color:#526377}.bill-issued{background:#eaf0ff;color:#2445a3}.bill-accepted,.bill-paid{background:#def5e8;color:#07653b}.bill-overdue,.bill-rejected{background:#ffebe6;color:#a13823}.bill-partial{background:#fff0cf;color:#8a5700}.bill-filters{display:grid;grid-template-columns:180px 210px 1fr;gap:16px;margin-bottom:16px}.bill-list td{vertical-align:middle}.billing small{display:block;color:#627184;margin-top:4px}.bill-list td:first-child{min-width:230px}.bill-list td:nth-child(5),.bill-list td:nth-child(6){white-space:nowrap}.bill-pre{white-space:pre-wrap;overflow-wrap:anywhere}.bill-lines{min-width:840px}.bill-lines td{vertical-align:top}.bill-lines td:first-child{width:45%}.bill-lines td:nth-child(2),.bill-lines td:nth-child(4){width:95px}.bill-lines td:nth-child(3){width:145px}.bill-lines input,.bill-lines textarea{width:100%;min-width:0}.bill-lines input[data-field=section]{font-size:.8rem;background:#f5f8fa;margin-bottom:6px}.bill-lines .bill-line-total{white-space:nowrap;text-align:right;padding-top:25px}.bill-remove{color:#ad362b;font-size:1.3rem;padding:7px 12px}.bill-calculation{display:grid;grid-template-columns:1fr 330px;gap:32px;margin-top:24px}.bill-calculation>label{max-width:200px}.billing dl{margin:0}.billing dl>div{display:flex;justify-content:space-between;padding:8px 0;gap:20px}.billing dd{margin:0;font-weight:700;white-space:nowrap}.bill-grand{border-top:2px solid #00894d;color:#006d3b;font-size:1.15rem}.bill-save{display:flex;align-items:center;gap:20px;margin-top:24px;border-top:1px solid #e0e7ed;padding-top:20px}.bill-payment-entry{background:#f3f8f5;padding:18px;border-radius:12px;margin:20px 0}.bill-payment-entry summary{font-weight:700;color:#007447;cursor:pointer}.bill-payment-entry form{margin-top:20px}.bill-paid-note{padding:14px;background:#e5f6ec;color:#07653b;border-radius:9px}.bill-methods{display:grid;gap:8px;margin:18px 0}.bill-methods>div{display:flex;align-items:center;gap:20px;padding:10px;border-bottom:1px solid #e3e9ee}.bill-methods strong{flex:1}.billing textarea{resize:vertical}.billing table td{font-size:.88rem}.billing .grid{margin-top:16px}.billing h3{margin-top:18px}.billing details.surface>summary{cursor:pointer;font-weight:700}.billing .bill-list button{white-space:nowrap}@media(max-width:800px){.bill-filters,.bill-calculation{grid-template-columns:1fr}.bill-heading{align-items:flex-start}.bill-heading .actions{width:100%}.bill-save{align-items:flex-start;flex-direction:column}.billing .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.bill-dialog{border:0;border-radius:16px;padding:28px;max-width:520px;width:calc(100% - 40px);box-shadow:0 24px 80px #0c274b40;color:#16334b}.bill-dialog::backdrop{background:#102b4666}.bill-dialog .actions{justify-content:flex-end;margin-top:22px}.bill-dialog h2{font-size:1.2rem}
