#invoice-view:not(.hidden){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:24px;align-items:start}
#invoice-view>*{min-width:0}
#invoice-view .pi-workspace-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 2px 2px;gap:18px}
#invoice-view .pi-workspace-heading h1{margin:0;font-size:26px;letter-spacing:-.6px;color:#183d32}
#invoice-view .pi-workspace-heading p{margin:5px 0 0;font-size:13px;color:#73837c}
#invoice-view .pi-workspace-heading>span{font-size:11px;font-weight:700;letter-spacing:.12em;color:#56786b;background:#e3eee8;padding:7px 11px;border-radius:6px;white-space:nowrap}
#invoice-view>.card{grid-column:1/-1;margin:0;padding:22px 24px;border-radius:10px;border:1px solid #e0e7e2;box-shadow:0 2px 6px #173a2d03;background:#fff}
#invoice-view>.card.pi-bank-panel{grid-column:span 7}
#invoice-view>.card.pi-signature-panel{grid-column:span 5}
#invoice-view .card h2{font-size:16px;line-height:1.5;margin:0 0 18px;display:flex;align-items:center;gap:10px;font-weight:700;color:#234b3d}
#invoice-view .card h2:before{content:attr(data-section);font-size:11px;letter-spacing:.05em;color:#758e82;background:#eff4f0;border-radius:5px;padding:4px 6px;font-weight:600}
#invoice-view .grid{gap:16px 20px}
#invoice-view .shipping-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
#invoice-view label{font-size:12px;font-weight:600;color:#63766c;gap:6px;line-height:1.5;min-width:0}
#invoice-view input,#invoice-view textarea,#invoice-view select{font-family:inherit;font-size:14px;font-weight:400;line-height:1.55;border:1px solid #dbe4dd;border-radius:6px;background:#fcfdfc;color:#21392d;padding:9px 11px;box-shadow:none;transition:border-color .15s,box-shadow .15s;max-width:100%}
#invoice-view input,#invoice-view select{min-height:40px;height:40px}
#invoice-view input:hover,#invoice-view textarea:hover,#invoice-view select:hover{border-color:#b9ccc0}
#invoice-view input:focus,#invoice-view textarea:focus,#invoice-view select:focus{outline:none;border-color:#49866a;box-shadow:0 0 0 3px #34815f12;background:#fff}
#invoice-view textarea{resize:vertical;min-height:64px;overflow-y:hidden}
#invoice-view .pi-seller-panel textarea{min-height:66px}
#invoice-view .shipping-fields .pi-wide-field{grid-column:auto}
#invoice-view .pi-bank-panel .grid{gap:0 24px}
#invoice-view .pi-bank-panel .grid>label,#invoice-view .pi-bank-hint{grid-column:1/-1}
#invoice-view .pi-bank-panel select{font-weight:600;background:#f4f8f5;color:#285c43;border-color:#cdded2}
#invoice-view .pi-bank-hint{margin:9px 0 4px;font-size:12px;color:#839187;line-height:1.6}
#invoice-view .pi-bank-detail{padding:14px 0 12px;gap:6px;border-bottom:1px solid #eef2ee}
#invoice-view .pi-bank-detail>span{font-size:11px;font-weight:600;color:#819087;letter-spacing:.02em}
#invoice-view .pi-bank-detail output{font-size:13px;font-weight:500;line-height:1.65;color:#354e40;border:0;padding:0;min-height:22px;word-break:normal;overflow-wrap:anywhere}
#invoice-view .pi-bank-detail [data-pi-field="bank_account"],#invoice-view .pi-bank-detail [data-pi-field="bank_swift"]{font-family:Consolas,monospace;font-size:14px;font-weight:600;letter-spacing:.025em;color:#285c43}
#invoice-view .pi-signature-panel .grid{grid-template-columns:1fr;gap:17px}
#invoice-view .pi-signature-panel [data-pi-field="remarks"]{min-height:88px}
#invoice-view .pi-products-panel .section-head{align-items:center;margin-bottom:16px}
#invoice-view .pi-products-panel .section-head h2{margin:0}
#invoice-view button{border-radius:6px;font-size:13px;padding:9px 15px}
#invoice-view #add-invoice-row{font-weight:600;background:#edf4ef;color:#3c6851}
#invoice-view .table-wrap{border:1px solid #e3eae4;border-radius:7px}
#invoice-view table{min-width:740px}
#invoice-view th{background:#f5f8f5;color:#76877b;font-size:11px;font-weight:600;padding:11px 12px}
#invoice-view td{padding:14px 10px}
#invoice-view th:first-child{width:46%}
#invoice-view th:nth-child(2){width:13%}
#invoice-view th:nth-child(3){width:10%}
#invoice-view th:nth-child(4){width:14%}
#invoice-view th:nth-child(5){width:14%}
#invoice-view th:last-child{width:3%}
#invoice-view #invoice-products textarea{min-height:78px;font-size:13px}
#invoice-view #invoice-products input{font-size:13px;padding:8px;min-width:0}
#invoice-view .i-amount{font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap;color:#395741}
#invoice-view .remove-invoice{background:#f4f6f3;color:#91a096;min-width:28px;padding:5px}
#invoice-view .remove-invoice:hover{background:#faeeee;color:#b65c55}
#invoice-view tfoot td{padding:13px 12px;background:#f0f6f1;color:#2f5e42;font-size:14px}
#invoice-view #invoice-total{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}
#invoice-view .pi-amount-fields{grid-template-columns:repeat(2,minmax(0,230px));justify-content:end;margin:18px 0}
#invoice-view .pi-products-panel>.actions{border-top:1px solid #edf1ed;padding-top:18px;margin-top:20px}
#invoice-view #download-invoice{background:#285c43;color:#fff;min-width:172px;box-shadow:0 3px 9px #285c4315}
#invoice-view #download-invoice:hover{background:#1f4c36}
#invoice-view #invoice-status:empty{display:none}
#invoice-view .pi-info-panel h2{color:#356394}
#invoice-view .pi-info-panel h2:before{background:#eaf1fb;color:#507cad}
#invoice-view .s-invoice-number,#invoice-view .s-po-number{background:#f3f7fd;border-color:#d4e1f1;color:#28598c;font-weight:600}
#invoice-view .s-currency{background:#fff8ed;border-color:#ecd6b1;color:#9b651b;font-weight:700}
#invoice-view>.card.pi-bank-panel{border-color:#e9d3ad;border-top:3px solid #d79c43;background:linear-gradient(180deg,#fffaf1 0,#fff 210px)}
#invoice-view .pi-bank-panel h2{color:#986222}
#invoice-view .pi-bank-panel h2:before{background:#f9ecd4;color:#a06c28}
#invoice-view .pi-bank-panel select{background:#fffdf7;border-color:#dfc594;color:#896126}
#invoice-view .pi-payment-reminder{padding:14px 15px;margin:-2px 0 18px;border:1px solid #ecd3a7;border-radius:7px;background:#fff5df;display:flex;flex-direction:column;gap:6px}
#invoice-view .pi-payment-reminder strong{font-size:13px;color:#945d18;line-height:1.5}
#invoice-view .pi-payment-reminder>span{font-size:12px;font-weight:600;color:#a06b25;line-height:1.6}
#invoice-view .pi-payment-reminder p{margin:1px 0 0;font-size:12px;line-height:1.7;color:#987849}
#invoice-view .pi-payment-reminder[data-state="missing"]{background:#fff2ef;border-color:#edc8bf}
#invoice-view .pi-payment-reminder[data-state="missing"] strong{color:#b35d4a}
#invoice-view .pi-bank-detail [data-pi-field="bank_account"]{color:#b25a35;font-size:16px;font-weight:700;letter-spacing:.04em}
#invoice-view .pi-bank-detail [data-pi-field="bank_swift"]{color:#3d6e9e}
#invoice-view .pi-bank-detail [data-pi-field="payee"]{color:#83602c;font-weight:600}
#invoice-view .pi-signature-panel h2{color:#736184}
#invoice-view .pi-signature-panel h2:before{background:#f1edf7;color:#8a78a1}
#invoice-view .pi-products-panel h2{color:#2d7a78}
#invoice-view .pi-products-panel h2:before{background:#e6f4f1;color:#408b86}
#invoice-view tfoot td{background:#edf4fb;color:#3c6794}
#invoice-view #invoice-total{color:#285d98;font-size:19px}
@media(min-width:1450px){#invoice-view .shipping-fields{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){#invoice-view>.card.pi-bank-panel,#invoice-view>.card.pi-signature-panel{grid-column:1/-1}#invoice-view .pi-signature-panel .grid{grid-template-columns:1fr 1fr}#invoice-view .pi-signature-panel .grid>label:first-child{grid-column:1/-1}}
@media(max-width:700px){#invoice-view:not(.hidden){gap:14px;margin-top:18px}#invoice-view>.card{padding:18px 16px}#invoice-view .shipping-fields,#invoice-view .pi-seller-panel .grid,#invoice-view .pi-signature-panel .grid{grid-template-columns:1fr}#invoice-view .shipping-fields .pi-wide-field{grid-column:auto}#invoice-view .pi-workspace-heading h1{font-size:23px}#invoice-view .pi-workspace-heading>span{display:none}#invoice-view .pi-bank-panel .grid{grid-template-columns:1fr}#invoice-view .pi-amount-fields{grid-template-columns:1fr 1fr}#invoice-view .pi-products-panel .section-head{gap:10px}#invoice-view .pi-products-panel .section-head h2{font-size:15px}#invoice-view #add-invoice-row{white-space:nowrap;padding:8px 10px}}