.accounts-filters{grid-template-columns:minmax(240px,2fr) minmax(180px,1fr)}
.accounts-table td{vertical-align:middle}
.amount-positive{color:#08754d;font-weight:800}
.amount-due{color:#b35b00;font-weight:800}
.accounts-owner{min-width:150px;padding:8px}
.accounts-actions{display:flex;gap:7px;flex-wrap:wrap}
.invoice-form{width:min(900px,94vw)}
.invoice-items-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}
.invoice-items-head h4{margin:0}
.invoice-item-rows{display:grid;gap:10px}
.invoice-item-row{display:grid;grid-template-columns:minmax(220px,2.5fr) minmax(80px,.65fr) minmax(80px,.65fr) minmax(120px,1fr) 40px;gap:9px;align-items:end;border:1px solid var(--line);background:#f8fbfb;border-radius:14px;padding:12px}
.invoice-item-row label{margin:0}
.invoice-item-remove{height:40px;border:1px solid #f0c6c6;background:#fff3f3;color:#a52a2a;border-radius:10px;cursor:pointer;font-size:20px}
.invoice-totals-input{margin-top:14px}
.invoice-live-total{display:flex;justify-content:flex-end;gap:24px;margin-top:12px;padding:14px 18px;background:linear-gradient(135deg,#edf9f4,#fff);border:1px solid #cfe9df;border-radius:14px}
.invoice-live-total div{min-width:130px}
.invoice-live-total span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}
.invoice-live-total b{display:block;margin-top:4px;font-size:17px}
.invoice-detail{width:min(930px,95vw)}
.invoice-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.invoice-summary-grid>div{border:1px solid var(--line);border-radius:13px;background:#f8fbfb;padding:12px}
.invoice-summary-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}
.invoice-summary-grid b{display:block;margin-top:5px}
.invoice-action-bar{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}
.invoice-detail section{margin-top:18px}
.invoice-detail-list{display:grid;gap:8px}
.invoice-detail-row{display:grid;grid-template-columns:minmax(170px,2fr) repeat(3,minmax(100px,1fr));gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff}
.invoice-detail-row small,.delivery-error{color:var(--muted)}
.payment-form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}
.billing-assets{display:flex;gap:8px;flex-wrap:wrap}
.billing-ready{color:#08754d}
.billing-warning{color:#a95711}
.pill.issued{background:#e8f1ff;color:#2663b7}
.pill.part_paid{background:#fff0df;color:#a95711}
.pill.paid{background:#e3f8ed;color:#08754d}
.pill.void{background:#fde8e8;color:#ad3030}

@media(max-width:900px){
  .invoice-summary-grid{grid-template-columns:repeat(2,1fr)}
  .invoice-item-row{grid-template-columns:1fr 1fr}
  .invoice-item-row label:first-child{grid-column:1/-1}
  .invoice-item-remove{grid-column:2;justify-self:end;width:44px}
  .invoice-detail-row{grid-template-columns:1fr 1fr}
}

@media(max-width:680px){
  .accounts-filters{grid-template-columns:1fr}
  .invoice-summary-grid{grid-template-columns:1fr 1fr}
  .invoice-item-row{grid-template-columns:1fr}
  .invoice-item-row label:first-child,.invoice-item-remove{grid-column:auto}
  .invoice-detail-row{grid-template-columns:1fr}
  .invoice-live-total{display:grid;grid-template-columns:1fr 1fr;gap:10px}
}