#invoiceSummary > header{flex-wrap:wrap;gap:12px}
#invoiceSummary > header #recalculateInvoice{margin-left:auto;min-height:44px}
:is(#invoiceRecalculation,#companyDocumentName){box-sizing:border-box;width:min(940px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #cbd5e1;border-radius:16px;background:#fff;color:#122d47;overflow:auto;box-shadow:0 20px 65px #071d3b40}
:is(#invoiceRecalculation,#companyDocumentName)::backdrop{background:#0b213a99}
:is(#invoiceRecalculation,#companyDocumentName) header{display:flex;align-items:center;justify-content:space-between;gap:16px}
:is(#invoiceRecalculation,#companyDocumentName) h3{margin:5px 0;font-size:22px}
:is(#invoiceRecalculation,#companyDocumentName) [data-comparison]{display:grid;grid-template-columns:1fr 1fr;gap:16px}
:is(#invoiceRecalculation,#companyDocumentName) [data-comparison] section{min-width:0;border:1px solid #d7e1eb;border-radius:10px;padding:12px;overflow-wrap:anywhere;overflow-x:auto}
:is(#invoiceRecalculation,#companyDocumentName) h4{margin:0 0 12px}
:is(#invoiceRecalculation,#companyDocumentName) .document-items-table th{overflow-wrap:normal;word-break:normal}
:is(#invoiceRecalculation,#companyDocumentName) .document-items-table th:nth-child(2){white-space:nowrap}
:is(#invoiceRecalculation,#companyDocumentName) .document-items-table th:first-child,:is(#invoiceRecalculation,#companyDocumentName) .document-items-table td:first-child{min-width:100px}
:is(#invoiceRecalculation,#companyDocumentName) .invoice-recalculation-reason{display:grid;gap:8px;margin-top:20px;font-weight:600}
:is(#invoiceRecalculation,#companyDocumentName) input{min-height:44px;padding:10px 12px;border:1px solid #94a3b8;border-radius:8px;color:#122d47;background:#fff;width:100%;box-sizing:border-box}
:is(#invoiceRecalculation,#companyDocumentName) [data-status]{line-height:1.5}
:is(#invoiceRecalculation,#companyDocumentName) footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:640px){:is(#invoiceRecalculation,#companyDocumentName){padding:16px}:is(#invoiceRecalculation,#companyDocumentName) [data-comparison]{grid-template-columns:1fr}:is(#invoiceRecalculation,#companyDocumentName) footer .button{flex:1 1 140px;min-height:44px}#invoiceSummary > header #recalculateInvoice{margin-left:0}}