/* Invoice rows contain five columns. This prevents quote-table rules from overlapping them. */
#invoice-form .quote-item-head,#invoice-form .invoice-item-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,120px) minmax(100px,130px) minmax(110px,135px) 46px;gap:0}
#invoice-form .invoice-item-row>*{min-width:0}
#invoice-form .invoice-item-row input{width:100%!important;min-width:0;height:48px;padding:10px 12px;border:0;border-right:1px solid #c9c0ad;border-radius:0;background:#fffdf8}
#invoice-form .invoice-item-row output{min-width:0;display:flex;align-items:center;justify-content:flex-end;padding:10px 12px;white-space:nowrap;border-right:1px solid #c9c0ad;background:#fff}
#invoice-form .invoice-item-row .remove-invoice-item{min-width:46px;height:48px;border:0;border-radius:0;background:#fff;color:#a1452c;font-size:24px;line-height:1}
#invoice-form .invoice-item-row .remove-invoice-item:hover{background:#fff0ed;color:#7f2916}
#invoice-form .quote-item-head span{min-width:0;overflow:hidden;white-space:nowrap}
@media(max-width:800px){#invoice-form .quote-item-head{display:none}#invoice-form .invoice-item-row{grid-template-columns:1fr 1fr;gap:8px;padding:10px}#invoice-form .invoice-item-row input{border:1px solid #aab5bb;border-radius:6px}#invoice-form .invoice-item-row input:first-child{grid-column:1/-1}#invoice-form .invoice-item-row output{border:1px solid #aab5bb;border-radius:6px;justify-content:flex-end}#invoice-form .invoice-item-row .remove-invoice-item{border:1px solid #aab5bb;border-radius:6px}}