
#bpInvoiceViewModal .bp-invoice-edit-card{width:min(820px,100%);max-height:calc(100dvh - 36px)}
#bpInvoiceViewModal .bp-invoice-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#bpInvoiceViewModal .bp-invoice-view-row{min-width:0}
#bpInvoiceViewModal .bp-invoice-view-row strong{min-width:0;overflow-wrap:anywhere}
#bpInvoiceViewModal .bp-invoice-view-discount,#bpInvoiceViewModal .bp-invoice-view-payment{grid-column:1/-1}
#bpInvoiceViewModal .bp-invoice-view-discount strong{display:grid;grid-template-columns:minmax(90px,110px) minmax(0,1fr) auto;align-items:center;gap:8px}
#bpInvoiceViewModal .bp-invoice-view-discount .bp-invoice-pay{width:100%;min-width:0;margin:0}
#bpInvoiceViewModal .bp-invoice-view-discount .smallbtn{min-height:38px;padding:8px 12px}
#bpInvoiceViewModal .bp-invoice-view-payment strong{display:flex;gap:8px;flex-wrap:wrap}
#bpInvoiceViewModal .bp-invoice-view-payment select{flex:1 1 210px;width:auto;min-width:0;min-height:38px;margin:0}
#bpInvoiceReminderBox{padding:15px;margin:16px 0}
#bpInvoiceReminderBox>.formgrid{grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);align-items:start;gap:14px}
#bpInvoiceReminderBox .field{min-width:0}
#bpInvoiceReminderBox .bp-invoice-actions{justify-content:flex-start;margin:12px 0 8px}
#bpInvoiceReminderBox .bp-invoice-actions .smallbtn{min-height:38px;padding:8px 12px}
#bpInvoiceViewModal .bp-invoice-view-actions{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #e6edf4}
#bpInvoiceViewModal .bp-invoice-action-primary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
#bpInvoiceViewModal .bp-invoice-action-secondary{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#bpInvoiceViewModal .bp-invoice-action-secondary:empty{display:none}
#bpInvoiceViewModal .bp-invoice-action-danger{display:flex;justify-content:flex-end;padding-top:10px;border-top:1px solid #e6edf4}
#bpInvoiceViewModal .bp-invoice-view-actions .smallbtn{min-height:38px;padding:8px 12px;font-size:12px}
#bpInvoiceViewModal .bp-invoice-merge{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;flex:1 1 300px;min-width:0}
#bpInvoiceViewModal .bp-invoice-merge select{width:100%;max-width:none;min-width:0;min-height:38px;margin:0}
#bpInvoiceEditModal .bp-invoice-edit-card{width:min(800px,100%);max-height:calc(100dvh - 36px);padding:0;overflow:hidden;display:flex;flex-direction:column}
#bpInvoiceEditModal .bp-invoice-edit-header{margin:0;padding:20px 22px;border-bottom:1px solid #e6edf4;flex:0 0 auto}
#bpInvoiceEditModal .bp-invoice-edit-header .smallbtn{min-height:38px;padding:8px 12px}
#bpInvoiceEditModal .bp-invoice-edit-body{min-height:0;overflow:auto;padding:18px 22px}
#bpInvoiceEditModal .bp-invoice-edit-section{min-width:0}
#bpInvoiceEditModal .bp-invoice-edit-section+.bp-invoice-edit-section{margin-top:20px;padding-top:18px;border-top:1px solid #e6edf4}
#bpInvoiceEditModal .bp-invoice-edit-section h4{margin:0 0 12px;font-size:14px;color:#173b42}
#bpInvoiceEditModal .bp-invoice-edit-help{margin:-5px 0 12px;color:#667d82;font-size:12px}
#bpInvoiceEditModal .bp-invoice-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
#bpInvoiceEditModal .bp-invoice-edit-grid .field{min-width:0}
#bpInvoiceEditModal .bp-invoice-edit-grid .field.full{grid-column:1/-1}
#bpInvoiceEditModal .bp-invoice-edit-grid input,#bpInvoiceEditModal .bp-invoice-edit-grid select,#bpInvoiceEditModal .bp-invoice-edit-grid textarea{min-width:0;min-height:40px}
#bpInvoiceEditModal .bp-invoice-edit-footer{margin:0;padding:14px 22px;border-top:1px solid #e6edf4;background:#f8faf9;flex:0 0 auto}
#bpInvoiceEditModal .bp-invoice-edit-footer .btn{min-width:136px;min-height:40px}
@media(max-width:680px){
 #bpInvoiceViewModal .bp-invoice-view-grid{grid-template-columns:minmax(0,1fr)}
 #bpInvoiceViewModal .bp-invoice-view-discount,#bpInvoiceViewModal .bp-invoice-view-payment{grid-column:auto}
 #bpInvoiceViewModal .bp-invoice-view-discount strong{grid-template-columns:minmax(0,1fr)}
 #bpInvoiceViewModal .bp-invoice-view-discount .smallbtn{width:100%}
 #bpInvoiceReminderBox>.formgrid{grid-template-columns:minmax(0,1fr)}
 #bpInvoiceViewModal .bp-invoice-action-primary{grid-template-columns:minmax(0,1fr)}
 #bpInvoiceViewModal .bp-invoice-action-secondary>.smallbtn,#bpInvoiceViewModal .bp-invoice-action-danger>.smallbtn{width:100%}
 #bpInvoiceViewModal .bp-invoice-merge{grid-template-columns:minmax(0,1fr);flex-basis:100%}
 #bpInvoiceViewModal .bp-invoice-merge .smallbtn{width:100%}
 #bpInvoiceViewModal .bp-invoice-view-doc .bp-invoice-view-name{flex-basis:100%}
 #bpInvoiceEditModal .bp-invoice-edit-grid{grid-template-columns:minmax(0,1fr)}
 #bpInvoiceEditModal .bp-invoice-edit-grid .field.full{grid-column:auto}
}
@media(max-width:520px){
 #bpInvoiceViewModal,#bpInvoiceEditModal{padding:8px}
 #bpInvoiceViewModal .bp-invoice-edit-card{max-height:calc(100dvh - 16px);padding:16px}
 #bpInvoiceEditModal .bp-invoice-edit-card{max-height:calc(100dvh - 16px)}
 #bpInvoiceEditModal .bp-invoice-edit-header,#bpInvoiceEditModal .bp-invoice-edit-body,#bpInvoiceEditModal .bp-invoice-edit-footer{padding:14px}
 #bpInvoiceEditModal .bp-invoice-edit-footer{display:grid;grid-template-columns:minmax(0,1fr)}
 #bpInvoiceEditModal .bp-invoice-edit-footer .btn{width:100%}
}
