.invoice-notes-head{display:grid;grid-template-columns:minmax(300px,2fr) 170px 170px;gap:14px}.invoice-notes-head label{font-size:12px;font-weight:700;color:#586678}.invoice-notes-head input{display:block;width:100%;margin-top:6px}.due-hint{display:block;margin:8px 2px 0;color:#718096}.invoice-note-table{margin-top:22px;border:1px solid #dce3ec;border-radius:12px;overflow:hidden}.invoice-note-header,.invoice-note-row{display:grid;grid-template-columns:42px 130px 115px 1fr 130px;gap:12px;align-items:center}.invoice-note-header{padding:10px 14px;background:#f5f7fa;color:#6b7b90;font-size:10px;font-weight:700}.invoice-note-row{padding:13px 14px;border-top:1px solid #e7ebf0;cursor:pointer}.invoice-note-row:hover{filter:brightness(.975)}.invoice-note-row.material-note{background:#fff3e6}.invoice-note-row.service-note{background:#f7fbff}.invoice-note-row input{width:17px;height:17px}.invoice-note-row .amount{text-align:right}.empty-notes{padding:24px;text-align:center;color:#78869a}.modal:has(.invoice-note-table){width:min(980px,96vw)}@media(max-width:760px){.invoice-notes-head{grid-template-columns:1fr}.invoice-note-table{overflow:auto}.invoice-note-header,.invoice-note-row{min-width:650px}}