.erp-shell{display:grid;grid-template-columns:154px minmax(0,1fr);gap:14px;flex:1;min-height:0;margin-top:6px}
.erp-nav{overflow:auto;padding:12px;align-self:start;max-height:100%;position:sticky;top:0}
.erp-nav button{display:block;width:100%;text-align:left;margin:3px 0;border-radius:9px;padding:9px 12px}
.erp-main{overflow:auto;min-width:0;padding-right:2px}
.erp-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.erp-head h2{font-size:19px;margin:0;color:var(--brand)}
.erp-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.erp-tools input{width:220px;font-size:13px;padding:7px 10px}
.erp-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.erp-metric{padding:14px;margin:0}.erp-metric strong{display:block;font-size:25px;color:var(--brand);font-variant-numeric:tabular-nums}
.erp-table{overflow:auto;padding:0}.erp-table td,.erp-table th{padding:10px 12px}
.erp-table th{background:#f7faf8;position:sticky;top:0;z-index:1}.erp-table tbody tr[data-ref]{cursor:pointer}
.erp-table tbody tr[data-ref]:hover,.erp-table tr.current{background:#eaf4ef}
.erp-detail h3{font-size:16px;margin:0 0 10px}.erp-detail .erp-tools{margin:12px 0}
.erp-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:6px 0 12px}
.erp-detail table{margin-top:8px}.erp-note{white-space:pre-wrap;overflow-wrap:anywhere}
.erp-label{font-size:12px;padding:3px 8px;border-radius:12px;background:#edf3f0;color:var(--brand);display:inline-block}
.erp-warning{padding:12px 15px;background:#fff9ef;border:1px solid #f0dfba;border-radius:10px;font-size:13px;margin-bottom:14px;color:#805b24}
.erp-message{padding:10px 14px;border-radius:9px;background:#edf6f0;color:var(--brand);margin-bottom:12px}
.erp-overlay{position:fixed;inset:0;background:rgba(20,30,27,.4);display:flex;align-items:center;justify-content:center;z-index:80;padding:16px}
.erp-dialog{background:white;border-radius:16px;width:min(940px,100%);max-height:92vh;overflow:auto;padding:22px}
.erp-dialog h3{margin:0 0 8px;color:var(--brand)}.erp-dialog .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.erp-dialog .wide{grid-column:1/-1}.erp-dialog .erp-form-lines{overflow:auto;margin-top:12px}
.erp-dialog input,.erp-dialog select{font-size:13px;padding:8px;min-width:110px}.erp-dialog select{max-width:100%}
.erp-dialog td{padding:6px}.erp-dialog .erp-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;position:sticky;bottom:-22px;background:white;padding:12px 0}
.erp-error{color:var(--danger);font-size:13px;white-space:pre-wrap;min-height:20px}.erp-link{border:0;background:none;color:var(--brand);text-decoration:underline;cursor:pointer;font:inherit}
.erp-check{width:16px;height:16px}.erp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:1050px){.erp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-shell{grid-template-columns:125px minmax(0,1fr)}}
@media(max-width:620px){.wrap:has(.erp-shell){height:auto;min-height:100vh}.erp-shell{display:block}.erp-nav{position:static;display:flex;overflow:auto;gap:5px;margin-bottom:12px;padding:8px}.erp-nav button{width:auto;white-space:nowrap}.erp-main{overflow:visible}.erp-head{align-items:flex-start;flex-direction:column}.erp-cards{grid-template-columns:1fr}.erp-dialog .grid{grid-template-columns:1fr}.erp-dialog{padding:16px}.erp-tools input{width:100%}}

/* The ERP uses the reference's desktop information density; color and corners remain Shanglege. */
.wrap:has(.erp-desktop){max-width:none;padding:8px 10px 0;height:100dvh}
.erp-desktop{grid-template-columns:68px minmax(0,1fr);gap:0;margin:0;min-height:0;border:1px solid #dfe8e4;border-radius:10px 10px 0 0;overflow:hidden;font-size:13px;background:#fff}
.erp-rail{background:#285d54;color:#fff;display:flex;flex-direction:column;gap:2px;padding:5px 0;position:relative;z-index:15}
.erp-brand{color:inherit;border:0;background:none;font-size:17px;font-weight:650;line-height:1.1;margin:5px 0 12px;cursor:pointer}
.erp-group summary{display:flex;align-items:center;flex-direction:column;gap:3px;padding:9px 2px;list-style:none;cursor:pointer;font-size:12px}
.erp-group summary::-webkit-details-marker{display:none}.erp-group summary>span{font-size:21px;line-height:22px}
.erp-group.active summary,.erp-group[open] summary{background:#3d756b}.erp-group{position:relative}
.erp-flyout{position:absolute;left:67px;top:0;width:230px;background:#fff;border:1px solid #dfe8e4;box-shadow:4px 6px 24px #193b3426;padding:7px;border-radius:0 9px 9px 0}
.erp-flyout button,.erp-tab-more button{display:block;width:100%;border:0;background:#fff;color:#34584e;text-align:left;padding:10px;border-radius:5px;cursor:pointer;font:inherit}
.erp-flyout button:hover,.erp-flyout button.on,.erp-tab-more button:hover{background:#eaf4ef}
.erp-desk{display:flex;flex-direction:column;min-width:0;min-height:0}
.erp-tabs{display:flex;overflow-x:auto;flex-shrink:0;min-height:38px;background:#f3f6f4;border-bottom:1px solid #dfe8e4;align-items:stretch}
.erp-open-tab{display:flex;flex-shrink:0;border-right:1px solid #e4eae7}.erp-open-tab>button{border:0;background:transparent;padding:9px 8px;color:#73867e;cursor:pointer;white-space:nowrap;font:inherit;font-size:12px}
.erp-open-tab.active{background:#fff;box-shadow:inset 0 3px #338b79}.erp-open-tab.active>button{color:#24665a;font-weight:600}.erp-open-tab .erp-tab-close{padding:7px 5px 7px 0;font-size:15px}
.erp-tab-more{flex-shrink:0;margin-left:auto;background:#f3f6f4}.erp-tab-more summary{padding:10px;cursor:pointer;list-style:none}.erp-tab-more>div{position:fixed;right:14px;top:130px;max-height:70vh;overflow:auto;background:#fff;box-shadow:0 5px 25px #23443830;z-index:30;padding:8px;min-width:240px;border-radius:8px}
.erp-desktop .erp-main{padding:8px 10px;flex:1;min-height:0;background:#fff}
.erp-desktop .erp-head{margin:0 0 6px;flex-shrink:0;gap:5px}.erp-desktop .erp-head h2{font-size:13px;font-weight:500}.erp-desktop .erp-head .btn{padding:3px 9px;font-size:12px}.erp-version{font-size:12px}
.erp-reference-main{display:flex;flex-direction:column;overflow:hidden!important}
.erp-desktop .btn.sm{border-radius:6px;font-size:12px;line-height:20px;padding:4px 9px;white-space:nowrap;margin:0}
.erp-desktop .erp-message{font-size:12px;padding:7px 10px;margin-bottom:5px;flex-shrink:0;display:flex;justify-content:space-between;gap:10px}.erp-message [data-dismiss]{background:none;border:0;cursor:pointer}
.ref-filter{flex-shrink:0;position:relative;background:#f6f9f7;border:1px solid #e6ece8;border-radius:8px;padding:9px 9px 15px;margin-bottom:7px}
.ref-filter-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:6px}.ref-filter-fields>label{display:block;min-width:0}.ref-filter-fields>label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ref-filter input,.ref-filter select{width:100%;height:29px;border-radius:4px;border:1px solid #d7e1db;background:#fff;font-size:12px;padding:4px 7px;box-sizing:border-box;color:#516c61}
.ref-query-buttons{display:flex;gap:5px;grid-column:span 2;align-items:center;flex-wrap:wrap}
.ref-collapse{position:absolute;bottom:-8px;left:48%;background:#398572;border:0;border-radius:5px;padding:1px 12px;color:white;font:inherit;font-size:11px;cursor:pointer}
.ref-filter.is-collapsed{padding:0;border:0;height:0;margin-bottom:13px}.ref-filter.is-collapsed>*:not(.ref-collapse){display:none}
.ref-indicators{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px;border-top:1px solid #e1e8e3;padding-top:7px}.ref-stat{border:1px solid #dce6df;border-radius:4px;background:#fff;padding:4px 8px;font-size:12px}.ref-stat b{font-variant-numeric:tabular-nums;color:#337e68;margin-left:6px}
.ref-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0 8px;flex-shrink:0}.ref-link{padding:3px;border:0;background:none;color:#287f6b;font:inherit;cursor:pointer;white-space:nowrap}.ref-link:hover{text-decoration:underline}
.ref-dropdown{position:relative;display:inline-block;font-size:12px;vertical-align:middle}.ref-dropdown summary{list-style:none;padding:5px 8px;cursor:pointer;white-space:nowrap;border-radius:5px}.ref-dropdown summary:hover,.ref-dropdown[open] summary{background:#edf4ef}.ref-dropdown summary::-webkit-details-marker{display:none}
.ref-menu{position:absolute;left:0;top:100%;z-index:25;background:#fff;border:1px solid #dce5df;box-shadow:0 6px 22px #203e3025;border-radius:7px;padding:5px;min-width:180px;max-height:300px;overflow:auto}
.ref-menu button,.ref-menu label{display:flex;align-items:center;gap:8px;width:100%;background:#fff;border:0;text-align:left;padding:9px 10px!important;color:#456454;cursor:pointer;font:inherit;border-radius:4px;white-space:nowrap}.ref-menu button:hover{background:#eaf4ef}.ref-menu button:disabled{color:#95a69a;cursor:not-allowed}.ref-menu label input{width:14px;height:14px;flex-shrink:0}
.ref-unavailable{color:#889990!important;background:#f7f8f7!important;cursor:not-allowed}.ref-unavailable small{font-size:10px;margin-left:4px;color:#8a928d}
.ref-grid{display:flex;flex-direction:column;flex:1;min-height:135px;min-width:0;border:1px solid #e1e8e3;border-radius:5px;overflow:hidden;background:white}
.ref-grid-scroll{overflow:auto;flex:1;min-height:0;outline:none;overscroll-behavior:contain}.ref-grid table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;font-size:12px;margin:0}
.ref-grid th,.ref-grid td{border-right:1px solid #edf1ee;border-bottom:1px solid #e9eeeb;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0;height:34px;box-sizing:border-box;font-weight:400;vertical-align:middle}
.ref-grid th{position:sticky;top:0;background:#f1f5f2;color:#586e61;z-index:3;font-weight:600;text-align:left;padding:6px 8px}.ref-grid th button{border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer}.ref-grid .ref-number{text-align:right;font-variant-numeric:tabular-nums}
.ref-grid tbody tr:nth-child(even){background:#fbfcfb}.ref-grid tbody tr:hover{background:#eef6f1}.ref-grid tbody tr.ref-current{background:#e2f0e8}.ref-grid tbody tr.ref-selected{background:#f7efcd}.ref-grid tbody tr.ref-current td:first-child{box-shadow:inset 3px 0 #338c76}
.ref-grid tfoot td{position:sticky;bottom:0;background:#f3f7f4;font-weight:600;z-index:2}.ref-grid .ref-select{position:sticky;left:0;z-index:2;background:inherit;text-align:center;padding:5px}.ref-grid thead .ref-select{z-index:5;background:#f1f5f2}
.ref-grid input[type=checkbox]{width:14px;height:14px;accent-color:#358773;cursor:pointer}.ref-grid .ref-empty{height:140px;text-align:center;color:#839187;font-size:13px;white-space:normal;padding:20px}.ref-grid .ref-cell-selected{outline:1px solid #4c9f87;outline-offset:-1px;background:#def0e8}
.ref-resize{position:absolute;right:0;top:0;width:7px;height:100%;cursor:col-resize;touch-action:none}.ref-resize:hover{background:#75ab9944}
.ref-grid-footer{display:flex;flex-shrink:0;gap:8px;align-items:center;padding:6px 8px;background:#fff;font-size:12px;min-width:0;flex-wrap:wrap;border-top:1px solid #e4ebe5;color:#728477}
.ref-grid-footer>span:first-child{margin-right:auto}.ref-grid-footer input,.ref-grid-footer select{font-size:12px;padding:3px 5px;border:1px solid #dbe4dd;border-radius:4px;width:auto;height:25px}.ref-grid-footer [data-table-find]{width:160px}.ref-grid-footer [data-page-number]{width:43px}.ref-grid-footer .btn.sm{padding:1px 9px}.ref-grid-footer .ref-menu{top:auto;bottom:100%;left:auto;right:0}
.ref-thumb{width:36px;height:36px;object-fit:contain;vertical-align:middle;border-radius:3px}.ref-no-image{color:#b8c3bc}.ref-bundle-badge{color:#fff;background:#c76e64;font-size:11px;padding:1px 3px;margin-right:3px;border-radius:3px}
.ref-detail{border:1px solid #dfe8e1;border-radius:5px;display:flex;flex-direction:column;min-height:100px;flex-shrink:0;max-height:55vh;margin-top:8px}.ref-detail>header{display:flex;align-items:center;gap:10px;padding:7px 10px;flex-shrink:0;background:#f7faf8}.ref-detail>header>span{color:#809185;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ref-detail-tabs{display:flex;gap:0;flex-shrink:0;border-bottom:1px solid #dce6df;padding:0!important;overflow-x:auto}.ref-detail-tabs button{background:#f7f9f7;color:#687e6d;border:0;border-right:1px solid #e2e9e3;white-space:nowrap;padding:9px 13px;font:inherit;font-size:12px;cursor:pointer}.ref-detail-tabs [aria-selected=true]{background:#fff;box-shadow:inset 0 2px #428f77;color:#245e4e}.ref-detail-tabs>span{margin-left:auto;padding-right:10px}
.ref-detail-tools{padding:5px 8px;display:flex;align-items:center;gap:10px;font-size:12px;color:#849187;flex-wrap:wrap}.ref-subgrid{border:0;border-radius:0;min-height:80px}.ref-empty{padding:20px;color:#849389;text-align:center;font-size:13px}
.ref-splitter{height:6px;background:#e4ebe5;cursor:row-resize;flex-shrink:0;touch-action:none}.ref-splitter:hover,.ref-splitter:focus{background:#94c0ac;outline:0}
.ref-flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;padding:3px 0 8px;color:#597261;flex-shrink:0}.ref-flow>span{margin-left:auto;color:#7b9282}.ref-footnote,.ref-selected-summary{font-size:12px;color:#85938b;padding:6px;flex-shrink:0}
.ref-pick-layout{display:flex;flex:1;min-height:0;gap:10px}.ref-pick-layout>aside{width:190px;flex-shrink:0;border-right:1px solid #dfe7e1;padding:10px 10px 5px 0;font-size:12px;overflow:auto}.ref-pick-main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.ref-carriers{display:flex;flex-direction:column;gap:5px;margin-top:8px;align-items:stretch}
.ref-grid .ref-dropdown .ref-menu{position:fixed;left:auto;top:auto;min-width:150px}.ref-grid td:has(.ref-dropdown){overflow:visible}
@media(max-width:850px){.erp-desktop{grid-template-columns:55px minmax(0,1fr)}.erp-flyout{left:54px}.ref-filter-fields{grid-template-columns:repeat(3,minmax(100px,1fr))}.ref-pick-layout>aside{width:135px}.ref-flow>span{display:none}.erp-version{display:none}}
@media(max-width:620px){.wrap:has(.erp-desktop){height:100dvh;padding:4px}.erp-desktop{display:grid;grid-template-columns:44px minmax(0,1fr);min-height:0}.erp-rail{gap:0}.erp-group summary{padding:7px 0;font-size:10px}.erp-group summary>span{font-size:17px}.erp-flyout{left:43px}.erp-desktop .erp-main{padding:5px}.erp-desktop .erp-head{flex-direction:row;align-items:center}.ref-filter-fields{grid-template-columns:repeat(2,minmax(80px,1fr))}.ref-query-buttons{grid-column:span 2}.ref-toolbar{gap:4px}.ref-pick-layout>aside{display:none}.ref-grid-footer [data-table-find]{width:105px}.ref-grid-footer{gap:4px}.ref-grid-footer .ref-cell-stats{display:none}.ref-detail{max-height:38vh}.erp-tabs{min-height:32px}.erp-open-tab>button{font-size:11px;padding:7px 5px}.erp-desktop .erp-head h2{font-size:11px}.ref-filter:not(.is-collapsed){max-height:190px;overflow:auto}}
/* Advanced product query interactions. */
.ref-advanced-ranges{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;align-items:flex-start}
.ref-advanced-ranges>small{color:#72847e;font-size:11px;align-self:center}
.ref-range-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:#fff;border:1px solid #dce5e1;border-radius:9px;padding:5px;max-width:100%}
.ref-range-head{display:flex;align-items:center}.ref-range-head summary{font-size:12px;padding:5px;white-space:nowrap}
.ref-single-range{display:flex;align-items:center;gap:4px}.ref-single-range input{width:125px;min-width:0!important}
.ref-multi-toggle{display:flex!important;align-items:center;gap:8px;padding:10px!important;border-top:1px solid #e5ebe8}.ref-multi-toggle input{width:auto!important}
.ref-multi-ranges{flex-basis:100%;max-height:285px;overflow:auto;padding:6px}.ref-multi-ranges p{margin:0 0 8px;color:#698078;font-size:12px}
.ref-multi-ranges>div{display:flex;align-items:center;gap:6px;margin:5px 0}.ref-multi-ranges label{display:flex!important;align-items:center;width:165px;gap:5px}.ref-multi-ranges input[type=checkbox]{width:14px!important}.ref-multi-ranges input[type=number]{width:108px;min-width:0!important}
.ref-query [hidden]{display:none!important}.ref-query-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px}.ref-query-chips>span{border:1px solid #c6dcd3;background:#edf5f1;border-radius:8px;display:flex;overflow:hidden}.ref-query-chips button{border:0;background:transparent;color:#275f51;padding:5px 8px;cursor:pointer}
.erp-dialog label input[data-modify]{width:15px!important;height:15px;display:inline;margin-right:6px;vertical-align:middle}.erp-dialog input:disabled,.erp-dialog select:disabled{background:#f3f5f4;color:#94a19c}.ref-range-group .ref-menu{z-index:60}
@media(max-width:650px){.ref-single-range input{width:95px}.ref-multi-ranges label{width:120px}.ref-multi-ranges input[type=number]{width:76px}.ref-advanced-ranges>small{max-width:100%}}
.ref-bulk-dialog{width:min(1080px,96vw)!important;position:relative}.ref-bulk-nav{position:sticky;top:0;background:#fff;display:flex;gap:7px;padding:10px 0;z-index:1;border-bottom:1px solid #dce5e1}.ref-bulk-nav button{border:0;border-radius:7px;background:#edf5f1;color:#285d50;padding:8px;cursor:pointer}.ref-bulk-section{scroll-margin-top:60px;padding:12px 0;border-bottom:1px solid #e2eae6}.ref-bulk-section h4{color:#275f51;margin:5px 0 15px}.ref-clear-value{display:flex!important;align-items:center;gap:5px;font-size:11px!important;margin:5px 0!important;color:#7a8882!important}.ref-clear-value input{width:13px!important;height:13px}
.ref-cart-dialog{width:min(1460px,96vw)!important}.ref-cart-dialog header{display:flex;align-items:center;gap:10px}.ref-cart-dialog header h3{flex:1}.ref-cart-filter{display:flex;gap:7px;flex-wrap:wrap}.ref-cart-filter input,.ref-cart-filter select{width:160px!important}.ref-cart-table{overflow:auto;max-height:55vh}.ref-cart-table table{border-collapse:collapse;min-width:1300px;width:100%;font-size:13px}.ref-cart-table th,.ref-cart-table td{border:1px solid #e0e9e4;padding:8px;text-align:left}.ref-cart-table th{background:#edf4f0;position:sticky;top:0}.ref-cart-table input[type=number]{width:110px!important}.ref-cart-table input[type=checkbox]{width:15px!important}.ref-cart-table select{min-width:160px}.ref-cart-totals{padding:14px 0;font-weight:600}.ref-cart-bulk{display:flex;gap:7px}.ref-cart-bulk input{width:120px!important}