.view:not(.active),.ops-view:not(.active),.erp3-view:not(.active){display:none!important}
.erp3-view{display:none;padding:28px 34px 60px;background:#f7f8fa;min-height:calc(100vh - 90px)}
.erp3-view.active{display:block}.erp3-shell{max-width:1500px;margin:auto}.erp3-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.erp3-head h2{font-size:28px;margin:0 0 7px}.erp3-head p{margin:0;color:#667085}.erp3-btn{border:1px solid #d0d5dd;background:#fff;border-radius:9px;padding:10px 15px;font-weight:650;cursor:pointer}.erp3-btn.primary{background:#15384a;color:#fff;border-color:#15384a}.erp3-tabs{display:flex;gap:6px;overflow:auto;padding:5px;background:#eef1f3;border-radius:12px;margin-bottom:18px}.erp3-tabs button{white-space:nowrap;border:0;background:transparent;border-radius:8px;padding:10px 14px;cursor:pointer;color:#475467}.erp3-tabs button.active{background:#fff;color:#102a38;box-shadow:0 1px 4px #0001;font-weight:700}.erp3-flow{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:0 0 18px}.erp3-flow span{position:relative;padding:14px 10px;background:#fff;border:1px solid #dce3e7;border-radius:9px;text-align:center;font-size:13px}.erp3-flow span:not(:last-child):after{content:'›';position:absolute;right:-8px;z-index:2;color:#527487;font-size:20px}.erp3-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.erp3-metric,.erp3-card{background:#fff;border:1px solid #dde3e7;border-radius:12px;padding:18px}.erp3-metric small{color:#667085}.erp3-metric strong{display:block;font-size:25px;margin:8px 0}.erp3-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.erp3-card-head h3{margin:0}.erp3-table-wrap{overflow:auto;border:1px solid #dfe4e7;border-radius:10px;background:#fff}.erp3-table{width:100%;border-collapse:collapse;min-width:980px;font-size:13px}.erp3-table th{background:#f3f5f6;text-align:left;color:#475467;padding:12px;border-bottom:1px solid #dfe4e7;white-space:nowrap}.erp3-table td{padding:12px;border-bottom:1px solid #edf0f2;white-space:nowrap}.erp3-empty{text-align:center;color:#98a2b3;padding:45px}.erp3-status{display:inline-block;border-radius:99px;padding:4px 9px;background:#eef4f6;color:#31586b}.erp3-status.ok{background:#e8f7ef;color:#157347}.erp3-status.warn{background:#fff4dc;color:#9a6700}.erp3-auto-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.erp3-auto{background:#fff;border:1px solid #dde3e7;border-radius:10px;padding:14px}.erp3-auto b{display:block;margin-bottom:5px}.erp3-auto small{color:#667085}.erp3-nav-label{padding:18px 14px 7px;color:#7690a0;font-size:10px;letter-spacing:.12em}.erp3-nav-count{margin-left:auto;font-size:10px;color:#8ca0ac}.erp3-modal{border:0;border-radius:14px;padding:0;width:min(720px,90vw);box-shadow:0 24px 80px #0004}.erp3-modal::backdrop{background:#102a3866}.erp3-modal form{padding:22px}.erp3-modal-head{display:flex;justify-content:space-between;align-items:center}.erp3-modal-head h3{margin:0}.erp3-modal-head button{border:0;background:none;font-size:24px}.erp3-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.erp3-form label{font-size:12px;color:#475467}.erp3-form input,.erp3-form select,.erp3-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px;border:1px solid #d0d5dd;border-radius:8px}.erp3-actions{display:flex;justify-content:flex-end;gap:9px}.erp3-pill{display:inline-block;margin-right:6px;padding:4px 8px;border-radius:99px;background:#eef2f4;color:#526b78;font-size:12px}
.erp3-sticky-scroll{display:none;position:fixed;bottom:0;height:18px;overflow-x:scroll;overflow-y:hidden;background:#eef2f4;border:1px solid #b8c4ca;border-bottom:0;z-index:1000;box-shadow:0 -3px 10px #18323f20}.erp3-sticky-scroll>div{height:1px}.erp3-sticky-scroll::-webkit-scrollbar{height:16px}.erp3-sticky-scroll::-webkit-scrollbar-track{background:#e3e8eb}.erp3-sticky-scroll::-webkit-scrollbar-thumb{background:#718b98;border:3px solid #e3e8eb;border-radius:8px}.erp3-sticky-scroll::-webkit-scrollbar-thumb:hover{background:#3f6879}
.product-library-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.product-library-summary>div{background:#fff;border:1px solid #dde5e8;border-radius:12px;padding:16px}.product-library-summary small,.product-library-summary span{display:block;color:#71818a}.product-library-summary strong{display:block;font-size:26px;margin:7px 0;color:#123247}.product-library-card{padding:0;overflow:hidden}.product-library-title{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 14px}.product-library-title h3{margin:0;font-size:20px}.product-library-title p{margin:5px 0 0;color:#73838b;font-size:12px}.product-library-toolbar{display:grid;grid-template-columns:1.5fr .8fr .7fr;gap:10px;padding:14px 22px;background:#f5f7f8;border-top:1px solid #edf0f1;border-bottom:1px solid #e2e7e9}.product-library-toolbar input,.product-library-toolbar select{width:100%;box-sizing:border-box;border:1px solid #ced8dc;background:#fff;border-radius:8px;padding:10px}.product-search{position:relative}.product-search span{position:absolute;left:12px;top:9px;color:#738993}.product-search input{padding-left:34px}.product-result-meta{padding:10px 22px;color:#71818a;font-size:12px}.product-clean-table{overflow:auto;max-height:calc(100vh - 390px)}.product-clean-table table{width:100%;border-collapse:collapse;min-width:1140px}.product-clean-table th{position:sticky;top:0;z-index:2;background:#eef2f4;color:#526773;text-align:left;font-size:12px;padding:11px 14px;border-bottom:1px solid #dbe3e6;white-space:nowrap}.product-clean-table td{padding:9px 14px;border-bottom:1px solid #edf1f2;font-size:12px;vertical-align:middle}.product-clean-table tbody tr:hover{background:#f7fafb}.product-name-cell{display:flex;align-items:center;gap:10px;min-width:280px}.product-name-cell>span:last-child b,.product-name-cell>span:last-child small{display:block}.product-name-cell small{color:#8a989f;margin-top:4px;max-width:310px;overflow:hidden;text-overflow:ellipsis}.product-avatar,.product-list-image{width:44px;height:44px;flex:0 0 44px;border-radius:8px}.product-avatar{background:#e5eef1;color:#24566b;display:flex;align-items:center;justify-content:center;font-weight:800}.product-list-image{object-fit:contain;background:#fff;border:1px solid #d9e2e5;padding:3px;box-sizing:border-box}.product-system-pill{display:inline-block;padding:5px 8px;border-radius:99px;background:#eef4f5;color:#3f6675;white-space:nowrap}.table-subline{display:block;color:#75868e;margin-top:4px}.product-price{font-weight:700;text-align:right;white-space:nowrap}.product-price.missing,.product-margin.missing{color:#a66a00;background:#fff8e8;border-radius:6px}.product-margin{font-weight:800;text-align:right;white-space:nowrap;color:#147a55}.product-stock{text-align:center;font-weight:700}.product-stock.negative{color:#b42318}.product-detail-button{border:1px solid #b9c8ce;background:#fff;color:#315e70;border-radius:7px;padding:6px 10px;cursor:pointer}.product-detail-button:hover{background:#eaf3f5}.erp3-product-detail{width:min(900px,92vw);max-height:86vh;padding:0;border:0;border-radius:14px;box-shadow:0 24px 80px #0005}.erp3-product-detail::backdrop{background:#102a3866}.product-detail-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px;border-bottom:1px solid #e0e6e8}.product-detail-head small{letter-spacing:.14em;color:#70858f}.product-detail-head h3{margin:6px 0;font-size:23px}.product-detail-head p{margin:0;color:#6a7e87}.product-detail-head button{border:0;background:none;font-size:26px;cursor:pointer}.product-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px;overflow:auto;max-height:calc(86vh - 110px)}.product-detail-grid>div{background:#f6f8f9;border:1px solid #e2e7e9;border-radius:9px;padding:12px;min-width:0}.product-detail-grid>div.wide{grid-column:1/-1}.product-detail-grid small,.product-detail-grid b{display:block}.product-detail-grid small{color:#71818a;margin-bottom:7px}.product-detail-grid b{white-space:pre-wrap;overflow-wrap:anywhere;font-weight:600}
@media(max-width:900px){.product-library-summary{grid-template-columns:repeat(2,1fr)}.product-library-toolbar{grid-template-columns:1fr}.product-detail-grid{grid-template-columns:1fr 1fr}}
.product-detail-image{display:flex!important;align-items:center;gap:18px;min-height:130px}.product-detail-image small{align-self:flex-start;min-width:70px}.product-detail-image button{width:150px;height:120px;border:1px solid #cfdbdf;border-radius:9px;background:#fff;padding:6px;cursor:zoom-in}.product-detail-image button:hover{border-color:#4f7d8d;box-shadow:0 4px 14px #244f6120}.product-detail-image img{width:100%;height:100%;object-fit:contain}.product-detail-image span{color:#98a2b3}
.erp3-form .product-image-field{grid-column:1/-1}.product-image-upload{min-height:150px;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:6px;padding:16px;border:1.5px dashed #9fb4bd;border-radius:10px;background:#f8fbfc;cursor:pointer;outline:0}.product-image-upload:focus,.product-image-upload:hover{border-color:#316b80;background:#f2f8fa}.product-image-upload img{width:150px;height:120px;object-fit:contain;border:1px solid #d5e0e4;border-radius:8px;background:#fff}.product-image-upload>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.product-image-upload b{font-size:14px;color:#193d4c}.product-image-upload span{color:#71818a}.product-image-upload button{border:1px solid #b9cbd2;background:#fff;border-radius:7px;padding:7px 11px;color:#315e70;cursor:pointer}.product-image-upload [data-remove-image]{display:none;color:#b42318;border-color:#e6b3ad}.product-image-upload.has-image [data-remove-image]{display:inline-block}
@media(max-width:1100px){.erp3-flow{grid-template-columns:repeat(4,1fr)}.erp3-metrics{grid-template-columns:repeat(2,1fr)}}