/* AVP Trade UI V5.22 — consolidated active cascade.
   Source order is preserved from V5.21.1 so existing screens keep their visual behaviour,
   while the V5.22 component layer below owns the new supplier/mobile experience. */

/* ===== BEGIN style.css ===== */
:root{--green:#72aa36;--deep:#142c21;--deep2:#0c2019;--bright:#84c344;--ink:#182722;--muted:#7d8984;--border:#e7ebe8;--surface:#fff;--bg:#f6f8f6;--soft:#edf4e9;--shadow:0 14px 40px rgba(21,50,30,.045);--radius:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'Segoe UI',Inter,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}img{max-width:100%}.layout{display:flex;min-height:100vh}.sidebar{width:258px;flex-shrink:0;background:linear-gradient(175deg,#183d2e 0%,#0c2019 70%);color:#cedbd1;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;z-index:25;box-shadow:6px 0 28px rgba(12,38,24,.06)}.brand{padding:29px 21px 30px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);gap:2px}.brand img{width:210px;height:65px;object-fit:contain;object-position:center;filter:brightness(1.2)}.brand small{font:700 9px 'Segoe UI',sans-serif;letter-spacing:4px;color:#bdd7aa}.side-label{font-size:10px;color:#83a795;font-weight:800;letter-spacing:2px;margin:33px 24px 12px}.side-nav{display:flex;flex-direction:column;gap:5px;padding:0 12px;overflow:auto}.nav-link{display:flex;gap:14px;align-items:center;padding:12px 15px;border-radius:10px;font-weight:600;font-size:13px;position:relative;transition:.2s}.nav-link svg{color:#a6baa9}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.nav-link.on{background:linear-gradient(90deg,rgba(132,195,68,.2),rgba(132,195,68,.035));color:#fff}.nav-link.on:before{content:"";width:3px;position:absolute;left:0;top:8px;bottom:8px;background:#90c953;border-radius:8px}.nav-link.on svg{color:#a4d75e}.active-dot{width:5px;height:5px;border-radius:50%;background:var(--bright);margin-left:auto}.side-bottom{margin:auto 17px 20px;padding:17px 7px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:11px}.avatar,.top-avatar{background:linear-gradient(135deg,#94cf5b,#4b8e2d);color:white;font-weight:800;border-radius:12px;display:grid;place-items:center;width:39px;height:39px}.side-person{display:flex;flex-direction:column;gap:4px}.side-person strong{font-size:13px;color:#fff}.side-person small{font-size:11px;color:#89a993}.app-main{margin-left:258px;flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;padding:0 34px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font-size:11px;color:#6e8777;letter-spacing:1.2px;font-weight:800}.breadcrumb span{margin:0 12px;color:#c3cec6}.topbar-tools{display:flex;align-items:center;gap:12px}.topbar-tools select{border:1px solid #e5ebe6;border-radius:8px;background:#f8faf8;padding:9px 12px;color:#314a39;min-width:74px;outline:0;font-size:12px;font-weight:700}.pref-form{display:flex;gap:8px}.top-avatar{width:35px;height:35px;border-radius:11px}.logout-icon{border:0;background:#f5f7f5;border-radius:9px;width:35px;height:35px;color:#44634b;font-size:22px}.content{width:100%;max-width:1600px;margin:0 auto;padding:36px 38px 56px;flex:1}.app-footer{font-size:11px;color:#9da9a0;text-align:center;padding:20px}.mobile-toggle{display:none}.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}.overline{font-size:10px!important;letter-spacing:2px!important;color:#72a15f!important;font-weight:800!important;margin:0 0 8px!important}.page-heading h1{font-family:'Segoe UI',sans-serif;letter-spacing:-1.3px;font-weight:800;font-size:30px;line-height:1.35;margin:0;color:#183127}.page-heading p:not(.overline){font-size:13px;color:#89938e;margin:7px 0 0}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:11px 17px;border:1px solid transparent;font-size:12px;font-weight:800;white-space:nowrap;min-height:40px;transition:transform .16s,background .16s,box-shadow .16s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#306d3f;color:#fff;box-shadow:0 6px 15px rgba(48,109,63,.12)}.btn-primary:hover{background:#215b31}.btn-outline{background:#fff;color:#355b42;border-color:#dfe8df}.btn-outline:hover{border-color:#a7c9a3}.btn-danger{background:#a83232;color:#fff}.btn-wide{width:100%}.btn svg{width:16px;height:16px}.welcome-banner{background:linear-gradient(110deg,#173a2b 5%,#245a3a 65%,#2d713b 100%);padding:31px 35px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;min-height:185px;overflow:hidden;color:#fff;margin-bottom:25px;box-shadow:0 12px 30px rgba(12,41,22,.1)}.welcome-banner>div{position:relative;z-index:1}.welcome-banner p{font-size:10px;letter-spacing:2px;font-weight:800;color:#ace077;margin:0 0 10px}.welcome-banner h2{font:800 22px 'Segoe UI',sans-serif;letter-spacing:-.5px;margin:0 0 10px}.welcome-banner span{font-size:12px;color:#bdd8c4}.welcome-banner img{width:190px;height:175px;object-fit:contain;opacity:.22;transform:scale(1.5) translateX(5%)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric{background:#fff;padding:22px 23px;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);min-width:0}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#88948d;font-size:11px;font-weight:700;gap:6px}.metric-top i{color:#609c53;background:#eef7eb;display:grid;place-items:center;border-radius:10px;width:33px;height:33px;font-style:normal}.metric strong{display:block;font:800 25px 'Segoe UI',sans-serif;letter-spacing:-1px;margin:9px 0 5px;color:#1d3928;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric small{color:#9da8a0;font-size:11px;line-height:1.4}.dashboard-columns,.order-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:19px;align-items:start}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:23px;margin-bottom:19px;min-width:0}.panel-tight{padding:16px 22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-heading h2{font:800 16px 'Segoe UI',sans-serif;letter-spacing:-.35px;margin:0 0 5px}.panel-heading p{margin:0;color:#9ca79f;font-size:11px;line-height:1.5}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}.data-table thead{background:#f8faf7}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#98a39a;font-weight:800;padding:13px 14px;white-space:nowrap}.data-table td{border-bottom:1px solid #f0f2ee;padding:14px;vertical-align:middle;min-width:70px}.data-table td strong{font-weight:800;color:#294335}.data-table tr:last-child td{border-bottom:0}.td-sub{display:block;font-size:10px;margin-top:5px;color:#a0aba2}.status{font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;text-transform:capitalize;white-space:nowrap}.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-green{color:#2c9155;background:#eaf8ef}.status-blue{color:#416fa4;background:#edf3fc}.status-amber{color:#ad7a22;background:#fff6e5}.status-red{color:#bd5454;background:#fff0f0}.status-muted{color:#77877d;background:#eef0ef}.link-arrow{color:#348044;font-weight:800;font-size:11px;white-space:nowrap}.quick-actions{display:flex;flex-direction:column;gap:6px}.quick-actions a{display:flex;align-items:center;gap:13px;border:1px solid #eaf0e8;border-radius:10px;padding:15px 12px;color:#5a8f5f}.quick-actions a:hover{background:#f5faf3}.quick-actions span{flex:1;display:flex;flex-direction:column;gap:4px}.quick-actions strong{font-size:12px;color:#304b39}.quick-actions small{font-size:10px;color:#a1ada2}.review-line,.download-line,.invoice-link{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding:13px 3px;font-size:12px}.review-line svg,.download-line svg,.invoice-link svg{color:#67a666;flex:none}.review-line span,.download-line span,.invoice-link span{flex:1}.review-line b{font-size:12px;color:#23442e}.download-line small,.invoice-link small{display:block;font-size:10px;color:#a3ada4;margin-top:4px}.notice{border-radius:10px;padding:13px 16px;background:#edf7ed;color:#27663f;font-size:12px;margin-bottom:19px;border:1px solid #d4e7d1;line-height:1.6}.notice-warn{background:#fff7e8;border-color:#f4dfb5;color:#8d651e}.notice-error{background:#fff0f0;color:#a22f2f;border-color:#f0cccc}.filter-bar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;background:#fff;border:1px solid var(--border);padding:14px;border-radius:12px;margin-bottom:20px}.filter-bar>.field{flex:1;min-width:150px;margin:0}.filter-bar>select{height:43px;min-width:170px;border:1px solid #e1e7e1;border-radius:8px;padding:0 13px;background:#fbfcfb;font-size:12px;color:#51665a}.filter-bar .btn{height:43px}.search-field{display:flex;align-items:center;gap:10px;background:#f9fbf9;border:1px solid #e5eae4;border-radius:8px;padding:0 13px;flex:1;min-width:280px;height:43px;color:#8fa199}.search-field input{background:transparent;border:0;outline:0;width:100%;font-size:12px}.result-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 1px 15px;font-size:12px}.result-toolbar span{color:#97a198}.view-switch{display:flex;border:1px solid #e6eae5;border-radius:8px;padding:3px;background:#fff}.view-switch button{border:0;background:none;padding:7px 11px;border-radius:5px;color:#a0aa9d}.view-switch button.active{background:#eaf4e8;color:#3d8e53}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:#fff;border-radius:13px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow);min-width:0;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(18,54,32,.09)}.product-media{height:200px;background:linear-gradient(160deg,#fbfcfb,#f1f6f0);border-bottom:1px solid #edf0ec;display:grid;place-items:center;overflow:hidden}.product-media img{height:100%;width:100%;object-fit:contain;padding:18px}.no-image{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#9db29d}.no-image svg{height:45px;width:45px;opacity:.55}.no-image span{font:800 11px 'Segoe UI',sans-serif;letter-spacing:3px}.product-card-body{padding:17px 16px;display:flex;flex:1;flex-direction:column}.product-card-category{font-size:10px;font-weight:800;letter-spacing:.3px;color:#73a267;text-transform:uppercase;line-height:1.7}.product-card h3{font:800 14px/1.5 'Segoe UI',sans-serif;color:#24392c;min-height:43px;margin:8px 0 4px}.product-mini{font-size:11px;color:#919f93;min-height:15px}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.card-tags span{font-size:9px;border-radius:5px;padding:5px 7px;background:#f5f7f4;color:#7b907b;font-weight:700}.product-card-bottom{border-top:1px solid #ecf1eb;margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:5px}.product-card-bottom small,.purchase-panel small{display:block;color:#9ca89b;font-size:9px;font-weight:700;margin-bottom:4px}.product-card-bottom strong{font:800 16px 'Segoe UI',sans-serif;letter-spacing:-.5px;color:#2d673b}.product-card-bottom .btn{padding:8px 9px;min-height:32px;font-size:10px}.products-grid.list-mode{grid-template-columns:1fr}.products-grid.list-mode .product-card{flex-direction:row}.products-grid.list-mode .product-media{width:145px;height:132px;flex-shrink:0;border-right:1px solid var(--border);border-bottom:0}.products-grid.list-mode .product-card-body{padding:15px;display:grid;grid-template-columns:1.4fr 1fr;gap:5px}.products-grid.list-mode .product-card h3{grid-column:1;margin:0;min-height:0}.products-grid.list-mode .product-card-bottom{grid-column:2;grid-row:1/4;align-self:center;margin:0;padding:0;border:0}.products-grid.list-mode .card-tags{margin:0}.pagination{display:flex;gap:7px;justify-content:center;margin:24px}.page-link{border:1px solid #e1e9df;background:white;padding:9px 12px;border-radius:6px;font-size:11px;font-weight:800}.page-link.active{background:#2d7141;color:white}.empty-state{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;gap:10px;color:#829786}.empty-state svg{height:37px;width:37px;color:#a7baa8}.empty-state h3{font:800 16px 'Segoe UI',sans-serif;color:#335841;margin:6px 0 0}.empty-state p{font-size:12px;margin:0 0 6px;color:#879a8b}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#5a695d;min-width:0}.field>span{color:#63766a}.field input,.field textarea,.field select{width:100%;background:#fff;border:1px solid #dfe7de;border-radius:8px;outline:none;padding:11px 12px;color:#26382d;min-height:42px;transition:border-color .15s;font-size:12px;font-weight:500}.field input:focus,.field textarea:focus,.field select:focus{border-color:#76ac6f;box-shadow:0 0 0 3px rgba(115,171,87,.1)}.field textarea{resize:vertical;line-height:1.6}.form-stack{display:flex;flex-direction:column;gap:14px}.form-stack>.btn{margin-top:2px}.fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:16px}.editor-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.85fr);gap:20px;align-items:start}.editor-grid .panel>.field{margin-top:13px}.editor-grid .panel>.fields-grid{margin-top:13px}.editor-image{height:220px;display:grid;place-items:center;background:#f8faf8;border:1px dashed #dbe5da;border-radius:10px;margin-bottom:18px;overflow:hidden}.editor-image img{width:100%;height:100%;object-fit:contain;padding:20px}.helper-note{padding:12px 14px;border-radius:8px;background:#f3f8f0;font-size:11px;line-height:1.6;color:#789173;margin-top:10px}.sticky-submit{background:#fff;border-radius:13px;padding:18px;border:1px solid var(--border)}.sticky-submit p{font-size:11px;color:#879e8a;margin:0 0 11px}.tabs{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e1e9e1;margin-bottom:22px;flex-wrap:wrap}.tab{padding:14px 18px;color:#87988a;font-size:12px;font-weight:800;white-space:nowrap;display:inline-flex;border-bottom:2px solid transparent}.tab.active{border-color:#458b4f;color:#2c7141}.tab.muted{color:#b2bdb2}.product-detail-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:start}.detail-photo{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;min-height:485px}.detail-photo-inner{height:445px;display:grid;place-items:center;background:#f9fbf9;border-radius:10px}.detail-photo-inner img{object-fit:contain;max-height:100%;max-width:100%}.detail-info{background:#fff;border:1px solid var(--border);border-radius:14px;padding:31px}.detail-topline{font-size:11px;color:#80a36d;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:12px}.detail-info h2{font:800 23px/1.35 'Segoe UI',sans-serif;letter-spacing:-1px;margin:15px 0 8px;color:#1e3b2a}.product-sku{font-size:10px;color:#829585;letter-spacing:.5px;margin-bottom:18px}.muted{color:#8d9a90!important;font-size:12px;line-height:1.65}.detail-highlights{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px 0;border-bottom:1px solid var(--border)}.detail-highlights>div{display:flex;flex-direction:column;gap:6px}.detail-highlights span{font-size:10px;color:#8ba18c}.detail-highlights b{font-size:12px;color:#354c39}.purchase-panel{margin-top:22px;background:#f3f9ef;border:1px solid #dfeedd;border-radius:13px;padding:21px}.purchase-panel>strong{font:800 29px 'Segoe UI',sans-serif;color:#276e3b;letter-spacing:-1px}.purchase-panel .muted{margin:10px 0;font-size:11px}.product-cart{display:flex;align-items:end;gap:10px;margin-top:18px}.product-cart .field{max-width:120px}.detail-bottom{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:20px}.spec-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eff2ee;font-size:12px}.spec-list>div:last-child{border:0}.spec-list span{color:#869b89;flex:none}.spec-list strong{font-weight:700;text-align:right;color:#2c4735;overflow-wrap:anywhere}.tier-table input{width:100%;border:1px solid #dae6d8;padding:9px;min-width:115px;border-radius:6px}.row-remove,.ghost-danger{background:#fff4f4;color:#b55151;border:0;border-radius:6px;font-size:21px;padding:4px 10px}.panel-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.customer-pricing-head{display:flex;align-items:center;justify-content:space-between;padding:23px 26px;margin-bottom:18px;background:linear-gradient(105deg,#e6f1e2,#f8fbf7);border:1px solid #dce9d7;border-radius:13px}.customer-pricing-head small{font-size:10px;color:#76a676;font-weight:800;letter-spacing:1px}.customer-pricing-head h2{font:800 21px 'Segoe UI',sans-serif;margin:6px 0}.customer-pricing-head p{font-size:12px;color:#788e78;margin:0}.customer-mark{width:65px;height:65px;border-radius:17px;display:grid;place-items:center;background:#357d45;color:white;font:800 21px 'Segoe UI',sans-serif}.pricing-product,.statement-card{background:#fff;border:1px solid var(--border);border-radius:11px;margin-bottom:10px;box-shadow:var(--shadow)}.pricing-product summary,.statement-card summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;list-style:none}.pricing-product summary::-webkit-details-marker,.statement-card summary::-webkit-details-marker{display:none}.pricing-ident{display:flex;align-items:center;gap:15px;flex:1;min-width:0}.pricing-ident>span,.statement-title{display:flex;flex-direction:column;gap:5px}.pricing-ident strong{font-size:12px}.pricing-ident small,.statement-title small{font-size:10px;color:#97a59b}.pricing-thumb{width:62px;height:57px;flex:none;background:#f7faf7;border-radius:6px;display:grid;place-items:center;overflow:hidden}.pricing-thumb img{object-fit:contain;height:100%;width:100%;padding:5px}.pricing-thumb .no-image svg{width:24px;height:24px}.pricing-thumb .no-image span{display:none}.pricing-rate{display:flex;flex-direction:column;gap:3px;text-align:right}.pricing-rate small{font-size:9px;color:#a0aea1}.pricing-rate b{color:#367646;font:800 16px 'Segoe UI',sans-serif}.chevron{color:#91a28e;margin-left:10px;font-size:18px;transition:transform .2s}.pricing-product[open] .chevron,.statement-card[open] .chevron{transform:rotate(180deg)}.price-expanded,.statement-content{border-top:1px solid var(--border);padding:20px}.price-editor{margin-top:14px;padding:13px 15px;background:#f9fbf8;border-radius:9px}.inline-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.inline-form .field{flex:1;min-width:145px}.override-caption{font-size:10px;color:#869b89;margin-top:15px}.override-pills{display:flex;flex-wrap:wrap;gap:8px}.override-pills .inline-form{gap:4px;border:1px solid #dae8da;background:#fff;border-radius:7px;padding:4px 9px;font-size:11px}.override-pills button{border:0;background:transparent;font-size:18px}.text-danger{color:#bf5d5d!important}.cart-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(315px,.8fr);gap:20px}.cart-line{display:flex;align-items:center;gap:15px;padding:13px 0;border-top:1px solid #ecf1eb}.cart-line:first-child{border:0}.cart-line>div:nth-child(2){flex:1}.cart-line b{font-size:12px}.cart-line small{display:block;font-size:10px;color:#9aa89b;margin-top:6px}.cart-line>strong{font-size:14px;color:#346e42}.cart-thumb{width:75px;height:68px;flex:none;background:#f7faf7;border-radius:7px;display:grid;place-items:center}.cart-thumb img{max-width:100%;height:100%;object-fit:contain;padding:7px}.total-big{display:flex;flex-direction:column;gap:5px;margin:12px 0 25px}.total-big small{color:#98a898;font-size:11px}.total-big strong{font:800 30px 'Segoe UI',sans-serif;color:#327a42;letter-spacing:-1px}.total-big span{font-size:11px;color:#9aa89b}.order-top{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--border);padding:23px 25px;border-radius:13px;margin-bottom:18px}.order-top h2{font:800 22px 'Segoe UI',sans-serif;letter-spacing:-.4px;margin:12px 0 5px}.order-top p{font-size:11px;color:#9aa99c;margin:0}.dispatch-tag{font-size:10px;font-weight:800;color:#567e5f;margin-left:7px;background:#f3f8f1;border:1px solid #e3ede1;border-radius:6px;padding:6px 9px}.order-total{text-align:right;display:flex;flex-direction:column;gap:6px}.order-total small{font-size:10px;color:#94a094}.order-total strong{font:800 25px 'Segoe UI',sans-serif;color:#30733f}.order-tabs{margin-bottom:22px}.checkbox-stack{display:flex;flex-direction:column;gap:11px;background:#f8faf8;padding:14px;border-radius:8px;color:#61796a;font-size:11px}.checkbox-stack label{display:flex;gap:9px;align-items:center}.checkbox-stack input{accent-color:#428c50}.danger-disclosure{border-top:1px solid #f0e3e3;margin-top:20px;padding-top:17px;color:#a85e5e;font-size:11px}.danger-disclosure summary{cursor:pointer;font-weight:800}.danger-disclosure form{margin-top:14px}.order-physical{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.row-edit summary{cursor:pointer;color:#377b46;font-size:11px;font-weight:700}.row-edit form{min-width:170px;padding-top:10px}.payment-summary{display:flex;gap:15px;margin-bottom:18px}.payment-summary>.metric{flex:1}.ledger-list{border-top:1px solid #edf1ed;margin-top:20px}.ledger-entry{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eef2ef}.ledger-entry strong{color:#2f6340;font-size:13px}.ledger-entry small{display:block;margin-top:5px;font-size:10px;color:#93a092}.ledger-entry .inline-controls{margin-left:auto}.inline-controls form,.mini-actions{display:flex;gap:7px}.mini-btn{background:#f1f6ef;border:1px solid #e3ece3;color:#4d8155;font-size:10px;font-weight:800;border-radius:6px;padding:7px 9px}.info-band{background:#ecf5e9;border:1px solid #dfeedd;border-radius:11px;padding:19px;display:flex;align-items:center;gap:15px;margin-bottom:19px;color:#4a8850}.info-band svg{flex:none}.info-band strong{font-size:13px;color:#336c3c}.info-band p{margin:6px 0 0;font-size:11px;color:#6d916f;line-height:1.6}.statement-summary{display:flex;align-items:center;gap:35px}.statement-summary>div{display:flex;flex-direction:column;gap:4px;text-align:right}.statement-summary small{font-size:10px;color:#94a396}.statement-summary b{font-size:15px;color:#316e3e}.statement-title b{font-size:12px}.balances-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px}.balances-grid>div{background:#f9fbf9;border:1px solid #ecf0ec;padding:15px;border-radius:7px;display:flex;flex-direction:column;gap:7px}.balances-grid span{font-size:10px;color:#87968a}.balances-grid strong{font-size:15px;color:#326642}.settlement-pill{padding:15px;background:#eef6eb;border-radius:9px;margin-bottom:13px;color:#357840;font-size:12px}.channel-toggle{display:flex;gap:8px;margin:0 0 18px}.thread{display:flex;flex-direction:column;gap:12px;min-height:230px;max-height:550px;overflow:auto;padding:20px;background:#f8faf8;border-radius:10px}.bubble{background:#fff;border:1px solid #e8eee7;border-radius:13px 13px 13px 2px;padding:11px 14px;max-width:76%;align-self:flex-start}.bubble.mine{background:#e9f5e6;border-color:#d8ead2;align-self:flex-end;border-radius:13px 13px 2px 13px}.bubble small{font-size:10px;color:#8ba18b}.bubble p{font-size:12px;color:#344a38;margin:6px 0 0;line-height:1.6;white-space:pre-wrap}.chat-form{display:flex;gap:10px;margin-top:18px}.chat-form textarea{flex:1;min-height:68px;padding:12px;border:1px solid #dfe8de;border-radius:9px;resize:vertical}.chat-form .btn{align-self:flex-end}.download-line span{display:flex;flex-direction:column}.invoice-link{border:1px solid var(--border);padding:16px;margin-bottom:10px;border-radius:10px}.invoice-link span{display:flex;flex-direction:column}.invoice-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(275px,.7fr);gap:20px;align-items:start}.invoice-paper{background:#fff;min-height:780px;border:1px solid #e2e8e2;box-shadow:0 15px 35px rgba(0,0,0,.04);padding:36px;color:#253c2a}.invoice-paper-head{display:flex;align-items:center;justify-content:space-between}.invoice-paper-head img{width:260px;height:95px;object-fit:contain}.invoice-paper-head>div{display:flex;flex-direction:column;text-align:right;align-items:flex-end;gap:6px}.invoice-paper-head>div>strong{font:800 24px 'Segoe UI',sans-serif;letter-spacing:2px}.invoice-paper-head>div>span{font-size:11px}.invoice-divider{height:4px;background:linear-gradient(90deg,#78b045,#2f743f);margin:25px 0}.invoice-addresses{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:26px;min-height:95px}.invoice-addresses small,.invoice-notes strong{font-size:10px;color:#58914c;font-weight:800;letter-spacing:1px}.invoice-addresses p,.invoice-notes p{font-size:11px;line-height:1.65;color:#435c4a}.invoice-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f2f8f0;padding:13px;border-radius:5px;font-size:10px;margin:20px 0}.invoice-meta>div{display:flex;flex-direction:column;gap:7px;color:#8ea18e}.invoice-meta b{color:#2a4c30}.invoice-table{border-collapse:collapse;width:100%;font-size:11px}.invoice-table th{text-align:left;background:#1c472e;color:#fff;padding:12px 9px;font-size:10px}.invoice-table td{border-bottom:1px solid #edf0ed;padding:14px 9px;vertical-align:top}.invoice-table small{display:block;margin-top:5px;color:#9da89a}.invoice-totals{display:flex;justify-content:space-between;align-items:center;background:#eff6ed;border-top:2px solid #76a956;margin:27px 0 40px;padding:15px 20px}.invoice-totals span{font-size:12px;font-weight:800}.invoice-totals strong{font:800 20px 'Segoe UI',sans-serif;color:#376d3a}.invoice-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.invoice-foot{font-size:10px;color:#6d9470;letter-spacing:1px;margin-top:60px;text-align:center;border-top:1px solid #d8e6d5;padding-top:15px}.invoice-editor .panel{padding:20px}.invoice-editor .form-stack{margin-bottom:20px}.feature-list{padding-left:19px;font-size:12px;color:#677e6d;line-height:2}.import-guide{border-bottom:1px solid #eef2ed;padding:8px 0}.import-guide strong{font-size:12px;color:#507954}.import-guide p{font-size:11px;color:#92a197;line-height:1.5}.csv-drop{border:1px dashed #a9cda9;border-radius:12px;min-height:180px;background:#f5faf3;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;color:#4f8b56;text-align:center;padding:25px;cursor:pointer}.csv-drop>span{font-size:32px}.csv-drop strong{font-size:14px}.csv-drop small{font-size:11px;color:#9daa9c}.csv-drop input{max-width:210px;margin:8px auto}.import-progress{margin:10px 0 20px;display:flex;flex-direction:column;gap:8px}.progress-bar{height:11px;border-radius:10px;background:#ecf2ed;overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#3a8e46,#8abf4e);transition:width .2s}.import-progress strong{font-size:12px}.import-progress small{font-size:11px;color:#8a9789}.auth-page{display:grid;grid-template-columns:1.1fr .9fr;background:#f7faf7;min-height:100vh}.auth-art{background:radial-gradient(circle at 18% 90%,#296340 0%,transparent 35%),linear-gradient(135deg,#123a29,#0a2318);color:#fff;padding:7vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-signet{width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.05);padding:12px;margin-bottom:35px}.auth-signet img{height:100%;width:100%;object-fit:contain}.auth-kicker{font-size:11px;letter-spacing:3px;color:#a4d969;font-weight:800}.auth-art h1{font:800 clamp(38px,5vw,67px)/1.08 'Segoe UI',sans-serif;letter-spacing:-3px;max-width:650px;margin:15px 0}.auth-art>p:nth-of-type(2){color:#b6ccba;font-size:16px;line-height:1.7;max-width:410px}.auth-divider{height:1px;width:200px;background:rgba(255,255,255,.14);margin:40px 0 18px}.auth-art small{color:#749e81;font-size:11px}.auth-panel{display:flex;flex-direction:column;justify-content:center;max-width:470px;width:100%;margin:0 auto;padding:65px 50px}.auth-wordmark{width:220px;margin-bottom:58px}.auth-panel h2{font:800 26px 'Segoe UI',sans-serif;margin:0 0 10px;color:#234532}.auth-panel>p:not(.overline){font-size:13px;color:#96a49a;margin:0 0 33px}.auth-panel .field input{padding:15px}.auth-panel .btn{margin-top:10px;padding:15px}.auth-hint{text-align:center;margin-top:28px;color:#91a394;font-size:11px}
@media(max-width:1250px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns,.order-columns{grid-template-columns:1fr}.content{padding:28px 24px}.invoice-layout{grid-template-columns:1fr}.invoice-editor{max-width:660px}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.mobile-toggle{display:inline-flex;border:0;background:#f2f6f2;padding:9px 12px;border-radius:8px}.topbar{padding:0 18px}.breadcrumb{margin-right:auto}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid,.cart-layout,.product-detail-layout,.detail-bottom{grid-template-columns:1fr}.detail-photo{min-height:300px}.detail-photo-inner{height:300px}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100vh}}@media(max-width:580px){.content{padding:23px 14px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px}.page-heading h1{font-size:24px}.topbar{height:65px}.breadcrumb{display:none}.topbar-tools{margin-left:auto}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.metric strong{font-size:19px}.metric-top{font-size:10px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-media{height:143px}.product-card-body{padding:12px}.product-card h3{font-size:12px;line-height:1.4;min-height:43px}.product-card-category{font-size:9px}.product-card-bottom{align-items:start;flex-direction:column}.product-card-bottom .btn{width:100%}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .search-field,.filter-bar select,.filter-bar .field{min-width:0;width:100%}.fields-grid{grid-template-columns:1fr}.panel{padding:17px}.payment-summary{flex-wrap:wrap}.payment-summary .metric{min-width:145px}.order-top{align-items:flex-start;flex-direction:column}.order-total{text-align:left}.statement-card summary{padding:14px 10px;gap:6px}.statement-summary{gap:10px}.statement-summary small{font-size:9px}.statement-summary b{font-size:12px}.balances-grid{grid-template-columns:1fr 1fr}.product-detail-layout{gap:13px}.detail-info{padding:18px}.detail-photo{padding:10px}.detail-highlights{gap:10px}.tabs{overflow-x:auto;flex-wrap:nowrap}.invoice-paper{padding:17px}.invoice-paper-head img{width:135px}.invoice-meta{grid-template-columns:1fr 1fr}.invoice-notes{grid-template-columns:1fr}.invoice-addresses{gap:10px}.invoice-table{font-size:9px}.auth-panel{padding:26px}}
@media print{body{background:#fff!important}.sidebar,.topbar,.page-heading,.app-footer,.invoice-editor,.notice,.order-tabs{display:none!important}.layout,.app-main,.content,.invoice-layout{display:block!important;margin:0!important;padding:0!important;max-width:none!important}.invoice-paper{box-shadow:none;border:0;min-height:0;padding:10mm!important;width:100%}.invoice-paper-head img{width:250px}.invoice-meta{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-divider,.invoice-table th,.invoice-totals{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* v7: focused operations layout */
.import-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 24px}
.import-card{display:flex;flex-direction:column;gap:10px;min-height:138px;padding:18px;border:1px solid #d6e1d4;background:#fff;border-radius:16px;text-decoration:none;color:#183522;transition:transform .15s,border-color .15s,box-shadow .15s}
.import-card:hover{border-color:#69a83b;transform:translateY(-2px);box-shadow:0 10px 24px rgba(27,67,39,.07)}
.import-card.selected{border:2px solid #4e9727;background:#f3faed}
.import-card>span{font-size:24px;color:#428522}.import-card strong{font-size:15px}.import-card small{color:#617466;line-height:1.5}
.catalogue-filters{flex-wrap:wrap}.catalogue-filters input[type=number]{width:90px;max-width:110px}.catalogue-filters select{min-width:135px;max-width:190px}
.compatibility-workspace{background:#f7faf4;border:1px solid #dfeadc;border-radius:16px;padding:17px;margin:17px 0}
.compatibility-workspace h3{margin:0 0 6px;font-size:16px;color:#183b24}.compatibility-workspace p{font-size:13px;color:#5b745f}
.fitment-row{display:grid;grid-template-columns:minmax(110px,1.1fr) minmax(120px,1.1fr) 100px 100px 30px;gap:9px;align-items:end;margin-bottom:9px}
.fitment-row .field{min-width:0}.fitment-row input{min-width:0;width:100%}.fitment-row .row-remove{height:40px;max-width:30px}
.fitment-tags{display:flex;flex-wrap:wrap;gap:10px}.fitment-chip{display:flex;flex-direction:column;gap:4px;padding:12px 15px;border:1px solid #d7e9d3;background:#f7fbf3;border-radius:10px;color:#21472a;font-weight:700}.fitment-chip small{font-size:11px;font-weight:400;color:#60735c}
.ledger-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(110deg,#0d291b,#205f28);border-radius:18px;color:#fff;padding:25px 28px;margin:18px 0 22px}
.ledger-hero h2{margin:6px 0;color:#fff;font-size:24px}.ledger-hero p{margin:0;color:#dae6d8;font-size:13px}.ledger-hero span{font-size:12px;color:#bfdbb7}
.ledger-due{background:rgba(255,255,255,.1);border-radius:13px;padding:16px;min-width:230px}.ledger-due strong{font-size:28px;display:block;color:#fff;padding:6px 0}.ledger-due small{color:#daefd2}
.ledger-table small{display:block;font-size:11px;color:#6b776f;padding-top:4px}.ledger-table td{vertical-align:top;min-width:105px}.ledger-table td:nth-child(2){min-width:170px}.ledger-table .inline-form{margin-top:8px}
.settings-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-hub details{border:1px solid #dbe6d8;background:#fff;border-radius:14px;padding:17px}.settings-hub summary{cursor:pointer;font-weight:750;color:#1a3e28}.settings-hub details[open] summary{padding-bottom:13px;border-bottom:1px solid #edf3e8;margin-bottom:15px}
@media(max-width:1100px){.import-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fitment-row{grid-template-columns:repeat(2,minmax(0,1fr))}.fitment-row .row-remove{grid-column:2;justify-self:end}.settings-hub{grid-template-columns:1fr}}
@media(max-width:580px){.import-cards{grid-template-columns:1fr}.ledger-hero{align-items:flex-start;flex-direction:column}.ledger-due{width:100%}.fitment-row{display:grid;grid-template-columns:1fr 1fr}.fitment-row .field:first-child,.fitment-row .field:nth-child(2){grid-column:1 / -1}}

/* AVP Trade Management Portal v8 — Premium operations controls */
.focused-form{max-width:700px;margin-inline:auto;display:grid;gap:16px}
.onboarding-pin{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 22px;padding:22px 26px;border:1px solid #95b85e;border-radius:18px;background:linear-gradient(120deg,#eff8e5,#fff);color:#193c25;box-shadow:0 9px 24px rgba(26,75,30,.08)}
.onboarding-pin strong{font-size:1.1rem}.onboarding-pin p{font-size:.89rem;margin:6px 0}.pin-code{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.16em;border-radius:12px;padding:14px 18px;background:white;border:1px dashed #689c3f;user-select:all}
.history-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0 22px}
.customer-link{color:#316b25;font-weight:700;text-decoration:none}.customer-link:hover{text-decoration:underline}
.activity-line{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 6px;border-bottom:1px solid #e5e9df}.activity-line p{margin:5px 0;color:#59695b}.activity-line small{color:#7a827c}.activity-line.activity-new{background:linear-gradient(90deg,rgba(106,162,53,.08),transparent);border-left:3px solid #79ae43;padding-left:13px}
.fx-result{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;margin:15px 0;border-radius:14px;background:#f0f8e9;padding:16px 20px;color:#285723}.fx-result strong{font-size:1.28rem}.fx-result span{font-size:.86rem}
.invoice-shipping{display:flex;justify-content:flex-end;gap:45px;font-size:13px;padding:12px 22px;border-top:1px solid #edf0e8}.invoice-shipping strong{font-size:15px}
.guide-disclosure{background:#fbfcf9;border:1px solid #e0e6d9;border-radius:14px;margin-top:18px;padding:16px}.guide-disclosure summary{font-weight:750;color:#244521;cursor:pointer;padding:0 0 10px}.import-rules td{vertical-align:top;font-size:12px;min-width:110px}.import-rules td:last-child{min-width:240px;line-height:1.5}.import-rules code{font-weight:700;color:#246336;background:#e7f0dd;padding:4px 6px;border-radius:5px}.import-rules small{display:block;color:#65715d}
.field input:focus,.field select:focus,.field textarea:focus,select:focus,textarea:focus{outline:2px solid #82ac56;outline-offset:2px;box-shadow:0 0 0 4px rgba(122,176,74,.11)}
.field{min-width:0}.field input,.field select,.field textarea{min-width:0}.field>span{font-weight:650;letter-spacing:.01em}
.settings-hub details{margin-bottom:12px}.settings-hub details>summary{cursor:pointer}.settings-hub details>summary:hover{color:#317b2d}
.invoice-paper{box-shadow:0 12px 40px rgba(11,40,17,.12)}
@media(max-width:850px){.history-summary{grid-template-columns:1fr 1fr}.onboarding-pin{flex-direction:column;align-items:flex-start}.pin-code{width:100%;text-align:center}.import-rules{min-width:680px}}
@media(max-width:540px){.history-summary{grid-template-columns:1fr}.invoice-shipping{justify-content:space-between}.onboarding-pin{padding:16px}.focused-form{width:100%}}
@media print{.invoice-shipping{padding:10px 22px}.invoice-paper{box-shadow:none}.invoice-editor,.sidebar,.topbar,.page-heading,.tabs{display:none!important}}

/* v9.1 product workflow / admin-only temporary invitations */
.catalogue-filters select[name="position"] {max-width: 215px;min-width: 160px;}
.fitment-row {grid-template-columns: minmax(130px,1fr) minmax(130px,1fr) 105px minmax(160px,0.9fr) 110px 36px;}
.fitment-row .fit-end-year[hidden]{display:none!important;}
.fitment-row .fit-end-mode {min-width: 155px;}
.pending-invites {margin-bottom:22px;}
.pending-invites>summary {cursor:pointer;padding:18px 20px;font-weight:700;}
.pending-invites .table-scroll {padding:4px 18px 10px;}
.pending-invites .helper-note {padding:0 20px 18px;}
.pin-secret {font-size:1.1rem;letter-spacing:0.13em;font-weight:800;background:#e7f3e8;padding:6px 10px;border-radius:7px;user-select:all;}
@media(max-width:1100px){.fitment-row{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.fitment-row{grid-template-columns:minmax(0,1fr);}}

/* v9.2: in-product quantity pricing editor */
.tier-inline-editor{margin-top:18px;padding:16px;border:1px solid var(--border,#dce8df);border-radius:12px;background:var(--surface,#fff)}
.tier-inline-editor summary{cursor:pointer;font-weight:700;margin-bottom:12px}
.tier-inline-editor .tier-table input{min-width:112px;width:100%;max-width:165px}
.tier-inline-editor>.btn{margin-top:14px}
@media(max-width:680px){.tier-inline-editor{padding:10px}.tier-inline-editor .table-scroll{overflow-x:auto}}

/* AVP 9.2 invoice centre, permission guard */
.invoice-filter{margin:18px 0 22px}.invoice-filter .search-field{flex:1;min-width:200px}
.invoice-sharing{margin:16px 0;padding:18px;background:#f1f7ed;border:1px solid #d9e7d2;border-radius:12px}
.invoice-sharing strong{font-size:13px;color:#255a35}.invoice-sharing p{line-height:1.6;font-size:12px;color:#536f55}
.invoice-sharing form{margin-top:12px}.invoice-sharing button{width:100%}
@media (max-width:780px){.invoice-filter{flex-wrap:wrap}.invoice-filter .field,.invoice-filter .search-field{width:100%}}

@media print{.invoice-sharing,.invoice-filter{display:none!important}}

/* AVP Trade Management Portal 9.3 — purposeful navigation, catalogue and finance refinements */
body{font-family:Inter,'Segoe UI Variable','Segoe UI',system-ui,-apple-system,sans-serif;font-size:14px;letter-spacing:-.005em}
.content{min-width:0}h1,h2,h3,strong{letter-spacing:-.025em} .btn{font-weight:650}
.side-nav{padding-top:8px}.side-group{border:0;margin:5px 10px 8px}.side-group>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 7px;color:#b6cbbd;letter-spacing:.1em;font-size:10px;font-weight:800;cursor:pointer;user-select:none}.side-group>summary::-webkit-details-marker{display:none}.side-chevron{font-size:17px;opacity:.75;transform:rotate(-90deg);transition:transform .15s}.side-group[open] .side-chevron{transform:rotate(0)}.side-group-links{display:grid;gap:3px;padding:4px 0 8px}.side-group .nav-link{margin:0 3px!important;min-width:0}.nav-count{margin-left:auto;background:#86bb45;color:#102b16;border-radius:100px;font-size:10px;padding:2px 7px;font-weight:850}
.top-notification{display:inline-flex;position:relative;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #e4ece2;border-radius:11px;color:#39593c;text-decoration:none}.notification-counter{position:absolute;right:-5px;top:-7px;font-size:10px;line-height:1.5;min-width:17px;padding:0 4px;border-radius:100px;color:white;background:#287b32;text-align:center}.notification-counter:empty{display:none}
.products-grid{gap:19px}.avp-product-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #e0e9dd;border-radius:19px;overflow:hidden;background:#fff;box-shadow:0 4px 17px rgba(24,49,28,.045);transition:transform .16s,box-shadow .16s,border-color .16s}.avp-product-card:hover{border-color:#9abc8e;box-shadow:0 15px 32px rgba(19,54,25,.095);transform:translateY(-2px)}.avp-product-card .product-media{height:185px;min-height:185px;background:#fff;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #ecf0eb;padding:14px}.avp-product-card .product-media img{width:100%;height:100%;object-fit:contain!important;object-position:center}.avp-product-card .product-card-body{display:flex;flex-direction:column;flex:1;gap:9px;padding:16px 17px 18px}.avp-product-card .product-card-body h3{font-size:15px;line-height:1.4;min-height:42px;margin:2px 0;font-weight:740;letter-spacing:-.02em}.avp-product-card .product-card-category{color:#3f8a37;font-weight:800;font-size:10px;letter-spacing:.065em;text-transform:uppercase}.avp-product-card .card-fitment{color:#75837b;font-size:12px;min-height:17px}.card-codes{margin:0;padding:10px 0;border-top:1px solid #edf1ec;border-bottom:1px solid #edf1ec;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.card-codes div{min-width:0}.card-codes dt{font-size:10px;color:#7a887c;margin-bottom:4px}.card-codes dd{font-size:11px;font-weight:760;color:#293e2e;margin:0;overflow-wrap:anywhere}.avp-product-card .card-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0}.avp-product-card .card-tags span{font-size:10px;background:#eef5ea;color:#3f6639;border-radius:7px;padding:5px 8px}.avp-product-card .product-card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:7px}.avp-product-card .product-card-bottom strong{display:block;font-size:17px}.avp-product-card .product-card-bottom .btn{font-size:11px;padding:8px 10px}.product-card-hit{position:absolute;inset:0;z-index:1;border-radius:19px}.avp-product-card .catalogue-add-form,.avp-product-card .product-card-bottom>a{position:relative;z-index:2}.catalogue-add-form{padding-top:10px;border-top:1px solid #eef1ed;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.catalogue-add-form label{color:#52665a;font-size:11px;font-weight:740;display:flex;align-items:center;gap:5px}.catalogue-add-form input{width:65px;min-height:35px;padding:6px;border:1px solid #d6e5d3;border-radius:8px}.catalogue-add-form .btn{flex:1;min-width:120px;min-height:36px;font-size:11px;padding:7px 8px}.catalogue-add-form .btn:hover{filter:brightness(.93)}.card-codes,.avp-product-card h3,.avp-product-card .product-card-category{pointer-events:none}
.profile-header{display:flex;gap:18px;align-items:center;padding:10px 0 20px}.profile-header strong{font-size:20px}.profile-header p{color:#758577;margin:5px 0}.profile-photo{width:88px;height:88px;object-fit:cover;border-radius:22px;border:3px solid #e1eede;background:#eef7ec;display:flex;align-items:center;justify-content:center}.profile-placeholder{font-size:31px;font-weight:800;color:#468341}.invoice-payment-strip{display:flex;justify-content:flex-end;gap:28px;margin:14px 0;padding:18px 20px;background:#f3f8f1;border-radius:10px;border:1px solid #e0ecdb}.invoice-payment-strip span{font-size:12px;color:#536358}.invoice-payment-strip b{font-size:18px;display:block;color:#25442c;margin-top:4px}.account-mini-metrics{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 18px}.account-mini-metrics span{display:flex;flex-direction:column;gap:6px;padding:12px;background:#f1f7ee;border-radius:10px}.reminder-copy{width:100%;min-height:240px;padding:16px 18px;border:1px solid #dee9dd;border-radius:12px;color:#284030;line-height:1.7;background:white}.customer-release{margin-top:22px;border-top:1px solid #e3eae0;padding-top:18px}.customer-release>strong{font-size:15px}.invoice-link{text-decoration:none}.mini-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:1250px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-codes{grid-template-columns:1fr}}@media(max-width:600px){.products-grid{grid-template-columns:1fr}.avp-product-card .product-media{height:220px}.invoice-payment-strip{justify-content:space-between;gap:12px}.sidebar{width:min(290px,90vw)}.content{min-width:0}.topbar-tools{gap:5px}.top-notification{width:34px;height:34px}}
@media print{.top-notification,.catalogue-add-form,.invoice-sharing,.panel-actions,#copyReminder{display:none!important}.invoice-payment-strip{border:1px solid #ccc!important;print-color-adjust:exact}}
.nav-profile-photo{height:100%;width:100%;max-height:45px;max-width:45px;display:block;object-fit:cover;border-radius:inherit}.top-avatar,.avatar{overflow:hidden}

/* AVP navigation refresh: semantically grouped, collapsible and responsive. */
.sidebar{width:274px;background:linear-gradient(180deg,#18392b 0%,#0e281e 56%,#0a2018 100%)}
.app-main{margin-left:274px}
.brand{padding:23px 17px 22px}
.brand img{width:196px;height:60px;object-fit:contain}
.brand small{letter-spacing:2.4px;font-size:9px}
.side-nav{padding:17px 12px 14px;gap:7px;scrollbar-width:thin;scrollbar-color:#496951 transparent}
.nav-primary{padding:0 5px 12px;border-bottom:1px solid rgba(255,255,255,.11);margin-bottom:8px}
.nav-primary>.nav-link{font-size:13px;font-weight:750;padding:13px 13px}
.side-group{margin:2px 3px;border:1px solid transparent;border-radius:12px;overflow:hidden}
.side-group[open]{border-color:rgba(171,218,158,.15);background:rgba(255,255,255,.035)}
.side-group>summary{padding:13px 10px;display:flex;align-items:center;justify-content:flex-start;gap:12px;color:#c2d7c6;font-size:11px;letter-spacing:.025em;font-weight:750;line-height:1.5;border-radius:10px}
.side-group>summary>svg{width:18px;height:18px;flex:none;color:#a0c78f}
.side-group>summary:hover{color:#fff;background:rgba(255,255,255,.05)}
.side-group>summary:focus-visible,.side-group a:focus-visible{outline:2px solid #95cc73;outline-offset:-2px}
.side-group-name{flex:1}
.side-group .side-chevron{width:16px;height:16px;display:grid;place-items:center;transform:rotate(90deg);color:#9aac9b}
.side-group .side-chevron svg{width:13px;height:13px;transform:rotate(0deg)}
.side-group[open] .side-chevron{transform:rotate(-90deg)}
.side-group-links{padding:2px 5px 10px 13px;margin:0 8px 0 16px;border-left:1px solid rgba(169,208,163,.19);display:grid;gap:2px}
.side-group .nav-link{margin:0 0 0 2px!important;padding:10px 10px 10px 12px;border-radius:8px;font-size:12px;font-weight:570;line-height:1.35;gap:10px}
.side-group .nav-link svg{width:17px;height:17px;flex:none;color:#94b19a}
.side-group .nav-link.on{background:rgba(131,196,79,.20);color:#fff;font-weight:750}
.side-group .nav-link.on:before{display:none}
.side-group .nav-link.on svg{color:#aff47a}
.nav-count{margin-left:auto;padding:2px 7px;min-width:21px;text-align:center;background:#80bd4d;color:#112f17;flex:none}
.side-bottom{margin:auto 19px 20px;padding:17px 3px 0}
@media(max-width:1120px){.sidebar{width:245px}.app-main{margin-left:245px}.side-group>summary{font-size:10.5px}.side-group .nav-link{font-size:11.5px}}
@media(max-width:980px){.sidebar{width:min(300px,88vw);margin-left:0;transform:translateX(-110%);transition:transform .22s ease;box-shadow:10px 0 40px #11231b22}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.mobile-toggle{display:inline-flex}}
@media(min-width:981px){.sidebar{transform:none!important}}
@media(max-width:610px){.side-nav{padding-bottom:28px}.heading-actions{gap:7px}.heading-actions .btn{font-size:11px}}
@media print{.sidebar,.nav-primary,.side-nav{display:none!important}}

/* AVP navigation + notification centre: fixed headings, no collapsing sections. */
.side-nav{gap:0;padding:13px 14px 30px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin}
.nav-primary{padding:0 3px 16px;margin:0 0 12px;border-bottom:1px solid rgba(194,221,199,.14);display:grid;gap:5px}
.nav-primary .nav-link{min-height:44px;font-size:13px;font-weight:730;padding:11px 14px;gap:12px}
.nav-primary .nav-inbox{background:rgba(255,255,255,.045)}
.nav-primary .nav-inbox.has-unread{background:rgba(118,180,75,.17);color:#fff;border:1px solid rgba(163,227,116,.24)}
.side-section{display:block;border:0;margin:0;padding:2px 1px 13px;min-width:0}
.side-section + .side-section{padding-top:12px;border-top:1px solid rgba(194,221,199,.09)}
.side-heading{padding:7px 14px 8px;font-size:10px;line-height:1.4;font-weight:800;color:#91af9b;letter-spacing:.13em;text-transform:uppercase;white-space:normal}
.side-links{display:grid;gap:2px}
.side-section .nav-link{display:flex;min-width:0;padding:10px 13px;gap:12px;align-items:center;min-height:40px;font-size:12.5px;font-weight:570;border:1px solid transparent;border-radius:9px}
.side-section .nav-link svg{width:18px;height:18px;flex:none;color:#9bb3a0}
.side-section .nav-link>span:not(.nav-count){min-width:0;flex:1}
.side-section .nav-link.on{font-weight:750;background:rgba(126,192,83,.17);border-color:rgba(172,223,143,.13);color:#fff}
.side-section .nav-link.on svg{color:#9fe477}
.side-section .nav-link.has-unread:not(.on){color:#e8f3e9;background:rgba(255,255,255,.055)}
.side-section .nav-link:focus-visible,.nav-primary .nav-link:focus-visible{outline:2px solid #93d16a;outline-offset:2px}
.nav-count{display:inline-grid;place-items:center;margin-left:auto;border-radius:999px;min-width:22px;min-height:20px;padding:2px 6px;background:#a7e072;color:#11351b;font-size:10px;font-weight:850;line-height:1}
.js-alert-count[hidden]{display:none!important}
.nav-primary .nav-inbox .nav-count{background:#f4d778;color:#3d310d}
.topbar-tools{position:relative}
.alert-popover{position:relative;flex:none}
.alert-popover>summary{list-style:none;cursor:pointer}
.alert-popover>summary::-webkit-details-marker{display:none}
.alert-popover>.top-notification{width:44px;height:44px;border:1px solid #d9e5d8;border-radius:13px;background:#f5faf3;color:#285d37;transition:background .15s,border-color .15s}
.alert-popover>.top-notification:hover{background:#e7f4df;border-color:#acd39e}
.alert-popover>.top-notification.has-alerts{background:#e1f4d9;border-color:#91c879;color:#276a2c;box-shadow:0 0 0 3px rgba(112,177,78,.10)}
.alert-popover .top-notification.has-alerts:before{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#ee8646;box-shadow:0 0 0 2px #e1f4d9}
.alert-popover .top-notification svg{width:20px;height:20px}
.alert-popover .notification-counter{top:-6px;right:-6px;min-width:21px;height:21px;display:grid;place-items:center;background:#d7593c;color:#fff;font-weight:850;padding:0 5px}
.alert-popover-panel{position:absolute;z-index:60;top:calc(100% + 13px);right:-55px;width:min(405px,calc(100vw - 35px));background:#fff;border:1px solid #dfeadf;border-radius:18px;box-shadow:0 22px 65px rgba(14,40,27,.22);color:#1b3022;max-height:min(620px,80vh);overflow-y:auto;padding:11px}
.alert-popover-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px 14px;border-bottom:1px solid #eef2ed}
.alert-popover-heading b{font-size:15px}
.alert-popover-heading span{font-size:11px;font-weight:750;color:#397b3b;background:#eaf5e5;padding:5px 9px;border-radius:99px}
.alert-preview-item{margin:0;border-bottom:1px solid #edf2ed}
.alert-preview-item button{display:flex;align-items:flex-start;flex-direction:column;gap:5px;width:100%;padding:13px 12px;background:transparent;border:0;text-align:left;border-radius:9px;color:inherit}
.alert-preview-item button:hover{background:#f1f8ed}
.alert-preview-item strong{font-size:12px;line-height:1.45}
.alert-preview-item span{font-size:11px;line-height:1.5;color:#758377}
.alert-preview-item small{font-size:10px;color:#9baa9b}
.alert-none{padding:16px 12px;font-size:12px;color:#718370}
.alert-popover-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 12px;font-size:12px;font-weight:750;color:#2c6d30}
.alert-popover-footer:hover{background:#f1f8ed;border-radius:10px}
.alert-popover-footer svg{width:14px;height:14px}
.notifications-overview{display:flex;gap:17px;align-items:center;padding:20px 23px;margin-bottom:20px;border:1px solid #dbe9d5;background:#eaf5e6;border-radius:16px}
.notification-overview-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:#d9edcf;color:#367536;flex:none}
.notification-overview-icon svg{width:23px;height:23px}
.notifications-overview strong{font-size:21px;color:#1e4a29;letter-spacing:-.025em}
.notifications-overview p{font-size:12px;line-height:1.6;color:#667f65;margin:5px 0 0}
.notice-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.notice-filter{font-size:12px;font-weight:650;border:1px solid #dde8d9;padding:10px 16px;border-radius:10px;background:white;color:#526b55}
.notice-filter.active{background:#285b37;color:white;border-color:#285b37}
.notice-filter span{font-size:10px;display:inline-grid;place-items:center;min-width:19px;height:18px;border-radius:10px;background:#a6e071;color:#163c1b;padding:0 4px;margin-left:4px}
.notification-list{display:grid;gap:10px}
.notification-item{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e5ebe5;border-radius:15px;padding:17px 19px;min-width:0;box-shadow:0 4px 22px rgba(34,61,37,.025)}
.notification-item.is-unread{border-color:#c5dfb6;background:linear-gradient(100deg,#f3faee,#fff 56%);box-shadow:inset 4px 0 #83bc55,0 5px 23px rgba(31,81,33,.035)}
.notice-indicator{align-self:flex-start;display:grid;place-items:center;border-radius:11px;width:37px;height:37px;flex:none;background:#f0f4f0;color:#819082}
.notification-item.is-unread .notice-indicator{background:#dbeecf;color:#3c873d}
.notification-item-body{flex:1;min-width:0}
.notice-item-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:10px;color:#7c897e}
.notice-item-meta>span{font-weight:800;color:#3f7b40;text-transform:uppercase;letter-spacing:.06em}
.notice-item-meta time{white-space:nowrap}
.new-label{background:#e5f3db;color:#307638;font-size:9px;padding:4px 7px;border-radius:6px;letter-spacing:.06em}
.notification-item h3{font-size:14px;line-height:1.4;margin:7px 0 5px;color:#1e3525}
.notification-item p{font-size:12px;line-height:1.55;color:#697c6d;margin:0;overflow-wrap:anywhere}
.notification-item-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.notification-item-actions .btn{font-size:11px;padding:9px 12px}
@media(max-width:980px){.sidebar{width:min(296px,88vw)}.app-main{margin-left:0}.alert-popover-panel{right:-46px}}
@media(max-width:670px){.topbar-tools{gap:6px}.alert-popover>.top-notification{width:37px;height:37px}.alert-popover-panel{right:-48px;width:min(370px,calc(100vw - 25px))}.notification-item{align-items:flex-start;flex-wrap:wrap;padding:14px;gap:11px}.notification-item-body{flex:1 1 calc(100% - 55px)}.notification-item-actions{width:100%;margin-left:48px}.notifications-overview{padding:14px}.notifications-overview strong{font-size:17px}}
@media print{.alert-popover,.notifications-overview,.notice-filter-tabs{display:none!important}}
/* AVP Trade Management Portal 10 pricing and customer accounts */
.advanced-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.selection-list{max-height:360px;overflow:auto;margin-top:16px;border:1px solid #dde6ef;border-radius:12px}.selection-list label{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #e6edf4;cursor:pointer}.selection-list small{display:block;color:#63758a}.selection-list input{width:18px;height:18px;flex-shrink:0}.customer-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.customer-account-card{display:block;padding:24px;background:#fff;border:1px solid #dce6f0;border-radius:18px;text-decoration:none;color:#172e46;box-shadow:0 5px 20px #102c4d08}.customer-account-card:hover{border-color:#1679c8;box-shadow:0 8px 24px #102c4d14}.customer-account-card h2{font-size:20px;line-height:1.3;margin:14px 0 8px}.customer-account-card p{overflow-wrap:anywhere;color:#60738a}.account-initial{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#e7f1fd;color:#126bb4;font-size:23px;font-weight:800}.account-balance{padding:18px 0;margin:16px 0;border-top:1px solid #e4edf5;border-bottom:1px solid #e4edf5}.account-balance small,.account-balance strong{display:block}.account-balance strong{font-size:28px;margin-top:4px}.account-mini-metrics b{display:block}.panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.ledger-entry p{overflow-wrap:anywhere}.advanced-columns .panel{margin:0}
@media(max-width:800px){.advanced-columns{grid-template-columns:1fr}.customer-card-grid{grid-template-columns:1fr}.statement-summary{flex-wrap:wrap}}
@media print{.invoice-paper{box-shadow:none;border:0}.panel-actions,.invoice-editor{display:none!important}}
/* AVP Trade Management Portal 11 daily workflow surfaces */
.action-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:8px 0 28px}.action-card{display:block;position:relative;padding:24px;border-radius:20px;border:1px solid #d8e3ee;background:#fff;text-decoration:none;color:#15364f;box-shadow:0 8px 24px #17395508;overflow:hidden}.action-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:#2084cb}.action-card span{font-weight:750;font-size:15px}.action-card strong{display:block;font-size:48px;line-height:1.15;margin:15px 0}.action-card p{min-height:42px;color:#647789;font-size:13px;line-height:1.5}.action-card b{font-size:13px}.tone-amber:before{background:#d89316}.tone-red:before{background:#d65252}.tone-violet:before{background:#7762bf}.action-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #17395515}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.permission-grid label{display:flex;gap:10px;align-items:flex-start;background:#f5f8fb;padding:14px;border-radius:12px;line-height:1.5}.permission-grid input{width:18px;height:18px;flex-shrink:0;margin-top:2px}.share-order-card{border:1px solid #dde7f0;border-radius:16px;padding:20px;margin:16px 0;background:#fff}.share-order-card header{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:18px}.share-order-card header small{display:block;color:#647789;margin-top:4px}.order-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:22px 0;list-style:none;gap:8px;margin:0}.order-progress li{position:relative;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;color:#77889b;font-size:13px}.order-progress li:after{content:'';position:absolute;left:calc(50% + 22px);right:calc(-50% + 22px);top:19px;height:2px;background:#dce5ee}.order-progress li:last-child:after{display:none}.order-progress span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#e9eef4;border:2px solid #d8e2ec;font-weight:800;z-index:1}.order-progress .is-done{color:#155b91}.order-progress .is-done span{background:#e5f3ff;border-color:#3292d6}.order-progress .is-current span{background:#1f7eba;color:#fff;box-shadow:0 0 0 5px #e4f3fc}.fulfilment-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;color:#536d81}.shipment-card{padding:18px;background:#f5f9fd;border:1px solid #dae6f0;border-radius:14px;margin:14px 0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.shipment-card p{font-size:13px;color:#5f7284;line-height:1.6}.shipment-card b{margin-right:12px}.shipment-create{padding-top:20px;border-top:1px solid #e0e8ef;margin-top:20px}.shipment-create summary{font-weight:750;margin-bottom:16px;cursor:pointer}.order-note{padding:20px;margin:14px 0;border:1px solid #dde7ef;border-left:4px solid #3088c0;border-radius:12px;background:#fff}.order-note header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.order-note header span{font-size:12px;color:#738799}.order-note p{line-height:1.7;white-space:normal;overflow-wrap:anywhere}.supplier-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}.supplier-tab{display:block;min-width:150px;padding:18px 24px;border-radius:14px;background:#fff;border:1px solid #d9e5ef;color:#35566f;text-decoration:none;font-weight:700}.supplier-tab.active{color:#fff;background:#174c78;border-color:#174c78}.entry-grid{min-width:1100px}.entry-grid input,.entry-grid select{border:1px solid transparent;border-radius:0;width:100%;min-width:110px;background:#fbfdff;padding:12px;height:46px}.entry-grid input:focus,.entry-grid select:focus{outline:2px solid #3b9bdd;outline-offset:-2px;background:white}.entry-grid td{padding:0!important;border:1px solid #d8e3ed!important}.entry-grid td:nth-child(2){min-width:240px}.entry-grid td:nth-child(3){min-width:230px}.ledger-sheet{min-width:1200px}.ledger-grid-form .table-scroll{border:1px solid #d8e3ed;border-radius:12px}.ledger-sheet td{border-bottom:1px solid #e0e7ee}.ledger-sheet tbody tr:nth-child(even){background:#f8fafc}.entry-grid button{white-space:nowrap}
/* Product catalogue: white image stages and clear trade ordering controls */
.products-grid{gap:24px!important}.catalogue-card-v11{border:1px solid #dce6ef;border-radius:20px;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 18px #18385308;transition:box-shadow .2s,transform .2s}.catalogue-card-v11:hover{transform:translateY(-3px);box-shadow:0 12px 32px #18385314;border-color:#adcfe5}.catalogue-photo-v11{position:relative;display:flex;align-items:center;justify-content:center;height:245px;padding:28px;background:linear-gradient(145deg,#fff 55%,#f3f7fb);border-bottom:1px solid #edf1f5}.catalogue-photo-v11 img{width:100%;height:100%;object-fit:contain}.availability-chip{position:absolute;top:16px;right:16px;display:inline-flex;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:750;box-shadow:0 2px 8px #19365008}.is-available{background:#e9f7f0;color:#26724e}.is-unavailable{background:#fff2db;color:#a07421}.catalogue-body-v11{padding:22px;display:flex;flex-direction:column;flex:1}.catalogue-category-v11{text-transform:uppercase;font-size:10px;letter-spacing:1.5px;color:#367596;font-weight:800;margin-bottom:10px}.catalogue-title-v11{font-size:18px;line-height:1.4;font-weight:750;text-decoration:none;color:#16354f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:50px}.catalogue-fit-v11{font-size:12px;line-height:1.6;color:#6f8090;margin:12px 0;overflow-wrap:anywhere}.catalogue-identifiers{display:grid;gap:7px;padding:12px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;font-size:11px;color:#768594}.catalogue-identifiers span{display:flex;justify-content:space-between;gap:10px}.catalogue-identifiers b{color:#294e6b;overflow-wrap:anywhere;font-size:12px}.catalogue-pills{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.catalogue-pills>span{font-size:11px;border-radius:6px;padding:6px 8px;background:#f1f5f8;color:#4b657a}.catalogue-price-row{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px}.catalogue-price-row small{display:block;font-size:10px;color:#758699}.catalogue-price-row strong{font-size:23px;color:#173b58;display:block;margin-top:5px}.catalogue-price-row .btn{font-size:11px;padding:10px 12px}.catalogue-add-v11{display:flex;gap:10px;align-items:end;margin-top:18px;border-top:1px solid #e7edf3;padding-top:16px}.catalogue-add-v11 label{font-size:10px;color:#637d90;flex:1}.catalogue-add-v11 input{display:block;width:100%;height:40px;margin-top:4px;border:1px solid #d7e2ec;border-radius:8px;padding:8px;min-width:50px}.catalogue-add-v11 button{height:40px;font-size:12px;flex:2;white-space:nowrap}.photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:#91a5b7}.photo-placeholder svg{width:48px;height:48px}.photo-placeholder small{font-size:11px}.products-grid.list-mode{display:block!important}.list-mode .catalogue-card-v11{display:grid;grid-template-columns:220px 1fr;margin-bottom:18px}.list-mode .catalogue-photo-v11{height:100%;min-height:220px;border-bottom:0;border-right:1px solid #edf1f5}.list-mode .catalogue-body-v11{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.list-mode .catalogue-title-v11,.list-mode .catalogue-fit-v11,.list-mode .catalogue-category-v11{grid-column:1}.list-mode .catalogue-identifiers{grid-column:2;grid-row:1/4}.list-mode .catalogue-pills{grid-column:1}.list-mode .catalogue-price-row{grid-column:2;grid-row:4}.list-mode .catalogue-add-v11{grid-column:2}.product-layout-v11{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-bottom:32px}.product-gallery-v11,.product-purchase-v11{background:#fff;border:1px solid #dde7ef;border-radius:22px;overflow:hidden}.product-main-photo{display:flex;align-items:center;justify-content:center;min-height:500px;padding:40px;background:linear-gradient(145deg,#fff,#f6f9fc)}.product-main-photo a{width:100%;height:440px;display:flex;align-items:center;justify-content:center}.product-main-photo img{width:100%;height:100%;object-fit:contain}.product-image-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:22px;border-top:1px solid #e5edf4;color:#708497;font-size:12px}.product-image-caption b{color:#1a4668}.product-purchase-v11{padding:32px}.product-purchase-v11 h2{font-size:30px;line-height:1.25;letter-spacing:-.4px;margin:8px 0 20px}.product-purchase-v11>p{font-size:14px;line-height:1.8;color:#5c7487}.product-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.product-code-grid>div{padding:14px;background:#f5f8fb;border-radius:10px}.product-code-grid dt{font-size:11px;color:#6e8394;margin-bottom:7px}.product-code-grid dd{font-weight:750;font-size:13px;color:#234c68;margin:0;overflow-wrap:anywhere}.buy-box-v11{border:1px solid #d4e5f1;padding:24px;border-radius:16px;background:linear-gradient(120deg,#f4faff,#fff)}.buy-box-v11>small{font-size:12px;color:#69849b}.buy-box-v11>strong{display:block;font-size:36px;margin:8px 0 18px;color:#174a6e}.product-order-v11{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:end}.product-order-v11 .field{margin:0}.product-order-v11 p{grid-column:1/-1;font-size:11px;line-height:1.5;color:#658097;margin:0;grid-row:2}.product-order-v11 button{grid-column:2;grid-row:1}.product-spec-v11{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-spec-v11 p{line-height:1.8;overflow-wrap:anywhere;color:#60758a}.product-details-v11{margin-bottom:24px}.catalogue-filters{border:1px solid #d9e5ef;box-shadow:0 6px 18px #16374e05;background:#fff;border-radius:18px;padding:20px!important}.result-toolbar{padding:18px 0!important}.result-toolbar span{font-size:12px;color:#6f8296}.product-purchase-v11 .status{display:inline-block}
@media(max-width:1150px){.action-card-grid{grid-template-columns:repeat(2,1fr)}.product-layout-v11{gap:20px}.product-purchase-v11{padding:24px}.product-main-photo{padding:24px;min-height:420px}.product-main-photo a{height:350px}}
@media(max-width:800px){.product-layout-v11{grid-template-columns:1fr}.product-main-photo{min-height:340px}.product-main-photo a{height:290px}.permission-grid,.product-spec-v11{grid-template-columns:1fr}.share-order-card header{flex-wrap:wrap}.action-card{padding:20px}.action-card strong{font-size:38px}.order-progress{gap:4px}.order-progress li{font-size:10px}.order-progress span{width:32px;height:32px}.order-progress li:after{top:15px;left:calc(50% + 18px);right:calc(-50% + 18px)}.list-mode .catalogue-card-v11{display:flex}.list-mode .catalogue-body-v11{display:flex}.list-mode .catalogue-photo-v11{height:245px;min-height:0}.product-order-v11{grid-template-columns:100px 1fr}.supplier-tabs{flex-wrap:nowrap;overflow:auto}.supplier-tab{flex-shrink:0}}
@media(max-width:480px){.action-card-grid{grid-template-columns:1fr 1fr;gap:10px}.action-card{padding:16px}.action-card span{font-size:12px}.action-card p{font-size:11px}.action-card strong{font-size:32px}.product-purchase-v11{padding:20px}.product-purchase-v11 h2{font-size:25px}.products-grid{grid-template-columns:1fr!important}}
@media print{.filter-bar,.order-progress,.panel-actions,.supplier-tabs,.entry-grid,.ledger-grid-form{display:none!important}.report-order[open] .statement-content{display:block}.report-order{break-inside:avoid}.table-scroll{overflow:visible!important}.action-card-grid{display:none}.invoice-paper{width:100%}}

.catalogue-filters input[type=number]{height:44px;border:1px solid #dce6ef;border-radius:10px;padding:10px;max-width:110px;background:#fbfdfc}.ledger-sheet td:first-child{min-width:100px;white-space:nowrap}.entry-grid td:nth-child(5){min-width:130px}

/* AVP Trade Management Portal 12 customer pricing and payment terms */
.customer-price-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px;padding:22px 26px;background:var(--white,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px}.customer-price-header h2{margin:0 0 5px}.customer-price-header p{margin:0;color:var(--muted,#64748b)}.price-comparison{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.price-comparison>div{padding:18px;border-radius:12px;background:#f4f7fb}.price-comparison small,.price-comparison b{display:block}.price-comparison small{color:#64748b;margin-bottom:8px}.price-edit-panel{min-width:235px}.price-edit-panel[open]{padding:14px;background:#f5f8fc;border-radius:10px}.price-edit-panel summary,.cost-adjustment summary{cursor:pointer;font-weight:600;color:#174971}.price-edit-panel .field{min-width:0}.checkout-terms section{margin-bottom:15px;padding:16px;background:#f3f7fc;border:1px solid #dbe5f0;border-radius:12px}.checkout-terms h3{margin:0 0 8px;font-size:15px}.checkout-terms label{display:flex;gap:8px;align-items:center}.checkout-terms input[type=checkbox],.form-stack input[type=checkbox]{width:18px;height:18px;flex:none}.settings-tabs{flex-wrap:wrap}.settings-tabs .tab{white-space:normal}.text-danger{display:block;color:#ae2525}.cost-adjustment{margin-bottom:22px}.cost-adjustment summary{padding:6px 0}.cost-adjustment td:last-child{min-width:260px}@media(max-width:700px){.customer-price-header{flex-direction:column;align-items:flex-start;padding:20px}.price-comparison{grid-template-columns:1fr}.settings-tabs{gap:6px}.settings-tabs .tab{font-size:13px;padding:10px 12px}}

/* AVP Trade Management Portal 13 range grid and actionable import errors */
.price-edit-panel{min-width:260px}.price-edit-panel[open]{min-width:260px}.range-grid input{width:110px;min-width:90px}.range-grid td{white-space:normal}.range-grid td:nth-child(5) input{width:145px}.import-error-panel{margin:20px 0;padding:20px;background:#fff7f3;border:1px solid #efd6c9;border-radius:12px}.import-error-panel h3{margin-top:0;color:#9d3b25}.import-error-table{min-width:760px}.import-error-table td{white-space:normal;vertical-align:top;min-width:130px}.import-error-table td:first-child{min-width:85px}.import-error-table td:nth-child(4),.import-error-table td:nth-child(5){min-width:230px}.import-error-search{max-width:350px}.quantity-range-form p{white-space:normal;line-height:1.5}.quantity-range-form small{white-space:normal;display:block;line-height:1.5}@media(max-width:700px){.import-error-panel{padding:14px}.price-edit-panel[open]{min-width:260px}}

.range-grid input{height:44px;padding:10px 12px;border:1px solid #d9e4da;border-radius:8px;background:#fff;color:#163d2b;font:inherit;box-sizing:border-box}.range-grid input:focus{outline:2px solid #79af56;outline-offset:1px}.range-grid td{padding-top:13px;padding-bottom:13px}.range-grid th{line-height:1.5}.import-error-panel>.table-scroll{width:100%}

.import-error-search{width:100%;height:44px;padding:10px 12px;border:1px solid #e6cfc4;border-radius:8px;background:white;font:inherit;box-sizing:border-box}.import-error-search:focus{outline:2px solid #d49872;outline-offset:1px}

/* Catalogue: clear labels, consistent control sizes and explicit apply/reset. */
.filter-bar.catalogue-filters{display:block;padding:22px;background:#fff;border:1px solid #dce3e9;border-radius:16px;box-shadow:0 3px 14px rgba(20,40,60,.04);margin-bottom:22px}
.catalogue-search{display:block;margin-bottom:18px;max-width:none}
.catalogue-search>span,.catalogue-filter-field>span{display:block;font-size:12px;font-weight:700;color:#435469;margin-bottom:7px}
.catalogue-filters .search-field{width:100%;max-width:none;min-width:0;background:#f6f8fa;border:1px solid #dce3e9;border-radius:10px}
.catalogue-filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.catalogue-filters .catalogue-filter-field,.catalogue-filters .field{margin:0;min-width:0;display:block}
.catalogue-filters select,.catalogue-filters input[type=number]{width:100%;min-width:0;max-width:none;height:44px;border:1px solid #cbd5df;border-radius:8px;background:#fff;color:#243449;padding:9px 12px}
.catalogue-filters :is(input,select,button,a):focus-visible{outline:3px solid #86b7e8;outline-offset:2px}
.catalogue-filter-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:18px;margin-top:18px;border-top:1px solid #e8edf2}
.catalogue-filter-actions small{color:#64748b;margin-left:auto}
.import-error-panel{border-left:4px solid #b42318;background:#fff8f7}
@media(max-width:1100px){.catalogue-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.catalogue-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar.catalogue-filters{padding:16px}.catalogue-filter-actions small{width:100%;margin:0}}
@media(max-width:420px){.catalogue-filter-fields{grid-template-columns:1fr}}
.invoice-current-account{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:end;background:#173a2b;color:#fff;border-radius:12px;padding:16px 18px;margin-bottom:16px;box-shadow:0 8px 24px rgba(18,58,43,.10)}.invoice-current-account small{grid-column:1/-1;font-size:9px;letter-spacing:1.5px;color:#a9d48e;font-weight:800}.invoice-current-account strong{font-size:15px}.invoice-current-account span{font-size:12px;color:#d8e7dc}.invoice-payment-frozen{position:relative}.invoice-payment-frozen:before{content:"Historic payment position";position:absolute;left:18px;top:9px;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#78927e;font-weight:800}.invoice-payment-frozen{padding-top:30px}

/* AVP Trade Management Portal v15 workflow/accounting */
.workflow-current{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #dfe7e1;border-radius:12px;background:#f7faf8;margin-bottom:14px}.workflow-current small{font-size:11px;font-weight:800;letter-spacing:.12em;color:#668071}.workflow-current strong{font-size:20px;color:#173a2b}.workflow-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.workflow-actions .inline-form{display:flex;gap:8px;align-items:center}.workflow-actions input{min-width:220px}.status-history{margin-top:16px;border-top:1px solid #e4ebe6;padding-top:12px}.status-history>strong{display:block;margin-bottom:8px}.status-history>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #edf1ee}.status-history small{color:#718078;text-align:right}.v15-money-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.account-payment-card{border:1px solid #dfe7e1;border-radius:14px;padding:16px;margin:0 0 14px;background:#fff}.account-payment-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid #edf1ee;padding-bottom:12px;margin-bottom:12px}.account-payment-head>div:first-child{display:grid;gap:3px}.account-payment-head>div:last-child{display:flex;align-items:center;gap:10px}.account-payment-head strong{font-size:20px}.account-payment-head small{color:#718078}.allocation-form{display:grid;grid-template-columns:minmax(240px,1fr) minmax(160px,.4fr) auto;align-items:end;gap:10px;margin-top:12px;padding:12px;background:#f7faf8;border-radius:10px}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-card{border:1px solid #dfe7e1;border-radius:12px;padding:16px;display:grid;gap:5px;background:#fff}.health-card strong{font-size:14px}.health-card span{font-size:13px}.health-ok{border-left:4px solid #2f7d3f}.health-bad{border-left:4px solid #c63c35;background:#fff8f7}.invoice-editor .metric-grid{grid-template-columns:1fr}.invoice-editor .ledger-entry{text-decoration:none;color:inherit}.invoice-editor .ledger-entry:hover{background:#f7faf8}
@media(max-width:900px){.v15-money-summary,.health-grid{grid-template-columns:1fr}.allocation-form{grid-template-columns:1fr}.status-history>div{display:grid}.status-history small{text-align:left}.account-payment-head{display:grid}.workflow-actions .inline-form{width:100%;display:grid}.workflow-actions input{min-width:0}}

/* AVP Trade Management Portal v16 — solid workflow, returns, amendments and credit control */
.v16-credit-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.v16-credit-strip>div,.check-card{border:1px solid #dce6df;background:#fff;border-radius:14px;padding:15px 16px;box-shadow:0 4px 18px rgba(23,58,43,.035)}.v16-credit-strip small,.check-card small{display:block;color:#728279;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.v16-credit-strip strong,.check-card strong{display:block;color:#173a2b;font-size:18px;line-height:1.25}.v16-credit-strip .is-danger{border-left:4px solid #c23d36;background:#fff9f8}.v16-credit-strip .is-warn{border-left:4px solid #c88d20;background:#fffdf7}.v16-credit-strip .is-ok{border-left:4px solid #4d8b43}.workflow-action-form,.v16-action-card,.credit-builder,.v16-return-request{border:1px solid #dce6df;border-radius:15px;background:#fff;padding:18px;margin:15px 0;box-shadow:0 5px 22px rgba(23,58,43,.035)}.workflow-action-form h3,.v16-action-card h3,.credit-builder h3,.v16-return-request h3{margin:0 0 6px;color:#173a2b}.workflow-action-form>p,.v16-action-card>p,.credit-builder>p,.v16-return-request>p{color:#697c70;line-height:1.6;margin:0 0 16px}.workflow-action-form .form-grid,.v16-action-card .form-grid,.credit-builder .form-grid,.v16-return-request .form-grid{margin:0}.resolution-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #d8e5d6;background:#f1f7ed;color:#2f6a34;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.resolution-chip.is-attention{border-color:#ead5a5;background:#fff9e9;color:#8b6214}.resolution-chip.is-danger{border-color:#ebc5c1;background:#fff5f4;color:#a7342f}.return-permission{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid #d9e5dc;border-left:5px solid #8b9b90;border-radius:15px;background:#fff;padding:18px 20px;margin-bottom:18px}.return-permission.is-open{border-left-color:#4b8c3f;background:linear-gradient(110deg,#f5faef,#fff 58%)}.return-permission.is-closed{background:#fafbfa}.return-permission h3{margin:0 0 5px;color:#173a2b}.return-permission p{margin:0;color:#697c70;line-height:1.55}.return-permission-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.return-permission-form{min-width:270px;display:grid;gap:8px}.return-permission-form input{width:100%}.return-item-picker{display:grid;gap:10px;margin:14px 0}.return-item-picker label{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:15px;border:1px solid #e2e9e3;background:#f9fbf9;border-radius:12px;padding:12px 14px}.return-item-picker label>span{display:grid;gap:3px}.return-item-picker small{color:#728178}.return-item-picker input{width:100%}.return-case-list{display:grid;gap:12px}.return-case-list>a,.return-case-list>.return-case-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #e0e8e2;border-radius:14px;padding:15px 17px;background:#fff;color:inherit;text-decoration:none}.return-case-list>a:hover{border-color:#a9c99b;background:#f8fbf6}.return-case-list strong{color:#173a2b}.return-case-list small{display:block;color:#75837a;margin-top:3px}.return-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;border:1px solid #d8e5dc;border-radius:18px;padding:22px 24px;margin-bottom:20px;background:linear-gradient(120deg,#173a2b 0%,#245a3a 62%,#2d713b 100%);color:#fff;box-shadow:0 10px 28px rgba(23,58,43,.12)}.return-hero h2{color:#fff;margin:4px 0 8px}.return-hero p{margin:0;color:#dbe9de;line-height:1.55}.return-hero small{color:#b7d3bd;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.return-lines{display:grid;gap:11px}.return-line{display:grid;grid-template-columns:minmax(240px,1.2fr) 110px 130px minmax(170px,.7fr);gap:10px;align-items:end;border:1px solid #e0e8e2;border-radius:13px;background:#fff;padding:14px}.return-line .field{min-width:0}.return-line .line-product{align-self:center}.return-line .line-product strong{display:block;color:#173a2b}.return-line .line-product small{display:block;color:#738279;margin-top:4px}.return-status-action{display:flex;gap:10px;align-items:end;flex-wrap:wrap;border-top:1px solid #e5ece6;margin-top:16px;padding-top:16px}.return-status-action .field{min-width:220px;flex:1}.credit-builder{padding:20px}.credit-line-builder{display:grid;gap:8px;margin:16px 0}.credit-line-head,.credit-line-row{display:grid;grid-template-columns:minmax(250px,1.5fr) 90px 120px 120px;gap:10px;align-items:center}.credit-line-head{padding:0 12px;color:#6b7d70;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.07em}.credit-line-row{border:1px solid #e1e9e3;border-radius:12px;padding:11px 12px;background:#fafcf9}.credit-line-row strong{color:#173a2b}.credit-line-row small{display:block;color:#74837a;margin-top:3px}.credit-line-row input{width:100%}.nested-adjustment{border:1px dashed #bfcfc2;background:#f8faf8;border-radius:12px;padding:15px;margin-top:14px}.nested-adjustment summary{cursor:pointer;font-weight:800;color:#2d6737}.nested-adjustment[open] summary{margin-bottom:14px}.v16-account-note{border-left:4px solid #5b8f49;background:#f4f9f1;padding:13px 15px;border-radius:0 10px 10px 0;color:#526956;line-height:1.55;margin:12px 0}.v16-account-note.is-attention{border-left-color:#c88d20;background:#fffaf0}.v16-account-note.is-danger{border-left-color:#c23d36;background:#fff7f6}.v16-table-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.v16-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 17px}.v16-section-heading h2,.v16-section-heading h3{margin:0}.v16-section-heading p{margin:5px 0 0;color:#728079;line-height:1.5}.v16-empty{border:1px dashed #cbd8ce;border-radius:13px;padding:20px;text-align:center;background:#fafcf9;color:#6d7d72}.v16-permission-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.v16-permission-explainer>div{background:#f7faf7;border:1px solid #e0e8e1;border-radius:12px;padding:13px}.v16-permission-explainer strong{display:block;color:#173a2b;font-size:12px;margin-bottom:4px}.v16-permission-explainer span{display:block;color:#718077;font-size:11px;line-height:1.45}
@media(max-width:1050px){.v16-credit-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.return-line{grid-template-columns:minmax(220px,1fr) 100px 130px}.return-line>.field:last-child{grid-column:1/-1}.credit-line-head,.credit-line-row{grid-template-columns:minmax(220px,1.3fr) 90px 115px 115px}.v16-permission-explainer{grid-template-columns:1fr}}
@media(max-width:760px){.v16-credit-strip{grid-template-columns:1fr}.return-permission,.return-hero{grid-template-columns:1fr}.return-permission-form{min-width:0}.return-item-picker label{grid-template-columns:1fr}.return-case-list>a,.return-case-list>.return-case-card{grid-template-columns:1fr}.return-line{grid-template-columns:1fr}.return-line>.field:last-child{grid-column:auto}.credit-line-head{display:none}.credit-line-row{grid-template-columns:1fr}.workflow-action-form,.v16-action-card,.credit-builder,.v16-return-request{padding:15px}.v16-section-heading{display:grid}}
@media print{.workflow-action-form,.return-permission-form,.return-status-action,.credit-builder form,.v16-table-actions{display:none!important}}

/* V16 financial summary labels */
.v16-credit-strip>div>span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#68756d);margin-bottom:.25rem}

/* AVP Trade Management Portal 17 commercial pricing matrix */
.matrix-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px}.matrix-toolbar>div{display:grid;gap:3px}.matrix-toolbar small{color:var(--muted,#667085)}.matrix-scroll{max-height:68vh;border:1px solid var(--line,#e5e7eb);border-radius:14px}.pricing-matrix{min-width:1320px}.pricing-matrix thead th{position:sticky;top:0;z-index:3;background:var(--card,#fff);box-shadow:0 1px 0 var(--line,#e5e7eb)}.pricing-matrix td{vertical-align:middle}.matrix-input{width:132px;min-width:110px;padding:9px 10px;border:1px solid var(--line,#d8dee8);border-radius:9px;background:var(--card,#fff);color:inherit;font:inherit}.matrix-input:focus{outline:2px solid color-mix(in srgb,var(--brand,#16864a) 28%,transparent);border-color:var(--brand,#16864a)}.matrix-input[readonly]{background:var(--soft,#f4f6f8);color:var(--muted,#667085)}.matrix-commission{font-weight:700;white-space:nowrap}.pricing-matrix tr:focus-within{background:color-mix(in srgb,var(--brand,#16864a) 5%,transparent)}
@media(max-width:760px){.matrix-toolbar{align-items:stretch;flex-direction:column}.matrix-toolbar .btn{width:100%}.matrix-scroll{max-height:72vh}}

/* V5.03 simplified invoice / balance invoice */
.invoice-paper-simple{padding:34px 38px;background:#fff}
.invoice-simple-head{display:flex;justify-content:space-between;align-items:flex-start;gap:28px}
.invoice-simple-head img{width:210px;height:72px;object-fit:contain;object-position:left center}
.invoice-simple-title{text-align:right}.invoice-simple-title small{display:block;font-size:10px;letter-spacing:1.5px;color:#7c8b83;font-weight:800;text-transform:uppercase;margin-bottom:6px}.invoice-simple-title h1{margin:0;color:#17382a;font-size:25px;letter-spacing:-.6px}.invoice-simple-title strong{display:block;margin-top:5px;font-size:13px;color:#56685e}
.invoice-simple-rule{height:2px;background:#2f6d3f;margin:22px 0 24px}
.invoice-simple-info{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:32px;margin-bottom:24px}.invoice-simple-info small,.invoice-simple-payment small{font-size:9px;letter-spacing:1.3px;color:#77877f;font-weight:800}.invoice-simple-info p{margin:7px 0 0;line-height:1.55;font-size:12px}.invoice-simple-meta{border-left:1px solid #e6ebe7;padding-left:24px}.invoice-simple-meta p{display:flex;justify-content:space-between;gap:18px;margin:0;padding:6px 0;border-bottom:1px solid #f0f3f0}.invoice-simple-meta span{color:#87958d}.invoice-simple-meta b{color:#20392b;text-align:right}
.invoice-table-simple{margin-top:6px}.invoice-table-simple th{background:#eef5ed;color:#31513a}.invoice-table-simple td{padding-top:12px;padding-bottom:12px}.invoice-table-simple td:last-child,.invoice-table-simple th:last-child{text-align:right}.invoice-table-simple small{display:block;color:#8a978f;margin-top:4px}
.invoice-simple-line,.invoice-simple-total{display:flex;justify-content:flex-end;align-items:center;gap:42px;padding:11px 4px 0;margin-left:auto;max-width:420px}.invoice-simple-line span{color:#718078}.invoice-simple-total{border-top:2px solid #244d32;margin-top:12px;padding-top:14px}.invoice-simple-total span{font-weight:800;color:#294234}.invoice-simple-total strong{font-size:22px;color:#18392a}
.invoice-balance-policy{margin:22px 0 4px;padding:12px 14px;border:1px solid #dfe8df;background:#f7faf6;border-radius:9px;color:#5d7064;font-size:11px;line-height:1.55}
.invoice-simple-payment{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-top:26px;padding-top:20px;border-top:1px solid #e5ebe6}.invoice-simple-payment p{margin:7px 0 14px;font-size:11px;line-height:1.55;color:#44584c}
.balance-invoice-action{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:13px 0}.balance-invoice-action>strong{font-size:15px}.balance-invoice-action>span{color:#7b897f;font-size:12px;margin-right:auto}
@media(max-width:760px){.invoice-paper-simple{padding:20px}.invoice-simple-head{align-items:center}.invoice-simple-head img{width:145px;height:54px}.invoice-simple-title h1{font-size:20px}.invoice-simple-info,.invoice-simple-payment{grid-template-columns:1fr}.invoice-simple-meta{border-left:0;border-top:1px solid #e6ebe7;padding:14px 0 0}.invoice-simple-line,.invoice-simple-total{max-width:none}.invoice-table-simple{font-size:10px}}
@media print{.invoice-paper-simple{padding:8mm!important}.invoice-simple-head img{width:190px!important;height:60px}.invoice-balance-policy{background:#fff!important}.invoice-simple-rule,.invoice-table-simple th,.invoice-simple-total{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* V5.04 order workspace clarity */
.order-tabs{background:#fff;border:1px solid var(--border);border-radius:14px;padding:0 8px;margin-bottom:22px;box-shadow:0 5px 18px rgba(21,50,30,.035);overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.order-tabs .tab{flex:0 0 auto;padding:14px 13px}.order-tabs .tab.active{background:#f3f8f1;border-bottom-color:#458b4f;color:#245f37}
.order-overview-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:19px;align-items:start}.overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.overview-kpis>div{border:1px solid #e4ebe5;border-radius:12px;background:#f9fbf9;padding:13px 14px}.overview-kpis small,.overview-detail-grid span{display:block;color:#7b8b80;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}.overview-kpis strong{display:block;color:#18392a;font-size:15px;line-height:1.35}.overview-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #edf1ee;border-left:1px solid #edf1ee;margin-bottom:16px}.overview-detail-grid>div{padding:14px;border-right:1px solid #edf1ee;border-bottom:1px solid #edf1ee;min-width:0}.overview-detail-grid strong{display:block;color:#294335;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.overview-detail-grid .overview-wide{grid-column:1/-1}.order-next-actions{display:grid;gap:8px}.overview-action{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e1e9e2;border-radius:10px;padding:12px 13px;background:#fafcfa;color:#315f3e;font-size:12px;font-weight:800}.overview-action:after{content:'→';color:#7aa36a}.overview-action:hover{background:#f2f8ef;border-color:#bcd5b4}.order-overview-side .panel{position:sticky;top:18px}
.credit-route-picker{border:1px solid #dce6df;background:#f8fbf7;border-radius:14px;padding:16px 17px;margin:16px 0}.credit-route-picker>strong{display:block;color:#173a2b;margin-bottom:5px}.credit-route-picker>p{margin:0 0 12px;color:#6e7d73;font-size:12px;line-height:1.55}.credit-route-actions{display:flex;gap:8px;flex-wrap:wrap}.return-finance-ready{display:grid;gap:4px;border-left:4px solid #4b8c3f;background:#f3f9f0;padding:13px 15px;border-radius:0 10px 10px 0;margin-bottom:14px}.return-finance-ready strong{color:#275e35}.return-finance-ready span{color:#61766a;font-size:12px}
.credit-line-head,.credit-line-row{grid-template-columns:minmax(250px,1.5fr) 110px 130px}.return-line{grid-template-columns:minmax(240px,1.2fr) 150px minmax(190px,.8fr)}.return-line .line-product span{display:block;color:#53675b;font-size:12px;margin-top:3px}
@media(max-width:1050px){.order-overview-grid{grid-template-columns:1fr}.order-overview-side .panel{position:static}.overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-line-head,.credit-line-row{grid-template-columns:minmax(220px,1.3fr) 100px 120px}.return-line{grid-template-columns:minmax(220px,1fr) 140px minmax(180px,.8fr)}}
@media(max-width:760px){.order-tabs{margin-left:-2px;margin-right:-2px}.order-tabs .tab{padding:12px 11px}.overview-kpis,.overview-detail-grid{grid-template-columns:1fr}.overview-detail-grid .overview-wide{grid-column:auto}.credit-line-head{display:none}.credit-line-row,.return-line{grid-template-columns:1fr}.credit-route-actions .btn{width:100%}}


/* V5.05 order workspace — cleaner hierarchy and calmer operational layout */
.order-workspace{display:grid;gap:20px;min-width:0}
.order-workspace .panel{box-shadow:0 8px 28px rgba(22,48,30,.035);border-color:#e4e9e5;margin-bottom:0}
.order-workspace .panel-heading{margin-bottom:17px;padding-bottom:14px;border-bottom:1px solid #eef1ee}
.order-workspace .panel-heading h2{font-size:15px;color:#1d3728}
.order-workspace .panel-heading p{max-width:760px;color:#7d8a81;font-size:11px}
.order-identity-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(110deg,#17382a 0%,#214b35 68%,#285d3d 100%);border:1px solid #214a34;border-radius:18px;padding:24px 27px;color:#fff;box-shadow:0 12px 32px rgba(19,55,34,.10)}
.order-identity-main{min-width:0}.order-identity-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-reference{font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:#bfe0b5}.order-identity-card h2{margin:9px 0 7px;font-size:24px;line-height:1.2;letter-spacing:-.5px;color:#fff}.order-identity-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#c7d8cc;font-size:11px}.order-identity-meta span+span:before{content:'•';margin-right:10px;color:#7ea98a}.order-identity-value{text-align:right;min-width:210px;padding-left:24px;border-left:1px solid rgba(255,255,255,.15)}.order-identity-value small{display:block;color:#b9d0bf;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.order-identity-value strong{display:block;margin:5px 0 3px;font-size:26px;line-height:1.15;letter-spacing:-.8px}.order-identity-value span{display:block;color:#c5d8c9;font-size:11px}
.order-identity-card .status{background:rgba(255,255,255,.12);color:#e6f4e6;border:1px solid rgba(255,255,255,.14)}
.order-section-nav{display:flex;gap:5px;overflow-x:auto;padding:5px;background:#fff;border:1px solid #e2e8e3;border-radius:14px;box-shadow:0 6px 20px rgba(24,50,31,.03);scrollbar-width:thin}
.order-section-link{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 0 auto;min-width:104px;padding:11px 13px;border-radius:10px;color:#66766c;font-size:11px;font-weight:760;white-space:nowrap;transition:.16s ease}.order-section-link:hover{background:#f5f8f5;color:#2f6040}.order-section-link.active{background:#eaf4e7;color:#245b34;box-shadow:inset 0 0 0 1px #d5e7cf}.order-section-icon{display:grid;place-items:center}.order-section-icon svg{width:16px;height:16px;stroke-width:1.9}
.order-tab-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:4px 2px 0}.order-tab-intro span,.order-card-kicker{display:block;margin-bottom:5px;color:#6f9d61;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.order-tab-intro h2{margin:0;color:#1d3628;font-size:21px;letter-spacing:-.45px}.order-tab-intro p{margin:6px 0 0;color:#7e8b83;font-size:12px;line-height:1.55;max-width:720px}
.order-overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.order-kpi{background:#fff;border:1px solid #e3e9e4;border-radius:14px;padding:17px 18px;box-shadow:0 5px 18px rgba(25,52,32,.025);min-width:0}.order-kpi>span{display:block;color:#849088;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.order-kpi strong{display:block;margin:7px 0 4px;color:#1d3828;font-size:20px;line-height:1.2;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-kpi small{display:block;color:#9ba59f;font-size:10px;line-height:1.4}
.order-overview-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.8fr);gap:16px;align-items:start}.order-clean-card{background:#fff;border:1px solid #e3e9e4;border-radius:16px;padding:22px;box-shadow:0 8px 26px rgba(22,48,30,.03);min-width:0}.order-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.order-card-heading h3{margin:0;color:#1d3728;font-size:16px;letter-spacing:-.25px}.order-detail-list{margin:0;border-top:1px solid #edf1ed}.order-detail-list>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:13px 0;border-bottom:1px solid #edf1ed}.order-detail-list dt{color:#87948b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.order-detail-list dd{margin:0;color:#2e4436;font-size:12px;font-weight:650;line-height:1.55;overflow-wrap:anywhere}.order-detail-list .wide{grid-column:auto}
.order-progress-card{position:sticky;top:18px}.order-status-steps{display:grid;gap:0;margin:4px 0 18px}.order-status-step{position:relative;display:flex;align-items:center;gap:11px;min-height:34px;color:#98a29b;font-size:11px;font-weight:700}.order-status-step:before{content:'';position:absolute;left:5px;top:22px;bottom:-12px;width:1px;background:#e0e7e1}.order-status-step:last-child:before{display:none}.order-status-step i{position:relative;z-index:1;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid #cfd8d1;box-shadow:0 0 0 3px #fff}.order-status-step.done{color:#50755a}.order-status-step.done i{background:#6ca356;border-color:#6ca356}.order-status-step.current{color:#235d34;font-weight:850}.order-status-step.current i{background:#fff;border-color:#4e8c49;box-shadow:0 0 0 4px #e8f3e4}.order-shipping-snapshot{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:14px;border-top:1px solid #edf1ed}.order-shipping-snapshot>div{background:#f7f9f7;border-radius:10px;padding:11px 12px}.order-shipping-snapshot>div.wide{grid-column:1/-1}.order-shipping-snapshot span{display:block;color:#8a958e;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.order-shipping-snapshot strong{display:block;margin-top:4px;color:#2a4534;font-size:11px;line-height:1.45}.order-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.order-cancelled-state{display:grid;gap:4px;padding:15px;border-radius:11px;background:#fff2f2;border:1px solid #f0d4d4;color:#9a4141}.order-cancelled-state span{font-size:11px}
.order-documents-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.72fr);gap:16px;align-items:start}.order-documents-layout>main,.order-documents-layout>aside{display:grid;gap:16px;min-width:0}.order-invoice-list{display:grid;gap:8px}.order-invoice-list .invoice-link{border:1px solid #e7ece8;border-radius:11px;padding:12px 13px;background:#fff}.order-invoice-list .invoice-link:first-child{border-top:1px solid #e7ece8}.order-invoice-list .invoice-link:hover{background:#f7faf7;border-color:#cfded0}.order-invoice-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:15px;margin-top:15px;border-top:1px solid #edf1ed}.order-balance-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px;padding:15px;border:1px solid #dbe7d8;background:#f5f9f3;border-radius:12px}.order-balance-callout>div:first-child{display:grid;gap:3px}.order-balance-callout small{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:#738a77}.order-balance-callout strong{font-size:18px;color:#245735}.order-balance-callout span{font-size:10px;color:#7b897f}.order-empty-state{display:grid;place-items:center;text-align:center;gap:6px;padding:28px 16px;border:1px dashed #d7e1d8;border-radius:12px;background:#fafcfa;color:#7d8b81}.order-empty-state svg{width:23px;height:23px;color:#7da270}.order-empty-state strong{color:#375443;font-size:12px}.order-empty-state span{font-size:10px;line-height:1.45;max-width:360px}.order-empty-state.compact{padding:20px 14px}.order-upload-disclosure{margin-top:14px;border-top:1px solid #edf1ed;padding-top:12px}.order-upload-disclosure summary{cursor:pointer;color:#356444;font-size:11px;font-weight:800}.order-upload-disclosure[open] summary{margin-bottom:12px}
.order-workspace .payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.order-workspace .payment-summary .metric{box-shadow:none;border-color:#e3e9e4;padding:18px}.order-workspace .order-columns{gap:16px}.order-workspace .order-physical{gap:12px}.order-workspace .order-physical .metric{box-shadow:none}.order-workspace .notice{margin-bottom:14px}.order-workspace .ledger-entry{border-radius:10px}.order-workspace .return-hero{margin-bottom:16px;box-shadow:none}.order-workspace .return-case-list>a,.order-workspace .return-case-list>.return-case-card{box-shadow:none}
@media(max-width:1120px){.order-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.order-overview-layout,.order-documents-layout{grid-template-columns:1fr}.order-progress-card{position:static}.order-workspace .payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.order-workspace{gap:14px}.order-identity-card{align-items:flex-start;padding:20px;flex-direction:column}.order-identity-value{width:100%;min-width:0;text-align:left;padding:15px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.15)}.order-identity-card h2{font-size:20px}.order-section-nav{margin-left:-2px;margin-right:-2px}.order-section-link{min-width:92px;padding:10px 11px}.order-overview-kpis,.order-workspace .payment-summary{grid-template-columns:1fr 1fr}.order-clean-card{padding:18px}.order-detail-list>div{grid-template-columns:1fr;gap:5px}.order-shipping-snapshot{grid-template-columns:1fr}.order-shipping-snapshot>div.wide{grid-column:auto}.order-balance-callout{align-items:flex-start;flex-direction:column}.order-tab-intro h2{font-size:18px}}
@media(max-width:520px){.order-overview-kpis,.order-workspace .payment-summary{grid-template-columns:1fr}.order-card-actions .btn,.order-invoice-actions .btn{width:100%}}

/* ===== END style.css ===== */

/* ===== BEGIN order-workspace-v507.css ===== */
/* AVP Trade Management Portal V5.07 — isolated Order Workspace stylesheet.
   Kept in a separate physical asset so host/browser caches cannot serve an
   older style.css that predates the order workspace markup. */

.order-workspace {
  --ow-ink: #173326;
  --ow-text: #31493b;
  --ow-muted: #7a8a80;
  --ow-line: #e2e9e3;
  --ow-soft: #f7faf7;
  --ow-green: #2e6f41;
  --ow-green-dark: #173b2b;
  --ow-green-soft: #eaf4e7;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: start !important;
}

.order-workspace > * { min-width: 0; }

/* Order identity */
.order-workspace .order-identity-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 25px 28px !important;
  border: 1px solid #214b35 !important;
  border-radius: 18px !important;
  background: linear-gradient(112deg, #173a2b 0%, #214d36 65%, #2a6340 100%) !important;
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(18, 53, 32, .10) !important;
  overflow: hidden !important;
}
.order-workspace .order-identity-main { min-width: 0 !important; }
.order-workspace .order-identity-line {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}
.order-workspace .order-reference {
  color: #c6e4bd !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}
.order-workspace .order-identity-card h2 {
  margin: 10px 0 8px !important;
  color: #fff !important;
  font-size: clamp(21px, 2vw, 26px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -.45px !important;
}
.order-workspace .order-identity-meta {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  flex-wrap: wrap !important;
  color: #c7d9cd !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}
.order-workspace .order-identity-meta span { display: inline-flex !important; align-items: center !important; }
.order-workspace .order-identity-meta span + span::before {
  content: "•" !important;
  margin: 0 10px !important;
  color: #7fa98a !important;
}
.order-workspace .order-identity-value {
  flex: 0 0 auto !important;
  min-width: 220px !important;
  padding-left: 26px !important;
  border-left: 1px solid rgba(255,255,255,.16) !important;
  text-align: right !important;
}
.order-workspace .order-identity-value small {
  display: block !important;
  color: #bdd1c2 !important;
  font-size: 9px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}
.order-workspace .order-identity-value strong {
  display: block !important;
  margin: 6px 0 4px !important;
  color: #fff !important;
  font-size: 27px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: -.7px !important;
}
.order-workspace .order-identity-value span {
  display: block !important;
  color: #c7d9cd !important;
  font-size: 10px !important;
}
.order-workspace .order-identity-card .status {
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #e8f5e8 !important;
}

/* Section navigation */
.order-workspace .order-section-nav {
  display: flex !important;
  align-items: stretch !important;
  gap: 5px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 5px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 1px solid var(--ow-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 6px 22px rgba(23, 50, 31, .035) !important;
  scrollbar-width: thin;
}
.order-workspace .order-section-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 1 0 108px !important;
  min-width: 108px !important;
  min-height: 44px !important;
  padding: 10px 13px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #66776d !important;
  background: transparent !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease !important;
}
.order-workspace .order-section-link:hover {
  background: #f3f7f3 !important;
  color: #285f3a !important;
}
.order-workspace .order-section-link.active {
  background: var(--ow-green-soft) !important;
  color: #235c35 !important;
  box-shadow: inset 0 0 0 1px #d5e7cf !important;
}
.order-workspace .order-section-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}
.order-workspace .order-section-icon svg {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  stroke-width: 1.9 !important;
}

/* KPI row */
.order-workspace .order-overview-kpis {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
}
.order-workspace .order-kpi {
  display: block !important;
  min-width: 0 !important;
  padding: 18px 19px !important;
  border: 1px solid var(--ow-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 6px 18px rgba(22, 49, 30, .025) !important;
}
.order-workspace .order-kpi > span {
  display: block !important;
  margin: 0 !important;
  color: #829087 !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
}
.order-workspace .order-kpi strong {
  display: block !important;
  margin: 7px 0 4px !important;
  color: var(--ow-ink) !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -.35px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.order-workspace .order-kpi small {
  display: block !important;
  margin: 0 !important;
  color: #98a49d !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

/* Overview cards */
.order-workspace .order-overview-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(330px, .8fr) !important;
  gap: 16px !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
}
.order-workspace .order-clean-card {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 22px !important;
  border: 1px solid var(--ow-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgba(22, 48, 30, .03) !important;
}
.order-workspace .order-card-heading {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 0 16px !important;
}
.order-workspace .order-card-kicker {
  display: block !important;
  margin: 0 0 5px !important;
  color: #6d9c60 !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
.order-workspace .order-card-heading h3 {
  margin: 0 !important;
  color: var(--ow-ink) !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: -.2px !important;
}
.order-workspace .order-detail-list {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid #edf1ed !important;
}
.order-workspace .order-detail-list > div {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid #edf1ed !important;
}
.order-workspace .order-detail-list dt {
  margin: 0 !important;
  color: #87948b !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
  letter-spacing: .065em !important;
  text-transform: uppercase !important;
}
.order-workspace .order-detail-list dd {
  margin: 0 !important;
  color: #2e4436 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
  overflow-wrap: anywhere !important;
}
.order-workspace .order-progress-card { position: sticky !important; top: 18px !important; }
.order-workspace .order-status-steps {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 5px 0 20px !important;
  padding: 0 !important;
}
.order-workspace .order-status-step {
  position: relative !important;
  display: grid !important;
  grid-template-rows: 18px auto !important;
  justify-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  color: #98a49d !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}
.order-workspace .order-status-step::before {
  content: "" !important;
  position: absolute !important;
  top: 7px !important;
  left: -50% !important;
  width: 100% !important;
  height: 2px !important;
  background: #e4eae5 !important;
  z-index: 0 !important;
}
.order-workspace .order-status-step:first-child::before { display: none !important; }
.order-workspace .order-status-step i {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  border: 4px solid #eef2ef !important;
  border-radius: 50% !important;
  background: #b7c2ba !important;
}
.order-workspace .order-status-step.done,
.order-workspace .order-status-step.current { color: #315f3d !important; font-weight: 750 !important; }
.order-workspace .order-status-step.done::before,
.order-workspace .order-status-step.current::before { background: #92bd82 !important; }
.order-workspace .order-status-step.done i { background: #68a65b !important; border-color: #e6f1e2 !important; }
.order-workspace .order-status-step.current i { background: #2f7543 !important; border-color: #dcebdd !important; box-shadow: 0 0 0 2px #2f75431f !important; }
.order-workspace .order-shipping-snapshot {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}
.order-workspace .order-shipping-snapshot > div {
  min-width: 0 !important;
  padding: 12px 13px !important;
  border: 1px solid #e8ede9 !important;
  border-radius: 10px !important;
  background: #f8faf8 !important;
}
.order-workspace .order-shipping-snapshot > div.wide { grid-column: 1 / -1 !important; }
.order-workspace .order-shipping-snapshot span {
  display: block !important;
  margin: 0 0 4px !important;
  color: #8a968e !important;
  font-size: 8px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}
.order-workspace .order-shipping-snapshot strong {
  display: block !important;
  color: #294333 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  font-weight: 750 !important;
  overflow-wrap: anywhere !important;
}
.order-workspace .order-card-actions {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 15px !important;
}
.order-workspace .order-cancelled-state {
  display: grid !important;
  gap: 4px !important;
  margin: 0 0 16px !important;
  padding: 14px !important;
  border: 1px solid #f0d5d5 !important;
  border-radius: 10px !important;
  background: #fff5f5 !important;
  color: #8d3d3d !important;
}
.order-workspace .order-cancelled-state span { font-size: 11px !important; }

/* Tab headings */
.order-workspace .order-tab-intro {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px !important;
  width: 100% !important;
  padding: 4px 2px 0 !important;
}
.order-workspace .order-tab-intro span {
  display: block !important;
  margin: 0 0 5px !important;
  color: #6d9c60 !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
.order-workspace .order-tab-intro h2 {
  margin: 0 !important;
  color: var(--ow-ink) !important;
  font-size: 21px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -.4px !important;
}
.order-workspace .order-tab-intro p {
  max-width: 760px !important;
  margin: 6px 0 0 !important;
  color: var(--ow-muted) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

/* Existing panel components inside the workspace */
.order-workspace .panel {
  min-width: 0 !important;
  margin-bottom: 0 !important;
  border-color: var(--ow-line) !important;
  box-shadow: 0 8px 26px rgba(22, 48, 30, .03) !important;
}
.order-workspace .panel-heading {
  margin-bottom: 17px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #eef1ee !important;
}
.order-workspace .panel-heading h2 { color: var(--ow-ink) !important; font-size: 15px !important; }
.order-workspace .panel-heading p { max-width: 760px !important; color: #7e8b83 !important; font-size: 11px !important; }
.order-workspace .order-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .85fr) !important;
  gap: 16px !important;
  align-items: start !important;
  width: 100% !important;
}
.order-workspace .payment-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  width: 100% !important;
}
.order-workspace .payment-summary .metric,
.order-workspace .order-physical .metric {
  min-width: 0 !important;
  border-color: var(--ow-line) !important;
  box-shadow: none !important;
}
.order-workspace .order-physical {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

/* Invoices, credits and supplier documents */
.order-workspace .order-documents-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, .72fr) !important;
  gap: 16px !important;
  align-items: start !important;
  width: 100% !important;
}
.order-workspace .order-documents-layout > main,
.order-workspace .order-documents-layout > aside { min-width: 0 !important; }
.order-workspace .order-documents-layout > aside {
  display: grid !important;
  gap: 16px !important;
}
.order-workspace .order-invoice-list {
  display: grid !important;
  gap: 9px !important;
}
.order-workspace .order-invoice-list .invoice-link {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid #e5ebe6 !important;
  border-radius: 11px !important;
  background: #fbfcfb !important;
}
.order-workspace .order-invoice-list .invoice-link:hover {
  border-color: #cbdccb !important;
  background: #f6faf5 !important;
}
.order-workspace .order-invoice-actions {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 15px !important;
  padding-top: 15px !important;
  border-top: 1px solid #edf1ed !important;
}
.order-workspace .order-balance-callout {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 16px 0 0 !important;
  padding: 16px !important;
  border: 1px solid #dce9da !important;
  border-radius: 12px !important;
  background: #f4f9f2 !important;
}
.order-workspace .order-balance-callout > div:first-child {
  display: grid !important;
  gap: 3px !important;
}
.order-workspace .order-balance-callout small { color: #718078 !important; font-size: 9px !important; text-transform: uppercase !important; letter-spacing: .06em !important; font-weight: 800 !important; }
.order-workspace .order-balance-callout strong { color: #245c35 !important; font-size: 20px !important; line-height: 1.2 !important; }
.order-workspace .order-balance-callout span { color: #7d8a82 !important; font-size: 10px !important; }
.order-workspace .order-empty-state {
  display: grid !important;
  justify-items: center !important;
  gap: 6px !important;
  min-height: 150px !important;
  padding: 28px 20px !important;
  border: 1px dashed #dce5dc !important;
  border-radius: 12px !important;
  background: #fafcfa !important;
  color: #7c8b81 !important;
  text-align: center !important;
}
.order-workspace .order-empty-state.compact { min-height: 110px !important; padding: 20px 16px !important; }
.order-workspace .order-empty-state svg { width: 24px !important; height: 24px !important; color: #7fa075 !important; }
.order-workspace .order-empty-state strong { color: #344d3d !important; font-size: 12px !important; }
.order-workspace .order-empty-state span { max-width: 340px !important; font-size: 10px !important; line-height: 1.5 !important; }
.order-workspace .order-upload-disclosure {
  margin-top: 14px !important;
  border-top: 1px solid #edf1ed !important;
  padding-top: 13px !important;
}
.order-workspace .order-upload-disclosure > summary {
  cursor: pointer !important;
  color: #315f3e !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.order-workspace .order-upload-disclosure[open] > summary { margin-bottom: 14px !important; }

/* Return/credit panels: keep dense workflows readable */
.order-workspace .return-hero,
.order-workspace .return-case-card,
.order-workspace .ledger-entry { box-shadow: none !important; }
.order-workspace .return-case-list { display: grid !important; gap: 10px !important; }
.order-workspace .credit-route-picker {
  margin: 0 0 16px !important;
  padding: 16px !important;
  border: 1px solid #dce6df !important;
  border-radius: 12px !important;
  background: #f8fbf7 !important;
}
.order-workspace .credit-route-actions { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }
.order-workspace .return-finance-ready {
  display: grid !important;
  gap: 4px !important;
  margin-bottom: 14px !important;
  padding: 13px 15px !important;
  border-left: 4px solid #4b8c3f !important;
  border-radius: 0 10px 10px 0 !important;
  background: #f3f9f0 !important;
}

/* Keep controls from stretching strangely in the workspace */
.order-workspace .inline-form { flex-wrap: wrap !important; }
.order-workspace .form-stack { min-width: 0 !important; }
.order-workspace .field input,
.order-workspace .field select,
.order-workspace .field textarea { max-width: 100% !important; }
.order-workspace .data-table { min-width: 680px; }
.order-workspace .table-scroll { width: 100% !important; max-width: 100% !important; }

@media (max-width: 1180px) {
  .order-workspace .order-overview-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .order-workspace .order-overview-layout,
  .order-workspace .order-documents-layout,
  .order-workspace .order-columns { grid-template-columns: minmax(0, 1fr) !important; }
  .order-workspace .order-progress-card { position: static !important; }
  .order-workspace .order-documents-layout > aside { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .order-workspace .payment-summary { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 760px) {
  .order-workspace { gap: 14px !important; }
  .order-workspace .order-identity-card {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 20px !important;
  }
  .order-workspace .order-identity-value {
    width: 100% !important;
    min-width: 0 !important;
    padding: 15px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(255,255,255,.16) !important;
    text-align: left !important;
  }
  .order-workspace .order-section-nav { margin-inline: -2px !important; }
  .order-workspace .order-section-link { flex-basis: 96px !important; min-width: 96px !important; padding-inline: 10px !important; }
  .order-workspace .order-overview-kpis,
  .order-workspace .payment-summary,
  .order-workspace .order-physical,
  .order-workspace .order-documents-layout > aside { grid-template-columns: 1fr 1fr !important; }
  .order-workspace .order-clean-card { padding: 18px !important; }
  .order-workspace .order-detail-list > div { grid-template-columns: 1fr !important; gap: 5px !important; }
  .order-workspace .order-status-steps { grid-template-columns: 1fr !important; gap: 0 !important; }
  .order-workspace .order-status-step {
    grid-template-columns: 20px 1fr !important;
    grid-template-rows: auto !important;
    justify-items: start !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 31px !important;
    text-align: left !important;
  }
  .order-workspace .order-status-step::before {
    top: -50% !important;
    left: 7px !important;
    width: 2px !important;
    height: 100% !important;
  }
  .order-workspace .order-shipping-snapshot { grid-template-columns: 1fr !important; }
  .order-workspace .order-shipping-snapshot > div.wide { grid-column: auto !important; }
  .order-workspace .order-balance-callout { align-items: flex-start !important; flex-direction: column !important; }
  .order-workspace .order-tab-intro h2 { font-size: 18px !important; }
}

@media (max-width: 520px) {
  .order-workspace .order-overview-kpis,
  .order-workspace .payment-summary,
  .order-workspace .order-physical,
  .order-workspace .order-documents-layout > aside { grid-template-columns: 1fr !important; }
  .order-workspace .order-card-actions .btn,
  .order-workspace .order-invoice-actions .btn,
  .order-workspace .credit-route-actions .btn { width: 100% !important; }
}

/* ===== END order-workspace-v507.css ===== */

/* ===== BEGIN tradeos-v508.css ===== */
/* V5.08 usability layer — scoped additions, no reset of legacy components. */
.trade-currency-pill,.currency-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #cddfd7;background:#f3faf6;color:#174b38;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}.trade-currency-pill.large{padding:.55rem .85rem;font-size:.82rem}.directory-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:1rem;align-items:start}.smart-filter{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(130px,.7fr)) auto auto;gap:.65rem;align-items:end;margin-bottom:1rem}.smart-filter .field{margin:0}.sticky-table thead th{position:sticky;top:0;z-index:2;background:#f6f8f7}.currency-inline{display:flex;gap:.4rem;align-items:center}.currency-inline .field{margin:0}.currency-inline select{min-width:150px}.account-currency-card{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(320px,1.3fr);gap:1rem;padding:1rem 1.1rem;margin-bottom:1rem;border:1px solid #d8e4de;border-radius:16px;background:linear-gradient(135deg,#f8fcfa,#fff)}.account-currency-card>div{display:flex;flex-direction:column;gap:.25rem}.account-currency-card small{font-weight:800;color:#5c7168;letter-spacing:.08em}.account-currency-card strong{font-size:2rem;color:#153e31}.account-currency-card span{color:#66766f}.currency-change-form{display:grid;grid-template-columns:170px 1fr auto;gap:.6rem;align-items:end}.currency-change-form .field{margin:0}.pricing-explainer{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:0 0 1rem}.pricing-explainer>div{border:1px solid #dce6e1;border-radius:12px;padding:.85rem;background:#f9fbfa;display:flex;flex-direction:column;gap:.25rem}.pricing-explainer b{color:#173e31}.pricing-explainer span,.logic-note span{color:#64736d;font-size:.88rem;line-height:1.45}.finance-metrics{margin-bottom:1rem}.commission-table td:nth-child(n+3):nth-child(-n+7){white-space:nowrap}.logic-note{display:flex;gap:.75rem;align-items:flex-start;margin-top:1rem;padding:.8rem 1rem;border-radius:12px;background:#f5f8f6;border:1px solid #e0e7e3}.logic-note strong{white-space:nowrap;color:#173e31}.customer-clean-banner{min-height:150px}.data-table td .td-sub{display:block;margin-top:.2rem;color:#718078;font-size:.78rem}.table-scroll{max-width:100%}.panel-actions{flex-wrap:wrap}.matrix-scroll{max-height:68vh;overflow:auto}.pricing-matrix thead th{position:sticky;top:0;z-index:3}.pricing-matrix td:nth-child(3){min-width:220px}.pricing-matrix td:nth-child(4){min-width:150px}.pricing-matrix input,.pricing-matrix select{min-width:105px}
@media(max-width:1100px){.directory-layout{grid-template-columns:1fr}.smart-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-filter .btn{width:100%}.account-currency-card{grid-template-columns:1fr}.currency-change-form{grid-template-columns:1fr 1fr}.currency-change-form .btn{grid-column:1/-1}.pricing-explainer{grid-template-columns:1fr}}
@media(max-width:700px){.smart-filter{display:flex;flex-direction:column;align-items:stretch}.smart-filter>*{width:100%}.currency-change-form{grid-template-columns:1fr}.pricing-explainer{grid-template-columns:1fr}.account-currency-card{padding:.85rem}.data-table{min-width:760px}.commission-table{min-width:980px}}

/* ===== END tradeos-v508.css ===== */

/* ===== BEGIN tradeos-v509.css ===== */
/* AVP Trade Management Portal V5.09 — financial integrity, FX management and dense-register usability. */
.currency-manager-hero{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 1rem}.currency-manager-hero>div{border:1px solid #d9e4df;border-radius:18px;padding:1.15rem 1.25rem;background:linear-gradient(145deg,#f7fbf9,#fff);display:flex;flex-direction:column;gap:.28rem}.currency-manager-hero small{font-size:.72rem;font-weight:850;letter-spacing:.12em;color:#64776e}.currency-manager-hero strong{font-size:1.65rem;line-height:1.1;color:#163e31}.currency-manager-hero span{font-size:.88rem;color:#65756e;line-height:1.45}.currency-date-filter{display:grid;grid-template-columns:minmax(230px,360px) auto auto;align-items:end;gap:.7rem;margin-bottom:1rem}.currency-date-filter .field{margin:0}.fx-date-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.fx-rate-card{border:1px solid #dce5e1;background:#fff;border-radius:16px;padding:1rem;box-shadow:0 5px 18px rgba(20,54,43,.045)}.fx-rate-card>div{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.fx-rate-card span{font-size:.8rem;font-weight:900;letter-spacing:.08em;color:#173f31}.fx-rate-card small{font-size:.7rem;color:#75857e}.fx-rate-card>strong{display:block;margin:.65rem 0 .2rem;font-size:1.55rem;color:#153e31}.fx-rate-card p{margin:0;color:#718079;font-size:.78rem}.fx-rate-card em{display:inline-flex;margin-top:.55rem;padding:.2rem .45rem;border-radius:999px;background:#edf5f1;color:#315f4d;font-size:.68rem;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.currency-manager-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:1rem;align-items:start;margin-top:1rem}.lock-warning{display:flex;flex-direction:column;gap:.2rem;border-left:4px solid #b88930;background:#fff9ec;border-radius:10px;padding:.8rem .9rem;color:#5c4926}.lock-warning span{font-size:.84rem;line-height:1.45}.fx-rule-list{margin:.3rem 0 0;padding-left:1.25rem}.fx-rule-list li{margin:.65rem 0;color:#5f7068;line-height:1.45}.fx-rule-list b{color:#193e32}.commission-quick-filters{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 .8rem}.commission-quick-filters a{display:inline-flex;border:1px solid #d4e0db;border-radius:999px;padding:.38rem .68rem;background:#fff;color:#31574a;text-decoration:none;font-size:.78rem;font-weight:800}.commission-quick-filters a:hover{background:#f2f8f5}.commission-filter{grid-template-columns:minmax(220px,1.4fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(145px,.65fr) minmax(145px,.65fr) auto auto}.order-register-filter{grid-template-columns:minmax(210px,1.25fr) minmax(150px,.7fr) minmax(160px,.75fr) minmax(145px,.65fr) minmax(145px,.65fr) auto auto}.order-financial-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:0 0 .85rem}.order-financial-strip>div{border:1px solid #dce5e1;border-radius:13px;background:#fafcfb;padding:.78rem .85rem;min-width:0}.order-financial-strip span{display:block;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#718179}.order-financial-strip strong{display:block;margin:.22rem 0;color:#183f32;font-size:.96rem;overflow-wrap:anywhere}.order-financial-strip small{display:block;color:#77857f;font-size:.72rem;line-height:1.35}.order-financial-controls{margin:0 0 1rem;border:1px solid #d9e4df;border-radius:13px;background:#fff}.order-financial-controls>summary{cursor:pointer;padding:.72rem .9rem;font-weight:800;color:#234f40}.order-financial-controls[open]>summary{border-bottom:1px solid #e4ebe7}.order-financial-controls>.order-columns{padding:.9rem}.activity-date-list{margin:.6rem 0 1rem}.activity-date-list small{display:block;margin-top:.15rem;color:#74827c}.row-alert td{background:#fff7f4}.finance-metrics .metric-card strong{font-variant-numeric:tabular-nums}.data-table td,.data-table th{font-variant-numeric:tabular-nums}.data-table th{white-space:nowrap}.filter-bar input[type=date],.filter-bar select{min-height:42px}.helper-note{color:#6b7b74;font-size:.83rem;line-height:1.45}.text-danger{color:#9d362d!important}.pricing-matrix th,.pricing-matrix td{vertical-align:middle}.pricing-matrix .currency-chip{font-size:.72rem}.panel .table-scroll{scrollbar-gutter:stable}.table-scroll{overscroll-behavior-inline:contain}
@media(max-width:1180px){.fx-date-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-filter,.order-register-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-filter .btn,.order-register-filter .btn{width:100%}.order-financial-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.currency-manager-layout{grid-template-columns:1fr}}
@media(max-width:700px){.currency-manager-hero,.fx-date-grid,.order-financial-strip{grid-template-columns:1fr}.currency-date-filter{grid-template-columns:1fr}.currency-date-filter .btn{width:100%}.commission-filter,.order-register-filter{display:flex;flex-direction:column;align-items:stretch}.currency-manager-layout{display:block}.currency-manager-layout aside{margin-top:1rem}}
.financial-attention{margin:1rem 0;border:1px solid #dce5e1;border-radius:18px;background:#fff;padding:1rem 1.05rem}.financial-attention-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem}.financial-attention-head>div{display:flex;flex-direction:column;gap:.15rem}.financial-attention-head small{font-weight:850;letter-spacing:.1em;color:#72817b;font-size:.68rem}.financial-attention-head strong{color:#183f32}.financial-attention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.financial-attention-grid>a{display:flex;flex-direction:column;gap:.18rem;border:1px solid #e0e7e4;border-radius:13px;padding:.8rem .85rem;text-decoration:none;background:#fafcfb}.financial-attention-grid>a:hover{background:#f3f8f5}.financial-attention-grid span{font-size:.75rem;color:#687871}.financial-attention-grid strong{font-size:1.12rem;color:#153e31}.financial-attention-grid small{font-size:.7rem;color:#7a8782}@media(max-width:1000px){.financial-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.financial-attention-head{align-items:flex-start;flex-direction:column}.financial-attention-grid{grid-template-columns:1fr}}

/* ===== END tradeos-v509.css ===== */

/* ===== BEGIN tradeos-v510.css ===== */
/* AVP Trade Management Portal V5.10 — pre-launch integrity and scale polish */
.go-live-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;margin:0 0 22px;border:1px solid var(--line,#d8dee8);border-radius:18px;background:var(--panel,#fff);box-shadow:0 10px 30px rgba(24,36,56,.06)}
.go-live-banner small{font-size:11px;font-weight:800;letter-spacing:.12em}.go-live-banner h2{margin:5px 0 5px;font-size:22px}.go-live-banner p{margin:0;max-width:760px}.go-live-banner>strong{white-space:nowrap;padding:10px 14px;border-radius:999px;font-size:12px;letter-spacing:.05em}.go-live-ready{border-color:#b7ddc5;background:linear-gradient(135deg,#fbfffc,#f1fbf5)}.go-live-ready>strong{background:#e2f5e8;color:#176233}.go-live-stop{border-color:#efc1c1;background:linear-gradient(135deg,#fffdfd,#fff4f4)}.go-live-stop>strong{background:#fde4e4;color:#8c2424}
.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.health-card{display:flex;flex-direction:column;gap:6px;padding:15px 16px;border:1px solid var(--line,#d8dee8);border-radius:14px;background:#fff}.health-card strong{font-size:13px}.health-card span{font-size:12px;color:var(--muted,#667085)}.health-ok{border-left:4px solid #45a568}.health-bad{border-left:4px solid #cf4b4b;background:#fffafa}.health-warn{border-left:4px solid #d99a2b;background:#fffaf0}
.smart-filter{align-items:end}.smart-filter .field{min-width:155px}.smart-filter .field:first-of-type{min-width:230px}.table-scroll{scrollbar-gutter:stable}.data-table thead th{position:sticky;top:0;z-index:2}
@media(max-width:820px){.go-live-banner{align-items:flex-start;flex-direction:column}.go-live-banner>strong{align-self:flex-start}.smart-filter .field,.smart-filter .field:first-of-type{min-width:100%;width:100%}}

/* ===== END tradeos-v510.css ===== */

/* ===== BEGIN tradeos-v511.css ===== */
/* AVP Trade Management Portal V5.11 — unified private portal design layer.
   Public website styles are intentionally untouched. */
:root{
  --v511-bg:#f3f6f4;--v511-card:#fff;--v511-ink:#17251d;--v511-muted:#718077;
  --v511-line:#e1e8e3;--v511-line-strong:#d4dfd7;--v511-brand:#2f6b3e;--v511-brand-dark:#1d4c2c;
  --v511-brand-soft:#edf5eb;--v511-sidebar:#10271d;--v511-sidebar-2:#17392a;
  --v511-shadow:0 12px 34px rgba(24,49,33,.055);--v511-shadow-hover:0 16px 38px rgba(24,49,33,.09);
  --v511-radius:16px;--v511-radius-sm:11px;--v511-focus:0 0 0 3px rgba(67,127,79,.13)
}
html{scroll-behavior:smooth}
body.app-shell{background:var(--v511-bg);color:var(--v511-ink)}
body.app-shell ::selection{background:#dcebd8;color:#173522}
body.app-shell .layout{background:var(--v511-bg)}
body.app-shell .sidebar{width:272px;background:linear-gradient(180deg,var(--v511-sidebar-2),var(--v511-sidebar) 72%);border-right:1px solid rgba(255,255,255,.045);box-shadow:12px 0 38px rgba(11,34,22,.08)}
body.app-shell .app-main{margin-left:272px}
body.app-shell .brand{padding:24px 20px 22px;border-bottom:1px solid rgba(255,255,255,.08)}
body.app-shell .brand img{width:202px;height:58px}
body.app-shell .brand small{margin-top:5px;letter-spacing:3.2px;color:#9fc6a4}
body.app-shell .side-nav{padding:12px 12px 16px;gap:3px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
body.app-shell .nav-primary{display:grid;gap:4px;padding-bottom:10px;margin-bottom:9px;border-bottom:1px solid rgba(255,255,255,.075)}
body.app-shell .side-section{padding-top:11px}
body.app-shell .side-heading{padding:0 13px 7px;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#70917c}
body.app-shell .side-links{display:grid;gap:3px}
body.app-shell .nav-link{min-height:43px;padding:10px 12px;border-radius:10px;gap:11px;color:#b9c9bf;font-size:12px;font-weight:680;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
body.app-shell .nav-link svg{width:17px;height:17px;color:#87a693;transition:color .18s ease,transform .18s ease}
body.app-shell .nav-link:hover{background:rgba(255,255,255,.065);color:#fff;transform:translateX(2px)}
body.app-shell .nav-link:hover svg{color:#b8d8af}
body.app-shell .nav-link.on{background:linear-gradient(90deg,rgba(119,175,87,.22),rgba(119,175,87,.07));color:#fff;box-shadow:inset 0 0 0 1px rgba(155,207,123,.08)}
body.app-shell .nav-link.on:before{left:0;top:10px;bottom:10px;width:3px;background:#8dc45e}
body.app-shell .nav-link.on svg{color:#aadb79}
body.app-shell .nav-count{margin-left:auto;min-width:19px;height:19px;padding:0 5px;border-radius:99px;display:inline-grid;place-items:center;background:#d65454;color:#fff;font-size:9px;font-weight:900;box-shadow:0 0 0 2px rgba(16,39,29,.72)}
body.app-shell .side-bottom{margin:0 16px 17px;padding:15px 7px 0;position:sticky;bottom:0;background:linear-gradient(180deg,rgba(16,39,29,0),var(--v511-sidebar) 18%)}
body.app-shell .avatar{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}

body.app-shell .topbar{position:sticky;top:0;z-index:20;height:70px;padding:0 30px;background:rgba(255,255,255,.91);border-bottom:1px solid rgba(214,224,217,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 5px 22px rgba(27,53,36,.025)}
body.app-shell .breadcrumb{font-size:10px;letter-spacing:.12em;color:#708278}
body.app-shell .topbar-tools{gap:9px}
body.app-shell .topbar-tools select{height:37px;padding:0 11px;background:#f7faf8;border:1px solid var(--v511-line);border-radius:9px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
body.app-shell .topbar-tools select:focus{outline:0;border-color:#86ab8c;box-shadow:var(--v511-focus);background:#fff}
body.app-shell .top-avatar,body.app-shell .logout-icon{width:37px;height:37px;border-radius:10px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
body.app-shell .top-avatar:hover,body.app-shell .logout-icon:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(30,62,40,.1)}
.live-status-dot{display:inline-flex;align-items:center;gap:6px;height:31px;padding:0 9px;border:1px solid #dce8dd;background:#f7fbf6;border-radius:999px;color:#52705b;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:.2s ease}
.live-status-dot i{width:7px;height:7px;border-radius:50%;background:#5ba15c;box-shadow:0 0 0 3px rgba(91,161,92,.12)}
.live-status-dot.is-syncing i{animation:v511Pulse 1s infinite}
.live-status-dot.is-offline{border-color:#ecd9d2;background:#fff8f5;color:#9b5a4d}.live-status-dot.is-offline i{background:#c46754;box-shadow:none}
@keyframes v511Pulse{50%{opacity:.35;transform:scale(.75)}}

body.app-shell .content{max-width:1680px;padding:32px 34px 62px}
body.app-shell .page-heading{align-items:center;margin-bottom:22px}
body.app-shell .page-heading h1{font-size:29px;line-height:1.18;letter-spacing:-.85px;color:#183025}
body.app-shell .page-heading p:not(.overline){max-width:800px;font-size:12px;line-height:1.55;color:#7c8981}
body.app-shell .overline{margin-bottom:6px!important;color:#6b9864!important;letter-spacing:.14em!important}
body.app-shell .heading-actions{align-items:center}

body.app-shell .panel{border:1px solid var(--v511-line);border-radius:var(--v511-radius);box-shadow:var(--v511-shadow);padding:22px;background:var(--v511-card);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
body.app-shell .panel-heading{align-items:flex-start;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid #edf1ee}
body.app-shell .panel-heading h2{font-size:15px;color:#1d3527}
body.app-shell .panel-heading p{max-width:760px;color:#7e8b83;font-size:11px}
body.app-shell details.panel>summary{margin:-4px 0 12px;padding:8px 2px;cursor:pointer;font-weight:800;color:#244a31}
body.app-shell details.panel>summary::marker{color:#639063}

body.app-shell .metric-grid{gap:13px;margin-bottom:18px}
body.app-shell .metric{padding:18px 19px;border:1px solid var(--v511-line);border-radius:14px;box-shadow:0 7px 22px rgba(22,48,30,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body.app-shell .metric:hover{transform:translateY(-2px);box-shadow:var(--v511-shadow-hover);border-color:#d3dfd5}
body.app-shell .metric strong{font-size:24px;color:#1b3927}
body.app-shell .metric-top i{width:31px;height:31px;border-radius:9px}
body.app-shell .welcome-banner{border-radius:18px;min-height:168px;margin-bottom:19px;box-shadow:0 12px 30px rgba(20,58,34,.09)}
body.app-shell .welcome-banner h2{font-size:23px}

body.app-shell .btn{position:relative;min-height:39px;padding:9px 15px;border-radius:9px;font-size:11px;font-weight:820;letter-spacing:.005em;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease;will-change:transform}
body.app-shell .btn:hover{transform:translateY(-1px)}
body.app-shell .btn:active{transform:translateY(0) scale(.985)}
body.app-shell .btn:focus-visible{outline:0;box-shadow:var(--v511-focus)}
body.app-shell .btn-primary{background:linear-gradient(180deg,#397a49,#2d663d);border-color:#2d663d;box-shadow:0 6px 14px rgba(45,102,61,.14)}
body.app-shell .btn-primary:hover{background:linear-gradient(180deg,#326f42,#255b35);box-shadow:0 8px 18px rgba(45,102,61,.19)}
body.app-shell .btn-outline{background:#fff;border-color:#dbe4dd;color:#31563d;box-shadow:0 2px 6px rgba(23,50,31,.02)}
body.app-shell .btn-outline:hover{background:#f8fbf8;border-color:#b9cdbc;color:#214a30}
body.app-shell .btn-danger{background:#a94343;border-color:#a94343;box-shadow:0 6px 14px rgba(169,67,67,.12)}
body.app-shell .row-remove{transition:background .16s ease,color .16s ease,transform .16s ease}.row-remove:hover{transform:scale(1.05)}

body.app-shell .tabs,body.app-shell .settings-tabs{display:flex;gap:5px;overflow-x:auto;padding:5px;background:#fff;border:1px solid var(--v511-line);border-radius:12px;box-shadow:0 5px 18px rgba(24,50,31,.025);scrollbar-width:thin}
body.app-shell .tab{position:relative;border-radius:8px;padding:10px 13px;color:#6f7e75;font-size:11px;font-weight:760;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
body.app-shell a.tab:hover{background:#f4f8f4;color:#2e5a3a;transform:translateY(-1px)}
body.app-shell .tab.active{background:#eaf4e8;color:#235c34;box-shadow:inset 0 0 0 1px #d4e6d1}

body.app-shell .filter-bar{position:relative;display:flex;align-items:flex-end;gap:10px;padding:13px 14px;margin-bottom:17px;border:1px solid var(--v511-line);border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 7px 24px rgba(20,48,29,.035)}
body.app-shell .filter-bar.smart-filter,body.app-shell .filter-bar.invoice-filter,body.app-shell .filter-bar.order-register-filter{position:sticky;top:82px;z-index:9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.app-shell .field{gap:6px}
body.app-shell .field>span,body.app-shell label.field>span{font-size:9px;font-weight:830;letter-spacing:.045em;text-transform:uppercase;color:#6f7f75}
body.app-shell input:not([type=checkbox]):not([type=radio]),body.app-shell select,body.app-shell textarea{border:1px solid #dce4de;border-radius:9px;background:#fbfcfb;color:#22372a;transition:border-color .17s ease,box-shadow .17s ease,background .17s ease}
body.app-shell input:not([type=checkbox]):not([type=radio]):focus,body.app-shell select:focus,body.app-shell textarea:focus{outline:0;border-color:#83a889;box-shadow:var(--v511-focus);background:#fff}
body.app-shell textarea{line-height:1.5;resize:vertical}
body.app-shell .search-field{height:41px;border-color:#dce4de;background:#fafcfb;border-radius:9px;transition:border-color .17s ease,box-shadow .17s ease,background .17s ease}
body.app-shell .search-field:focus-within{border-color:#83a889;box-shadow:var(--v511-focus);background:#fff}
body.app-shell .form-stack{gap:13px}
body.app-shell .helper-note{border-radius:10px;line-height:1.55}

body.app-shell .table-scroll{border:1px solid #e7ece8;border-radius:12px;background:#fff;scrollbar-width:thin;scrollbar-color:#cfd9d1 transparent}
body.app-shell .data-table{font-size:11px}
body.app-shell .data-table thead{background:#f7f9f7}
body.app-shell .data-table th{position:sticky;top:0;z-index:2;padding:11px 13px;background:#f7f9f7;border-bottom:1px solid #e6ece7;color:#74837a;font-size:9px;letter-spacing:.075em}
body.app-shell .data-table td{padding:12px 13px;border-bottom:1px solid #edf1ee;transition:background .14s ease}
body.app-shell .data-table tbody tr:hover td{background:#f8fbf8}
body.app-shell .data-table tbody tr:last-child td{border-bottom:0}
body.app-shell .data-table td .btn{min-height:33px;padding:7px 10px}
body.app-shell .td-sub{color:#8b978f}
body.app-shell .status{border-radius:999px;padding:5px 8px;font-size:9px;letter-spacing:.015em}
body.app-shell .status::before{width:5px;height:5px}
body.app-shell .pager,body.app-shell .pagination{margin-top:14px}

body.app-shell .customer-card-grid{gap:13px}
body.app-shell .customer-account-card,body.app-shell .account-card{border:1px solid var(--v511-line);border-radius:14px;box-shadow:0 7px 22px rgba(22,48,30,.025);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.app-shell .customer-account-card:hover,body.app-shell .account-card:hover{transform:translateY(-2px);border-color:#c6d8c8;box-shadow:var(--v511-shadow-hover)}
body.app-shell .quick-actions a,body.app-shell .review-line,body.app-shell .invoice-link,body.app-shell .download-line{transition:background .16s ease,border-color .16s ease,transform .16s ease}
body.app-shell .quick-actions a:hover,body.app-shell .review-line:hover,body.app-shell .invoice-link:hover,body.app-shell .download-line:hover{transform:translateX(2px)}

body.app-shell .notice{border-radius:11px;box-shadow:0 4px 14px rgba(34,82,45,.025)}
body.app-shell .empty-state{border-radius:14px}
body.app-shell .app-footer{padding:18px 24px 25px;color:#94a098}

/* Invoice workspace */
body.app-shell .invoice-layout{align-items:start;gap:20px}
body.app-shell .invoice-paper{border:1px solid #dfe6e1;border-radius:15px;box-shadow:0 16px 45px rgba(27,53,36,.075);overflow:hidden}
body.app-shell .invoice-editor{position:sticky;top:87px;display:grid;gap:13px}
body.app-shell .invoice-editor>.panel,body.app-shell .invoice-editor>.invoice-sharing,body.app-shell .invoice-editor>.invoice-current-account,body.app-shell .invoice-editor>form,body.app-shell .invoice-editor>details{margin-bottom:0}
.invoice-revision-banner{display:grid;gap:4px;margin-bottom:14px;padding:12px 13px;border:1px solid #d9e6d8;background:#f4f9f2;border-radius:10px}.invoice-revision-banner strong{color:#275f36;font-size:11px}.invoice-revision-banner span{color:#66766b;font-size:10px;line-height:1.5}
.invoice-revise-disclosure{margin-top:13px;border:1px solid #dbe6db;background:#f8fbf7;border-radius:11px;padding:12px 13px}.invoice-revise-disclosure summary{cursor:pointer;font-weight:820;color:#295d38}.invoice-revise-disclosure[open] summary{margin-bottom:10px}.invoice-revise-disclosure p{color:#6c7a71;font-size:11px;line-height:1.55}
body.app-shell .invoice-sharing{border-radius:13px;border-color:#e0e7e2;box-shadow:0 6px 18px rgba(24,50,31,.025)}

/* Notification centre */
body.app-shell .alert-popover-panel{border:1px solid #dfe7e1;border-radius:14px;box-shadow:0 20px 60px rgba(18,43,28,.18);overflow:hidden}
.desktop-alert-control{padding:9px 10px;border-top:1px solid #edf1ee;background:#fafcfa}
.desktop-alert-button{width:100%;display:flex;align-items:center;gap:10px;padding:9px;border:0;border-radius:9px;background:transparent;text-align:left;color:#41574a;transition:background .16s ease,color .16s ease}
.desktop-alert-button:hover{background:#f0f5ef}.desktop-alert-button.is-enabled{color:#235b34;background:#edf6eb}
.desktop-alert-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e7efe6;color:#4e8153;font-size:10px}
.desktop-alert-button span:last-child{display:grid;gap:2px}.desktop-alert-button strong{font-size:10px}.desktop-alert-button small{font-size:9px;color:#7f8d84;font-weight:600}

/* Live update toast */
.avp-toast-stack{position:fixed;right:22px;bottom:22px;z-index:1000;display:grid;gap:8px;pointer-events:none}
.avp-toast{max-width:360px;padding:11px 14px;border:1px solid #cfe0d0;border-radius:11px;background:#f4faf2;color:#2c6139;font-size:11px;font-weight:720;box-shadow:0 14px 36px rgba(19,54,31,.16);opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.avp-toast.show{opacity:1;transform:none}.avp-toast.is-warn{background:#fff8ed;border-color:#ead8b8;color:#825e24}

/* Role-specific clarity without changing financial logic. */
body.role-customer .sidebar{background:linear-gradient(180deg,#183a2b,#10261c 74%)}
body.role-supplier .sidebar{background:linear-gradient(180deg,#17382b,#0e251b 74%)}
body.role-admin .page-heading .overline{color:#6f9e65!important}

/* Long-screen ergonomics */
body.app-shell .matrix-scroll,body.app-shell .table-scroll{overscroll-behavior:contain}
body.app-shell .matrix-scroll .pricing-matrix thead th{top:0}
body.app-shell .sticky-submit{border:1px solid #dce5dd;border-radius:13px;box-shadow:0 10px 28px rgba(24,50,31,.08);backdrop-filter:blur(10px)}
body.app-shell details>summary{transition:color .16s ease,background .16s ease}

@media(max-width:1180px){
 body.app-shell .sidebar{width:236px}body.app-shell .app-main{margin-left:236px}body.app-shell .brand img{width:180px}
 body.app-shell .content{padding-left:25px;padding-right:25px}.live-status-dot>span{display:none}.live-status-dot{padding:0 8px}
 body.app-shell .filter-bar.smart-filter,body.app-shell .filter-bar.invoice-filter,body.app-shell .filter-bar.order-register-filter{position:relative;top:auto}
}
@media(max-width:900px){
 body.app-shell .sidebar{width:272px}body.app-shell .app-main{margin-left:0}body.app-shell .topbar{padding:0 17px}.mobile-toggle{display:inline-grid;place-items:center}
 body.app-shell .content{padding:24px 17px 48px}body.app-shell .page-heading{align-items:flex-start;flex-direction:column;gap:13px}.heading-actions{width:100%}
 body.app-shell .invoice-editor{position:static}.live-status-dot{display:none}
}
@media(max-width:640px){
 body.app-shell .topbar{height:62px}.breadcrumb{display:none}.pref-form select{min-width:58px!important;padding:0 7px!important}.trade-currency-pill{display:none}
 body.app-shell .content{padding:19px 12px 42px}.page-heading h1{font-size:25px!important}.heading-actions .btn{flex:1}
 body.app-shell .panel{padding:17px;border-radius:13px}.metric-grid{grid-template-columns:1fr 1fr!important}.metric{padding:15px!important}
 body.app-shell .filter-bar{display:grid;grid-template-columns:1fr;padding:12px}.filter-bar>.field,.filter-bar .search-field,.filter-bar select,.filter-bar .btn{width:100%;min-width:0!important}
 body.app-shell .data-table th,body.app-shell .data-table td{padding:10px 11px}.avp-toast-stack{left:12px;right:12px;bottom:12px}.avp-toast{max-width:none}
 body.app-shell .tabs,body.app-shell .settings-tabs{border-radius:10px}.metric-grid{gap:9px!important}
}
@media(max-width:430px){body.app-shell .metric-grid{grid-template-columns:1fr!important}.topbar-tools{gap:5px!important}.logout-form{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media print{.live-status-dot,.desktop-alert-control,.avp-toast-stack,.invoice-revise-disclosure{display:none!important}}

/* Sign-in is part of the private portal, so it receives the same restrained polish. */
body.auth-page{background:#f4f7f4}
body.auth-page .auth-art{background:radial-gradient(circle at 16% 88%,rgba(76,139,78,.42) 0%,transparent 34%),linear-gradient(145deg,#163a2b,#0c251a 72%)}
body.auth-page .auth-panel{max-width:500px;padding:64px 54px}
body.auth-page .auth-wordmark{width:210px;margin-bottom:48px}
body.auth-page .auth-panel h2{font-size:28px;letter-spacing:-.55px;color:#1e3c2a}
body.auth-page .auth-panel .field input{border:1px solid #dbe5dd;border-radius:10px;background:#fff;transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease}
body.auth-page .auth-panel .field input:focus{outline:0;border-color:#83a889;box-shadow:var(--v511-focus)}
body.auth-page .auth-panel .btn{border-radius:10px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
body.auth-page .auth-panel .btn:hover{transform:translateY(-1px)}
body.auth-page .auth-hint a{color:#397247;font-weight:760;transition:color .16s ease}body.auth-page .auth-hint a:hover{color:#245c34}

/* ===== END tradeos-v511.css ===== */

/* ===== BEGIN tradeos-v512.css ===== */
/* AVP Trade Management Portal V5.12 — whole-record navigation and notification deep-link polish */
body.app-shell .clickable-record{cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,border-color .14s ease}
body.app-shell tr.clickable-record:focus-visible{outline:2px solid #78a27d;outline-offset:-2px}
body.app-shell tr.clickable-record:hover td{background:#f4f9f4}
body.app-shell tr.clickable-record:active td{background:#edf5ed}
body.app-shell .ledger-entry.clickable-record:hover,
body.app-shell .activity-line.clickable-record:hover,
body.app-shell .notification-item.clickable-record:hover,
body.app-shell .review-line.clickable-record:hover,
body.app-shell .download-line.clickable-record:hover,
body.app-shell .catalogue-card-v11.clickable-record:hover{border-color:#bdd1c0;box-shadow:0 9px 24px rgba(24,67,36,.08);transform:translateY(-1px)}
body.app-shell .clickable-record:focus-visible{outline:2px solid #78a27d;outline-offset:2px}
body.app-shell .clickable-record a,body.app-shell .clickable-record button,body.app-shell .clickable-record input,body.app-shell .clickable-record select,body.app-shell .clickable-record textarea{cursor:auto}
body.app-shell .clickable-record a,body.app-shell .clickable-record button{cursor:pointer}
body.app-shell .notification-item.clickable-record{position:relative}
body.app-shell .notification-item.clickable-record::after{content:'Open →';align-self:center;margin-left:auto;color:#4e7959;font-size:9px;font-weight:820;white-space:nowrap;opacity:.62;transition:opacity .14s ease,transform .14s ease}
body.app-shell .notification-item.clickable-record:hover::after{opacity:1;transform:translateX(2px)}
@media(max-width:640px){body.app-shell .notification-item.clickable-record::after{display:none}}
@media(prefers-reduced-motion:reduce){body.app-shell .clickable-record{transition:none!important}}

/* ===== END tradeos-v512.css ===== */

/* ===== BEGIN tradeos-v513.css ===== */
/* AVP Trade Management Portal V5.13 — guided import experience */
.import-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}.import-step{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;border:1px solid var(--line,#dfe4ea);border-radius:15px;background:var(--card,#fff);box-shadow:0 8px 24px rgba(20,35,55,.04)}.import-step>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:#12263f;color:#fff;font-weight:800}.import-step strong,.import-step small{display:block}.import-step strong{font-size:.92rem;line-height:1.3}.import-step small{margin-top:4px;color:var(--muted,#6b7280);line-height:1.35}.import-cards-v513{grid-template-columns:repeat(4,minmax(0,1fr))}.import-cards-v513 .import-card{min-height:118px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.import-cards-v513 .import-card:hover{transform:translateY(-2px)}.import-workspace{align-items:start}.import-key{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.import-key span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.10);font-size:.78rem;font-weight:750}.import-key-input{background:#eaf8ef;color:#176534}.import-key-reference{background:#f3f4f6;color:#4b5563}.import-key-system{background:#eaf2ff;color:#2454a6}.import-key-block{margin-top:14px}.import-simple-card{padding:16px;border:1px solid var(--line,#dfe4ea);background:linear-gradient(180deg,#fff,#fbfcfe);border-radius:14px;margin-bottom:14px}.import-simple-card strong{font-size:1rem}.import-simple-card p{margin:6px 0 0;color:var(--muted,#6b7280);line-height:1.5}.import-review-status{display:grid;gap:3px;padding:14px 16px;margin:16px 0;border:1px solid;border-radius:14px}.import-review-status strong{font-size:.98rem}.import-review-status span,.import-review-status small{display:block}.import-review-status small{opacity:.78}.import-review-status.is-ready{background:#edf9f1;border-color:#b7e4c7;color:#14532d}.import-review-status.has-errors{background:#fff3f2;border-color:#fecaca;color:#991b1b}.import-final-step{padding:16px;margin-top:16px;border:1px solid #b9cdf4;border-radius:14px;background:#f4f8ff}.import-final-step strong{display:block;margin-bottom:4px}.import-final-step p{margin:0 0 12px;color:#4b5f7b}.import-final-step #structuredImportProgress{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.import-error-panel{border-radius:16px}.import-rules td:first-child code{white-space:nowrap}.csv-drop{transition:border-color .16s ease,background .16s ease,transform .16s ease}.csv-drop:hover{transform:translateY(-1px)}
@media(max-width:1180px){.import-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.import-cards-v513{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.import-flow,.import-cards-v513{grid-template-columns:1fr}.import-step{padding:13px}.import-key{gap:6px}.import-key span{font-size:.73rem}.import-final-step #structuredImportProgress{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.import-cards-v513 .import-card,.csv-drop{transition:none}.import-cards-v513 .import-card:hover,.csv-drop:hover{transform:none}}

/* ===== END tradeos-v513.css ===== */

/* ===== BEGIN tradeos-v515.css ===== */
/* AVP Trade Management Portal V5.15 — simple import workflow */
.page-import_center .import-cards-v513{margin-bottom:22px}
.page-import_center .import-card.selected{border-color:#8e1b1b;box-shadow:0 10px 28px rgba(142,27,27,.10);background:linear-gradient(180deg,#fff,#fff8f8)}
.page-import_center .import-card.selected>span{background:#8e1b1b;color:#fff}
.page-import_center .box form.form-stack>.fields-grid{margin-bottom:4px}
.import-advanced{border:1px solid var(--line,#dfe4ea);border-radius:14px;background:#fafbfc;padding:0;margin:4px 0 8px}
.import-advanced>summary{cursor:pointer;padding:13px 15px;font-weight:800;list-style:none}.import-advanced>summary::-webkit-details-marker{display:none}.import-advanced>summary:after{content:'+';float:right;font-size:1.1rem}.import-advanced[open]>summary:after{content:'−'}
.import-advanced[open]{padding-bottom:14px}.import-advanced[open]>summary{border-bottom:1px solid var(--line,#dfe4ea);margin-bottom:12px}.import-advanced>p,.import-advanced>.fields-grid,.import-advanced>.checkline{margin-left:15px;margin-right:15px}
.page-supplier_import .customer-account-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.page-supplier_import .customer-account-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,35,55,.08)}
.page-import_center .csv-drop,.page-supplier_import .csv-drop{border-width:2px}
@media(max-width:760px){.import-advanced>p,.import-advanced>.fields-grid,.import-advanced>.checkline{margin-left:10px;margin-right:10px}}
@media(prefers-reduced-motion:reduce){.page-supplier_import .customer-account-card{transition:none}.page-supplier_import .customer-account-card:hover{transform:none}}

/* ===== END tradeos-v515.css ===== */

/* ===== BEGIN tradeos-v518.css ===== */
/* AVP Trade Management Portal V5.18 — Import Centre UX */
.page-import_center .page-heading,.page-supplier_import .page-heading{margin-bottom:18px}
.import-hero-v518{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);gap:20px;align-items:stretch;padding:24px 26px;margin:0 0 18px;border:1px solid #dfe7e2;border-radius:20px;background:linear-gradient(135deg,#ffffff 0%,#fbfdfc 58%,#f4f8f5 100%);box-shadow:0 12px 34px rgba(25,52,38,.06)}
.import-hero-v518 h2{margin:5px 0 8px;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.18;color:#13291d}.import-hero-v518 p{margin:0;max-width:760px;color:#657269;line-height:1.65}.eyebrow{display:inline-block;font-size:.7rem;letter-spacing:.11em;font-weight:850;color:#8e1b1b}.import-safety-stack{display:grid;gap:9px;align-content:center}.import-safety-stack span{display:flex;align-items:center;min-height:42px;padding:9px 12px;border:1px solid #d9e8dc;border-radius:11px;background:#fff;color:#275c36;font-size:.82rem;font-weight:760}
.import-flow-v518{margin-bottom:18px}.import-flow-v518 .import-step{position:relative;overflow:hidden}.import-flow-v518 .import-step.is-current{border-color:#b7d3bb;background:linear-gradient(180deg,#fff,#f6fbf7)}.import-flow-v518 .import-step.is-current:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#397a49}
.import-job-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:4px 0 12px}.import-job-toolbar strong,.import-job-toolbar small{display:block}.import-job-toolbar small{margin-top:3px;color:#738078}.import-job-filter{display:flex;gap:6px;flex-wrap:wrap}.import-job-filter span{padding:6px 9px;border:1px solid #e0e6e2;border-radius:999px;background:#fff;color:#647168;font-size:.72rem;font-weight:750}
.import-cards-v518{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}.import-cards-v518 .import-card{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:start;gap:11px;min-height:126px;padding:16px;border-radius:16px}.import-cards-v518 .import-card>div{min-width:0}.import-cards-v518 .import-card strong{display:block;font-size:.96rem;margin:2px 0 5px}.import-cards-v518 .import-card p{margin:0;color:#6a776f;line-height:1.42;font-size:.78rem}.import-cards-v518 .import-card>b{align-self:center;color:#9aa49e;font-size:1rem}.import-card-icon{display:grid!important;place-items:center;width:40px;height:40px;border-radius:12px;background:#f2f6f3!important;color:#285c39!important;font-size:.85rem!important;font-weight:900}.import-card-kicker{display:block!important;margin:0!important;color:#8b958e!important;font-size:.67rem!important;text-transform:uppercase;letter-spacing:.08em}.import-cards-v518 .import-card.selected .import-card-icon{background:#8e1b1b!important;color:#fff!important}.import-cards-v518 .import-card.selected{border-color:#c79292;box-shadow:0 12px 28px rgba(142,27,27,.08)}
.import-prep-grid{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.4fr);gap:20px;align-items:start}.import-prep-copy{display:flex;gap:12px;padding:15px;border:1px solid #e2e8e4;border-radius:14px;background:#fafcfb}.import-prep-copy strong{display:block;margin-bottom:5px}.import-prep-copy p{margin:0;color:#68756d;line-height:1.55}.import-number{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:#163f2b;color:#fff;font-weight:850}.import-prep-form{margin:0}.import-auto-strip{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #edf0ee}.import-auto-strip span{color:#6a776f;font-size:.78rem}.import-auto-strip b{padding:6px 9px;border-radius:999px;background:#eef7f0;color:#2e6a3d;font-size:.73rem}
.import-workspace-v518{gap:18px}.import-expectation{padding:14px 15px;margin-bottom:14px;border:1px solid #dfe7e2;border-radius:14px;background:#fbfdfc}.import-expectation>span{display:block;font-size:.67rem;font-weight:850;letter-spacing:.09em;color:#7d887f}.import-expectation>strong{display:block;margin:3px 0 4px;font-size:.95rem;color:#1f3d2b}.import-expectation p{margin:0;color:#6b776f;line-height:1.5;font-size:.82rem}
.csv-drop-v518{position:relative;display:grid;place-items:center;gap:5px;min-height:178px;padding:24px;border:2px dashed #bdcbc1!important;border-radius:17px!important;background:linear-gradient(180deg,#fff,#fbfcfb);text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.csv-drop-v518:hover,.csv-drop-v518.is-dragging{border-color:#397a49!important;background:#f5fbf6;transform:translateY(-1px);box-shadow:0 10px 26px rgba(35,76,47,.07)}.csv-drop-v518 .upload-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#173d2a;color:#fff;font-size:1.2rem}.csv-drop-v518 strong{font-size:1rem}.csv-drop-v518 small{color:#748078}.csv-drop-v518 em{font-style:normal;font-size:.75rem;font-weight:740;color:#8e1b1b}.csv-drop-v518.has-file em{color:#2f6c3e}.csv-drop-v518 input{position:absolute;inset:0;opacity:0;cursor:pointer}
.import-review-shell{margin-top:18px;border:1px solid #dfe7e2;border-radius:18px;overflow:hidden;background:#fff}.import-review-shell.is-ready{border-color:#c8dfcd}.import-review-shell.has-errors{border-color:#eccaca}.import-review-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;background:linear-gradient(180deg,#fbfdfc,#f6faf7);border-bottom:1px solid #e8eeea}.import-review-shell.has-errors .import-review-banner{background:linear-gradient(180deg,#fffafa,#fff5f5)}.import-review-banner h3{margin:4px 0 3px;font-size:1.08rem}.import-review-banner p{margin:0;color:#6d7971;font-size:.82rem}.import-review-metrics{display:flex;gap:8px}.import-review-metrics>div{min-width:92px;padding:9px 10px;border:1px solid #e3e9e5;border-radius:11px;background:#fff;text-align:center}.import-review-metrics strong,.import-review-metrics span{display:block}.import-review-metrics strong{font-size:1.12rem;color:#173d2a}.import-review-metrics span{margin-top:2px;color:#78847c;font-size:.67rem;text-transform:uppercase;letter-spacing:.04em}.import-safety-note{display:flex;gap:8px;align-items:center;padding:11px 18px;background:#f8faf9;color:#536258;font-size:.78rem;border-bottom:1px solid #edf1ee}.import-safety-note strong{color:#2f6540}
.import-preview-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;padding:18px 18px 10px}.import-preview-head h3{margin:4px 0 3px;font-size:1rem}.import-preview-head p{margin:0;color:#748078;font-size:.78rem}.import-preview-count{white-space:nowrap;padding:6px 9px;border-radius:999px;background:#f0f4f1;color:#56645b;font-size:.7rem;font-weight:750}.import-preview-scroll{margin:0 18px 16px;border:1px solid #e7ece8;border-radius:12px}.import-preview-table{margin:0}.import-preview-table th{font-size:.72rem}.import-preview-table td{vertical-align:top;font-size:.78rem}.import-impact-cell{min-width:160px}.import-impact-badge{display:inline-flex;align-items:center;padding:5px 7px;border-radius:999px;font-size:.65rem;font-weight:850;letter-spacing:.04em;white-space:nowrap}.import-impact-badge.is-new{background:#e8f6ec;color:#226637}.import-impact-badge.is-update{background:#eef3ff;color:#2d58a2}.import-impact-badge.is-same{background:#f2f4f3;color:#607067}.import-impact-badge.is-warn{background:#fff0d9;color:#8c5714}.import-impact-detail{display:block;margin-top:5px;max-width:210px;color:#6f7a73;line-height:1.35;white-space:normal}.import-review-check{padding:11px 14px;border:1px solid #dfe6e1;border-radius:11px;background:#fafcfb}.import-confirm-form{padding:0 18px 18px}.import-final-step{margin:16px 18px 18px!important}.import-final-step .eyebrow{margin-bottom:4px}
.import-template-panel{padding:17px;border:1px solid #dfe6e1;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfcfb)}.import-template-panel h3{margin:4px 0 6px}.import-template-panel p{margin:0 0 14px;color:#69756d;line-height:1.55}.import-template-panel .btn+.btn{margin-top:8px}.import-template-tag{display:inline-flex;padding:5px 7px;border-radius:999px;background:#f1f4f2;color:#627068;font-size:.67rem;font-weight:820;text-transform:uppercase;letter-spacing:.06em}.import-logic-card{display:grid;gap:9px;margin-top:14px;padding:15px;border:1px solid #e2e8e4;border-radius:14px;background:#fbfdfc}.import-logic-card>strong{font-size:.9rem}.import-logic-card>div{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:start}.import-logic-card p{margin:1px 0 0;color:#647168;font-size:.78rem;line-height:1.45}.import-logic-card>small{color:#7c887f}
.page-supplier_import .csv-drop-v518{min-height:160px}.page-supplier_import .customer-account-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.page-supplier_import .customer-account-card:hover{transform:translateY(-2px)}
@media(max-width:1180px){.import-cards-v518{grid-template-columns:repeat(3,minmax(0,1fr))}.import-hero-v518{grid-template-columns:1fr}.import-safety-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.import-prep-grid{grid-template-columns:1fr}}
@media(max-width:860px){.import-cards-v518{grid-template-columns:repeat(2,minmax(0,1fr))}.import-job-toolbar,.import-review-banner,.import-preview-head{align-items:flex-start;flex-direction:column}.import-review-metrics{width:100%}.import-review-metrics>div{flex:1}.import-safety-stack{grid-template-columns:1fr}.import-hero-v518{padding:20px}.import-preview-count{white-space:normal}}
@media(max-width:580px){.import-cards-v518{grid-template-columns:1fr}.import-review-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.import-review-metrics>div{min-width:0}.import-impact-cell{min-width:135px}.import-job-filter{display:none}.import-auto-strip{align-items:flex-start}.import-safety-note{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.csv-drop-v518,.import-cards-v518 .import-card,.page-supplier_import .customer-account-card{transition:none}.csv-drop-v518:hover,.page-supplier_import .customer-account-card:hover{transform:none}}

/* ===== END tradeos-v518.css ===== */


/* ===== V5.22 focused supplier / mobile component layer ===== */
:root{
  --v522-line:#e3ebe4;
  --v522-soft:#f5f8f5;
  --v522-green:#2f6d3f;
  --v522-green-dark:#1d4d2d;
  --v522-text:#20372a;
  --v522-muted:#728177;
  --v522-shadow:0 12px 32px rgba(22,54,35,.07);
}

/* Mobile navigation is a real drawer rather than only a translated sidebar. */
.sidebar-close{display:none;position:absolute;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:10px;background:rgba(255,255,255,.09);color:#fff;font-size:27px;line-height:1;z-index:2}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(7,22,15,.46);backdrop-filter:blur(1.5px);z-index:24;opacity:0;transition:opacity .2s ease}
.sidebar-backdrop.open{opacity:1}
body.nav-open{overflow:hidden}

/* Supplier dashboard: operational queue first. */
.supplier-focus{margin-bottom:20px}
.supplier-focus-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}
.supplier-focus-head h2{margin:0;color:var(--v522-text);font-size:22px;letter-spacing:-.55px}
.supplier-focus-head p:not(.overline){margin:6px 0 0;color:var(--v522-muted);font-size:13px}
.supplier-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.supplier-action-card{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:0 12px;min-height:142px;padding:17px;background:#fff;border:1px solid var(--v522-line);border-radius:14px;box-shadow:var(--v522-shadow);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.supplier-action-card:hover{transform:translateY(-2px);border-color:#bfd4c2;box-shadow:0 14px 34px rgba(22,54,35,.1)}
.supplier-action-card>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#edf5ed;color:#4f8659;grid-row:1/3}
.supplier-action-card>span svg{width:19px;height:19px}
.supplier-action-card small{display:block;color:#859289;font-size:10px;letter-spacing:.9px;font-weight:800;margin-bottom:5px}
.supplier-action-card strong{display:block;color:#253e2d;font-size:16px;line-height:1.25}
.supplier-action-card p{margin:7px 0 0;color:#7d8981;font-size:11px;line-height:1.45}
.supplier-action-card>b{grid-column:2;color:#387349;font-size:11px;margin-top:11px;align-self:end}
.supplier-action-card.is-urgent{border-color:#c7dfc9;background:linear-gradient(180deg,#fff,#f8fcf7)}
.supplier-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.72fr);gap:18px;align-items:start}
.supplier-quick-actions a{min-height:67px}

/* Order register: useful next action without turning the desktop view into a dashboard. */
.next-action-link,.next-action-label{display:inline-flex;align-items:center;min-height:32px;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;line-height:1.2}
.next-action-link{color:#2d6840;background:#eef6ee;border:1px solid #dcebdc}
.next-action-link.is-primary{background:#2f6d3f;border-color:#2f6d3f;color:#fff}
.next-action-label.is-muted{color:#7b8780;background:#f1f3f2}
.next-action-label.is-done{color:#37744a;background:#eaf5ed}
.order-register-table td[data-label="Next action"]{min-width:155px}

/* Supplier order workspace: one obvious next action. */
.supplier-next-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:17px 19px;border:1px solid #cfe1d0;border-radius:13px;background:linear-gradient(105deg,#f3f9f2,#fff);box-shadow:0 7px 20px rgba(28,72,42,.04)}
.supplier-next-action small{font-size:9px;letter-spacing:1.15px;font-weight:900;color:#6e9d70}
.supplier-next-action h3{margin:4px 0 4px;color:#24432d;font-size:16px}
.supplier-next-action p{margin:0;color:#718078;font-size:12px;line-height:1.45;max-width:760px}
.role-supplier .order-section-nav{gap:6px}
.role-supplier .order-section-link{min-width:108px}
.role-supplier .order-tab-intro p{max-width:760px}

/* Settlement: balance first; bulk spreadsheet remains optional. */
.settlement-balance{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:25px 27px;margin-bottom:12px;border-radius:16px;background:linear-gradient(115deg,#173b2b,#24583a 70%,#2c6d3d);color:#fff;box-shadow:0 14px 32px rgba(20,58,35,.12)}
.settlement-balance>div:first-child>span{font-size:9px;letter-spacing:1.8px;font-weight:900;color:#a8d576}
.settlement-balance h2{margin:5px 0 6px;font-size:22px;letter-spacing:-.5px}
.settlement-balance p{margin:0;color:#bed3c3;font-size:12px;line-height:1.5;max-width:680px}
.settlement-balance-value{text-align:right;min-width:220px}
.settlement-balance-value small,.settlement-balance-value span{display:block;color:#bed3c3;font-size:10px}
.settlement-balance-value strong{display:block;margin:5px 0;font-size:29px;letter-spacing:-1px}
.settlement-section-nav{display:flex;gap:8px;overflow:auto;margin:0 0 18px;padding:4px 0 2px;scrollbar-width:thin}
.settlement-section-nav a{flex:0 0 auto;padding:8px 12px;border:1px solid var(--v522-line);border-radius:999px;background:#fff;color:#4c6654;font-size:11px;font-weight:800}
.settlement-quick-form{margin:0}
.settlement-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.settlement-quick-grid .field{margin:0}
.settlement-quick-grid .field:nth-child(5){grid-column:span 2}
.settlement-quick-grid .field:nth-child(7){grid-column:span 2}
.settlement-bulk-entry{margin-top:14px;border-top:1px solid var(--v522-line);padding-top:12px}
.settlement-bulk-entry>summary{cursor:pointer;color:#41684c;font-size:12px;font-weight:800;list-style:none}
.settlement-bulk-entry>summary::-webkit-details-marker{display:none}
.settlement-bulk-entry>summary::before{content:'+';display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:6px;background:#eef5ee;color:#47764f}
.settlement-bulk-entry[open]>summary::before{content:'−'}
.settlement-bulk-inner{padding-top:14px}
.settlement-table-scroll{border:1px solid #edf1ed;border-radius:11px}
.settlement-activity-table td,.settlement-order-table td{font-size:11.5px}

/* Keep touch targets usable on supplier/mobile workflows. */
.role-supplier .btn,.role-supplier .mini-btn,.role-supplier .logout-icon,.role-supplier .top-avatar{min-height:40px}

@media(max-width:1180px){
  .supplier-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .supplier-dashboard-grid{grid-template-columns:1fr}
  .settlement-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:980px){
  .sidebar-close{display:grid;place-items:center}
  .sidebar-backdrop{display:block;pointer-events:none}
  .sidebar-backdrop.open{pointer-events:auto}
  body.app-shell .sidebar{z-index:25}
  body.app-shell .sidebar.open{transform:translateX(0)}
  .mobile-toggle{min-width:42px;min-height:42px;align-items:center;justify-content:center}
  .side-nav{padding-bottom:18px}
}

@media(max-width:760px){
  .supplier-focus-head{align-items:flex-start;flex-direction:column}
  .supplier-action-grid{grid-template-columns:1fr 1fr}
  .supplier-action-card{min-height:132px;padding:14px}
  .supplier-next-action{align-items:flex-start;flex-direction:column}
  .supplier-next-action>div:last-child,.supplier-next-action .next-action-link{width:100%}
  .settlement-balance{align-items:flex-start;flex-direction:column;padding:21px}
  .settlement-balance-value{text-align:left;min-width:0}
  .settlement-quick-grid{grid-template-columns:1fr 1fr}
}

/* Critical registers become labelled cards on phones; editable spreadsheet stays scrollable. */
@media(max-width:680px){
  body.app-shell .logout-form{display:block}
  body.app-shell .logout-icon{display:grid;place-items:center;min-width:39px;min-height:39px}
  .topbar-tools{gap:6px}
  .mobile-card-table{display:block;width:100%;border-collapse:separate}
  .mobile-card-table thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  .mobile-card-table tbody{display:grid;gap:11px}
  .mobile-card-table tr{display:block;background:#fff;border:1px solid var(--v522-line);border-radius:12px;padding:10px 12px;box-shadow:0 5px 16px rgba(23,54,35,.035)}
  .mobile-card-table td{display:grid;grid-template-columns:minmax(98px,.8fr) minmax(0,1.4fr);gap:10px;align-items:center;min-width:0!important;padding:7px 0!important;border:0!important;font-size:12px!important;white-space:normal!important}
  .mobile-card-table td::before{content:attr(data-label);font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#89968e;font-weight:900}
  .mobile-card-table td[data-label=""]{display:flex;justify-content:flex-end;padding-top:9px!important;border-top:1px solid #edf1ed!important;margin-top:3px}
  .mobile-card-table td[data-label=""]::before{display:none}
  .mobile-card-table .td-sub{font-size:10px}
  .order-register-scroll,.settlement-table-scroll{overflow:visible}
  .order-register-table td:first-child strong{font-size:14px}
  .order-register-table .next-action-link,.order-register-table .next-action-label{justify-content:center;width:100%}
  .settlement-activity-table td:nth-child(2){align-items:start}
  .settlement-activity-table .inline-form{justify-content:flex-end}
  .settlement-order-table td:first-child a{font-size:14px;font-weight:900;color:#2e6940}
}

@media(max-width:520px){
  .supplier-action-grid{grid-template-columns:1fr}
  .supplier-action-card{min-height:112px;grid-template-columns:38px minmax(0,1fr)}
  .supplier-action-card>span{width:38px;height:38px}
  .settlement-quick-grid{grid-template-columns:1fr}
  .settlement-quick-grid .field:nth-child(5),.settlement-quick-grid .field:nth-child(7){grid-column:auto}
  .settlement-section-nav{margin-left:-2px;margin-right:-2px}
  .role-supplier .order-section-nav{padding-bottom:4px}
  .role-supplier .order-section-link{min-width:96px}
}

@media(max-width:430px){
  body.app-shell .logout-form{display:block}
  body.app-shell .topbar-tools{gap:4px}
  body.app-shell .pref-form select{min-width:58px;padding-left:8px;padding-right:8px}
  body.app-shell .trade-currency-pill{padding:7px 8px;font-size:10px}
  body.app-shell .live-status-dot span{display:none}
}

/* V5.22 mobile labels for supplier order item / fulfilment tables. */
@media(max-width:680px){
  .order-items-scroll,.shipment-status-scroll,.shipment-allocation-scroll{overflow:visible}
  .order-items-table td:nth-child(1)::before{content:'Product'}
  .order-items-table td:nth-child(2)::before{content:'Quantity'}
  .order-items-table td:nth-child(3)::before{content:'Unit value'}
  .order-items-table td:nth-child(4)::before{content:'Line value'}
  .order-items-table td:nth-child(5)::before{content:'Action'}
  .shipment-status-table td:nth-child(1)::before{content:'Part'}
  .shipment-status-table td:nth-child(2)::before{content:'Ordered'}
  .shipment-status-table td:nth-child(3)::before{content:'Shipped'}
  .shipment-status-table td:nth-child(4)::before{content:'Delivered'}
  .shipment-status-table td:nth-child(5)::before{content:'Remaining'}
  .shipment-status-table td:nth-child(6)::before{content:'Backorder'}
  .shipment-allocation-table td:nth-child(1)::before{content:'Part'}
  .shipment-allocation-table td:nth-child(2)::before{content:'Available'}
  .shipment-allocation-table td:nth-child(3)::before{content:'Ship now'}
  .shipment-allocation-table input[type="number"]{width:100%;min-height:42px}
}
@media(max-width:680px){
  .order-workspace .mobile-card-table{min-width:0}
}

/* ===== V5.23 OPERATIONS UX ===== */
.topbar-global-search{display:flex;align-items:center;gap:8px;min-width:220px;max-width:410px;flex:1;margin-left:auto;margin-right:4px;height:40px;border:1px solid var(--border);background:#f8faf8;border-radius:10px;padding:0 11px;color:#7e9085}.topbar-global-search:focus-within{background:#fff;border-color:#b9ceb9;box-shadow:0 0 0 3px rgba(114,170,54,.08)}.topbar-global-search svg{width:16px;height:16px;flex:none}.topbar-global-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:12px;color:var(--ink)}
.ops-filter-bar{display:grid;grid-template-columns:minmax(240px,2fr) repeat(4,minmax(145px,1fr)) auto;gap:10px;align-items:end;background:#fff;border:1px solid var(--border);padding:15px;border-radius:13px;margin-bottom:10px}.ops-filter-bar>label{display:flex;flex-direction:column;gap:6px;min-width:0}.ops-filter-bar>label>span{font-size:10px;letter-spacing:.55px;text-transform:uppercase;color:#7f9187;font-weight:800}.ops-filter-bar select,.ops-filter-bar>label>input{height:42px;border:1px solid #e1e7e1;border-radius:8px;padding:0 11px;background:#fbfcfb;color:#314a39;font-size:12px;min-width:0;width:100%}.ops-filter-bar .search-field{min-width:0;width:100%;height:42px}.ops-filter-buttons{display:flex;gap:7px}.ops-filter-chips{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:0 0 14px;font-size:11px;color:#7c8c83}.ops-filter-chip{display:inline-flex;gap:7px;align-items:center;background:#edf4e9;color:#2f6540;padding:7px 9px;border-radius:100px;font-weight:700}.ops-filter-chip b{font-size:14px;line-height:1}.ops-summary-bar{display:flex;gap:18px;justify-content:space-between;align-items:center;margin:13px 0;padding:12px 15px;border:1px solid var(--border);background:#fff;border-radius:11px;font-size:12px}.ops-summary-bar p{margin:0;color:#718078;font-size:11px;text-align:right}.ops-summary-bar span{color:#88978e}
.ops-bulk-toolbar{position:sticky;top:84px;z-index:12;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#173a2b;color:#fff;border-radius:12px;padding:11px 13px;margin:0 0 12px;box-shadow:0 8px 26px rgba(14,46,29,.13)}.ops-bulk-toolbar label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;margin-right:4px}.ops-bulk-toolbar select,.ops-bulk-toolbar input{height:38px;border:1px solid rgba(255,255,255,.2);background:#fff;color:#243c2d;border-radius:8px;padding:0 10px;font-size:12px}.ops-bulk-toolbar input{width:125px}.ops-bulk-toolbar .btn-outline{height:38px;min-height:38px}.ops-bulk-toolbar small{color:#bfd0c3;font-size:10px;margin-left:auto}.ops-table-scroll{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:auto}.operations-table{min-width:1180px}.operations-table th{position:sticky;top:0;z-index:2;background:#f8faf7}.operations-table td{padding:10px 9px}.operations-table tbody tr:focus-within{background:#fbfdf9}.ops-inline-input,.ops-inline-select{width:100%;height:37px;min-width:82px;border:1px solid #dde6dd;border-radius:7px;background:#fff;padding:0 8px;font-size:12px;color:#304638;outline:0}.ops-inline-input:focus,.ops-inline-select:focus{border-color:#8bb786;box-shadow:0 0 0 3px rgba(114,170,54,.08)}.ops-category{min-width:135px;margin-top:6px}.ops-moq{max-width:82px}.ops-percent{max-width:92px}.money-input{display:flex;align-items:center;border:1px solid #dde6dd;border-radius:7px;background:#fff;min-width:100px;overflow:hidden}.money-input:focus-within{border-color:#8bb786;box-shadow:0 0 0 3px rgba(114,170,54,.08)}.money-input>span{font-size:11px;color:#789083;padding-left:8px}.money-input .ops-inline-input{border:0;box-shadow:none;min-width:72px}.ops-margin{white-space:nowrap}.ops-margin.is-negative{color:#ae4141}.ops-row-links{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:95px}.ops-row-links .link-arrow{font-size:10px}.ops-savebar{position:sticky;bottom:12px;z-index:11;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid #dce5dc;box-shadow:0 14px 34px rgba(14,48,29,.13);border-radius:12px;padding:12px 15px;margin:12px 0}.ops-savebar div{display:flex;flex-direction:column;gap:3px}.ops-savebar strong{font-size:12px}.ops-savebar small{font-size:10px;color:#7f8d84}
.customer-pricing-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;margin-bottom:15px;background:linear-gradient(110deg,#173a2b,#255d3b);border-radius:15px;color:#fff}.customer-pricing-hero h2{margin:0 0 5px;font-size:20px}.customer-pricing-hero p:not(.overline){margin:0;color:#c6d7ca;font-size:11px}.customer-pricing-hero .btn-outline{background:rgba(255,255,255,.95)}.pricing-command-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.pricing-command-card{margin-bottom:14px}.overall-discount-form{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.overall-discount-form label{display:flex;flex-direction:column;gap:6px}.overall-discount-form label span{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#7b8d82;font-weight:800}.overall-discount-form input{height:41px;border:1px solid #dfe6df;border-radius:8px;padding:0 10px;min-width:120px}.ops-mini-steps{margin:0;padding-left:20px;color:#52665a;font-size:12px;line-height:1.8}.customer-price-bulk{position:relative;top:auto}.customer-pricing-table{min-width:1120px}.quick-price-form{display:grid;grid-template-columns:132px 105px auto;gap:6px;align-items:center;min-width:340px}.quick-price-form select,.quick-price-form input{height:36px;border:1px solid #dfe6df;border-radius:7px;padding:0 8px;background:#fff;font-size:11px}.btn-small{min-height:36px;height:36px;padding:7px 10px}.notice-inline{display:inline-block;font-size:11px;border-radius:7px;padding:6px 8px}.notice-inline.warning{background:#fff6e5;color:#8d651e}.customer-choice-filter{grid-template-columns:minmax(280px,1fr) auto;max-width:760px}.customer-choice-filter .btn{height:42px}
.global-search-page{display:flex;gap:9px;max-width:850px;margin:0 0 22px}.global-search-page .search-field{height:48px;flex:1}.global-search-page .btn{height:48px}.global-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.global-search-results .panel{margin:0}.search-result-list{display:flex;flex-direction:column}.search-result-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 3px;border-top:1px solid #edf1ed}.search-result-list>a:first-child{border-top:0}.search-result-list>a:hover{background:#f9fbf8}.search-result-list a>div{display:flex;flex-direction:column;gap:3px;min-width:0}.search-result-list strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-list small{font-size:10px;color:#8a978f}.search-result-list b{font-size:10px;color:#3d7d47;white-space:nowrap}
@media(max-width:1280px){.ops-filter-bar{grid-template-columns:minmax(240px,2fr) repeat(2,minmax(145px,1fr));}.ops-filter-buttons{align-self:end}.topbar-global-search{max-width:300px}}
@media(max-width:900px){.topbar-global-search{max-width:none;min-width:0;flex:1;margin:0}.topbar-global-search input{font-size:16px}.breadcrumb{display:none}.ops-filter-bar{grid-template-columns:1fr 1fr}.ops-search{grid-column:1/-1}.ops-filter-buttons{grid-column:1/-1}.pricing-command-grid,.global-search-results{grid-template-columns:1fr}.ops-summary-bar{align-items:flex-start;flex-direction:column}.ops-summary-bar p{text-align:left}.ops-bulk-toolbar{top:68px}.customer-pricing-hero{align-items:flex-start;flex-direction:column}.customer-pricing-hero .panel-actions{width:100%}}
@media(max-width:680px){.topbar{gap:8px;padding-left:12px;padding-right:12px}.topbar-global-search{order:2}.topbar-global-search input::placeholder{color:transparent}.topbar-global-search:focus-within{position:absolute;left:54px;right:12px;z-index:40}.topbar-global-search:focus-within input::placeholder{color:#8a978f}.ops-filter-bar{grid-template-columns:1fr}.ops-filter-bar>*{grid-column:1!important}.ops-filter-buttons .btn{flex:1}.ops-bulk-toolbar{position:relative;top:auto;align-items:stretch}.ops-bulk-toolbar>*{flex:1 1 140px}.ops-bulk-toolbar small{flex-basis:100%;margin-left:0}.ops-savebar{bottom:8px}.ops-savebar small{display:none}.operations-table{min-width:0}.operations-table thead{display:none}.operations-table,.operations-table tbody{display:block}.operations-table tr{display:grid!important;grid-template-columns:1fr 1fr;gap:0;border:1px solid #e5ebe5;border-radius:12px;margin:10px;padding:4px;background:#fff}.operations-table td{display:flex!important;flex-direction:column;align-items:stretch!important;gap:5px;border:0!important;padding:8px!important;min-width:0}.operations-table td::before{content:attr(data-label);font-size:9px;text-transform:uppercase;letter-spacing:.65px;color:#84938a;font-weight:800}.operations-table td[data-label="Product"],.operations-table td[data-label="Quick change"],.operations-table td[data-label="Supplier / category"],.operations-table td[data-label="More"],.operations-table td[data-label="Advanced"]{grid-column:1/-1}.operations-table td[data-label="Select"]{position:absolute}.operations-table tr{position:relative}.operations-table td[data-label="Select"]{right:8px;top:7px}.operations-table td[data-label="Select"]::before{display:none}.ops-category,.ops-inline-input,.ops-inline-select,.ops-moq,.ops-percent{max-width:none}.quick-price-form{grid-template-columns:1fr 1fr;min-width:0}.quick-price-form .btn{grid-column:1/-1}.customer-price-bulk{border-radius:12px}.global-search-page{flex-direction:column}.global-search-page .btn{width:100%}}

/* V5.23 shared filter treatment for operational registers. */
.filter-bar.smart-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));align-items:end}.filter-bar.smart-filter>.field{min-width:0;width:100%}.filter-bar.smart-filter>.field input,.filter-bar.smart-filter>.field select{width:100%}.smart-filter-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-9px 0 16px}.smart-filter-chips>span{font-size:10px;color:#86948b;font-weight:700}.smart-filter-chip{border:0;background:#edf4e9;color:#2f6540;border-radius:100px;padding:7px 9px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.smart-filter-chip:hover{background:#e2efdc}.smart-filter-chip b{font-size:13px}.smart-filter-clear{background:#f4f5f4;color:#69766e}
@media(max-width:680px){.filter-bar.smart-filter{grid-template-columns:1fr}.filter-bar.smart-filter>.btn,.filter-bar.smart-filter>a.btn{width:100%}.smart-filter-chips{margin-top:-8px}}

/* ===== V5.24 SEARCH UX =====
   One consistent search control across the Trade portal. The goal is visual
   stability, clearer focus, less cramped filter bars and better mobile use.
*/
:root{
  --search-border:#d6e1d9;
  --search-border-hover:#b9cbbd;
  --search-focus:#4d8758;
  --search-bg:#fff;
  --search-soft:#f5f8f5;
  --search-shadow:0 1px 2px rgba(20,48,31,.035);
  --search-focus-ring:0 0 0 3px rgba(76,135,88,.11),0 6px 18px rgba(26,65,39,.055);
}
body.app-shell input[type="search"]::-webkit-search-cancel-button{display:none}
body.app-shell input[type="search"]::-ms-clear{display:none}
body.app-shell .search-field,
body.app-shell .topbar-global-search{
  position:relative;
  display:flex;
  align-items:center;
  gap:9px;
  height:44px;
  min-width:0;
  padding:0 9px 0 12px;
  border:1px solid var(--search-border);
  border-radius:11px;
  background:var(--search-bg);
  color:#789087;
  box-shadow:var(--search-shadow);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
body.app-shell .search-field:hover,
body.app-shell .topbar-global-search:hover{border-color:var(--search-border-hover)}
body.app-shell .search-field:focus-within,
body.app-shell .topbar-global-search:focus-within{
  border-color:var(--search-focus);
  background:#fff;
  box-shadow:var(--search-focus-ring);
}
body.app-shell .search-field>svg,
body.app-shell .topbar-global-search>span>svg{
  width:17px;
  height:17px;
  flex:0 0 auto;
  color:#668075;
  transition:color .16s ease;
}
body.app-shell .search-field:focus-within>svg,
body.app-shell .topbar-global-search:focus-within>span>svg{color:#3f7a4c}
body.app-shell .search-field input[type="search"],
body.app-shell .topbar-global-search input[type="search"]{
  width:100%;
  min-width:0;
  height:100%;
  padding:0;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#20372a;
  font-size:13px;
  font-weight:600;
  line-height:1;
}
body.app-shell .search-field input[type="search"]::placeholder,
body.app-shell .topbar-global-search input[type="search"]::placeholder{
  color:#94a29a;
  font-weight:500;
  opacity:1;
}
body.app-shell .search-clear{
  width:27px;
  height:27px;
  flex:0 0 27px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  padding:0;
  background:#eef2ef;
  color:#66786d;
  font-size:17px;
  line-height:1;
  opacity:0;
  pointer-events:none;
  transform:scale(.88);
  transition:opacity .13s ease,transform .13s ease,background .13s ease,color .13s ease;
}
body.app-shell .has-search-value>.search-clear{
  opacity:1;
  pointer-events:auto;
  transform:scale(1);
}
body.app-shell .search-clear:hover{background:#e2ebe4;color:#285f37}
body.app-shell .search-clear:focus-visible{outline:2px solid #6a9d72;outline-offset:2px}
body.app-shell .field-search .search-field{width:100%;min-width:0}
body.app-shell .field-search>span{margin-bottom:0}

/* Global top-bar search: quiet at rest, stronger only while being used. */
body.app-shell .topbar-global-search{
  flex:1 1 360px;
  width:min(440px,38vw);
  max-width:440px;
  min-width:250px;
  height:42px;
  margin-left:auto;
  margin-right:4px;
  background:var(--search-soft);
  border-color:transparent;
  box-shadow:none;
}
body.app-shell .topbar-global-search:hover{border-color:#d8e2da;background:#f8faf8}
body.app-shell .topbar-global-search:focus-within{border-color:#6f9e76;background:#fff}
body.app-shell .search-shortcut{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:25px;
  height:24px;
  padding:0 7px;
  border:1px solid #dce4de;
  border-bottom-color:#cfdad2;
  border-radius:7px;
  background:#fff;
  color:#7e8d84;
  font:700 11px/1 'Segoe UI',system-ui,sans-serif;
  box-shadow:0 1px 1px rgba(20,48,31,.04);
}
body.app-shell .topbar-global-search:focus-within .search-shortcut,
body.app-shell .topbar-global-search.has-search-value .search-shortcut{display:none}

/* Filter/search rows: search gets useful space without making the rest feel cramped. */
body.app-shell .filter-bar.smart-filter>.field-search,
body.app-shell .filter-bar.smart-filter>.search-field{grid-column:span 2}
body.app-shell .filter-bar.smart-filter>.search-field{width:100%;min-width:0}
body.app-shell .ops-filter-bar .search-field{height:44px}
body.app-shell .ops-filter-bar .ops-search{min-width:0}
body.app-shell .ops-filter-bar .ops-search>span,
body.app-shell .field-search>span{
  font-size:10px;
  letter-spacing:.55px;
  text-transform:uppercase;
  color:#75877d;
  font-weight:800;
}
body.app-shell .catalogue-search .search-field{height:46px}
body.app-shell .invoice-filter>.search-field{align-self:end}
body.app-shell .import-error-search-wrap{min-width:min(100%,340px);max-width:440px;height:42px}

/* Dedicated search page gets a clearer, less form-like command bar. */
body.app-shell .global-search-page{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  max-width:820px;
  padding:12px;
  margin:0 0 24px;
  border:1px solid #e0e7e1;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 26px rgba(20,53,31,.045);
}
body.app-shell .global-search-page .search-field{height:50px;border-radius:12px;background:#f8faf8}
body.app-shell .global-search-page .search-field:focus-within{background:#fff}
body.app-shell .global-search-page .btn{height:50px;min-width:110px;border-radius:11px}

/* Search result list is easier to scan when the query is the main task. */
body.app-shell .search-result-list>a{border-radius:8px;padding:12px 10px;margin:0 -7px}
body.app-shell .search-result-list>a:hover{background:#f4f8f4}

@media(max-width:1050px){
  body.app-shell .topbar-global-search{min-width:190px;width:auto;max-width:330px}
}
@media(max-width:900px){
  body.app-shell .topbar-global-search{min-width:0;max-width:none;width:auto}
  body.app-shell .filter-bar.smart-filter>.field-search,
  body.app-shell .filter-bar.smart-filter>.search-field{grid-column:1/-1}
}
@media(max-width:680px){
  /* Mobile search stays in the layout instead of jumping over the header when focused. */
  body.app-shell .topbar{
    height:auto;
    min-height:65px;
    padding:10px 12px 11px;
    flex-wrap:wrap;
    align-items:center;
  }
  body.app-shell .mobile-toggle{order:1}
  body.app-shell .topbar-tools{order:2;margin-left:auto}
  body.app-shell .topbar-global-search{
    order:3;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    z-index:auto!important;
    flex:1 0 100%;
    width:100%;
    max-width:none;
    min-width:0;
    height:44px;
    margin:2px 0 0;
    background:#f5f8f5;
  }
  body.app-shell .topbar-global-search input[type="search"]{font-size:16px}
  body.app-shell .topbar-global-search input[type="search"]::placeholder{color:#8f9f95}
  body.app-shell .search-shortcut{display:none!important}
  body.app-shell .filter-bar.smart-filter>.field-search,
  body.app-shell .filter-bar.smart-filter>.search-field{grid-column:1!important}
  body.app-shell .global-search-page{grid-template-columns:1fr;padding:10px}
  body.app-shell .global-search-page .btn{width:100%}
  body.app-shell .import-error-search-wrap{width:100%;max-width:none}
}

/* V5.25 — restore product cards and visually group quantity tiers by product. */
.ops-product-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:18px 0 22px}.ops-product-card{background:#fff;border:1px solid #e1e8e2;border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(20,50,33,.045);display:flex;flex-direction:column;min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s}.ops-product-card:hover{border-color:#bfd3be;box-shadow:0 14px 34px rgba(20,50,33,.075);transform:translateY(-1px)}.ops-product-card.is-edited{border-color:#83b86d;box-shadow:0 0 0 2px rgba(114,170,54,.08),0 14px 34px rgba(20,50,33,.075)}.ops-product-card-media{height:190px;background:linear-gradient(145deg,#fff,#f5f8f5);position:relative;border-bottom:1px solid #edf1ed;display:flex;align-items:center;justify-content:center}.ops-product-card-media>a{width:100%;height:100%;padding:22px;display:flex;align-items:center;justify-content:center}.ops-product-card-media img{width:100%;height:100%;object-fit:contain}.ops-card-select{position:absolute;left:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #dce7dc;border-radius:9px;background:rgba(255,255,255,.96);font-size:10px;font-weight:800;color:#47604f;box-shadow:0 4px 12px rgba(18,44,27,.06)}.ops-card-select input{width:16px;height:16px}.ops-card-badges{position:absolute;right:12px;top:12px;z-index:2;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.tier-count-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#eaf4e6;color:#376b37;font-size:10px;font-weight:800;white-space:nowrap}.tier-count-badge.is-muted{background:#f2f4f2;color:#68776d}.ops-product-card-body{padding:17px;display:flex;flex-direction:column;gap:15px;flex:1}.ops-product-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ops-product-card-heading h3{font-size:15px;line-height:1.35;margin:4px 0 4px;color:#21392c}.ops-product-card-heading p{font-size:11px;color:#829087;margin:0}.ops-card-sku,.pricing-product-sku{display:inline-flex;font-size:10px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;color:#4d8d46}.ops-card-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ops-card-fields>label,.ops-card-margin{display:flex;flex-direction:column;gap:6px;min-width:0}.ops-card-fields>label>span,.ops-card-margin>span{font-size:10px;font-weight:800;color:#75827a}.ops-card-fields .ops-inline-input,.ops-card-fields .ops-inline-select{width:100%;min-width:0;height:40px;border:1px solid #dfe7df;border-radius:9px;padding:8px 10px;background:#fbfcfb;color:#263a2d}.ops-card-fields .money-input{height:40px}.ops-card-fields .money-input input{height:38px}.ops-card-margin{justify-content:center;padding:8px 11px;border-radius:10px;background:#f6f9f5;border:1px solid #e8eee7}.ops-card-margin strong{font-size:17px;color:#275935}.ops-card-margin strong.is-negative{color:#a53a3a}.ops-product-card-actions{display:flex;gap:7px;flex-wrap:wrap;padding-top:13px;border-top:1px solid #edf1ed;margin-top:auto}.ops-product-card-actions .btn{flex:1;min-width:105px}

.customer-price-product-list{display:grid;gap:16px}.customer-price-product{border:1px solid #dde7de;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(24,57,35,.035)}.customer-price-product-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;background:linear-gradient(90deg,#edf6e9,#f9fbf8);border-bottom:1px solid #dfe9df}.customer-price-product-id{display:flex;align-items:center;gap:12px;min-width:0}.customer-price-product-id>.price-row-check{width:18px;height:18px;flex:none}.price-select-placeholder{width:18px;text-align:center;color:#8c9990}.customer-price-thumb{width:54px;height:54px;border-radius:10px;border:1px solid #dfe7df;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none}.customer-price-thumb img{width:100%;height:100%;object-fit:contain;padding:5px}.customer-price-thumb svg{width:23px;height:23px;color:#8da08f}.customer-price-product-id h3{font-size:14px;line-height:1.35;margin:2px 0;color:#20382b}.customer-price-product-id p{font-size:11px;margin:0;color:#76857b}.customer-price-rule{text-align:right;display:grid;gap:4px;min-width:150px}.customer-price-rule small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8a968e;font-weight:800}.customer-price-rule strong{font-size:12px;color:#315d3b}.customer-price-tier-wrap{padding:0 17px}.customer-tier-table{margin:0}.customer-tier-table th{background:#fafbfa}.customer-tier-table td:first-child strong{color:#315d3b}.customer-price-product-actions{padding:13px 17px 15px;border-top:1px solid #edf1ed;display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap;background:#fbfcfb}.customer-price-product-actions .quick-price-form{display:grid;grid-template-columns:minmax(220px,1fr) 130px auto;gap:8px;align-items:center;flex:1;max-width:720px}.customer-price-product-actions .quick-price-form select,.customer-price-product-actions .quick-price-form input{height:40px;border:1px solid #dfe7df;border-radius:9px;background:#fff;padding:0 10px;min-width:0}.customer-price-product-actions .notice-inline{margin-right:auto}

.grouped-pricing-matrix{min-width:900px}.grouped-pricing-matrix .pricing-product-header td{padding:0;border-bottom:0;background:#edf6e9}.pricing-product-identity{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border-top:1px solid #d8e7d5;border-bottom:1px solid #d8e7d5}.pricing-product-identity>div:first-child{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"sku title" "sku meta";column-gap:13px;align-items:center;min-width:0}.pricing-product-identity .pricing-product-sku{grid-area:sku;padding:7px 9px;border-radius:8px;background:#dcefd5}.pricing-product-identity strong{grid-area:title;font-size:13px;color:#1f3a2b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pricing-product-identity small{grid-area:meta;font-size:10px;color:#75867b;margin-top:3px}.pricing-product-identity>div:last-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.pricing-tier-row td{background:#fff}.pricing-tier-row td:first-child{padding-left:26px}.pricing-tier-row:focus-within td{background:#fbfdfb}.tier-quantity{display:flex;align-items:center;gap:8px}.tier-quantity span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#99a49d;font-weight:800}.tier-quantity strong{font-size:13px;color:#315d3b}.grouped-pricing-matrix .matrix-input{width:100%;min-width:105px}.grouped-pricing-matrix td:nth-child(3){min-width:210px}

@media(max-width:1280px){.ops-product-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ops-product-card-grid{grid-template-columns:1fr}.ops-product-card-media{height:220px}.customer-price-product-head{align-items:flex-start}.customer-price-product-actions{align-items:stretch}.customer-price-product-actions .quick-price-form{grid-template-columns:1fr 120px auto;max-width:none}.pricing-product-identity{align-items:flex-start}.pricing-product-identity>div:first-child{grid-template-columns:1fr;grid-template-areas:"sku" "title" "meta"}.pricing-product-identity .pricing-product-sku{justify-self:start}.grouped-pricing-matrix{min-width:760px}}
@media(max-width:640px){.ops-card-fields{grid-template-columns:1fr}.ops-product-card-media{height:190px}.ops-product-card-actions .btn{min-width:calc(50% - 4px)}.customer-price-product-head{display:grid;grid-template-columns:1fr}.customer-price-rule{text-align:left;min-width:0;padding-left:84px}.customer-price-tier-wrap{padding:0 12px}.customer-tier-table thead{display:none}.customer-tier-table,.customer-tier-table tbody,.customer-tier-table tr,.customer-tier-table td{display:block;width:100%}.customer-tier-table tr{padding:9px 0;border-bottom:1px solid #edf1ed}.customer-tier-table td{border:0;padding:5px 0;display:grid;grid-template-columns:125px 1fr;gap:10px}.customer-tier-table td:before{content:attr(data-label);font-size:10px;font-weight:800;color:#87938b}.customer-price-product-actions{padding:12px}.customer-price-product-actions .quick-price-form{grid-template-columns:1fr}.customer-price-product-actions .btn{width:100%}.pricing-product-identity{display:grid}.pricing-product-identity>div:last-child{justify-content:flex-start}.matrix-scroll{max-height:none}}

/* V5.27 — catalogue / management separation, visual product identity, sticky table context */
.catalogue-order-context{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(420px,1.2fr);gap:16px;align-items:end;margin:0 0 16px;padding:15px 17px;border:1px solid #dce7de;border-radius:16px;background:linear-gradient(135deg,#f7fbf7,#fff);box-shadow:0 4px 18px rgba(21,55,33,.04)}
.catalogue-order-context>div{display:flex;flex-direction:column;gap:4px}.catalogue-order-context>div>small{font-size:10px;letter-spacing:.11em;font-weight:850;color:#71827a}.catalogue-order-context>div>strong{font-size:18px;color:#173d2e}.catalogue-order-context>div>span{font-size:12px;line-height:1.45;color:#6b7c73}.catalogue-customer-form{display:grid;grid-template-columns:minmax(250px,1fr) auto;gap:9px;align-items:end}.catalogue-customer-form .field{margin:0}.catalogue-customer-form .btn{min-height:44px}

.product-identity-compact{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%}.product-identity-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.product-identity-copy strong{font-size:12px;line-height:1.25;color:#203f31;overflow-wrap:anywhere}.product-identity-copy small{font-size:10px;line-height:1.3;color:#75857d;overflow-wrap:anywhere;max-width:320px}.product-mini-thumb{width:46px;height:46px;min-width:46px;border-radius:9px;border:1px solid #e1e8e2;background:#fff;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;color:#8aa093}.product-mini-thumb img{width:100%;height:100%;object-fit:contain;padding:3px}.product-mini-thumb svg{width:20px;height:20px}.product-mini-thumb.pricing-product-thumb,.pricing-product-thumb{width:54px;height:54px;min-width:54px;border-radius:11px}
.operations-table td[data-label="Product"]{min-width:250px}.operations-table td[data-label="Product"] .product-identity-compact{display:flex}.operations-table td[data-label="Product"] .product-mini-thumb{width:52px;height:52px;min-width:52px}
.pricing-product-identity{display:flex;align-items:center;gap:12px}.pricing-product-identity>div:first-of-type:not(.product-mini-thumb){min-width:0}.pricing-product-header>td{padding-top:13px!important;padding-bottom:13px!important}
.product-context-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;margin:0 0 14px;border:1px solid #dfe8e1;background:#fbfdfb;border-radius:12px}.product-context-strip>span{font-size:12px;color:#6d7e75;text-align:right}
.search-result-list>a>.product-identity-compact{flex:1}.search-result-list>a>.product-identity-compact .product-mini-thumb{width:42px;height:42px;min-width:42px}.search-result-list>a>.product-identity-compact .product-identity-copy strong{font-size:13px}.search-result-list>a>.product-identity-compact .product-identity-copy small{font-size:11px}
.return-item-picker label>span>.product-identity-compact{display:flex;margin-bottom:4px}

/* Keep the catalogue a visual catalogue. Product editing lives on Product management. */
.page-products .products-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(255px,1fr))!important;gap:22px!important}.page-products .catalogue-card-v11{display:flex!important;grid-template-columns:none!important;margin-bottom:0!important}.page-products .catalogue-photo-v11{height:245px!important;min-height:245px!important;border-right:0!important;border-bottom:1px solid #edf1f5!important}.page-products .catalogue-body-v11{display:flex!important;grid-template-columns:none!important}.page-products .view-switch{display:none!important}

/* Tables keep their column context. The native sticky header works inside scrolling tables;
   JS also creates a floating clone during full-page scrolling on desktop. */
.table-scroll{position:relative}.data-table thead th{background:#f7faf7;box-shadow:inset 0 -1px 0 #dde6df}.floating-table-head{position:fixed;z-index:80;overflow:hidden;pointer-events:none;border:1px solid #dfe6e1;border-bottom:0;border-radius:9px 9px 0 0;background:#f7faf7;box-shadow:0 8px 18px rgba(18,48,30,.12)}.floating-table-head table{border-collapse:collapse;margin:0;table-layout:fixed}.floating-table-head thead th{background:#f7faf7!important;color:inherit;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #d9e3dc;white-space:nowrap}.floating-table-head.is-hidden{display:none}

@media(max-width:900px){.catalogue-order-context{grid-template-columns:1fr}.catalogue-customer-form{grid-template-columns:1fr auto}.product-context-strip{align-items:flex-start;flex-direction:column}.product-context-strip>span{text-align:left}.floating-table-head{display:none!important}}
@media(max-width:620px){.catalogue-customer-form{grid-template-columns:1fr}.product-mini-thumb{width:42px;height:42px;min-width:42px}.page-products .products-grid{grid-template-columns:1fr!important}.page-products .catalogue-photo-v11{height:225px!important;min-height:225px!important}}
.catalogue-card-v11{position:relative}.catalogue-card-hit{position:absolute;inset:0;z-index:1;border-radius:20px}.catalogue-card-v11 .catalogue-photo-v11,.catalogue-card-v11 .catalogue-title-v11,.catalogue-card-v11 .catalogue-price-row a,.catalogue-card-v11 .catalogue-add-v11{position:relative;z-index:2}.catalogue-card-v11 .catalogue-body-v11>div:not(.catalogue-price-row),.catalogue-card-v11 .catalogue-fit-v11{position:relative;z-index:2;pointer-events:none}.catalogue-card-v11 .catalogue-add-v11 *{pointer-events:auto}
/* Product identity remains readable inside advanced selectors and return workflows. */
.selection-list .selection-product{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.selection-list .selection-product>.product-identity-compact{display:flex}.selection-product-moq{white-space:nowrap;margin:0!important}.statement-product-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid #edf1ee}.statement-product-line:last-child{border-bottom:0}.return-line .line-product .product-identity-compact{display:flex;align-items:center;gap:10px}.return-line .line-product .product-mini-thumb{display:inline-flex;margin:0;color:#8aa093}.return-line .line-product .product-identity-copy{display:flex;margin:0}.return-line .line-product .product-identity-copy strong,.return-line .line-product .product-identity-copy small{margin:0}.return-line .line-product>small{margin:5px 0 0 56px}
@media(max-width:620px){.selection-list .selection-product{grid-template-columns:auto minmax(0,1fr)}.selection-product-moq{grid-column:2}.statement-product-line{align-items:flex-start}.return-line .line-product>small{margin-left:52px}}

/* V5.28 — table viewport correction + pricing matrix information hierarchy */
/* One scroll model only: long tables scroll inside their viewport; headers stay fixed. */
body.app-shell .table-scroll{
  position:relative;
  width:100%;
  max-width:100%;
  max-height:min(68vh,720px);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable both-edges;
  -webkit-overflow-scrolling:touch;
}
body.app-shell .table-scroll>.data-table{margin:0}
body.app-shell .data-table thead th{
  position:sticky;
  top:0;
  z-index:6;
  background:#f7faf7;
  box-shadow:inset 0 -1px 0 #dce5de,0 2px 0 rgba(255,255,255,.72);
}
body.app-shell .floating-table-head{display:none!important}
body.app-shell .auto-table-scroll{border:1px solid #e5ece6;border-radius:12px;background:#fff}

/* Pricing matrix: product identity first, quantity pricing second. */
.pricing-matrix-metrics{margin-bottom:16px}
.pricing-matrix-filter{grid-template-columns:minmax(320px,1.6fr) minmax(190px,.7fr) auto auto}
.pricing-matrix-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}
.pricing-matrix-guide>div{display:grid;gap:4px;padding:13px 15px;border:1px solid #dfe8e1;border-radius:12px;background:#fbfdfb}
.pricing-matrix-guide strong{font-size:12px;color:#224c37}.pricing-matrix-guide span{font-size:10px;line-height:1.45;color:#78867e}
.matrix-toolbar-v528{position:sticky;top:82px;z-index:8;margin-bottom:14px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid #dce6de;border-radius:12px;padding:11px 13px;box-shadow:0 8px 22px rgba(25,57,35,.06)}
.matrix-toolbar-v528>div{display:grid;gap:2px}.matrix-toolbar-v528 strong{font-size:12px;color:#244934}.matrix-toolbar-v528 small{font-size:10px;color:#7a887f}
.pricing-matrix-product-list{display:grid;gap:18px}
.pricing-matrix-product-card{border:1px solid #dbe6dc;border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(24,55,35,.045);overflow:hidden}
.pricing-matrix-product-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;background:linear-gradient(105deg,#eef7eb 0%,#f8fbf7 58%,#fff 100%);border-bottom:1px solid #dce7dd}
.pricing-matrix-product-main{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
.pricing-matrix-hero-thumb{width:68px!important;height:68px!important;min-width:68px!important;border-radius:12px!important;border:1px solid #d9e6da!important;background:#fff!important;box-shadow:0 4px 12px rgba(25,58,36,.05)}
.pricing-matrix-product-copy{min-width:0;display:grid;gap:5px}
.pricing-matrix-code-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.pricing-matrix-code{display:grid;gap:2px;padding:6px 9px;border-radius:9px;border:1px solid transparent}
.pricing-matrix-code span{font-size:8px;line-height:1;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.pricing-matrix-code strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;line-height:1.15;letter-spacing:.015em;white-space:nowrap}
.pricing-matrix-code.avp-code{background:#dff0d9;border-color:#cfe5c7}.pricing-matrix-code.avp-code span{color:#5f7f58}.pricing-matrix-code.avp-code strong{color:#17462d;font-size:18px}
.pricing-matrix-code.supplier-code{background:#fff8e8;border-color:#eadcb6}.pricing-matrix-code.supplier-code span{color:#8f7a4a}.pricing-matrix-code.supplier-code strong{color:#72561f}
.pricing-matrix-product-copy h3{margin:0;font-size:14px;line-height:1.35;color:#1f392b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pricing-matrix-product-copy p{margin:0;font-size:10px;color:#75857b}.pricing-matrix-product-copy p strong{color:#526b5a}
.pricing-matrix-product-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:430px}
.pricing-matrix-product-actions .btn{min-height:34px;padding:7px 10px;font-size:10px}
.pricing-tier-scroll{max-height:430px!important;border:0!important;border-radius:0!important;scrollbar-gutter:stable!important}
.pricing-matrix-tier-table{min-width:870px}
.pricing-matrix-tier-table th{font-size:9px!important;color:#6f8076!important;background:#f8faf8!important}
.pricing-matrix-tier-table td{padding-top:10px!important;padding-bottom:10px!important}
.pricing-matrix-tier-table .pricing-tier-row.is-edited td{background:#fffdf4}
.pricing-matrix-tier-table .pricing-tier-row.is-edited td:first-child{box-shadow:inset 3px 0 0 #c79c36}
.tier-quantity{display:grid!important;gap:2px!important}.tier-quantity span{font-size:8px!important}.tier-quantity strong{font-size:15px!important;color:#173f2e!important}
.matrix-money-field,.matrix-percent-field{display:flex;align-items:center;min-width:116px;border:1px solid #dce5dd;border-radius:8px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.matrix-money-field:focus-within,.matrix-percent-field:focus-within{border-color:#87ad7f;box-shadow:0 0 0 3px rgba(90,145,77,.08)}
.matrix-money-field>span{padding-left:9px;color:#6f8276;font-size:11px;font-weight:800}.matrix-percent-field>span{padding-right:9px;color:#6f8276;font-size:10px;font-weight:800}
.matrix-money-field .matrix-input,.matrix-percent-field .matrix-input{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;min-width:74px!important}
.pricing-matrix-tier-table select.matrix-input{min-width:185px!important}
.matrix-commission{display:inline-flex;align-items:center;justify-content:flex-end;min-width:82px;font-size:12px;font-weight:850;color:#1d5a37;font-variant-numeric:tabular-nums}
.matrix-footer-actions{margin-top:14px}.matrix-pager{justify-content:space-between;margin-top:8px}

@media(max-width:1100px){
  .pricing-matrix-product-head{align-items:flex-start;flex-direction:column}.pricing-matrix-product-actions{justify-content:flex-start;max-width:none}
  .pricing-matrix-guide{grid-template-columns:1fr}.pricing-matrix-filter{display:flex;flex-wrap:wrap}.pricing-matrix-filter .field:first-of-type{min-width:280px;flex:1}
}
@media(max-width:900px){
  body.app-shell .table-scroll{max-height:none;overflow-x:auto;overflow-y:visible;scrollbar-gutter:auto}
  .matrix-toolbar-v528{position:static}.pricing-tier-scroll{max-height:none!important}
  .pricing-matrix-product-head{padding:14px}.pricing-matrix-product-main{align-items:flex-start}.pricing-matrix-hero-thumb{width:58px!important;height:58px!important;min-width:58px!important}
  .pricing-matrix-code strong{font-size:13px}.pricing-matrix-code.avp-code strong{font-size:16px}
}
@media(max-width:620px){
  .pricing-matrix-product-main{display:grid;grid-template-columns:58px 1fr}.pricing-matrix-product-copy{min-width:0}.pricing-matrix-code-row{display:grid;grid-template-columns:1fr}.pricing-matrix-code{width:max-content;max-width:100%}.pricing-matrix-code strong{white-space:normal;overflow-wrap:anywhere}.pricing-matrix-product-copy h3{white-space:normal}.pricing-matrix-product-actions{width:100%}.pricing-matrix-product-actions .btn{flex:1 1 calc(50% - 4px)}
}

/* ===== V5.29 practical catalogue / product management / pricing polish ===== */
.btn-ghost{background:transparent;color:#557064;border-color:transparent;box-shadow:none}.btn-ghost:hover{background:#f0f5f1;border-color:#e2ebe4;transform:none}

/* Reliable sticky headers: sticky cells do not behave consistently with border-collapse:collapse. */
body.app-shell .table-scroll>.data-table{border-collapse:separate!important;border-spacing:0!important}
body.app-shell .table-scroll>.data-table thead th{position:sticky!important;top:0!important;z-index:9!important;background:#f7faf7!important;background-clip:padding-box!important;border-bottom:1px solid #dce5de!important;box-shadow:0 1px 0 #dce5de!important}
body.app-shell .table-scroll>.data-table tbody tr:first-child td{border-top:0}

/* Catalogue order context: compact and visually subordinate to the catalogue itself. */
.page-products .catalogue-order-context{padding:14px 18px;border-radius:14px;margin-bottom:14px;box-shadow:0 4px 16px rgba(22,58,36,.035)}
.page-products .catalogue-order-context>div strong{font-size:18px}.page-products .catalogue-order-context>div span{font-size:11px}
.page-products .catalogue-customer-form{gap:8px;align-items:end}.page-products .catalogue-customer-form .field{margin:0}.page-products .catalogue-customer-form select{height:42px}

/* Catalogue filter toolbar — search first, common filters visible, secondary filters collapsible. */
.catalogue-filter-panel{display:grid;gap:10px;padding:14px 15px;background:#fff;border:1px solid #e0e8e2;border-radius:15px;box-shadow:0 5px 18px rgba(18,52,31,.035);margin-bottom:15px}
.catalogue-filter-primary{display:grid;grid-template-columns:minmax(300px,2.1fr) minmax(145px,.85fr) minmax(165px,1fr) minmax(165px,.95fr) auto;gap:9px;align-items:end}
.catalogue-filter-primary>label,.catalogue-filter-secondary>label{min-width:0;margin:0}.catalogue-filter-panel label>span{display:block;margin:0 0 5px;font-size:9px;line-height:1.2;text-transform:uppercase;letter-spacing:.075em;font-weight:850;color:#74867b}
.catalogue-filter-panel .search-field,.catalogue-filter-panel select,.catalogue-filter-panel input[type=number]{height:42px;width:100%;min-width:0;border:1px solid #dce5de;border-radius:9px;background:#fbfcfb;color:#263e30;box-shadow:none}
.catalogue-filter-panel .search-field{padding:0 12px;background:#f7faf7}.catalogue-filter-panel .search-field:focus-within,.catalogue-filter-panel select:focus,.catalogue-filter-panel input[type=number]:focus{border-color:#79aa72;box-shadow:0 0 0 3px rgba(83,142,75,.09);outline:0}
.catalogue-primary-actions{display:flex;gap:6px;align-items:center}.catalogue-primary-actions .btn{height:42px;min-height:42px;padding-inline:14px}
.catalogue-filter-more{border-top:1px solid #edf1ee;padding-top:8px}.catalogue-filter-more>summary{display:inline-flex;align-items:center;gap:9px;cursor:pointer;list-style:none;color:#315e42;font-size:11px;font-weight:850;padding:5px 3px}.catalogue-filter-more>summary::-webkit-details-marker{display:none}.catalogue-filter-more>summary:after{content:'⌄';font-size:14px;color:#71917a;transition:transform .15s}.catalogue-filter-more[open]>summary:after{transform:rotate(180deg)}.catalogue-filter-more>summary small{font-size:10px;color:#8b9890;font-weight:600}.catalogue-filter-secondary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px;padding-top:10px;max-width:920px}.catalogue-filter-note{font-size:10px;color:#8a978f;padding:1px 3px}.catalogue-filter-panel>.smart-filter-chips{margin:1px 0 0;padding:9px 0 0;border-top:1px solid #edf1ee}
.page-products .result-toolbar{padding:5px 2px 11px!important}.page-products .result-toolbar strong{font-size:11px;color:#3d5546}.page-products .result-toolbar span{font-size:10px}

/* Catalogue cards — shorter, image-led, with the whole image visible. */
.page-products .products-grid{grid-template-columns:repeat(auto-fill,minmax(275px,1fr))!important;gap:16px!important;align-items:stretch}
.page-products .catalogue-card-v11{border-radius:15px!important;border-color:#e0e7e1!important;box-shadow:0 4px 15px rgba(18,52,31,.035)!important;min-width:0}
.page-products .catalogue-card-v11:hover{transform:translateY(-2px)!important;border-color:#b8cfba!important;box-shadow:0 10px 24px rgba(18,52,31,.08)!important}
.page-products .catalogue-photo-v11{height:185px!important;min-height:185px!important;padding:10px!important;background:#fff!important;border-bottom:1px solid #edf1ee!important}
.page-products .catalogue-photo-v11 img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
.page-products .availability-chip{top:10px;right:10px;padding:5px 8px;font-size:9px}
.page-products .catalogue-body-v11{padding:14px 15px 15px!important;gap:0!important}
.page-products .catalogue-category-v11{font-size:8px!important;letter-spacing:.11em!important;margin-bottom:6px!important;color:#5d8e5a!important}
.page-products .catalogue-title-v11{font-size:14px!important;line-height:1.35!important;min-height:38px!important;color:#203e30!important;font-weight:850!important}
.page-products .catalogue-fit-v11{font-size:10px!important;line-height:1.45!important;margin:7px 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:29px}
.page-products .catalogue-identifiers{grid-template-columns:1fr 1fr!important;gap:6px 9px!important;padding:8px 0!important;font-size:9px!important}.page-products .catalogue-identifiers span{display:grid!important;gap:2px!important;justify-content:start!important}.page-products .catalogue-identifiers b{font-size:10px!important;color:#244b34!important}
.page-products .catalogue-pills{margin:8px 0!important;gap:5px!important}.page-products .catalogue-pills>span{font-size:9px!important;padding:4px 6px!important;border-radius:5px!important;background:#f2f6f2!important}
.page-products .catalogue-price-row{margin-top:3px!important;padding-top:9px!important;gap:8px!important}.page-products .catalogue-price-row small{font-size:9px!important}.page-products .catalogue-price-row strong{font-size:18px!important;margin-top:2px!important;color:#194a2d!important}.page-products .catalogue-price-row .btn{min-height:32px!important;height:32px!important;padding:6px 9px!important;font-size:9px!important}
.page-products .catalogue-add-v11{margin-top:9px!important;padding-top:9px!important;gap:7px!important}.page-products .catalogue-add-v11 label{font-size:9px!important}.page-products .catalogue-add-v11 input{height:34px!important;margin-top:3px!important}.page-products .catalogue-add-v11 button{height:34px!important;min-height:34px!important;padding:6px 9px!important;font-size:10px!important}

/* Product listing management — calmer filter bar, lighter bulk tools and real action buttons. */
.page-product_management .heading-actions{gap:7px}.page-product_management .heading-actions .btn{min-height:36px;padding:8px 12px;font-size:10px}
.product-management-filter{grid-template-columns:minmax(300px,1.8fr) repeat(4,minmax(135px,.8fr)) auto!important;gap:8px!important;padding:12px!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 16px rgba(18,52,31,.03)!important;margin-bottom:8px!important}
.product-management-filter>label>span{font-size:9px!important;letter-spacing:.075em!important;color:#7a8a80!important}.product-management-filter select,.product-management-filter>label>input,.product-management-filter .search-field{height:40px!important;border-radius:8px!important;background:#fafcfb!important;border-color:#dde6df!important}.product-management-filter .search-field:focus-within,.product-management-filter select:focus{border-color:#7fab78!important;box-shadow:0 0 0 3px rgba(83,142,75,.08)!important}.product-management-filter .ops-filter-buttons{gap:5px}.product-management-filter .ops-filter-buttons .btn{height:40px;min-height:40px;padding:7px 11px}
.page-product_management .ops-filter-chips{margin:7px 0 10px}.page-product_management .ops-summary-bar{margin:9px 0;padding:10px 13px;background:#f8faf8;border-color:#e7ede8}.page-product_management .ops-summary-bar p{max-width:700px}
.page-product_management .ops-bulk-toolbar{position:sticky;top:82px;background:#fff!important;color:#2e4637!important;border:1px solid #dbe5dd!important;box-shadow:0 8px 22px rgba(20,52,32,.08)!important;border-left:4px solid #4d8a4e!important;padding:9px 11px!important}.page-product_management .ops-bulk-toolbar select,.page-product_management .ops-bulk-toolbar input{height:36px!important;background:#f9fbf9!important;border:1px solid #dce5de!important}.page-product_management .ops-bulk-toolbar small{color:#738178!important}.page-product_management .ops-bulk-toolbar .btn-outline{background:#edf5eb;border-color:#d5e5d2;color:#2e653d}
.page-product_management .ops-table-scroll{border-radius:12px!important}.page-product_management .operations-table th{font-size:9px!important;letter-spacing:.06em!important;color:#6f8076!important}.page-product_management .operations-table td{padding:8px!important}.page-product_management .ops-row-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-width:135px}.page-product_management .ops-row-links .link-arrow{display:flex;align-items:center;justify-content:center;padding:5px 7px;border:1px solid #e1e9e2;border-radius:7px;background:#fafcfa;color:#396344;font-size:9px}.page-product_management .ops-row-links .link-arrow:hover{background:#edf5eb;border-color:#cfe0cf}.page-product_management .ops-savebar{border-left:4px solid #4d8a4e;box-shadow:0 10px 26px rgba(20,52,32,.1);padding:10px 13px}

/* Advanced price tiers — make save state unmistakable and product-scoped. */
.pricing-matrix-product-card{transition:border-color .16s,box-shadow .16s}.pricing-matrix-product-card.is-dirty{border-color:#d8b55d!important;box-shadow:0 8px 26px rgba(161,119,25,.10)!important}.pricing-matrix-product-card.is-dirty .pricing-matrix-product-head{background:linear-gradient(105deg,#fff8e8 0%,#fffdf7 58%,#fff 100%)}
.pricing-matrix-product-actions .js-save-product{min-width:132px}.pricing-matrix-product-actions .js-save-product:disabled{background:#eef2ee!important;color:#819087!important;border-color:#e0e7e1!important;box-shadow:none!important;opacity:1!important}.pricing-matrix-product-actions .js-save-product:not(:disabled){background:#2f6e40!important;color:#fff!important}
#savePricingMatrix:disabled,#savePricingMatrixBottom:disabled{background:#edf1ed;color:#849188;border-color:#e0e6e1;box-shadow:none;opacity:1}.pricing-matrix-tier-table .pricing-tier-row.is-edited td{background:#fffaf0!important}.pricing-matrix-tier-table .pricing-tier-row.is-edited td:first-child{box-shadow:inset 3px 0 0 #d1a23f!important}.pricing-matrix-tier-table .pricing-tier-row.is-edited .matrix-input{border-color:#e0bd68!important}.matrix-toolbar-v528{border:1px solid #dfe8e1;border-radius:12px;padding:10px 12px;background:#f8fbf8;margin-bottom:12px}.matrix-toolbar-v528 strong{font-size:11px;color:#2c5138}.matrix-toolbar-v528 small{font-size:9px;color:#7e8d84}.matrix-footer-actions{margin-top:14px}

/* General form polish on operational pages. */
body.app-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){transition:border-color .15s,box-shadow .15s,background .15s}
body.app-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:#79aa72;box-shadow:0 0 0 3px rgba(83,142,75,.08);outline:0}

@media(max-width:1260px){.catalogue-filter-primary{grid-template-columns:minmax(280px,1.7fr) repeat(2,minmax(150px,1fr));}.catalogue-filter-primary .catalogue-filter-field:nth-of-type(4){grid-column:auto}.catalogue-primary-actions{grid-column:auto}.product-management-filter{grid-template-columns:minmax(260px,1.6fr) repeat(2,minmax(145px,1fr))!important}.product-management-filter .ops-filter-buttons{grid-column:auto!important}}
@media(max-width:900px){.catalogue-filter-primary{grid-template-columns:1fr 1fr}.catalogue-search{grid-column:1/-1}.catalogue-primary-actions{grid-column:1/-1}.catalogue-filter-secondary{grid-template-columns:1fr 1fr;max-width:none}.product-management-filter{grid-template-columns:1fr 1fr!important}.page-product_management .ops-bulk-toolbar{top:70px}.page-products .catalogue-photo-v11{height:175px!important;min-height:175px!important}}
@media(max-width:620px){.catalogue-filter-panel{padding:12px}.catalogue-filter-primary,.catalogue-filter-secondary{grid-template-columns:1fr}.catalogue-search,.catalogue-primary-actions{grid-column:auto}.catalogue-primary-actions .btn{flex:1}.catalogue-filter-more>summary small,.catalogue-filter-note{display:none}.page-products .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.page-products .catalogue-photo-v11{height:135px!important;min-height:135px!important;padding:6px!important}.page-products .catalogue-body-v11{padding:11px!important}.page-products .catalogue-title-v11{font-size:12px!important;min-height:33px!important}.page-products .catalogue-fit-v11{font-size:9px!important;min-height:26px}.page-products .catalogue-identifiers{grid-template-columns:1fr!important}.page-products .catalogue-identifiers span:nth-child(2){display:none!important}.page-products .catalogue-price-row{align-items:flex-end!important}.page-products .catalogue-price-row strong{font-size:15px!important}.page-products .catalogue-price-row .btn{display:none}.page-products .catalogue-pills>span:first-child{display:none}.page-products .catalogue-add-v11{display:grid!important;grid-template-columns:58px 1fr!important}.page-products .catalogue-add-v11 label{min-width:0}.page-products .catalogue-add-v11 button{min-width:0!important}.page-product_management .ops-row-links{grid-template-columns:repeat(4,1fr);min-width:0}.page-product_management .ops-row-links .link-arrow{padding:6px 4px}.pricing-matrix-product-actions .js-save-product{flex-basis:100%!important}.pricing-matrix-product-actions .btn{min-width:0}.pricing-matrix-tier-table{min-width:760px}}
@media(max-width:420px){.page-products .products-grid{grid-template-columns:1fr!important}.page-products .catalogue-photo-v11{height:175px!important;min-height:175px!important}.page-products .catalogue-identifiers{grid-template-columns:1fr 1fr!important}.page-products .catalogue-identifiers span:nth-child(2){display:grid!important}.page-products .catalogue-price-row .btn{display:inline-flex}}

/* ===== V5.30 catalogue product card redesign ===== */
/* Keep catalogue cards at a deliberate product-card width. Sparse results must not stretch into giant panels. */
.page-products .products-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(300px,340px))!important;
  justify-content:start!important;
  align-items:stretch!important;
  gap:18px!important;
}
.page-products .catalogue-card-v11{
  width:100%!important;
  min-width:0!important;
  border:1px solid #dfe7e1!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 5px 18px rgba(18,52,31,.055)!important;
  font-family:Inter,ui-sans-serif,"Segoe UI",Arial,sans-serif!important;
}
.page-products .catalogue-card-v11:hover{
  transform:translateY(-2px)!important;
  border-color:#a9c7ae!important;
  box-shadow:0 12px 28px rgba(18,52,31,.10)!important;
}
.page-products .catalogue-photo-v11{
  height:205px!important;
  min-height:205px!important;
  padding:16px 18px 12px!important;
  background:linear-gradient(180deg,#fbfdfb 0%,#fff 78%)!important;
  border-bottom:1px solid #edf1ee!important;
}
.page-products .catalogue-photo-v11 img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
.page-products .availability-chip{
  top:11px!important;
  right:11px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
  box-shadow:none!important;
  border:1px solid rgba(38,114,78,.12)!important;
}
.page-products .catalogue-body-v11{
  padding:15px 16px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  color:#20342a!important;
}
.page-products .catalogue-category-v11{
  margin:0 0 6px!important;
  color:#4c8659!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.page-products .catalogue-title-v11{
  margin:0!important;
  min-height:42px!important;
  color:#172d22!important;
  font-size:16px!important;
  line-height:1.3!important;
  font-weight:760!important;
  letter-spacing:-.015em!important;
  -webkit-line-clamp:2!important;
}
.page-products .catalogue-fit-v11{
  min-height:0!important;
  margin:7px 0 10px!important;
  color:#66796e!important;
  font-size:11px!important;
  line-height:1.4!important;
  font-weight:550!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:block!important;
}
/* Product identifiers are recognition data, not faint metadata. */
.page-products .catalogue-identifiers{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  padding:0!important;
  margin:0 0 9px!important;
  border:0!important;
}
.page-products .catalogue-identifiers span{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
  justify-content:stretch!important;
  padding:8px 9px!important;
  border:1px solid #e5ebe6!important;
  border-radius:9px!important;
  background:#f8faf8!important;
  color:#7a887f!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  font-weight:750!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}
.page-products .catalogue-identifiers b{
  display:block!important;
  min-width:0!important;
  color:#17492c!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.page-products .catalogue-pills{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin:0 0 11px!important;
}
.page-products .catalogue-pills>span{
  padding:5px 8px!important;
  border:1px solid #e4ebe5!important;
  border-radius:999px!important;
  background:#f5f8f5!important;
  color:#4d6557!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:700!important;
}
.page-products .catalogue-price-row{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0!important;
  padding:11px 0 0!important;
  border-top:1px solid #edf1ee!important;
}
.page-products .catalogue-price-row small{
  display:block!important;
  color:#75847b!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:650!important;
  letter-spacing:.01em!important;
}
.page-products .catalogue-price-row strong{
  display:block!important;
  margin:2px 0 0!important;
  color:#176035!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:820!important;
  letter-spacing:-.025em!important;
}
.page-products .catalogue-price-row .btn{
  min-height:32px!important;
  height:32px!important;
  padding:6px 10px!important;
  border-color:transparent!important;
  background:transparent!important;
  color:#3f6f4e!important;
  font-size:9.5px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.page-products .catalogue-price-row .btn:hover{
  background:#f0f6f1!important;
  border-color:#e1ebe3!important;
  transform:none!important;
}
.page-products .catalogue-add-v11{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:end!important;
  margin:10px 0 0!important;
  padding:10px 0 0!important;
  border-top:1px solid #edf1ee!important;
}
.page-products .catalogue-add-v11 label{
  min-width:0!important;
  color:#66786d!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:750!important;
}
.page-products .catalogue-add-v11 input{
  width:100%!important;
  height:38px!important;
  margin:4px 0 0!important;
  padding:7px 9px!important;
  border:1px solid #d9e4db!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#20352a!important;
  font-size:12px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.page-products .catalogue-add-v11 button{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  padding:7px 11px!important;
  border-radius:9px!important;
  background:#347a45!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  box-shadow:0 4px 10px rgba(52,122,69,.13)!important;
}
.page-products .catalogue-add-v11 button:hover{background:#28683a!important;transform:none!important}

@media(max-width:1100px){
  .page-products .products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}
}
@media(max-width:700px){
  .page-products .products-grid{grid-template-columns:minmax(0,440px)!important;justify-content:center!important;gap:14px!important}
  .page-products .catalogue-photo-v11{height:205px!important;min-height:205px!important}
  .page-products .catalogue-title-v11{font-size:15px!important;min-height:auto!important}
  .page-products .catalogue-fit-v11{font-size:10.5px!important}
  .page-products .catalogue-identifiers{grid-template-columns:1fr 1fr!important}
  .page-products .catalogue-identifiers span:nth-child(2){display:grid!important}
  .page-products .catalogue-price-row .btn{display:inline-flex!important}
  .page-products .catalogue-pills>span:first-child{display:inline-flex!important}
  .page-products .catalogue-add-v11{grid-template-columns:78px minmax(0,1fr)!important}
}
@media(max-width:390px){
  .page-products .products-grid{grid-template-columns:1fr!important}
  .page-products .catalogue-photo-v11{height:185px!important;min-height:185px!important}
  .page-products .catalogue-body-v11{padding:14px!important}
  .page-products .catalogue-identifiers{grid-template-columns:1fr!important}
  .page-products .catalogue-price-row strong{font-size:21px!important}
}

/* ===== V5.31 international catalogue identity + inline tier creation ===== */
/* Product cards: operational identity first. */
.page-products .catalogue-body-v11{
  padding:16px 16px 15px!important;
}
.page-products .catalogue-card-topline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 8px!important;
}
.page-products .catalogue-card-topline .catalogue-category-v11{
  margin:0!important;
}
.page-products .catalogue-part-number{
  display:grid!important;
  gap:2px!important;
  margin:0 0 8px!important;
  padding:0!important;
}
.page-products .catalogue-part-number>span,
.page-products .catalogue-key-identifiers span,
.product-code-grid-primary dt{
  color:#718078!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.page-products .catalogue-part-number>strong{
  color:#0f4e2c!important;
  font-size:19px!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  font-variant-numeric:tabular-nums!important;
}
.page-products .catalogue-title-v11{
  min-height:0!important;
  margin:0 0 10px!important;
  color:#1c2f25!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:780!important;
}
.page-products .catalogue-key-identifiers{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:8px!important;
  margin:0 0 9px!important;
}
.page-products .catalogue-key-identifiers>div{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
  padding:9px 10px!important;
  border:1px solid #dde7df!important;
  border-radius:10px!important;
  background:#f7faf7!important;
}
.page-products .catalogue-key-identifiers strong{
  min-width:0!important;
  display:block!important;
  color:#173b27!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:850!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.page-products .catalogue-side-identity{
  background:#eef7ef!important;
  border-color:#d4e7d7!important;
}
.page-products .catalogue-side-identity strong{
  color:#216338!important;
  text-transform:uppercase!important;
  font-size:11.5px!important;
  letter-spacing:.02em!important;
}
.page-products .catalogue-fit-v11{
  margin:0 0 11px!important;
  padding:0!important;
  color:#66786d!important;
  font-size:10.5px!important;
}
.page-products .catalogue-price-row{
  align-items:center!important;
  padding-top:11px!important;
}
.page-products .catalogue-price-row>div{
  min-width:0!important;
}
.page-products .catalogue-price-row strong{
  font-size:22px!important;
}
.page-products .catalogue-moq{
  display:inline-flex!important;
  margin-top:5px!important;
  padding:4px 7px!important;
  border-radius:6px!important;
  background:#f1f5f1!important;
  color:#52665a!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}
.page-products .catalogue-view-link{
  position:relative!important;
  z-index:2!important;
  color:#3b704b!important;
  font-size:10px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.page-products .catalogue-view-link:hover{text-decoration:underline!important}
/* Old metadata/pill structure is intentionally retired on catalogue cards. */
.page-products .catalogue-identifiers,.page-products .catalogue-pills{display:none!important}

/* Product detail: identifiers should be immediately readable; barcode stays backend/search data only. */
.product-code-grid-primary{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.product-code-grid-primary>div{
  padding:13px 14px!important;
  border:1px solid #e0e9e2!important;
  background:#f8faf8!important;
}
.product-code-grid-primary dd{
  color:#163f28!important;
  font-size:15px!important;
  font-weight:850!important;
}
.product-code-grid-primary>div:nth-child(1),
.product-code-grid-primary>div:nth-child(2){
  border-color:#cee0d1!important;
  background:#f2f8f3!important;
}
.product-code-grid-primary>div:nth-child(3) dd{
  color:#20663a!important;
  text-transform:uppercase!important;
}

/* Pricing matrix: add new quantity breaks where the product tiers already live. */
.pricing-tier-add-row td{
  padding:0!important;
  background:#fbfcfb!important;
  border-bottom:0!important;
}
.pricing-tier-inline-add{
  margin:0!important;
  border-top:1px dashed #d8e4da!important;
}
.pricing-tier-inline-add>summary{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px 14px!important;
  cursor:pointer!important;
  list-style:none!important;
  color:#356746!important;
  background:#fafcf9!important;
  user-select:none!important;
}
.pricing-tier-inline-add>summary::-webkit-details-marker{display:none!important}
.pricing-tier-inline-add>summary:hover{background:#f2f8f3!important}
.pricing-tier-inline-add>summary .tier-plus{
  width:26px!important;
  height:26px!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  border:1px solid #bdd6c1!important;
  border-radius:8px!important;
  background:#eaf4ec!important;
  color:#21643a!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1!important;
}
.pricing-tier-inline-add>summary>span:last-child{
  display:grid!important;
  gap:1px!important;
}
.pricing-tier-inline-add>summary strong{
  color:#244b31!important;
  font-size:11px!important;
  font-weight:850!important;
}
.pricing-tier-inline-add>summary small{
  color:#7b8a80!important;
  font-size:9px!important;
}
.pricing-tier-inline-add[open]>summary{
  border-bottom:1px solid #e1e9e2!important;
  background:#f3f8f4!important;
}
.pricing-tier-inline-panel{
  padding:13px 14px 14px!important;
  background:#fff!important;
}
.pricing-tier-inline-form{
  display:grid!important;
  grid-template-columns:120px 140px minmax(160px,1fr) 125px 155px auto!important;
  gap:9px!important;
  align-items:end!important;
}
.pricing-tier-inline-form label{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}
.pricing-tier-inline-form label>span{
  color:#65766b!important;
  font-size:9px!important;
  font-weight:800!important;
}
.pricing-tier-inline-form input,
.pricing-tier-inline-form select{
  width:100%!important;
  height:38px!important;
  min-width:0!important;
  padding:7px 9px!important;
  border:1px solid #d9e4db!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#24382c!important;
  font-size:11px!important;
  font-weight:650!important;
}
.pricing-tier-inline-form input:focus,
.pricing-tier-inline-form select:focus{
  outline:0!important;
  border-color:#7cad87!important;
  box-shadow:0 0 0 3px rgba(67,127,78,.10)!important;
}
.pricing-tier-inline-form .btn{
  height:38px!important;
  min-height:38px!important;
  white-space:nowrap!important;
}
.pricing-tier-inline-panel .helper-note{
  margin:8px 0 0!important;
  font-size:9px!important;
}

/* Professional interaction polish shared across Trade forms. */
body.app-shell input:focus-visible,
body.app-shell select:focus-visible,
body.app-shell textarea:focus-visible,
body.app-shell button:focus-visible,
body.app-shell a:focus-visible{
  outline:2px solid rgba(43,112,64,.36)!important;
  outline-offset:2px!important;
}
body.app-shell .btn{letter-spacing:0!important}

@media(max-width:1200px){
  .pricing-tier-inline-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .pricing-tier-inline-form .btn{width:100%!important}
}
@media(max-width:700px){
  .page-products .catalogue-key-identifiers{grid-template-columns:1fr 1fr!important}
  .page-products .catalogue-part-number>strong{font-size:18px!important}
  .pricing-tier-inline-form{grid-template-columns:1fr 1fr!important}
}
@media(max-width:430px){
  .page-products .catalogue-key-identifiers{grid-template-columns:1fr!important}
  .product-code-grid-primary{grid-template-columns:1fr!important}
  .pricing-tier-inline-form{grid-template-columns:1fr!important}
}


/* ===== V5.32 catalogue filter separation + direct customer pricing ===== */
/* Catalogue: search is a task of its own. Filters sit below it instead of squeezing into the same row. */
.page-products .catalogue-filter-panel,
.page-products .products-grid,
.page-products .result-toolbar{
  width:100%;
  max-width:1440px;
  margin-left:auto;
  margin-right:auto;
}
.page-products .catalogue-filter-panel{
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #dce6df!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 24px rgba(22,52,33,.045)!important;
}
.page-products .catalogue-search-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:end!important;
  padding:16px 18px!important;
  background:#fbfcfb!important;
  border-bottom:1px solid #e9efea!important;
}
.page-products .catalogue-search{margin:0!important;max-width:none!important}
.page-products .catalogue-search>span{
  display:block!important;margin:0 0 6px!important;color:#365844!important;
  font-size:10px!important;font-weight:850!important;letter-spacing:.055em!important;text-transform:uppercase!important;
}
.page-products .catalogue-search .search-field{
  height:46px!important;border-radius:10px!important;background:#fff!important;border-color:#d5e1d8!important;
  padding:0 13px!important;box-shadow:0 1px 2px rgba(25,55,36,.02)!important;
}
.page-products .catalogue-search .search-field input{font-size:13px!important;font-weight:600!important;color:#20382a!important}
.page-products .catalogue-search-actions{display:flex!important;gap:8px!important;align-items:center!important}
.page-products .catalogue-search-actions .btn{height:46px!important;min-height:46px!important}
.page-products .catalogue-filter-main{
  display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;gap:18px!important;
  align-items:end!important;padding:14px 18px 12px!important;
}
.page-products .catalogue-filter-main-label{align-self:center!important}
.page-products .catalogue-filter-main-label strong{display:block!important;color:#203c2b!important;font-size:12px!important;font-weight:850!important}
.page-products .catalogue-filter-main-label span{display:block!important;margin-top:3px!important;color:#84928a!important;font-size:10px!important;line-height:1.35!important}
.page-products .catalogue-filter-main-fields{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;
}
.page-products .catalogue-filter-field>span{
  display:block!important;margin:0 0 5px!important;color:#718078!important;font-size:9px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;
}
.page-products .catalogue-filter-panel select,
.page-products .catalogue-filter-panel input[type=number]{height:40px!important;border-radius:9px!important;background:#fff!important}
.page-products .catalogue-filter-more{margin:0 18px!important;padding:10px 0 0!important;border-top:1px solid #edf1ee!important}
.page-products .catalogue-filter-more>summary{padding:0 0 10px!important}
.page-products .catalogue-filter-secondary{max-width:none!important;padding:0 0 12px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.page-products .catalogue-filter-footer{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:10px 18px 13px!important;background:#fcfdfc!important;border-top:1px solid #edf1ee!important;color:#84928a!important;font-size:10px!important;
}
.page-products .catalogue-filter-footer .btn{display:none!important}
.page-products .catalogue-filter-panel>.smart-filter-chips{margin:0!important;padding:10px 18px!important;border-top:1px solid #edf1ee!important;background:#f8fbf8!important}
/* Cards fill the same catalogue frame as the filter area. auto-fill keeps sparse results at one track rather than stretching a single card across the page. */
.page-products .products-grid{
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;
  gap:18px!important;
  justify-content:stretch!important;
}
.page-products .catalogue-card-v11{max-width:none!important;justify-self:stretch!important}

/* Customer pricing: displayed numbers are actionable, but saving still runs through pricing rules and cost guards. */
.customer-tier-table td[data-label="Customer price"]{min-width:220px!important}
.customer-price-edit-trigger{
  display:inline-flex!important;align-items:center!important;gap:7px!important;padding:6px 9px!important;
  border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#245f38!important;
  cursor:pointer!important;text-align:left!important;
}
.customer-price-edit-trigger:hover{background:#eef6ef!important;border-color:#d7e7da!important}
.customer-price-edit-trigger span{font-size:13px!important;font-weight:850!important;letter-spacing:-.01em!important}
.customer-price-edit-trigger small{font-size:9px!important;font-weight:800!important;color:#699077!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.customer-tier-inline-form{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
.customer-tier-inline-form[hidden]{display:none!important}
.tier-edit-money{height:36px!important;display:flex!important;align-items:center!important;border:1px solid #cfdcd2!important;border-radius:8px!important;background:#fff!important;overflow:hidden!important}
.tier-edit-money>span{padding:0 0 0 9px!important;color:#5d7765!important;font-size:11px!important;font-weight:800!important}
.tier-edit-money input{width:100px!important;height:34px!important;border:0!important;box-shadow:none!important;padding:0 8px 0 4px!important;background:transparent!important;font-size:12px!important;font-weight:800!important;color:#203a2a!important}
.quick-price-presets{display:flex!important;align-items:center!important;gap:4px!important;grid-column:1/-1!important}
.quick-price-presets>span{margin-right:3px!important;color:#839088!important;font-size:9px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.quick-price-presets button{height:27px!important;padding:0 8px!important;border:1px solid #dce6de!important;border-radius:999px!important;background:#fff!important;color:#426a4d!important;font-size:9.5px!important;font-weight:800!important}
.quick-price-presets button:hover{border-color:#9fc5a5!important;background:#f0f7f1!important;color:#245f38!important}
.customer-price-product-actions .quick-price-form{grid-template-columns:minmax(220px,1fr) 140px auto!important}
.customer-price-product-actions .quick-price-form[data-product-quick-price]{padding:9px!important;border:1px solid #e5ece6!important;border-radius:11px!important;background:#fff!important}

@media(max-width:1050px){
  .page-products .catalogue-filter-main{grid-template-columns:1fr!important;gap:10px!important}
  .page-products .catalogue-filter-main-label span{display:none!important}
  .page-products .catalogue-filter-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-products .products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}
}
@media(max-width:700px){
  .page-products .catalogue-search-row{grid-template-columns:1fr!important;padding:13px!important}
  .page-products .catalogue-search-actions .btn{flex:1!important}
  .page-products .catalogue-filter-main{padding:12px 13px 10px!important}
  .page-products .catalogue-filter-main-fields{grid-template-columns:1fr 1fr!important}
  .page-products .catalogue-filter-main-fields label:last-child{grid-column:1/-1!important}
  .page-products .catalogue-filter-more{margin:0 13px!important}
  .page-products .catalogue-filter-footer{padding:9px 13px 12px!important}
  .page-products .catalogue-filter-footer .btn{display:inline-flex!important}
  .page-products .catalogue-filter-panel>.smart-filter-chips{padding:9px 13px!important}
  .page-products .products-grid{grid-template-columns:minmax(0,440px)!important;justify-content:center!important}
  .page-products .catalogue-card-v11{max-width:440px!important}
  .customer-price-product-actions .quick-price-form{grid-template-columns:1fr!important}
  .quick-price-presets{grid-column:auto!important}
  .customer-tier-inline-form{justify-content:flex-start!important}
}
@media(max-width:430px){
  .page-products .catalogue-filter-main-fields,.page-products .catalogue-filter-secondary{grid-template-columns:1fr!important}
  .page-products .catalogue-filter-main-fields label:last-child{grid-column:auto!important}
}

/* ===== V5.33 Supplier Commission Orders ===== */
.commission-order-badge{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:7px 10px!important;border:1px solid #b8d3bd!important;border-radius:999px!important;
  background:#eef7f0!important;color:#245f38!important;font-size:10px!important;font-weight:900!important;
  letter-spacing:.055em!important;text-transform:uppercase!important;white-space:nowrap!important;
}
.commission-order-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#39814d;box-shadow:0 0 0 3px rgba(57,129,77,.10)}
.commission-order-hero{
  display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(360px,.9fr)!important;gap:18px!important;
  margin-bottom:18px!important;padding:20px!important;border:1px solid #d8e5db!important;border-radius:18px!important;
  background:linear-gradient(135deg,#fbfdfb 0%,#f1f7f2 100%)!important;box-shadow:0 10px 34px rgba(26,61,37,.06)!important;
}
.commission-order-hero h2{margin:8px 0 5px!important;color:#173624!important;font-size:25px!important;line-height:1.08!important;letter-spacing:-.025em!important}
.commission-order-hero p{margin:0!important;color:#65776b!important;font-size:12px!important;line-height:1.5!important}
.commission-order-source{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:12px!important}
.commission-order-source span{padding:6px 9px!important;border:1px solid #dce7de!important;border-radius:8px!important;background:#fff!important;color:#526d5b!important;font-size:9.5px!important;font-weight:800!important}
.commission-money-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;align-content:start!important;
}
.commission-money-grid>article,.commission-review-summary>div,.commission-customer-summary>div{
  min-width:0!important;padding:12px!important;border:1px solid #dfe9e1!important;border-radius:11px!important;background:#fff!important;
}
.commission-money-grid small,.commission-review-summary small,.commission-customer-summary small{
  display:block!important;margin-bottom:4px!important;color:#77877d!important;font-size:9px!important;font-weight:850!important;letter-spacing:.065em!important;text-transform:uppercase!important;
}
.commission-money-grid strong,.commission-review-summary strong,.commission-customer-summary strong{display:block!important;color:#213c2a!important;font-size:14px!important;font-weight:900!important;line-height:1.25!important}
.commission-money-grid .earned,.commission-review-summary .earned{border-color:#9cc8a5!important;background:#edf8ef!important}
.commission-money-grid .earned strong,.commission-review-summary .earned strong{color:#17602f!important;font-size:18px!important}
.commission-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.commission-detail-grid>div{margin:0!important;padding:13px 14px!important;border:1px solid #e2e9e3!important;border-radius:12px!important;background:#fbfcfb!important}.commission-detail-grid>div small{display:block!important;margin-bottom:4px!important;color:#77877d!important;font-size:9px!important;font-weight:850!important;letter-spacing:.06em!important;text-transform:uppercase!important}.commission-detail-grid>div strong{display:block!important;color:#213c2a!important;font-size:11.5px!important;font-weight:900!important}.commission-detail-grid>div span{display:block!important;margin-top:3px!important;color:#72837a!important;font-size:9.5px!important;line-height:1.35!important}
.address-pair{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:10px!important}
.address-pair>div{padding:13px 14px!important;border:1px solid #e2e9e3!important;border-radius:12px!important;background:#fff!important;min-height:100px!important}
.address-pair small{display:block!important;margin-bottom:7px!important;color:#74847a!important;font-size:9px!important;font-weight:850!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.address-pair p{margin:0!important;color:#304b39!important;font-size:11px!important;line-height:1.55!important;white-space:pre-line!important}
.commission-part-id{display:flex!important;align-items:center!important;gap:10px!important;min-width:240px!important}
.commission-part-thumb{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;border:1px solid #dce6de!important;border-radius:9px!important;background:#fff!important;padding:3px!important;overflow:hidden!important}.commission-part-thumb img{width:100%!important;height:100%!important;object-fit:contain!important}
.commission-part-id>span{min-width:0!important}.commission-part-id strong{display:block!important;color:#1c3927!important;font-size:11.5px!important;font-weight:900!important}.commission-part-id small{display:block!important;margin-top:2px!important;color:#74867a!important;font-size:9.5px!important;line-height:1.3!important}
.commission-order-layout{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr)!important;gap:18px!important;align-items:start!important}
.commission-upload{padding:13px!important;border:1px dashed #cbdace!important;border-radius:12px!important;background:#f9fbf9!important}
.commission-upload .field{margin-bottom:8px!important}.commission-upload .btn{width:100%!important}
.delivery-timestamps{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
.delivery-timestamps>div{padding:9px 10px!important;border-radius:9px!important;background:#f4f7f4!important}
.delivery-timestamps small{display:block!important;color:#839087!important;font-size:8.5px!important;text-transform:uppercase!important;font-weight:800!important}.delivery-timestamps strong{display:block!important;margin-top:2px!important;color:#365441!important;font-size:10.5px!important}
.logic-note{margin:12px 0!important;padding:11px 13px!important;border-left:3px solid #6b9b76!important;border-radius:0 9px 9px 0!important;background:#f4f8f4!important;color:#506759!important;font-size:10.5px!important;line-height:1.5!important}
.commission-import-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;margin-bottom:18px!important;padding:17px 18px!important;border:1px solid #d9e5dc!important;border-radius:15px!important;background:#f7faf7!important}
.commission-import-hero h2{margin:2px 0 5px!important;color:#1e3a29!important;font-size:19px!important}.commission-import-hero p{margin:0!important;color:#66796d!important;font-size:11px!important;line-height:1.5!important}
.import-safety-stack{display:flex!important;gap:6px!important;flex-wrap:wrap!important}.import-safety-stack span{padding:6px 8px!important;border:1px solid #d8e4da!important;border-radius:999px!important;background:#fff!important;color:#486651!important;font-size:9px!important;font-weight:800!important}
.commission-customer-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important}
.commission-review-summary{display:grid!important;grid-template-columns:1.35fr 1fr repeat(4,minmax(120px,.75fr))!important;gap:8px!important;margin:13px 0!important}
.commission-review-summary span{display:block!important;margin-top:3px!important;color:#74877a!important;font-size:9px!important}
.commission-dashboard-note{margin-top:14px!important;padding:15px!important;border:1px solid #cae0cf!important;border-radius:13px!important;background:linear-gradient(135deg,#eff8f1,#fbfdfb)!important}
.commission-dashboard-note small{display:block!important;color:#678270!important;font-size:9px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.06em!important}.commission-dashboard-note strong{display:block!important;margin:4px 0!important;color:#175b2e!important;font-size:23px!important;letter-spacing:-.025em!important}.commission-dashboard-note span{display:block!important;color:#708077!important;font-size:9.5px!important;line-height:1.45!important}
.commission-order-register .commission-order-badge{padding:5px 8px!important;font-size:8.5px!important}
.commission-order-register td strong{color:#203d2a!important}
.commission-customer-summary+.btn{margin-bottom:2px!important}

/* Commission pages use the same dependable table viewport, with sticky headers inside it. */
.page-commission_orders .table-scroll,.page-commission_customers .table-scroll,.page-commission_customer .table-scroll,.page-commission_order_detail .table-scroll,.page-commission_import .table-scroll{
  max-height:min(62vh,680px)!important;overflow:auto!important;border:1px solid #e0e8e2!important;border-radius:11px!important;background:#fff!important;
}
.page-commission_orders .table-scroll .data-table,.page-commission_customers .table-scroll .data-table,.page-commission_customer .table-scroll .data-table,.page-commission_order_detail .table-scroll .data-table,.page-commission_import .table-scroll .data-table{border-collapse:separate!important;border-spacing:0!important}
.page-commission_orders .data-table thead th,.page-commission_customers .data-table thead th,.page-commission_customer .data-table thead th,.page-commission_order_detail .data-table thead th,.page-commission_import .data-table thead th{position:sticky!important;top:0!important;z-index:4!important;background:#f5f8f5!important;box-shadow:0 1px 0 #dce5de!important}

@media(max-width:1100px){
  .commission-order-hero,.commission-order-layout{grid-template-columns:1fr!important}
  .commission-review-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .commission-customer-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .commission-order-hero{padding:14px!important}.commission-money-grid,.commission-detail-grid,.address-pair,.delivery-timestamps{grid-template-columns:1fr!important}
  .commission-review-summary{grid-template-columns:1fr 1fr!important}.commission-customer-summary{grid-template-columns:1fr 1fr!important}
  .commission-import-hero{grid-template-columns:1fr!important}.commission-import-hero .btn{width:100%!important}
  .commission-part-id{min-width:0!important}.commission-part-thumb{width:38px!important;height:38px!important;flex-basis:38px!important}
  .page-commission_orders .table-scroll,.page-commission_customers .table-scroll,.page-commission_customer .table-scroll,.page-commission_order_detail .table-scroll,.page-commission_import .table-scroll{max-height:none!important;overflow:visible!important;border:0!important}
}
@media(max-width:430px){
  .commission-money-grid,.commission-review-summary,.commission-customer-summary{grid-template-columns:1fr!important}
}
.commission-review-customer{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:-4px 0 14px!important}
.commission-review-customer>div{padding:10px 11px!important;border:1px solid #e5ebe6!important;border-radius:10px!important;background:#fafcfa!important;min-width:0!important}
.commission-review-customer>div.wide{grid-column:1/-1!important}.commission-review-customer small{display:block!important;margin-bottom:3px!important;color:#7b897f!important;font-size:8.5px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.055em!important}.commission-review-customer strong{display:block!important;color:#294433!important;font-size:10.5px!important;font-weight:850!important;line-height:1.45!important}.commission-review-customer span{display:block!important;margin-top:2px!important;color:#77877c!important;font-size:9px!important}
@media(max-width:800px){.commission-review-customer{grid-template-columns:1fr 1fr!important}}
@media(max-width:430px){.commission-review-customer{grid-template-columns:1fr!important}.commission-review-customer>div.wide{grid-column:auto!important}}

/* ===== AVP V5.36 SUPPLIER + COMMISSION UX REFINEMENT =====
   Readability-first override layer. Keeps the proven V5.35 layout while making
   supplier/commission screens calmer, clearer and more responsive. */
:root{
  --v536-forest:#173b2b;
  --v536-green:#2f7445;
  --v536-green-2:#4f9560;
  --v536-mint:#edf7ef;
  --v536-line:#dfe8e1;
  --v536-text:#20352a;
  --v536-muted:#6f7f75;
  --v536-shadow:0 14px 36px rgba(19,55,35,.075);
}
.app-shell .content{max-width:1680px;padding-top:32px}
.app-shell .page-heading{align-items:center;margin-bottom:24px}
.app-shell .page-heading h1{font-size:32px;line-height:1.12;letter-spacing:-1.1px}
.app-shell .page-heading p:not(.overline){max-width:850px;font-size:13px;line-height:1.55;color:#738078}
.app-shell .panel{border-color:var(--v536-line);box-shadow:var(--v536-shadow);padding:24px}
.app-shell .panel-heading h2{font-size:17px;color:var(--v536-text)}
.app-shell .panel-heading p{font-size:12px;max-width:850px}
.app-shell .data-table{font-size:12.5px}
.app-shell .data-table th{font-size:10.5px;color:#708078;background:#f7faf8;padding:13px 14px}
.app-shell .data-table td{padding:14px;line-height:1.4}
.app-shell .data-table tbody tr{transition:background .16s ease}
.app-shell .data-table tbody tr:hover{background:#fbfdfb}
.app-shell .btn{border-radius:10px;min-height:42px;padding:11px 17px}
.app-shell .btn:focus-visible,.app-shell a:focus-visible,.app-shell input:focus-visible,.app-shell select:focus-visible,.app-shell textarea:focus-visible{outline:3px solid rgba(79,149,96,.22);outline-offset:2px}
.app-shell .field>span,.app-shell label.field>span{font-size:11px;color:#586a60;font-weight:800}
.app-shell input,.app-shell select,.app-shell textarea{border-radius:10px}

/* Supplier portal */
.supplier-v536-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px;overflow:hidden;margin-bottom:20px;padding:28px;border-radius:20px;background:linear-gradient(125deg,#123427 0%,#20553a 62%,#2f7445 100%);box-shadow:0 18px 44px rgba(18,52,39,.18);color:#fff}
.supplier-v536-hero:after{content:"";position:absolute;right:-90px;top:-120px;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.055)}
.supplier-v536-hero>div{position:relative;z-index:1}
.supplier-v536-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:11px;font-size:10px;font-weight:900;letter-spacing:.12em;color:#bde6b6;text-transform:uppercase}
.supplier-v536-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#8fd567;box-shadow:0 0 0 5px rgba(143,213,103,.12)}
.supplier-v536-hero h2{margin:0 0 9px;font-size:28px;line-height:1.08;letter-spacing:-.035em}
.supplier-v536-hero p{max-width:760px;margin:0;color:#d4e5da;font-size:13px;line-height:1.6}
.supplier-v536-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:end}
.supplier-v536-meta>div{padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.08);backdrop-filter:blur(5px)}
.supplier-v536-meta small{display:block;margin-bottom:5px;color:#b9d0c1;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.supplier-v536-meta strong{display:block;font-size:15px;line-height:1.25}
.supplier-v536-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.supplier-v536-metric{padding:18px 19px;border:1px solid var(--v536-line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(23,59,43,.045)}
.supplier-v536-metric small{display:block;color:#78877e;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.supplier-v536-metric strong{display:block;margin:6px 0 4px;color:#1b3e2a;font-size:23px;letter-spacing:-.035em}
.supplier-v536-metric span{display:block;color:#849188;font-size:10.5px;line-height:1.4}
.supplier-v536-metric.is-accent{border-color:#b8d9c0;background:linear-gradient(145deg,#f2faf4,#fff)}
.supplier-v536-metric.is-accent strong{color:#23663b}
.supplier-workflow-v536{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.supplier-workflow-v536 a{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--v536-line);border-radius:14px;background:#fff;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.supplier-workflow-v536 a:hover{transform:translateY(-2px);border-color:#b8d3be;box-shadow:0 10px 25px rgba(23,59,43,.07)}
.supplier-workflow-v536 b{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:var(--v536-mint);color:#2e7544;font-size:12px}
.supplier-workflow-v536 strong{display:block;color:#213c2a;font-size:12.5px}
.supplier-workflow-v536 span{display:block;margin-top:4px;color:#7a897f;font-size:10.5px;line-height:1.45}
.supplier-currency-policy{padding:18px;border:1px solid #cfe1d3;border-radius:15px;background:linear-gradient(145deg,#f4faf5,#fff)}
.supplier-currency-policy .policy-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.supplier-currency-policy .policy-head strong{color:#234b31;font-size:13px}
.supplier-currency-policy .policy-head span{padding:5px 8px;border-radius:999px;background:#e3f2e6;color:#2e7142;font-size:9px;font-weight:900;letter-spacing:.05em}
.supplier-currency-policy ol{margin:0;padding-left:18px;color:#627268;font-size:10.5px;line-height:1.6}
.supplier-currency-policy li+li{margin-top:5px}

/* Commission order clarity */
.commission-fx-card{margin:12px 0 0;padding:15px 16px;border:1px solid #cadfd0;border-radius:13px;background:linear-gradient(135deg,#f0f8f2,#fbfdfb)}
.commission-fx-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.commission-fx-card-head strong{color:#245536;font-size:12px}
.commission-fx-lock{padding:5px 8px;border-radius:999px;background:#dff0e3;color:#2b6d40;font-size:8.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.commission-fx-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.commission-fx-values>div{padding:10px 11px;border:1px solid #dce9df;border-radius:10px;background:rgba(255,255,255,.8)}
.commission-fx-values small{display:block;color:#78887e;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.commission-fx-values strong{display:block;margin-top:4px;color:#203e2b;font-size:11px;line-height:1.35}
.commission-fx-note{margin:9px 0 0;color:#718178;font-size:9.5px;line-height:1.5}
.commission-money-grid>article{min-height:104px;display:flex!important;flex-direction:column;justify-content:center}
.commission-money-grid>article strong{font-size:16px!important}
.commission-money-grid>article span{margin-top:5px;color:#7a897f!important;font-size:9.5px!important}
.page-commission_order_detail .panel{overflow:hidden}
.page-commission_order_detail .commission-detail-grid>div{background:#fcfdfc!important}
.page-commission_order_detail .data-table td:nth-last-child(-n+2),.page-commission_order_detail .data-table th:nth-last-child(-n+2){text-align:right}
.fx-preview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 14px}
.fx-preview-strip>div{padding:11px;border:1px solid #dce9df;border-radius:10px;background:#f7fbf8}
.fx-preview-strip small{display:block;color:#7d8a82;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.fx-preview-strip strong{display:block;margin-top:4px;color:#254432;font-size:11px}
.fx-preview-strip .wide{grid-column:span 2}

/* Better desktop tables without cramping mobile */
@media(min-width:901px){
  .page-commission_orders .data-table th,.page-commission_customers .data-table th{position:sticky;top:0;z-index:3}
  .page-supplier_portal .table-scroll{border:1px solid #e3eae4;border-radius:12px}
}
@media(max-width:1120px){
  .supplier-v536-hero{grid-template-columns:1fr}
  .supplier-v536-meta{max-width:560px}
  .supplier-v536-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  .app-shell .content{padding:22px 16px 42px}
  .app-shell .page-heading{align-items:flex-start}
  .app-shell .page-heading h1{font-size:27px}
  .supplier-v536-hero{padding:21px;border-radius:16px}
  .supplier-v536-hero h2{font-size:24px}
  .supplier-v536-meta,.supplier-v536-metrics,.supplier-workflow-v536,.commission-fx-values,.fx-preview-strip{grid-template-columns:1fr 1fr}
  .fx-preview-strip .wide{grid-column:1/-1}
}
@media(max-width:520px){
  .supplier-v536-meta,.supplier-v536-metrics,.supplier-workflow-v536,.commission-fx-values,.fx-preview-strip{grid-template-columns:1fr}
  .supplier-v536-metric{padding:15px}
  .app-shell .panel{padding:17px}
  .app-shell .heading-actions{width:100%}
  .app-shell .heading-actions .btn,.app-shell .heading-actions .inline-form{flex:1 1 auto}
}

/* Final V5.36 readability pass: override legacy compact commission typography. */
.page-commission_orders .commission-order-hero p,
.page-commission_order_detail .commission-order-hero p,
.page-commission_import .commission-import-hero p{font-size:13px!important;line-height:1.6!important}
.page-commission_order_detail .commission-money-grid small,
.page-commission_order_detail .commission-detail-grid>div small,
.page-commission_order_detail .address-pair small,
.page-commission_import .commission-review-summary small,
.page-commission_import .commission-review-customer small,
.page-commission_import .fx-preview-strip small{font-size:10px!important;line-height:1.35!important}
.page-commission_order_detail .commission-detail-grid>div strong,
.page-commission_order_detail .commission-part-id strong,
.page-commission_import .commission-review-customer strong,
.page-commission_import .fx-preview-strip strong{font-size:12.5px!important;line-height:1.45!important}
.page-commission_order_detail .commission-detail-grid>div span,
.page-commission_order_detail .address-pair p,
.page-commission_order_detail .commission-part-id small,
.page-commission_import .commission-review-summary span,
.page-commission_import .commission-review-customer span{font-size:11px!important;line-height:1.5!important}
.page-commission_order_detail .logic-note{font-size:12px!important;line-height:1.6!important}
.page-commission_order_detail .delivery-timestamps small{font-size:9.5px!important}
.page-commission_order_detail .delivery-timestamps strong{font-size:11.5px!important}
.page-supplier_portal .supplier-v536-metric span,
.page-supplier_portal .supplier-workflow-v536 span,
.page-supplier_portal .supplier-currency-policy ol{font-size:11.5px;line-height:1.6}
.page-commission_order_detail .commission-fx-values small,
.page-commission_order_detail .commission-fx-note{font-size:10px!important}
.page-commission_order_detail .commission-fx-values strong{font-size:12.5px!important}

@media (prefers-reduced-motion:reduce){
  .app-shell *, .app-shell *::before, .app-shell *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* ===== V5.39 Header + catalogue filter cleanup ===== */
/* Header: keep navigation context and account controls only. Search belongs to the page that owns it. */
body.app-shell .topbar{
  min-height:72px;
  height:72px;
  padding:0 28px;
  gap:18px;
  border-bottom:1px solid #e3e9e4;
  background:rgba(255,255,255,.98);
  box-shadow:0 1px 0 rgba(28,54,37,.015);
}
body.app-shell .topbar-context{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  color:#6d7e74;
  white-space:nowrap;
}
body.app-shell .topbar-context>span{
  color:#758a7c;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}
body.app-shell .topbar-context>i{font-style:normal;color:#c0cbc3;font-size:12px}
body.app-shell .topbar-context>strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#294334;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
}
body.app-shell .topbar-tools{margin-left:auto;gap:9px}
body.app-shell .pref-form{align-items:center;gap:8px}
body.app-shell .topbar-tools select{
  min-width:74px;
  height:40px;
  padding:0 11px;
  border-color:#dde6df;
  background:#f9fbf9;
}
body.app-shell .topbar-account{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:4px 9px 4px 5px;
  border:1px solid transparent;
  border-radius:12px;
  transition:background .16s ease,border-color .16s ease;
}
body.app-shell .topbar-account:hover{background:#f6f9f6;border-color:#e2e9e3}
body.app-shell .topbar-account .top-avatar{flex:0 0 36px;width:36px;height:36px}
body.app-shell .topbar-account-copy{display:flex;flex-direction:column;min-width:0;gap:2px}
body.app-shell .topbar-account-copy strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;color:#294134;font-size:11px;line-height:1.2;white-space:nowrap}
body.app-shell .topbar-account-copy small{color:#87958d;font-size:9px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em}
body.app-shell .logout-icon{width:40px;height:40px;background:#f6f8f6;border:1px solid #e7ece8}
body.app-shell .logout-icon:hover{background:#eef4ef;border-color:#d9e4db}

/* Catalogue: no collapsed "more filters". Every useful filter is visible in one structured bar. */
.page-products .catalogue-filter-panel{
  overflow:visible!important;
  border-radius:18px!important;
  border-color:#dce6df!important;
  box-shadow:0 8px 26px rgba(20,54,32,.045)!important;
}
.page-products .catalogue-search-row{
  padding:16px 18px!important;
  background:#fbfcfb!important;
}
.page-products .catalogue-filter-body{padding:15px 18px 14px!important;background:#fff!important}
.page-products .catalogue-filter-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:13px!important;
}
.page-products .catalogue-filter-heading>div{min-width:0}
.page-products .catalogue-filter-heading strong{display:block;color:#203c2b;font-size:13px;font-weight:900;line-height:1.25}
.page-products .catalogue-filter-heading span{display:block;margin-top:4px;color:#84928a;font-size:10.5px;line-height:1.45}
.page-products .catalogue-filter-heading .btn{flex:0 0 auto;min-height:38px;height:38px;padding:8px 13px}
.page-products .catalogue-filter-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:10px!important;
  align-items:end!important;
}
.page-products .catalogue-filter-field{display:block!important;min-width:0!important;margin:0!important}
.page-products .catalogue-filter-field>span{
  display:block!important;
  margin:0 0 6px!important;
  color:#65776d!important;
  font-size:9.5px!important;
  font-weight:850!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
}
.page-products .catalogue-filter-panel select{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0 34px 0 11px!important;
  border:1px solid #d9e3dc!important;
  border-radius:9px!important;
  background-color:#fff!important;
  color:#263e30!important;
  box-shadow:none!important;
}
.page-products .catalogue-filter-panel select:focus{border-color:#79aa72!important;box-shadow:0 0 0 3px rgba(83,142,75,.09)!important;outline:0!important}
.page-products .catalogue-filter-note-row{
  display:flex!important;
  align-items:center!important;
  min-height:34px!important;
  margin-top:12px!important;
  padding-top:10px!important;
  border-top:1px solid #edf1ee!important;
  color:#7e8e84!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.page-products .catalogue-filter-panel>.smart-filter-chips{
  margin:0!important;
  padding:10px 18px!important;
  border-top:1px solid #edf1ee!important;
  border-radius:0 0 18px 18px!important;
  background:#f8fbf8!important;
}

@media(max-width:1050px){
  body.app-shell .topbar-account-copy{display:none}
  .page-products .catalogue-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.app-shell .topbar{height:64px;min-height:64px;padding:0 13px;flex-wrap:nowrap}
  body.app-shell .topbar-context{flex:1;overflow:hidden}
  body.app-shell .topbar-context>span,body.app-shell .topbar-context>i{display:none}
  body.app-shell .topbar-context>strong{font-size:11px}
  body.app-shell .topbar-tools{gap:5px}
  body.app-shell .pref-form{gap:5px}
  body.app-shell .topbar-tools select{min-width:58px;height:38px;padding:0 7px}
  body.app-shell .topbar-account{padding:2px;border:0}
  body.app-shell .topbar-account .top-avatar{width:38px;height:38px;flex-basis:38px}
  .page-products .catalogue-search-row{grid-template-columns:1fr!important;padding:13px!important}
  .page-products .catalogue-search-actions .btn{flex:1!important}
  .page-products .catalogue-filter-body{padding:13px!important}
  .page-products .catalogue-filter-heading{align-items:center!important}
  .page-products .catalogue-filter-heading span{display:none}
  .page-products .catalogue-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-products .catalogue-filter-panel>.smart-filter-chips{padding:9px 13px!important}
}
@media(max-width:470px){
  body.app-shell .topbar-context{display:none}
  body.app-shell .mobile-toggle{margin-right:auto}
  body.app-shell .topbar-tools{margin-left:0}
  body.app-shell .topbar-account{display:none}
  .page-products .catalogue-filter-heading{display:block!important}
  .page-products .catalogue-filter-heading .btn{width:100%;margin-top:10px}
  .page-products .catalogue-filter-grid{grid-template-columns:1fr!important}
}

/* ===== V5.40.1 Searchable selects ===== */
.avp-search-select-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  clip-path:inset(50%)!important;
}
.avp-search-select{position:relative;width:100%;min-width:0;z-index:1}
.avp-search-select.is-open{z-index:160}
.avp-search-select-input{
  width:100%;height:43px;min-width:0;padding:0 39px 0 12px;
  border:1px solid #dbe4dd;border-radius:9px;background:#fff;color:#263e30;
  outline:0;font-size:12px;line-height:1.2;box-shadow:none;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.avp-search-select-input:focus,.avp-search-select.is-open .avp-search-select-input{
  border-color:#78a873;box-shadow:0 0 0 3px rgba(83,142,75,.10);background:#fff;
}
.avp-search-select-input::placeholder{color:#95a199}
.avp-search-select-toggle{
  position:absolute;right:2px;top:2px;width:38px;height:39px;border:0;border-radius:8px;
  background:transparent;color:#587065;display:grid;place-items:center;padding:0;font-size:18px;
}
.avp-search-select-toggle:hover{background:#f1f6f1;color:#295d38}
.avp-search-select-toggle .avp-search-select-chevron{
  display:block;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translate(-1px,-1px);transform-origin:center;
}
.avp-search-select.is-open .avp-search-select-toggle .avp-search-select-chevron{transform:rotate(45deg) translate(-1px,-1px)}
.avp-search-select-menu{
  position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:170;
  border:1px solid #d8e2da;border-radius:11px;background:#fff;
  box-shadow:0 18px 42px rgba(22,56,35,.16);overflow:hidden;
}
.avp-search-select-list{max-height:310px;overflow:auto;padding:5px;overscroll-behavior:contain}
.avp-search-select-option{
  display:block;width:100%;border:0;background:#fff;color:#30483a;text-align:left;
  border-radius:7px;padding:9px 10px;font-size:12px;line-height:1.35;white-space:normal;
}
.avp-search-select-option:hover,.avp-search-select-option.is-active{background:#eef6ec;color:#214f31}
.avp-search-select-option.is-selected{font-weight:800;color:#245a35}
.avp-search-select-option.is-selected::after{content:'✓';float:right;margin-left:10px;color:#4b8d42;font-weight:900}
.avp-search-select-status{padding:7px 10px;border-top:1px solid #edf1ee;background:#fafcfb;color:#7c8b82;font-size:9.5px;line-height:1.35}
.avp-search-select-empty{padding:14px 10px;color:#87948c;font-size:11px;text-align:center}
.page-products .catalogue-filter-panel .avp-search-select-input{height:42px!important;border-color:#d9e3dc!important}
.page-products .catalogue-filter-panel .avp-search-select-toggle{height:38px}
.page-products .catalogue-filter-field,.catalogue-customer-form .field,.filter-bar .field{overflow:visible}
@media(max-width:760px){.avp-search-select-list{max-height:250px}}

/* ===== V5.41 Workspace UI redesign ===== */
:root{
  --v541-line:#dde6df;
  --v541-line-soft:#edf2ee;
  --v541-ink:#183329;
  --v541-muted:#74847b;
  --v541-soft:#f7faf7;
  --v541-soft-green:#f1f7ef;
  --v541-shadow:0 10px 30px rgba(24,55,36,.055);
  --v541-radius:16px;
}

/* Page rhythm: less floating whitespace, clearer hierarchy. */
body.app-shell .content{max-width:1540px;padding:30px 34px 52px}
body.app-shell .page-heading{align-items:center;margin-bottom:20px;padding:0 2px}
body.app-shell .page-heading h1{font-size:28px;letter-spacing:-1.05px}
body.app-shell .page-heading p:not(.overline){max-width:820px;font-size:12px;line-height:1.5;color:#7b8981}
body.app-shell .heading-actions{align-items:center}

/* Cards now read as working sections instead of detached boxes. */
body.app-shell .panel{
  margin-bottom:16px;padding:21px 22px;border-color:var(--v541-line);border-radius:var(--v541-radius);
  box-shadow:var(--v541-shadow);background:#fff;
}
body.app-shell .panel-heading{margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid var(--v541-line-soft)}
body.app-shell .panel-heading h2{font-size:15.5px;line-height:1.25;letter-spacing:-.25px;color:var(--v541-ink)}
body.app-shell .panel-heading p{max-width:900px;font-size:11px;line-height:1.5;color:#7f8e85}
body.app-shell .panel.span-2{grid-column:1/-1}
body.app-shell .panel.no-divider .panel-heading{border-bottom:0;padding-bottom:0}

/* Reusable balanced workspace. */
.avp-workflow-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin-bottom:4px;
}
.avp-workflow-grid>.panel{margin:0;min-width:0}
.avp-workflow-grid>.span-2{grid-column:1/-1}
.avp-workflow-grid>.workspace-primary{border-color:#d5e3d8;box-shadow:0 12px 34px rgba(28,67,42,.065)}
.avp-workflow-grid>.workspace-action{background:linear-gradient(180deg,#fff,#fbfdfb)}

/* Forms: comfortable control sizes, compact labels and predictable grids. */
body.app-shell .form-stack{display:flex;flex-direction:column;gap:14px}
body.app-shell .field{gap:6px;margin:0;min-width:0}
body.app-shell .field>span,
body.app-shell label.field>span{font-size:9.5px!important;line-height:1.2;letter-spacing:.065em;text-transform:uppercase;color:#687970;font-weight:850}
body.app-shell .field>input,
body.app-shell .field>select,
body.app-shell .field>textarea,
body.app-shell .form-stack>input:not([type=hidden]),
body.app-shell .form-stack>select,
body.app-shell .form-stack>textarea{
  width:100%;min-width:0;border:1px solid #d9e3dc;border-radius:10px;background:#fbfdfb;color:#243b2f;
  box-shadow:none;outline:0;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
body.app-shell .field>input,body.app-shell .field>select{min-height:44px;padding:0 12px}
body.app-shell .field>textarea{padding:11px 12px;line-height:1.5;resize:vertical}
body.app-shell .field>input:focus,body.app-shell .field>select:focus,body.app-shell .field>textarea:focus{
  border-color:#79a975;background:#fff;box-shadow:0 0 0 3px rgba(74,135,70,.09)
}
body.app-shell .fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.app-shell .fields-grid>.field{margin:0}
body.app-shell .check-card{border:1px solid #dfe8e1;border-radius:12px;background:#f8fbf8;padding:13px 14px}
body.app-shell .check-card:hover{border-color:#cbdccb;background:#f5faf4}
body.app-shell .check-card span{gap:3px}
body.app-shell .check-card strong{font-size:12px;color:#264332}
body.app-shell .check-card small{font-size:10px;line-height:1.45;color:#7b8981}
body.app-shell details.row-edit,
body.app-shell details.danger-disclosure,
body.app-shell details.nested-adjustment{border:1px solid #e2e9e3;border-radius:12px;background:#fafcfb;overflow:hidden}
body.app-shell details.row-edit>summary,
body.app-shell details.danger-disclosure>summary,
body.app-shell details.nested-adjustment>summary{padding:12px 14px;font-weight:800;color:#315443}
body.app-shell details[open]>summary{border-bottom:1px solid #e7ede8;background:#f6f9f6}
body.app-shell details.row-edit>.form-stack,
body.app-shell details.danger-disclosure>.form-stack{padding:14px}

/* Filter bars should feel like a single search/filter workspace. */
body.app-shell .filter-bar.smart-filter{
  gap:10px;padding:13px;border:1px solid var(--v541-line);border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(23,54,35,.035)
}
body.app-shell .filter-bar.smart-filter .btn{min-height:44px}
body.app-shell .search-field{min-height:44px;border-radius:10px;background:#fbfdfb}

/* Tables: stronger header, less visual noise. */
body.app-shell .table-scroll{border:1px solid #e6ece7;border-radius:12px;background:#fff}
body.app-shell .panel>.table-scroll{margin-top:2px}
body.app-shell .data-table thead{background:#f7faf7}
body.app-shell .data-table th{padding:11px 13px;color:#718179;font-size:9px;letter-spacing:.075em;border-bottom:1px solid #e6ece7}
body.app-shell .data-table td{padding:13px;border-bottom-color:#eef2ef}
body.app-shell .data-table tbody tr:hover td{background:#fbfdfb}

/* Ledger/activity rows act like compact records rather than mini cards. */
body.app-shell .ledger-list{display:flex;flex-direction:column;gap:0;border:1px solid #e7ece8;border-radius:12px;overflow:hidden;background:#fff}
body.app-shell .ledger-entry{margin:0!important;border:0!important;border-bottom:1px solid #edf1ee!important;border-radius:0!important;padding:12px 13px!important;background:#fff!important}
body.app-shell .ledger-entry:last-child{border-bottom:0!important}
body.app-shell .ledger-entry:hover{background:#fafcfa!important}
body.app-shell .status-history{display:flex;flex-direction:column;border:1px solid #e6ece7;border-radius:12px;overflow:hidden}
body.app-shell .status-history>strong{padding:11px 13px;background:#f7faf7;border-bottom:1px solid #e6ece7}
body.app-shell .status-history>div{padding:11px 13px;border-bottom:1px solid #edf1ee}
body.app-shell .status-history>div:last-child{border-bottom:0}

/* Return/RMA: task-first layout with no side information rail. */
.page-returns .return-hero{
  display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px;padding:18px 20px;
  border:1px solid #dce6df;border-radius:16px;background:linear-gradient(120deg,#f8fbf8,#fff);box-shadow:0 8px 24px rgba(20,54,33,.04)
}
.page-returns .return-hero small{font-size:9px;letter-spacing:.12em;font-weight:900;color:#71906f}
.page-returns .return-hero h2{margin:4px 0;font-size:20px;color:#17382a}
.page-returns .return-hero p{margin:0;color:#6f7f76;font-size:11px}
.page-returns .return-case-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}
.page-returns .return-items-panel{grid-column:1/-1}
.page-returns .return-finance-panel,.page-returns .return-history-panel{grid-column:1/-1}
.page-returns .return-lines{display:flex;flex-direction:column;gap:9px}
.page-returns .return-line{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(220px,.55fr);gap:14px;align-items:center;
  padding:13px 14px;border:1px solid #e3eae5;border-radius:12px;background:#fcfdfc
}
.page-returns .return-line>details{margin:0;min-width:0}
.page-returns .return-line>details>summary{font-weight:800;color:#315c42;white-space:nowrap}
.page-returns .return-line>details[open]{grid-column:1/-1;border-top:1px solid #e9eeea;padding-top:12px}
.page-returns .return-line>details[open]>.form-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;margin-top:10px}
.page-returns .return-line>details[open]>.form-stack>.btn{min-height:44px}
.page-returns .return-status-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.page-returns .return-status-action+.return-status-action{margin-top:10px;padding-top:10px;border-top:1px solid #edf1ee}
.page-returns .return-status-action .btn{min-width:145px}
.page-returns .return-visibility-state{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e2e9e3;border-radius:11px;background:#f8fbf8;margin-bottom:12px}
.page-returns .return-visibility-state i{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#79a96d;box-shadow:0 0 0 4px #edf5ea}
.page-returns .return-visibility-state strong{display:block;font-size:12px;color:#294735}
.page-returns .return-visibility-state span{display:block;margin-top:3px;font-size:10.5px;line-height:1.45;color:#78877e}
.page-returns .return-finance-ready{border-radius:12px;padding:13px 14px;background:#f2f8ef;border:1px solid #dbe9d6}

/* Common management pages: equal task panels rather than long-main / side-rail. */
.page-credit_control .management-grid,
.page-accounts .management-grid,
.page-profile .management-grid,
.page-settings .management-grid,
.page-account_directory .management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-credit_control .management-grid>.panel,
.page-accounts .management-grid>.panel,
.page-profile .management-grid>.panel,
.page-settings .management-grid>.panel,
.page-account_directory .management-grid>.panel{height:100%}

/* Portal logins: list gets the space, creation form is still a first-class task. */
.page-account_directory .account-directory-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}
.page-account_directory .account-directory-grid>.panel{margin:0}

/* Profile: make security and preferences compact, not a tall right rail. */
.page-profile .profile-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}
.page-profile .profile-security-stack{display:grid;gap:16px}
.page-profile .profile-security-stack>.panel{margin:0}

/* Settings: four balanced modules. */
.page-settings .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-settings .settings-grid>.panel{margin:0}

/* Customer cash / credit control: inputs and context side by side, register below. */
.page-accounts .customer-cash-top,
.page-credit_control .credit-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Commission order detail: remove the permanent right rail. */
.page-commission_orders .commission-order-workspace{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-commission_orders .commission-order-workspace>.panel{margin:0}
.page-commission_orders .commission-order-workspace>.commission-primary{grid-column:1/-1}
.page-commission_orders .commission-order-workspace .commission-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.page-commission_orders .commission-order-workspace .commission-upload{max-width:none}

/* Customer/commission directories: avoid tiny side form rails. */
.page-commission_customers .directory-layout{
  display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr)!important;gap:16px!important;align-items:start!important
}
.page-commission_customers .directory-layout>section,
.page-commission_customers .directory-layout>aside{min-width:0}
.page-commission_customers .directory-layout .panel{margin-bottom:0}

/* Better button groups and alerts. */
body.app-shell .panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:15px}
body.app-shell .notice{border-radius:12px;box-shadow:none}
body.app-shell .helper-note{padding:10px 12px;border-radius:10px;background:#f7f9f7;color:#718078;font-size:10.5px;line-height:1.5}
body.app-shell .form-stack>.helper-note{margin:0}
body.app-shell .feature-list{gap:10px}
body.app-shell .import-guide{border:1px solid #e5ebe6;border-radius:12px;background:#fafcfa;padding:13px 14px}

@media(max-width:1050px){
  .page-returns .return-case-grid,
  .page-account_directory .account-directory-grid,
  .page-profile .profile-grid,
  .page-commission_customers .directory-layout{grid-template-columns:1fr!important}
  .page-commission_orders .commission-order-workspace .commission-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-returns .return-line{grid-template-columns:minmax(0,1fr) auto}
  .page-returns .return-line>details{grid-column:1/-1}
}
@media(max-width:760px){
  body.app-shell .content{padding:20px 14px 40px}
  body.app-shell .page-heading{align-items:flex-start;margin-bottom:16px}
  body.app-shell .page-heading h1{font-size:24px}
  body.app-shell .panel{padding:16px;border-radius:14px}
  .avp-workflow-grid,
  .page-credit_control .management-grid,
  .page-accounts .management-grid,
  .page-profile .management-grid,
  .page-settings .management-grid,
  .page-account_directory .management-grid,
  .page-settings .settings-grid,
  .page-accounts .customer-cash-top,
  .page-credit_control .credit-control-grid,
  .page-commission_orders .commission-order-workspace{grid-template-columns:1fr!important}
  .avp-workflow-grid>.span-2,
  .page-returns .return-items-panel,
  .page-returns .return-finance-panel,
  .page-returns .return-history-panel,
  .page-commission_orders .commission-order-workspace>.commission-primary{grid-column:auto}
  body.app-shell .fields-grid{grid-template-columns:1fr}
  .page-returns .return-line{grid-template-columns:1fr;align-items:start}
  .page-returns .return-line>details[open]>.form-stack{grid-template-columns:1fr}
  .page-returns .return-status-action{grid-template-columns:1fr}
  .page-returns .return-status-action .btn{width:100%}
  .page-commission_orders .commission-order-workspace .commission-detail-grid{grid-template-columns:1fr}
}

/* Directory pages: management form follows the directory instead of living in a narrow rail. */
.page-customers .directory-layout,
.page-suppliers .directory-layout{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;align-items:start!important}
.page-customers .directory-layout>section,
.page-customers .directory-layout>aside,
.page-suppliers .directory-layout>section,
.page-suppliers .directory-layout>aside{min-width:0;width:100%}
.page-customers .directory-layout .panel,
.page-suppliers .directory-layout .panel{margin-bottom:0}
.page-customers .directory-layout aside .form-stack,
.page-suppliers .directory-layout aside .form-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.page-customers .directory-layout aside .form-stack>.fields-grid,
.page-customers .directory-layout aside .form-stack>.helper-note,
.page-customers .directory-layout aside .form-stack>.btn,
.page-suppliers .directory-layout aside .form-stack>.helper-note,
.page-suppliers .directory-layout aside .form-stack>.btn{grid-column:1/-1}
.page-customers .directory-layout aside .form-stack>.field:has(textarea),
.page-suppliers .directory-layout aside .form-stack>.field:has(textarea){grid-column:1/-1}

/* Remaining two-column management workspaces are balanced, not 70/30 side rails. */
.page-categories .order-columns,
.page-partner_accounts .order-columns,
.page-commission_center .order-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

@media(max-width:760px){
  .page-customers .directory-layout aside .form-stack,
  .page-suppliers .directory-layout aside .form-stack{grid-template-columns:1fr}
  .page-customers .directory-layout aside .form-stack>* ,
  .page-suppliers .directory-layout aside .form-stack>*{grid-column:auto!important}
}

/* Order payment/settlement tabs use two equal work areas instead of a primary column plus narrow rail. */
.order-workspace .order-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Commission customer creation is a full-width management task below the directory. */
.page-commission_customers .commission-directory-grid{grid-template-columns:1fr}
.page-commission_customers .commission-directory-grid>.panel{grid-column:auto;margin:0}
.page-commission_customers .commission-directory-grid>.panel:last-child .form-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.page-commission_customers .commission-directory-grid>.panel:last-child .form-stack>.fields-grid,
.page-commission_customers .commission-directory-grid>.panel:last-child .form-stack>.helper-note,
.page-commission_customers .commission-directory-grid>.panel:last-child .form-stack>.btn{grid-column:1/-1}
.page-commission_customers .commission-directory-grid>.panel:last-child .form-stack>.field:has(textarea){grid-column:1/-1}
@media(max-width:760px){
  .order-workspace .order-columns{grid-template-columns:1fr!important}
  .page-commission_customers .commission-directory-grid>.panel:last-child .form-stack{grid-template-columns:1fr}
  .page-commission_customers .commission-directory-grid>.panel:last-child .form-stack>*{grid-column:auto!important}
}

/* =====================================================================
   V5.42 — STRUCTURAL DIRECTORY + CATEGORY REDESIGN
   Full-width task flow. No directory/create side rails.
   ===================================================================== */
:root{
  --v542-soft:#f5f8f5;
  --v542-line:#dfe8e1;
  --v542-ink:#1d3829;
  --v542-muted:#74837a;
}

/* Explicit vertical directory flow: markup no longer depends on CSS to undo <aside> rails. */
.directory-stack,
.commission-directory-stack{
  display:flex;
  flex-direction:column;
  gap:18px;
  width:100%;
}
.directory-stack>.panel,
.directory-stack>.directory-create-workspace,
.commission-directory-stack>.panel,
.commission-directory-stack>.commission-customer-create{
  width:100%;
  min-width:0;
  margin:0;
}
.directory-create-workspace,
.commission-customer-create,
.category-create-workspace{scroll-margin-top:96px}

/* Create workspaces are horizontal business forms, not tall sidebar forms. */
.directory-create-panel,
.commission-create-panel,
.category-create-panel{
  border-color:#d5e2d7!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdfb 100%)!important;
}
.directory-create-form,
.commission-create-form{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.form-section{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:22px;
  padding:17px 0;
  border-bottom:1px solid #e8eee9;
}
.form-section:first-child{padding-top:2px}
.form-section:last-of-type{border-bottom:0}
.form-section-heading{display:flex;gap:11px;align-items:flex-start;padding-top:3px}
.form-section-heading>span{
  width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;
  background:#edf5eb;color:#477c45;font-size:10px;font-weight:900;letter-spacing:.04em
}
.form-section-heading strong{display:block;color:var(--v542-ink);font-size:12.5px;line-height:1.3}
.form-section-heading small{display:block;margin-top:4px;color:var(--v542-muted);font-size:10.5px;line-height:1.45}
.form-section-grid{display:grid;gap:12px;align-items:start;min-width:0}
.form-section-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-section-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-section-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.form-readonly{
  min-height:64px;padding:9px 12px;border:1px solid #e0e8e1;border-radius:10px;background:#f8faf8;
  display:flex;flex-direction:column;justify-content:center;gap:4px
}
.form-readonly span{font-size:9.5px;text-transform:uppercase;letter-spacing:.065em;font-weight:850;color:#687970}
.form-readonly strong{font-size:12px;color:#2b4735}
.form-action-bar{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  margin-top:2px;padding:15px 16px;border:1px solid #dfe9df;border-radius:12px;background:#f5f9f4
}
.form-action-bar>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.form-action-bar strong{font-size:11.5px;color:#31543c}
.form-action-bar span{font-size:10.5px;line-height:1.45;color:#718078}
.form-action-bar .btn{min-width:190px;flex:none}

/* Commission directory is intentionally full-width; create form follows the table. */
.page-commission_customers .commission-directory-metrics{margin-bottom:16px}
.page-commission_customers .commission-customer-filter{margin-bottom:18px}
.page-commission_customers .commission-directory-panel .table-scroll{margin-top:0}
.page-commission_customers .commission-create-panel .panel-heading p{max-width:760px}

/* Categories: dashboard-like management, not a 50/50 list/form split. */
.page-categories .category-metrics{margin-bottom:16px}
.page-categories .category-filter{margin-bottom:18px}
.page-categories .category-directory-panel{margin-bottom:0}
.page-categories .category-table td:first-child{min-width:240px}
.page-categories .category-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.page-categories details.category-edit{position:relative;overflow:visible;background:#fff;border:0}
.page-categories details.category-edit>summary{
  list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:34px;
  padding:7px 11px;border:1px solid #dfe8df;border-radius:8px;background:#fff;color:#355b42;font-size:10.5px;font-weight:800
}
.page-categories details.category-edit>summary::-webkit-details-marker{display:none}
.page-categories details.category-edit[open]{min-width:360px}
.page-categories details.category-edit[open]>summary{margin-bottom:8px;background:#f5f9f4}
.page-categories .category-edit-form{
  min-width:340px;padding:12px;border:1px solid #dfe8e1;border-radius:12px;background:#fbfdfb;box-shadow:0 12px 30px rgba(21,54,32,.08)
}
.page-categories .category-create-workspace{margin-top:18px}
.page-categories .category-create-form{
  display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(220px,.8fr) minmax(170px,.5fr) auto;
  gap:14px;align-items:end
}
.page-categories .category-create-copy{align-self:center;padding-right:16px}
.page-categories .category-create-copy .eyebrow{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#6f9668;margin-bottom:5px}
.page-categories .category-create-copy strong{display:block;font-size:13px;color:#254532}
.page-categories .category-create-copy p{margin:5px 0 0;color:#7a8980;font-size:10.5px;line-height:1.45}
.page-categories .category-create-form>.btn{min-height:44px}
.page-categories .category-health{display:flex;align-items:center;gap:12px;margin-top:18px}
.page-categories .category-health span{flex:1}

/* Directory tables get a little more visual authority now they are the main task. */
.page-customers .directory-panel .table-scroll,
.page-suppliers .directory-panel .table-scroll,
.page-commission_customers .commission-directory-panel .table-scroll,
.page-categories .category-directory-panel .table-scroll{border-radius:14px}
.page-customers .directory-panel .data-table th,
.page-suppliers .directory-panel .data-table th,
.page-commission_customers .commission-directory-panel .data-table th,
.page-categories .category-directory-panel .data-table th{padding-top:12px;padding-bottom:12px}

@media(max-width:1180px){
  .form-section{grid-template-columns:180px minmax(0,1fr)}
  .form-section-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-categories .category-create-form{grid-template-columns:1fr 1fr}
  .page-categories .category-create-copy{grid-column:1/-1}
}
@media(max-width:760px){
  .form-section{grid-template-columns:1fr;gap:10px;padding:14px 0}
  .form-section-grid.two,.form-section-grid.three,.form-section-grid.four{grid-template-columns:1fr}
  .form-action-bar{align-items:stretch;flex-direction:column}
  .form-action-bar .btn{width:100%;min-width:0}
  .page-categories .category-create-form{grid-template-columns:1fr}
  .page-categories .category-create-copy{grid-column:auto;padding-right:0}
  .page-categories details.category-edit[open],.page-categories .category-edit-form{min-width:0;width:100%}
  .page-categories .category-actions{justify-content:flex-start}
  .page-categories .category-health{align-items:flex-start;flex-direction:column}
}

/* =====================================================================
   V5.43 — READABILITY + FINANCE WORKSPACE REDESIGN
   Larger type, spreadsheet supplier ledger, credit control and FX manager.
   ===================================================================== */
:root{
  --v543-text:14px;
  --v543-small:12px;
  --v543-label:11px;
  --v543-heading:18px;
  --v543-line:#dce6de;
  --v543-soft:#f6f9f6;
  --v543-green:#2f7141;
  --v543-deep:#173827;
}

/* Global readability: previous 9–11px text was too small for daily business use. */
body.app-shell{font-size:var(--v543-text);line-height:1.5}
body.app-shell .content{max-width:1720px;padding-top:34px}
body.app-shell .page-heading h1{font-size:32px;line-height:1.2;letter-spacing:-1px}
body.app-shell .page-heading p:not(.overline){font-size:14px;line-height:1.55;color:#74827a}
body.app-shell .overline{font-size:11px!important}
body.app-shell .panel-heading h2{font-size:17px;line-height:1.3}
body.app-shell .panel-heading p{font-size:12.5px;line-height:1.5}
body.app-shell .field>span,
body.app-shell label.field>span{font-size:10.5px;font-weight:800;letter-spacing:.04em}
body.app-shell input,
body.app-shell select,
body.app-shell textarea{font-size:14px;line-height:1.35}
body.app-shell .field input,
body.app-shell .field select{min-height:44px}
body.app-shell .field textarea{min-height:92px}
body.app-shell .btn{font-size:13px;min-height:42px;padding:10px 16px}
body.app-shell .mini-btn{font-size:12px;min-height:32px}
body.app-shell .helper-note{font-size:12px;line-height:1.55}
body.app-shell .notice{font-size:13px;line-height:1.55}
body.app-shell .data-table{font-size:13px}
body.app-shell .data-table th{font-size:10.5px;padding:12px 13px}
body.app-shell .data-table td{padding:13px 13px;line-height:1.45}
body.app-shell .td-sub{font-size:11.5px;line-height:1.45}
body.app-shell .status{font-size:11.5px}
body.app-shell .link-arrow{font-size:12.5px}
body.app-shell .metric-top{font-size:12px}
body.app-shell .metric strong{font-size:27px}
body.app-shell .metric small{font-size:12px}
body.app-shell .topbar-context{font-size:12px}
body.app-shell .topbar-tools select{font-size:13px}
body.app-shell .nav-link{font-size:13.5px}
body.app-shell .side-person strong{font-size:13.5px}
body.app-shell .side-person small{font-size:11.5px}
body.app-shell .app-footer{font-size:11.5px}
body.app-shell .form-section-heading strong{font-size:13.5px}
body.app-shell .form-section-heading small{font-size:11.5px}
body.app-shell .form-action-bar strong{font-size:13px}
body.app-shell .form-action-bar span{font-size:12px}

/* Settings: only actual settings remain. Dedicated finance pages live in Finance. */
.page-settings .settings-tabs{gap:7px;margin-bottom:22px}
.page-settings .settings-tabs .tab{font-size:13px;padding:10px 14px}
.page-settings .panel{max-width:1180px}

/* Supplier ledger — spreadsheet is the primary entry method. */
.page-partner_accounts .settlement-section-nav{margin-bottom:16px}
.page-partner_accounts .supplier-ledger-entry-panel{padding:0;overflow:hidden}
.page-partner_accounts .supplier-ledger-entry-panel>.panel-heading{padding:22px 22px 0;margin-bottom:15px;border-bottom:0}
.page-partner_accounts .ledger-sheet-help{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:13px 22px;background:#f5f8f5;border-top:1px solid #e7ede8;border-bottom:1px solid #dfe7e1
}
.page-partner_accounts .ledger-sheet-help>div:first-child{display:flex;flex-direction:column;gap:3px}
.page-partner_accounts .ledger-sheet-help strong{font-size:13px;color:#244433}
.page-partner_accounts .ledger-sheet-help span{font-size:12px;color:#74837a}
.page-partner_accounts .ledger-sheet-help>div:last-child{display:flex;align-items:center;gap:10px;white-space:nowrap}
.page-partner_accounts .supplier-entry-scroll{overflow:auto;border-bottom:1px solid #dce5de}
.page-partner_accounts .supplier-entry-grid{min-width:1280px;border-collapse:separate;border-spacing:0;background:#fff}
.page-partner_accounts .supplier-entry-grid th{
  position:sticky;top:0;z-index:2;background:#eef3ef;color:#53675a;border-right:1px solid #dbe4dd;border-bottom:1px solid #d3dfd6;
  padding:10px 9px;font-size:10.5px;text-align:left
}
.page-partner_accounts .supplier-entry-grid th:first-child{text-align:center;width:44px}
.page-partner_accounts .supplier-entry-grid td{padding:0;border-right:1px solid #e1e8e3;border-bottom:1px solid #e1e8e3;background:#fff}
.page-partner_accounts .supplier-entry-grid td:last-child,
.page-partner_accounts .supplier-entry-grid th:last-child{border-right:0}
.page-partner_accounts .supplier-entry-grid tbody tr:hover td{background:#fbfdfb}
.page-partner_accounts .supplier-entry-grid input,
.page-partner_accounts .supplier-entry-grid select{
  width:100%;min-width:0;height:43px;border:0;border-radius:0;background:transparent;padding:8px 10px;font-size:13px;outline:0
}
.page-partner_accounts .supplier-entry-grid input:focus,
.page-partner_accounts .supplier-entry-grid select:focus{background:#f1f8ef;box-shadow:inset 0 0 0 2px #73a96c}
.page-partner_accounts .supplier-entry-grid td:nth-child(2){min-width:145px}
.page-partner_accounts .supplier-entry-grid td:nth-child(3){min-width:230px}
.page-partner_accounts .supplier-entry-grid td:nth-child(4){min-width:210px}
.page-partner_accounts .supplier-entry-grid td:nth-child(5){min-width:110px}
.page-partner_accounts .supplier-entry-grid td:nth-child(6){min-width:135px}
.page-partner_accounts .supplier-entry-grid td:nth-child(7){min-width:180px}
.page-partner_accounts .supplier-entry-grid td:nth-child(8){min-width:230px}
.page-partner_accounts .sheet-row-number{width:44px;min-width:44px;text-align:center!important;background:#f5f7f5!important;color:#7c8981;font-weight:800}
.page-partner_accounts .sheet-action-bar{
  display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;background:#fafcfa
}
.page-partner_accounts .sheet-action-bar p{margin:0;color:#6f7f75;font-size:12px}
.page-partner_accounts .sheet-action-bar>div{display:flex;gap:9px;flex-wrap:wrap}
.page-partner_accounts .settlement-balance{margin-bottom:16px}

/* Credit control — customer-first, status-first, no narrow side rail. */
.page-credit_control .credit-customer-picker{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.8fr);gap:26px;align-items:end;
  background:#fff;border:1px solid var(--v543-line);border-radius:16px;padding:22px 24px;margin-bottom:18px;box-shadow:var(--shadow)
}
.page-credit_control .credit-customer-picker .eyebrow,
.page-credit_control .credit-account-hero .eyebrow,
.page-currency_rates .fx-manager-hero .eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.11em;color:#71946f;margin-bottom:5px}
.page-credit_control .credit-customer-picker h2{margin:0;font-size:20px;color:var(--v543-deep)}
.page-credit_control .credit-customer-picker p{margin:6px 0 0;font-size:12.5px;color:#77857d}
.page-credit_control .credit-picker-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.page-credit_control .credit-picker-form .field{margin:0}
.page-credit_control .credit-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.page-credit_control .credit-principles article{display:flex;gap:13px;background:#fff;border:1px solid var(--v543-line);border-radius:14px;padding:18px}
.page-credit_control .credit-principles article>strong{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#edf5eb;color:#4b7d4d;flex:none}
.page-credit_control .credit-principles h3{margin:0 0 5px;font-size:14px;color:#244532}
.page-credit_control .credit-principles p{margin:0;font-size:12px;color:#75837b;line-height:1.5}
.page-credit_control .credit-account-hero{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 24px;border-radius:16px;margin-bottom:14px;
  border:1px solid #dbe7dd;background:linear-gradient(110deg,#fff,#f5faf5)
}
.page-credit_control .credit-account-hero.over-limit{border-color:#ecd9b2;background:linear-gradient(110deg,#fff,#fff8e9)}
.page-credit_control .credit-account-hero.manual-hold{border-color:#edc5c5;background:linear-gradient(110deg,#fff,#fff2f2)}
.page-credit_control .credit-account-hero h2{font-size:24px;margin:0 0 5px;color:#173927}
.page-credit_control .credit-account-hero p{margin:0;color:#67776e;font-size:13px}
.page-credit_control .credit-status-block{min-width:230px;padding-left:24px;border-left:1px solid rgba(79,111,86,.16);display:flex;flex-direction:column;gap:4px;text-align:right}
.page-credit_control .credit-status-block small{font-size:10px;font-weight:900;letter-spacing:.09em;color:#7c8c82}
.page-credit_control .credit-status-block strong{font-size:20px;color:#245535}
.page-credit_control .over-limit .credit-status-block strong{color:#a06b15}
.page-credit_control .manual-hold .credit-status-block strong{color:#a13b3b}
.page-credit_control .credit-status-block span{font-size:12px;color:#77857d}
.page-credit_control .credit-number-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:12px}
.page-credit_control .credit-number-grid article{background:#fff;border:1px solid var(--v543-line);border-radius:14px;padding:17px 18px;display:flex;flex-direction:column;gap:4px}
.page-credit_control .credit-number-grid span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#7b8a81}
.page-credit_control .credit-number-grid strong{font-size:24px;color:#1f412e}
.page-credit_control .credit-number-grid small{font-size:12px;color:#88958d}
.page-credit_control .credit-utilisation{background:#fff;border:1px solid var(--v543-line);border-radius:13px;padding:13px 16px;margin-bottom:18px}
.page-credit_control .credit-utilisation>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#66786d;margin-bottom:9px}
.page-credit_control .credit-utilisation-track{height:9px;background:#edf1ee;border-radius:100px;overflow:hidden}
.page-credit_control .credit-utilisation-track i{display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#66a34f,#d09a37)}
.page-credit_control .credit-policy-workspace{margin-bottom:18px}
.page-credit_control .credit-policy-panel{margin:0}
.page-credit_control .credit-hold-fields{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:14px;align-items:start}
.page-credit_control .credit-history-panel{margin-top:0}
.page-credit_control .credit-history-table td:nth-child(5){min-width:260px}

/* Currency rates — one clear vertical workspace. */
.page-currency_rates .fx-manager-hero{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.35fr);gap:28px;align-items:center;
  padding:24px 26px;border-radius:17px;background:linear-gradient(120deg,#173c2a,#285f3b);color:#fff;margin-bottom:14px
}
.page-currency_rates .fx-manager-hero .eyebrow{color:#a8dc86}
.page-currency_rates .fx-manager-hero h2{font-size:25px;margin:0 0 8px;color:#fff}
.page-currency_rates .fx-manager-hero p{font-size:13px;line-height:1.6;color:#d2e2d6;margin:0;max-width:900px}
.page-currency_rates .fx-manager-date{padding-left:24px;border-left:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:4px}
.page-currency_rates .fx-manager-date small{font-size:10px;letter-spacing:.09em;font-weight:900;color:#a9c4af}
.page-currency_rates .fx-manager-date strong{font-size:22px;color:#fff}
.page-currency_rates .fx-manager-date span{font-size:11.5px;color:#b9cdbd;line-height:1.45}
.page-currency_rates .fx-lookup-bar{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px;background:#fff;border:1px solid var(--v543-line);border-radius:14px;padding:14px;margin-bottom:14px
}
.page-currency_rates .fx-lookup-form,.page-currency_rates .fx-fetch-form{display:grid;grid-template-columns:minmax(190px,1fr) auto auto;gap:9px;align-items:end}
.page-currency_rates .fx-fetch-form{grid-template-columns:minmax(210px,1fr) auto;border-left:1px solid #e5ebe6;padding-left:14px}
.page-currency_rates .fx-lookup-form .field,.page-currency_rates .fx-fetch-form .field{margin:0}
.page-currency_rates .fx-rate-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
.page-currency_rates .fx-rate-tile{background:#fff;border:1px solid var(--v543-line);border-radius:14px;padding:16px 17px;min-width:0}
.page-currency_rates .fx-rate-tile.selected{border-color:#8eb58d;box-shadow:0 0 0 2px rgba(104,153,99,.08)}
.page-currency_rates .fx-rate-tile-head{display:flex;align-items:center;justify-content:space-between;gap:9px}
.page-currency_rates .fx-rate-tile-head strong{font-size:14px;color:#244934}
.page-currency_rates .fx-rate-tile-head span{font-size:11px;color:#829087}
.page-currency_rates .fx-rate-main{font-size:24px;font-weight:850;letter-spacing:-.5px;color:#1c3c2a;margin-top:11px}
.page-currency_rates .fx-rate-tile>small{font-size:11px;color:#8a978f}
.page-currency_rates .fx-rate-tile footer{margin-top:10px;padding-top:9px;border-top:1px solid #edf1ee;color:#6f7e75;font-size:11.5px}
.page-currency_rates .fx-freshness-line{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:10px 14px;border-radius:10px;background:#f5f8f5;color:#718078;font-size:12px;margin-bottom:14px}
.page-currency_rates .fx-freshness-line strong{color:#3f6549}
.page-currency_rates .fx-override-panel,.page-currency_rates .fx-audit-disclosure{background:#fff;border:1px solid var(--v543-line);border-radius:14px;margin-bottom:18px;overflow:hidden}
.page-currency_rates .fx-override-panel>summary,.page-currency_rates .fx-audit-disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px}
.page-currency_rates .fx-override-panel>summary::-webkit-details-marker,.page-currency_rates .fx-audit-disclosure>summary::-webkit-details-marker{display:none}
.page-currency_rates .fx-override-panel>summary>div,.page-currency_rates .fx-audit-disclosure>summary>div{display:flex;flex-direction:column;gap:3px}
.page-currency_rates .fx-override-panel>summary strong,.page-currency_rates .fx-audit-disclosure>summary strong{font-size:14px;color:#244734}
.page-currency_rates .fx-override-panel>summary span,.page-currency_rates .fx-audit-disclosure>summary span{font-size:12px;color:#7b8980}
.page-currency_rates .fx-override-panel>summary>b{font-size:12px;color:#52715a;background:#f2f6f1;padding:7px 9px;border-radius:8px}
.page-currency_rates .fx-override-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:18px;padding:0 18px 18px;border-top:1px solid #edf1ee}
.page-currency_rates .fx-override-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding-top:16px;align-items:end}
.page-currency_rates .fx-override-form .field{margin:0}
.page-currency_rates .fx-override-form .field:nth-child(4){grid-column:1/3}
.page-currency_rates .fx-lock-rule{align-self:start;margin-top:16px;padding:14px;border-radius:11px;background:#f6f9f5;border:1px solid #e2eae2}
.page-currency_rates .fx-lock-rule strong{font-size:12.5px;color:#355c40}
.page-currency_rates .fx-lock-rule p{font-size:12px;line-height:1.5;color:#738178;margin:5px 0 0}
.page-currency_rates .fx-history-panel{margin-bottom:16px}
.page-currency_rates .fx-audit-disclosure[open]{padding-bottom:14px}
.page-currency_rates .fx-audit-disclosure[open]>summary{border-bottom:1px solid #edf1ee;margin-bottom:0}
.page-currency_rates .fx-audit-disclosure>.table-scroll{padding:0 14px}

/* Customer directory — clearer management overview. */
.page-customers .customer-directory-metrics{margin-bottom:15px}
.page-customers .customer-directory-filter{margin-bottom:16px}
.page-customers .directory-panel .data-table td:first-child{min-width:250px}
.page-customers .directory-create-workspace{margin-top:0}

@media(max-width:1050px){
  .page-credit_control .credit-customer-picker{grid-template-columns:1fr}
  .page-credit_control .credit-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-currency_rates .fx-rate-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-currency_rates .fx-lookup-bar{grid-template-columns:1fr}
  .page-currency_rates .fx-fetch-form{border-left:0;border-top:1px solid #e5ebe6;padding-left:0;padding-top:12px}
  .page-currency_rates .fx-override-body{grid-template-columns:1fr}
}
@media(max-width:760px){
  body.app-shell{font-size:14px}
  body.app-shell .page-heading h1{font-size:28px!important}
  body.app-shell input,body.app-shell select,body.app-shell textarea{font-size:16px}
  .page-partner_accounts .ledger-sheet-help,.page-partner_accounts .sheet-action-bar{align-items:flex-start;flex-direction:column}
  .page-partner_accounts .sheet-action-bar>div{width:100%}.page-partner_accounts .sheet-action-bar .btn{flex:1}
  .page-credit_control .credit-picker-form{grid-template-columns:1fr}
  .page-credit_control .credit-principles,.page-credit_control .credit-number-grid{grid-template-columns:1fr}
  .page-credit_control .credit-account-hero{grid-template-columns:1fr}
  .page-credit_control .credit-status-block{text-align:left;border-left:0;border-top:1px solid rgba(79,111,86,.16);padding:14px 0 0;min-width:0}
  .page-credit_control .credit-hold-fields{grid-template-columns:1fr}
  .page-currency_rates .fx-manager-hero{grid-template-columns:1fr}
  .page-currency_rates .fx-manager-date{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:14px 0 0}
  .page-currency_rates .fx-lookup-form,.page-currency_rates .fx-fetch-form{grid-template-columns:1fr}
  .page-currency_rates .fx-rate-board{grid-template-columns:1fr}
  .page-currency_rates .fx-freshness-line{align-items:flex-start;flex-direction:column;gap:4px}
  .page-currency_rates .fx-override-form{grid-template-columns:1fr}
  .page-currency_rates .fx-override-form .field:nth-child(4){grid-column:auto}
}

/* Customer ledger — matching finance workspace, no permanent side panel. */
.page-customer_cash .customer-ledger-picker{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.75fr);gap:24px;align-items:end;
  background:#fff;border:1px solid var(--v543-line);border-radius:16px;padding:21px 23px;margin-bottom:16px;box-shadow:var(--shadow)
}
.page-customer_cash .customer-ledger-picker .eyebrow,.page-customer_cash .customer-ledger-hero .eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.11em;color:#71946f;margin-bottom:5px}
.page-customer_cash .customer-ledger-picker h2{margin:0;font-size:20px;color:var(--v543-deep)}
.page-customer_cash .customer-ledger-picker p{margin:6px 0 0;color:#76857c;font-size:12.5px}
.page-customer_cash .customer-ledger-picker-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.page-customer_cash .customer-ledger-picker-form .field{margin:0}
.page-customer_cash .customer-ledger-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.page-customer_cash .customer-ledger-principles article{display:flex;gap:13px;background:#fff;border:1px solid var(--v543-line);border-radius:14px;padding:18px}
.page-customer_cash .customer-ledger-principles article>strong{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#edf5eb;color:#4b7d4d;flex:none}
.page-customer_cash .customer-ledger-principles h3{margin:0 0 5px;font-size:14px;color:#244532}
.page-customer_cash .customer-ledger-principles p{margin:0;font-size:12px;color:#75837b;line-height:1.5}
.page-customer_cash .customer-ledger-hero{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:21px 23px;margin-bottom:13px;
  border:1px solid #dce8de;border-radius:16px;background:linear-gradient(110deg,#fff,#f5faf5)
}
.page-customer_cash .customer-ledger-hero h2{font-size:24px;margin:0 0 4px;color:#173927}
.page-customer_cash .customer-ledger-hero p{margin:0;font-size:12.5px;color:#748279}
.page-customer_cash .customer-ledger-credit{min-width:250px;padding-left:23px;border-left:1px solid #dfe8e1;display:flex;flex-direction:column;gap:4px;text-align:right}
.page-customer_cash .customer-ledger-credit small{font-size:10px;letter-spacing:.08em;font-weight:900;color:#7b8b81}
.page-customer_cash .customer-ledger-credit strong{font-size:24px;color:#255d37}
.page-customer_cash .customer-ledger-credit span{font-size:11.5px;color:#7d8a82}
.page-customer_cash .customer-ledger-metrics{margin-bottom:17px}
.page-customer_cash .customer-payment-entry-panel{margin-bottom:17px}
.page-customer_cash .customer-ledger-note-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:14px;align-items:start}
.page-customer_cash .customer-ledger-note-grid .field{margin:0}
.page-customer_cash .customer-ledger-note-grid details{margin:0}
.page-customer_cash .customer-open-balances{margin-bottom:17px}
.page-customer_cash .customer-balance-table td:first-child{min-width:150px}
.page-customer_cash .customer-payment-register{margin-bottom:0}
.page-customer_cash .account-payment-card{border:1px solid #e2e9e3;border-radius:13px;background:#fff;padding:15px;margin-bottom:12px}
.page-customer_cash .account-payment-card:last-child{margin-bottom:0}
.page-customer_cash .account-payment-head strong{font-size:18px}
.page-customer_cash .account-payment-head small{font-size:12px}
.page-customer_cash .allocation-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,.45fr) auto;gap:10px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid #edf1ee}
.page-customer_cash .allocation-form .field{margin:0}

@media(max-width:900px){
  .page-customer_cash .customer-ledger-picker{grid-template-columns:1fr}
  .page-customer_cash .customer-ledger-principles{grid-template-columns:1fr}
  .page-customer_cash .customer-ledger-note-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .page-customer_cash .customer-ledger-picker-form{grid-template-columns:1fr}
  .page-customer_cash .customer-ledger-hero{grid-template-columns:1fr}
  .page-customer_cash .customer-ledger-credit{text-align:left;min-width:0;padding:13px 0 0;border-left:0;border-top:1px solid #dfe8e1}
  .page-customer_cash .allocation-form{grid-template-columns:1fr}
}

/* V5.44 — search and commission workflow polish. */
body.app-shell .filter-bar.smart-filter .field-search{min-width:min(100%,320px)}
body.app-shell .filter-bar.smart-filter .field-search>span,
body.app-shell .commission-import-customer-filter .field>span,
body.app-shell .commission-customer-filter .field>span{
  display:block;margin:0 0 7px;font-size:9.5px;line-height:1.2;letter-spacing:.075em;text-transform:uppercase;color:#6f8277;font-weight:900
}
body.app-shell .filter-bar.smart-filter .search-field{
  min-height:48px;padding:0 11px 0 14px;border:1px solid #d9e3dc;border-radius:12px;background:#f9fbf9;box-shadow:0 2px 7px rgba(25,60,38,.035)
}
body.app-shell .filter-bar.smart-filter .search-field:hover{border-color:#b9cdbd;background:#fff}
body.app-shell .filter-bar.smart-filter .search-field:focus-within{
  border-color:#5f956b;box-shadow:0 0 0 4px rgba(72,133,84,.10),0 8px 22px rgba(25,60,38,.06);background:#fff
}
body.app-shell .filter-bar.smart-filter .search-field>svg{width:18px;height:18px;color:#537563}
body.app-shell .filter-bar.smart-filter .search-field input[type="search"]{font-size:13.5px;font-weight:650;color:#1e3828}
body.app-shell .filter-bar.smart-filter .search-field input[type="search"]::placeholder{color:#8b9b91;font-weight:500}
body.app-shell .filter-bar.smart-filter .search-clear{width:30px;height:30px;flex-basis:30px;border-radius:9px}

.page-commission_customers .commission-customer-filter,
.page-import_center .commission-import-customer-filter,
.page-commission_import .commission-import-customer-filter{
  display:grid;grid-template-columns:minmax(320px,1.7fr) minmax(220px,.8fr) auto auto;align-items:end;gap:12px;padding:15px 16px
}
.page-commission_customers .commission-customer-filter>.field-search,
.page-import_center .commission-import-customer-filter>.field-search,
.page-commission_import .commission-import-customer-filter>.field-search{grid-column:auto!important}
.page-import_center .commission-import-customer-filter,
.page-commission_import .commission-import-customer-filter{grid-template-columns:minmax(230px,.7fr) minmax(360px,1.3fr) auto}
.page-commission_center .commission-filter{grid-template-columns:minmax(330px,1.6fr) repeat(5,minmax(150px,.7fr)) auto auto}
.page-commission_center .commission-filter>.field-search{grid-column:auto!important}
.page-commission_center .commission-order-badge{margin-right:7px}
.page-commission_center .commission-table td:nth-child(6),
.page-commission_center .commission-table td:nth-child(7){min-width:115px}

@media(max-width:1180px){
  .page-commission_center .commission-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-commission_center .commission-filter>.field-search{grid-column:span 2!important}
  .page-commission_customers .commission-customer-filter{grid-template-columns:minmax(280px,1.4fr) minmax(210px,.8fr) auto}
  .page-commission_customers .commission-customer-filter>.btn-outline{grid-column:auto}
}
@media(max-width:760px){
  .page-commission_customers .commission-customer-filter,
  .page-import_center .commission-import-customer-filter,
  .page-commission_import .commission-import-customer-filter,
  .page-commission_center .commission-filter{grid-template-columns:1fr!important}
  .page-commission_customers .commission-customer-filter>* ,
  .page-import_center .commission-import-customer-filter>* ,
  .page-commission_import .commission-import-customer-filter>* ,
  .page-commission_center .commission-filter>*{grid-column:auto!important;width:100%}
}

/* V5.47 product removal control */
.page-product_management .ops-remove-product{appearance:none;border:1px solid #efd2d2;border-radius:7px;background:#fff8f8;color:#a23d3d;font:inherit;font-size:9px;font-weight:700;line-height:1;padding:6px 7px;cursor:pointer;width:100%;text-align:center}
.page-product_management .ops-remove-product:hover{background:#fff0f0;border-color:#e7bcbc;color:#8d2929}
.page-product_management .ops-remove-product:focus-visible{outline:2px solid #bd5c5c;outline-offset:2px}
@media(max-width:620px){.page-product_management .ops-row-links{grid-template-columns:repeat(5,1fr)}}

/* V5.48 bulk product actions */
#productOpsTable .ops-product-row.ops-bulk-edit-muted{opacity:.38}
#productOpsTable .ops-product-row.ops-bulk-edit-muted:hover{opacity:.72}