:is(.contractor-finance-dialog,.finance-view) .invoice-items-toggle{justify-self:start;margin-top:5px;padding:7px 11px;border:1px solid #c8ded4;border-radius:7px;background:#f1f8f4;color:#15513e;font-size:12px;font-weight:700;cursor:pointer}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-panel{grid-column:1/-1;min-width:0;max-width:100%;padding:14px;border:1px solid #dce5e2;border-radius:9px;background:#f7faf8}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-panel[hidden]{display:none!important}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-note,:is(.contractor-finance-dialog,.finance-view) .invoice-items-unavailable{margin:0 0 12px;line-height:1.5;font-size:12px;overflow-wrap:anywhere}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-unavailable{padding:12px;border:1px solid #e4d8b5;border-radius:7px;background:#fffaf0;color:#705521}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;background:#fff}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-table caption{text-align:left;margin-bottom:10px;font-weight:750;color:#15513e;overflow-wrap:anywhere}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-table th,:is(.contractor-finance-dialog,.finance-view) .invoice-items-table td{padding:10px 8px;border-bottom:1px solid #e1eae5;text-align:left;vertical-align:top;overflow-wrap:anywhere;white-space:normal}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-table th{background:#eaf3ee;color:#3e594c;font-size:11px}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-table th:first-child{width:35%}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-table th:nth-child(2){width:13%}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-table th:nth-child(3),:is(.contractor-finance-dialog,.finance-view) .invoice-items-table th:nth-child(5){width:22%}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-table th:nth-child(4){width:8%}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-product strong,:is(.contractor-finance-dialog,.finance-view) .invoice-items-product small,:is(.contractor-finance-dialog,.finance-view) .invoice-items-amount{display:block}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-product small{margin-top:4px}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-amount+.invoice-items-amount{margin-top:5px}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-amount small{color:#64766c}
@media(max-width:760px){
 .finance-view .finance-document-cell{grid-column:1/-1;min-width:0;overflow-wrap:anywhere}
 :is(.contractor-finance-dialog,.finance-view) .invoice-items-toggle{min-height:44px}
 .contractor-finance-dialog .contractor-finance-documents{overflow:visible}
 .contractor-finance-dialog .contractor-finance-documents-head{display:none}
 .contractor-finance-dialog .contractor-finance-document{min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px}
 .contractor-finance-dialog .contractor-finance-document>div:first-child{grid-column:1/-1;min-width:0;overflow-wrap:anywhere}
 .contractor-finance-dialog .contractor-finance-document>[data-invoice-label]::before{content:attr(data-invoice-label);display:block;color:#64766c;font-size:11px;font-weight:400;margin-bottom:4px}
 :is(.contractor-finance-dialog,.finance-view) .invoice-items-panel{padding:10px}
 :is(.contractor-finance-dialog,.finance-view) .invoice-items-table,:is(.contractor-finance-dialog,.finance-view) .invoice-items-table tbody{display:block}
 :is(.contractor-finance-dialog,.finance-view) .invoice-items-table caption{display:block;width:100%;box-sizing:border-box}
 :is(.contractor-finance-dialog,.finance-view) .invoice-items-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 :is(.contractor-finance-dialog,.finance-view) .invoice-items-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px 8px;border:1px solid #dce5e2;border-radius:8px;margin-bottom:10px}
 :is(.contractor-finance-dialog,.finance-view) .invoice-items-table td{padding:0;border:0;min-width:0}
 :is(.contractor-finance-dialog,.finance-view) .invoice-items-table td:first-child{grid-column:1/-1}
 :is(.contractor-finance-dialog,.finance-view) .invoice-items-table td::before{content:attr(data-invoice-label);display:block;color:#64766c;font-size:11px;margin-bottom:5px}
}

:is(.contractor-finance-dialog,.finance-view) .invoice-items-panel{box-sizing:border-box}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-batches{display:grid;gap:7px;margin:10px 0 0;padding:0;list-style:none}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-batches>li{display:grid;gap:3px;padding:8px;border:1px solid #dce8e1;border-radius:6px;background:#f6faf8;font-size:11px;line-height:1.45;color:#354f43;overflow-wrap:anywhere}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-product .invoice-items-batch-note{margin-top:9px;font-size:11px;line-height:1.5;color:#6e6448}
:is(.contractor-finance-dialog,.finance-view) .invoice-items-toggle:focus-visible{outline:2px solid #15513e;outline-offset:3px}
