.purchase-order-sync-button{border:1px solid #68a5ac!important;background:#edf8f8!important;color:#196d77!important;font-weight:700}
#purchaseOrderSyncDialog{width:860px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);padding:26px;border:1px solid #d3e2e7;border-radius:16px;color:#2b5360;box-shadow:0 20px 65px #12394d38;overflow:auto;box-sizing:border-box}
#purchaseOrderSyncDialog::backdrop{background:#173f5078;backdrop-filter:blur(3px)}
#purchaseOrderSyncDialog .document-tools{display:flex;justify-content:space-between;align-items:center;gap:12px}
#purchaseOrderSyncDialog h2{font-size:21px;margin:0}
#purchaseOrderSyncDialog button{height:auto;min-height:40px;padding:9px 14px;border:1px solid #d0e1e5;border-radius:8px;white-space:normal;font:inherit;font-size:13px;font-weight:650}
#purchaseOrderSyncDialog .primary{background:#207b67;color:white;border-color:#207b67}
#purchaseOrderSyncDialog button:disabled{opacity:.45;cursor:default}
#purchaseOrderSyncDialog [data-heading]{font-weight:650;font-size:14px;margin:22px 0 12px}
#purchaseOrderSyncDialog .purchase-sync-help{font-size:12px;color:#6f8a94;line-height:1.8;margin-bottom:20px}
#purchaseOrderSyncDialog .table-wrap{overflow:auto;border:1px solid #dce7ea;border-radius:10px}
#purchaseOrderSyncDialog table{width:100%;border-collapse:collapse;min-width:570px;font-size:13px}
#purchaseOrderSyncDialog th{background:#edf5f7;color:#5f818c;font-size:12px;padding:13px 14px;text-align:left;white-space:nowrap}
#purchaseOrderSyncDialog td{padding:14px;border-top:1px solid #e6edef;text-align:left}
#purchaseOrderSyncDialog td:first-child{min-width:180px}
#purchaseOrderSyncDialog td small{display:block;font-size:11px;color:#8299a2;margin-top:5px}
#purchaseOrderSyncDialog .purchase-sync-add{color:#167d66;font-weight:700}
#purchaseOrderSyncDialog .purchase-sync-subtract{color:#b77624;font-weight:700}
#purchaseOrderSyncDialog .purchase-sync-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px;border-top:1px solid #e2ecee;padding-top:18px}
#purchaseOrderSyncDialog .purchase-sync-empty{padding:20px;background:#f0f8f6;border:1px solid #d9eae3;border-radius:10px;color:#39796a;font-size:14px}
#purchaseOrderSyncDialog [data-message]{font-size:13px;color:#a04d30;line-height:1.8;white-space:pre-line}
@media(max-width:600px){#purchaseOrderSyncDialog{padding:20px 16px}#purchaseOrderSyncDialog h2{font-size:18px}#purchaseOrderSyncDialog .purchase-sync-actions button{font-size:12px;padding:9px 10px}}