/* ERP-only reading rhythm. Compliance and AI workspaces do not use .ph-erp-ui. */
.ph-erp-ui,.ph-erp-ui :where(*){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"MiSans","HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",sans-serif}
.ph-erp-ui{font-size:14px}
.ph-erp-ui .ctop .tt{font-size:18px;font-weight:600}
.ph-erp-ui .card h3{font-size:16px;font-weight:600}
.ph-erp-ui .card h4{font-size:15px;font-weight:600}
.ph-erp-ui table{font-size:13px;font-variant-numeric:tabular-nums}
.ph-erp-ui :is(small,.muted,.ph-note){font-size:12px}
.ph-erp-ui :is(button,.ph-btn,select){min-height:32px;border-radius:8px;font-family:inherit}
.ph-erp-ui button.mini{min-height:28px;border-radius:7px}
.ph-erp-ui :is(button,a,input,select,[tabindex]):focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.ph-erp-ui :is(button,.ph-btn):disabled{cursor:not-allowed}
.ph-erp-ui :is(#nativeProductsMount,#nativeReturnsWorkspace,#ordMount,#prdMount){min-width:0;max-width:100%}
.ph-erp-ui :is(#prdBox,#retBox,#ordBox){min-width:0;max-width:100%;overflow-x:clip!important}
.ph-erp-ui #prdMount{overflow-x:clip!important}
.ph-erp-ui .ph-table-scroll{width:100%;min-width:0;max-width:100%;overflow:auto;overscroll-behavior-x:contain;border:1px solid #e5eaf1;border-radius:8px}
.ph-erp-ui .ph-table-scroll table{width:max-content;border-collapse:collapse;background:#fff}
.ph-erp-ui :is(#prdBox,#retBox,#ordBox) .ph-table-scroll :is(th,td){padding:8px 10px;vertical-align:middle;line-height:1.4;white-space:nowrap;word-break:normal}
.ph-erp-ui :is(#prdBox,#retBox,#ordBox) .ph-table-scroll th{font-size:12px;font-weight:600;background:#f8fafc}
.ph-erp-ui :is(#prdBox,#retBox,#ordBox) .ph-table-scroll td{font-size:13px;user-select:text}
.ph-erp-ui .ph-table-scroll :is(td,th).ph-money{text-align:right;font-variant-numeric:tabular-nums}
.ph-erp-ui #prdBox .ph-table-scroll table{min-width:1540px}
.ph-erp-ui #prdBox .ph-table-scroll :is(th,td).ph-prd-image{min-width:64px}
.ph-erp-ui #prdBox .ph-table-scroll :is(th,td).ph-prd-sku{min-width:150px}
.ph-erp-ui #prdBox .ph-table-scroll :is(th,td).ph-prd-upc{min-width:124px}
.ph-erp-ui #prdBox .ph-table-scroll :is(th,td).ph-prd-title{min-width:220px;width:260px;max-width:280px;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;overflow:hidden;text-align:left}
.ph-erp-ui #prdBox .ph-table-scroll :is(th,td).ph-prd-price{min-width:80px;text-align:right;font-variant-numeric:tabular-nums}
.ph-erp-ui #prdBox .ph-table-scroll :is(th,td).ph-prd-status{min-width:90px;white-space:nowrap;word-break:keep-all}
.ph-erp-ui #prdBox .ph-table-scroll [data-template-cell]{min-width:235px}
.ph-erp-ui #retBox .ph-table-scroll table{min-width:1480px}
.ph-erp-ui #retBox .ph-table-scroll :is(th,td):nth-child(1){min-width:150px}
.ph-erp-ui #retBox .ph-table-scroll :is(th,td):nth-child(2){min-width:155px}
.ph-erp-ui #retBox .ph-table-scroll :is(th,td):nth-child(5){min-width:180px;max-width:240px;white-space:normal;overflow-wrap:break-word}
.ph-erp-ui #retBox .ph-table-scroll :is(th,td):nth-child(7){min-width:190px}
.ph-erp-ui #retBox .ph-table-scroll :is(th,td).ph-ret-customer{min-width:160px;width:180px;max-width:240px;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}
.ph-erp-ui #retBox .ph-table-scroll :is(th,td):nth-child(9){min-width:116px;white-space:nowrap;word-break:keep-all}
.ph-erp-ui #retBox .ph-table-scroll :is(th,td):nth-child(10){min-width:85px;text-align:right;font-variant-numeric:tabular-nums}
.ph-erp-ui #retBox .ph-table-scroll :is(th,td):nth-child(11){min-width:126px;white-space:nowrap}
.ph-erp-ui #ordBox .ph-table-scroll table{min-width:1600px}
.ph-erp-ui #ordBox .ph-table-scroll :is(th,td):nth-child(2){min-width:100px}
.ph-erp-ui #ordBox .ph-table-scroll :is(th,td):nth-child(4){min-width:155px}
.ph-erp-ui #ordBox .ph-table-scroll :is(th,td):nth-child(5){min-width:200px}
.ph-erp-ui #ordBox .ph-table-scroll :is(th,td):nth-child(6){min-width:150px}
.ph-erp-ui #ordBox .ph-table-scroll :is(th,td):nth-child(9){min-width:85px;text-align:right;font-variant-numeric:tabular-nums}
.ph-erp-ui #ordBox .ph-table-scroll :is(th,td).ph-ord-customer{min-width:190px;width:220px;max-width:280px;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}
.ph-erp-ui #ordBox .ph-table-scroll :is(th,td):nth-child(12){min-width:220px;max-width:280px;white-space:normal;overflow-wrap:break-word}
.ph-erp-ui #ordBox .imgph,.ph-erp-ui #prdBox [data-ph-image]{flex:0 0 auto;object-fit:cover}