@font-face{font-family:Rubik;src:url('https://sxpro.co.uk/cdn/fonts/rubik/rubik_n4.c2fb67c90aa34ecf8da34fc1da937ee9c0c27942.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Rubik;src:url('https://sxpro.co.uk/cdn/fonts/rubik/rubik_n6.67aea03a872140ecba69ec8f230a6b23b75ea115.woff2') format('woff2');font-style:normal;font-weight:600 800;font-display:swap}
@font-face{font-family:Tomorrow;src:url('https://sxpro.co.uk/cdn/fonts/tomorrow/tomorrow_n7.ead42505b112ff6838e42681e7271fa7f84c060c.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
#trade-root{--ink:#202825;--muted:#737c76;--bg:#f4f5f1;--card:#fff;--line:#dfe4da;--lime:#d9ef73;--dark:#192a23;--green:#436450;--radius:18px;color-scheme:light}#trade-root *{box-sizing:border-box}#trade-root{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--text-font-family,'Rubik',sans-serif)}#trade-root button,#trade-root input,#trade-root textarea,#trade-root select{font:inherit}#trade-root button,#trade-root a,#trade-root input,#trade-root select,#trade-root textarea{-webkit-tap-highlight-color:transparent}#trade-root button{cursor:pointer}#trade-root button:disabled{cursor:not-allowed;opacity:.45}#trade-root a{color:inherit}#trade-root button:focus-visible,#trade-root a:focus-visible,#trade-root input:focus-visible,#trade-root textarea:focus-visible{outline:3px solid #719352;outline-offset:3px}#trade-root h1,#trade-root h2,#trade-root h3,#trade-root h4{font-family:var(--heading-font-family,'Tomorrow',sans-serif);line-height:1.2;margin:0 0 16px}#trade-root h1{font-size:clamp(32px,4vw,51px);font-weight:700;letter-spacing:-2px}#trade-root h2{font-size:25px;letter-spacing:-.8px}#trade-root h3{font-size:17px;margin-bottom:8px}#trade-root p{margin:0 0 16px}#trade-root small,#trade-root .muted{color:var(--muted)}#trade-root small{font-size:12px}#trade-root input:not([type=checkbox]):not([type=file]),#trade-root textarea,#trade-root select{border:1px solid var(--line);background:white;border-radius:10px;padding:12px 14px;width:100%;color:var(--ink)}#trade-root input[type=checkbox]{width:18px;height:18px;accent-color:var(--green);vertical-align:middle;flex-shrink:0}#trade-root textarea{resize:vertical;min-height:95px}#trade-root label{display:block;font-size:13px;font-weight:600;margin-bottom:14px}#trade-root label>input,#trade-root label>select,#trade-root label>textarea{margin-top:6px}#trade-root .check{display:flex;gap:10px;align-items:flex-start;font-weight:400}#trade-root .check input{margin-top:3px}#trade-root button,#trade-root .button{border:1px solid var(--line);background:white;border-radius:10px;padding:11px 18px;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;font-weight:600;line-height:1.4}#trade-root .primary{background:var(--lime);border-color:var(--lime);color:#203424}#trade-root .dark{background:var(--dark);border-color:var(--dark);color:white}#trade-root .danger{color:#9b3829;border-color:#ecd0c9}#trade-root .quiet{background:transparent;border:0;padding:6px 8px}#trade-root .small{padding:7px 11px;font-size:12px}#trade-root .trade-icon-button{width:36px;height:36px;padding:0;border-radius:50%;font-size:22px}#trade-root .full{width:100%}#trade-root .eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--green);margin-bottom:12px}#trade-root .topbar{height:85px;display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1340px;margin:auto;padding:0 36px;border-bottom:1px solid var(--line)}#trade-root .brand{font-size:28px;font-weight:800;letter-spacing:-1.5px;font-family:var(--heading-font-family,'Tomorrow',sans-serif)}#trade-root .brand span{font-size:10px;display:block;font-weight:500;letter-spacing:1.5px}#trade-root .brand img{width:85px;height:auto;max-height:43px;object-fit:contain}#trade-root .toplinks{display:flex;gap:15px;align-items:center;font-size:13px}#trade-root .demo-bar{background:#e8eacb;color:#465032;text-align:center;font-size:12px;padding:8px 12px}#trade-root .demo-bar a{font-weight:700;margin-left:18px}#trade-root .wrap{max-width:1270px;margin:auto;padding:45px 28px 70px}#trade-root .hero{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:38px}#trade-root .hero p{max-width:580px;color:var(--muted);font-size:16px}#trade-root .hero-stamp{padding:17px 22px;border:1px solid #d4dacd;border-radius:50%;font-size:12px;text-align:center;transform:rotate(9deg);width:132px;height:132px;display:grid;place-content:center;color:#4e6d58}#trade-root .hero-stamp b{font-size:24px;color:var(--green)}#trade-root .steps{display:flex;gap:0;margin-bottom:26px;max-width:790px;border-bottom:1px solid var(--line)}#trade-root .step{border:0;background:none;border-radius:0;padding:16px 24px 16px 0;flex:1;justify-content:flex-start;color:#90978e;font-size:13px;white-space:nowrap}#trade-root .step i{display:grid;place-content:center;border:1px solid var(--line);border-radius:50%;font-style:normal;width:28px;height:28px}#trade-root .step.active{color:var(--ink);border-bottom:2px solid var(--green)}#trade-root .step.active i{background:var(--dark);color:var(--lime);border-color:var(--dark)}#trade-root .columns{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}#trade-root .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:25px}#trade-root .summary{background:var(--dark);color:#fff;border-radius:var(--radius);padding:28px;position:sticky;top:24px}#trade-root .summary .eyebrow{color:var(--lime)}#trade-root .summary small,#trade-root .summary .muted{color:#aabbb0}#trade-root .summary h2{font-size:28px;letter-spacing:-1px}#trade-root .summary hr{border:0;border-top:1px solid #3b4a42;margin:23px 0}#trade-root .summary .row{margin:12px 0}#trade-root .summary .total{font-size:23px;color:var(--lime);font-weight:600}#trade-root .row{display:flex;justify-content:space-between;align-items:center;gap:12px}#trade-root .stack{display:grid;gap:18px}#trade-root .spaced{margin-top:23px}#trade-root .gap{gap:10px}#trade-root .flex{display:flex;align-items:center;flex-wrap:wrap;gap:10px}#trade-root .between{justify-content:space-between}#trade-root .searchbox{position:relative;margin:18px 0}#trade-root .searchbox input{padding-left:44px!important;font-size:15px}#trade-root .searchbox:before{content:'⌕';position:absolute;left:16px;top:7px;font-size:27px;color:#82917f;pointer-events:none}#trade-root .results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#trade-root .product{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden;text-align:left;display:flex;flex-direction:column;padding:0;gap:0}#trade-root .product:hover{border-color:#94a482;box-shadow:0 5px 15px #2035200a}#trade-root .product .product-image{height:143px;width:100%;background:#eee;object-fit:contain;padding:14px}#trade-root .product-info{padding:15px;width:100%}#trade-root .product-info small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}#trade-root .product-info strong{font-size:13px;display:block;min-height:38px}#trade-root .product-info .row{font-size:13px;margin-top:9px}#trade-root .plus{border-radius:50%;background:#eef2e7;width:28px;height:28px;display:grid;place-content:center;font-size:20px;font-weight:400}#trade-root .equipment{overflow:hidden;padding:0}#trade-root .equipment-top{display:flex;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--line)}#trade-root .equipment-top img{width:92px;height:75px;object-fit:contain;background:#eee;border-radius:9px;padding:8px}#trade-root .equipment-top .grow{flex:1}#trade-root .equipment-top h3{font-size:15px}#trade-root .equipment-details{padding:22px}#trade-root .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}#trade-root .dropzone{border:1.5px dashed #bccbb4;background:#f8faf5;border-radius:12px;padding:20px;text-align:center;margin:6px 0 14px}#trade-root .dropzone input{width:100%;margin-top:12px;font-size:12px}#trade-root .photos{display:flex;gap:8px;flex-wrap:wrap}#trade-root .thumb{width:74px;height:74px;position:relative}#trade-root .thumb img{width:100%;height:100%;object-fit:cover;border-radius:9px}#trade-root .thumb button{position:absolute;right:-5px;top:-5px;width:23px;height:23px;padding:0;border-radius:50%;background:white}#trade-root .pill{display:inline-block;border-radius:25px;background:#edf2e5;color:#466344;padding:5px 10px;font-size:11px;font-weight:600}#trade-root .pill.warning{background:#fff0d6;color:#8f6214}#trade-root .pill.neutral{background:#eef0ed;color:#687163}#trade-root .pill.error{background:#fce5df;color:#993e2b}#trade-root .notice{padding:14px 17px;border-radius:11px;background:#eef2e7;color:#4f6448;font-size:13px}#trade-root .notice.warning{background:#fff2dd;color:#866127}#trade-root .notice.error{background:#fbe8e2;color:#963b29}#trade-root .empty{border:1px dashed #ced7c5;border-radius:16px;padding:35px 24px;text-align:center;color:var(--muted)}#trade-root .empty b{color:var(--ink);display:block;margin-bottom:6px}#trade-root .progress{width:100%;height:7px;appearance:none;border:0;border-radius:10px;overflow:hidden;margin:10px 0;background:#3a4a41}#trade-root .progress::-webkit-progress-bar{background:#3a4a41}#trade-root .progress::-webkit-progress-value{background:var(--lime);border-radius:10px}#trade-root .progress::-moz-progress-bar{background:var(--lime)}#trade-root .actions{margin-top:25px;display:flex;justify-content:space-between;gap:14px}#trade-root .lineitem{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}#trade-root .lineitem:last-child{border-bottom:0}#trade-root .lineitem img{width:64px;height:64px;border-radius:9px;object-fit:contain;background:#eee;padding:6px}#trade-root .lineitem .grow{flex:1;min-width:0}#trade-root .lineitem h3{font-size:14px;margin-bottom:3px}#trade-root .quantity{display:flex;gap:0;align-items:center;border:1px solid var(--line);border-radius:9px}#trade-root .quantity button{border:0;background:transparent;padding:4px 10px}#trade-root .quantity span{min-width:22px;text-align:center}#trade-root .terms{max-height:150px;overflow:auto;font-size:12px;line-height:1.7;color:var(--muted);padding:16px;background:#f4f6f0;border-radius:10px;margin:16px 0}#trade-root .success{max-width:750px;margin:35px auto;text-align:center}#trade-root .success-icon{width:80px;height:80px;border-radius:50%;display:grid;place-content:center;background:var(--lime);font-size:36px;margin:0 auto 23px}#trade-root .case-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;align-items:start}#trade-root .messages{max-height:600px;overflow:auto;display:flex;flex-direction:column;gap:17px;padding:0 2px 15px}#trade-root .bubble{padding:15px 18px;border-radius:14px;background:#f0f3ed;margin-right:25px;white-space:pre-wrap;font-size:13px}#trade-root .bubble.staff{background:#e1ecd5;margin-left:25px;margin-right:0}#trade-root .bubble.note{background:#fff2da;margin-right:0}#trade-root .bubble.event{background:#f7f8f4;border:1px dashed #dce2d5;margin-right:0;color:#697762;font-size:12px}#trade-root .message-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#73816b;margin-bottom:6px;white-space:normal}#trade-root .tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:0 0 17px;margin-bottom:25px;flex-wrap:wrap}#trade-root .tabs button{font-size:13px;background:transparent;border:0}#trade-root .tabs button.active{background:var(--dark);color:white}#trade-root .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}#trade-root .stat{padding:23px;background:white;border:1px solid var(--line);border-radius:16px}#trade-root .stat b{display:block;font:700 30px var(--heading-font-family,'Tomorrow',sans-serif);margin-top:8px}#trade-root .tablewrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:white}#trade-root table{width:100%;border-collapse:collapse}#trade-root th{text-align:left;text-transform:uppercase;font-size:10px;letter-spacing:1px;color:var(--muted);background:#f8faf6}#trade-root th,#trade-root td{padding:18px;border-bottom:1px solid var(--line)}#trade-root td{font-size:13px}#trade-root tbody tr:hover{background:#f8faf4}#trade-root tr:last-child td{border:0}#trade-root .titlecell{display:flex;gap:13px;align-items:center}#trade-root .titlecell img{width:53px;height:45px;object-fit:contain;background:#eee;border-radius:7px}#trade-root .titlecell strong{display:block}#trade-root .titlecell small{font-size:11px}#trade-root .profit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#trade-root .profit-grid>div{background:#f1f5eb;padding:14px;border-radius:10px}#trade-root .profit-grid b{display:block;font-size:24px;color:#446544}#trade-root .offerbox{border:1px solid #c9dcb7;background:#f7faf2;border-radius:14px;padding:20px}#trade-root .case-header{margin-bottom:24px}#trade-root .toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:10000;background:#203d2b;color:white;padding:15px 24px;border-radius:12px;box-shadow:0 5px 30px #0003;max-width:min(90vw,650px)}#trade-root .toast.error{background:#853c2b}#trade-root .loading{padding:60px;text-align:center}#trade-root .spinner{height:25px;width:25px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}#trade-root .footer-note{margin:30px 0;color:var(--muted);font-size:12px}#trade-root .admin-wrap{max-width:1440px}#trade-root .admin-wrap h1{font-size:34px}#trade-root .count{font-size:11px;border:1px solid var(--line);padding:2px 6px;border-radius:5px}#trade-root dialog{border:1px solid var(--line);border-radius:17px;max-width:650px;width:90%;padding:25px;box-shadow:0 30px 100px #0003}#trade-root dialog::backdrop{background:#101c1680}#trade-root dialog img{max-width:100%;max-height:75vh;object-fit:contain}#trade-root .toolbar{margin-bottom:20px}#trade-root .hidden{display:none!important}#trade-root .text-link{border:0;background:none;padding:0;color:var(--green);text-decoration:underline}#trade-root .photo-counter{color:var(--green);font-size:12px}#trade-root .preview-switch{color:#56634b}#trade-root .checkbox-row{border:1px solid var(--line);border-radius:9px;padding:13px}#trade-root .checkbox-row label{margin:0}#trade-root #app{min-height:400px}#trade-root .signup{max-width:580px;margin:50px auto}#trade-root .mobile-total{display:none}
@media(max-width:950px){#trade-root .columns{grid-template-columns:minmax(0,1fr) 285px;gap:20px}#trade-root .summary{padding:23px}#trade-root .case-layout{grid-template-columns:1fr}#trade-root .wrap{padding:30px 20px}#trade-root .step{font-size:12px;padding-right:10px}#trade-root .hero-stamp{display:none}}@media(max-width:720px){#trade-root .topbar{padding:0 18px;height:70px}#trade-root .toplinks{gap:6px;font-size:12px}#trade-root .toplinks button{font-size:11px;padding:7px}#trade-root .brand{font-size:24px}#trade-root .brand span{font-size:8px}#trade-root .columns{display:flex;flex-direction:column;gap:24px}#trade-root .columns>main,#trade-root .summary{width:100%}#trade-root .summary{position:static;order:2}#trade-root .hero{margin-bottom:18px}#trade-root .hero h1{font-size:37px}#trade-root .hero p{font-size:14px}#trade-root .steps{width:100%;margin-bottom:20px}#trade-root .step{font-size:11px;gap:7px;padding:11px 4px}#trade-root .step i{width:22px;height:22px;flex-shrink:0}#trade-root .two{grid-template-columns:1fr;gap:0}#trade-root .card{padding:20px}#trade-root .equipment{padding:0}#trade-root .equipment-top{padding:16px;gap:12px}#trade-root .equipment-top img{width:60px;height:60px}#trade-root .equipment-top h3{font-size:13px}#trade-root .equipment-details{padding:18px}#trade-root .product .product-image{height:125px}#trade-root .product-info{padding:12px}#trade-root .product-info strong{font-size:12px;min-height:42px}#trade-root .stats{gap:8px}#trade-root .stat{padding:13px}#trade-root .stat b{font-size:23px}#trade-root .stat small{font-size:10px}#trade-root .wrap{padding:28px 15px 40px}#trade-root .demo-bar{font-size:10px}#trade-root .hero-stamp{display:none}#trade-root .lineitem{gap:10px}#trade-root .lineitem h3{font-size:12px}#trade-root .case-header h1{font-size:27px}#trade-root .actions button{font-size:13px}#trade-root .admin-wrap h1{font-size:31px}#trade-root .mobile-total{display:flex;position:sticky;bottom:0;background:var(--dark);color:white;padding:12px 16px;z-index:4;border-radius:10px;margin:15px 0}#trade-root .summary h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){#trade-root *{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:720px){#trade-root .step{min-width:0;flex:1;white-space:normal;text-align:left;font-size:10px}#trade-root .steps{gap:0}#trade-root .row{flex-wrap:wrap}#trade-root .lineitem{flex-wrap:wrap}#trade-root .toplinks>span{display:none}#trade-root .grow{min-width:0}#trade-root .tablewrap{max-width:100%;overflow:auto}}

/* Eligibility management */
#trade-root .catalogue-filters{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(150px,1fr));gap:16px;align-items:end;padding:20px}
#trade-root .catalogue-filters label{margin:0}
#trade-root .catalogue-filter-actions{grid-column:1/-1;display:flex;gap:10px}
#trade-root .catalogue-results-heading{margin:24px 0 14px;flex-wrap:wrap;gap:12px}
#trade-root .catalogue-bulk{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--line,#dfe4dc);border-bottom:0;border-radius:14px 14px 0 0;background:#f7f9f5;flex-wrap:wrap}
#trade-root .catalogue-bulk.has-selection{background:#eaf2df;border-color:#bbcfaa}
#trade-root .catalogue-bulk small{display:block;margin-top:5px;color:#657366}
#trade-root .catalogue-bulk+.tablewrap{border-radius:0 0 14px 14px}
#trade-root .catalogue-table{min-width:950px}
#trade-root .catalogue-table .select-column{width:40px}
#trade-root .catalogue-table input[type=checkbox]{width:19px;height:19px;cursor:pointer;accent-color:#375e46}
#trade-root .catalogue-table .titlecell{min-width:240px;max-width:390px}
#trade-root .catalogue-table .titlecell img{width:56px;height:56px;object-fit:contain;border-radius:8px;background:#f1f1f1}
#trade-root .catalogue-table td>small{display:block;margin-top:5px}
#trade-root .catalogue-table td:nth-child(3),#trade-root .catalogue-table td:nth-child(4){white-space:nowrap}
#trade-root .eligibility-status{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;border-radius:100px;padding:7px 11px;white-space:nowrap}
#trade-root .eligibility-status.enabled{color:#215937;background:#e5f3e8;border:1px solid #b4d7bd}
#trade-root .eligibility-status.disabled{color:#58615a;background:#f0f1ef;border:1px solid #d8ddd6}
#trade-root .eligibility-status.mixed{color:#755019;background:#fff3d8;border:1px solid #e8d7aa}
#trade-root .catalogue-pagination{margin-top:20px;gap:20px;flex-wrap:wrap}
#trade-root .catalogue-progress{display:flex;align-items:center;gap:12px;margin-bottom:20px}
#trade-root .catalogue-progress .spinner{width:18px;height:18px;flex-shrink:0;margin:0}
@media(max-width:1050px){#trade-root .catalogue-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#trade-root .catalogue-filters{grid-template-columns:1fr}#trade-root .catalogue-bulk{padding:16px}#trade-root .catalogue-results-heading .muted{display:block;margin-top:6px}}

/* Shipment records are visible to the customer and staff throughout the case. */
#trade-root .trade-shipment h2{font-size:21px}
#trade-root .trade-shipment-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}
#trade-root .trade-shipment-details>div{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px}
#trade-root .trade-shipment-details dt{font-size:12px;color:var(--muted);margin-bottom:5px}
#trade-root .trade-shipment-details dd{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}
#trade-root .trade-shipment .footer-note{margin:12px 0 0}
#trade-root .trade-shipment-instructions{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}
#trade-root .trade-shipment-instructions summary{cursor:pointer;font-weight:600;font-size:13px}
#trade-root .trade-shipment-instructions h3{margin-top:18px}
#trade-root .trade-shipment-instructions .notice p{margin:8px 0 0}
#trade-root .trade-shipped-label{display:block;font-size:11px;margin-top:6px}
#trade-root dialog.trade-shipment-dialog{max-width:540px;max-height:calc(100dvh - 32px);overflow:auto}
#trade-root .trade-shipment-dialog h2{font-size:24px}
#trade-root .trade-shipment-dialog p{font-size:14px}
#trade-root .trade-shipment-dialog [hidden]{display:none!important}
#trade-root .trade-shipment-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
@media(max-width:600px){#trade-root .trade-shipment-details{grid-template-columns:1fr}#trade-root .trade-shipment-dialog h2{font-size:21px}#trade-root .trade-shipment-actions{flex-wrap:wrap}}
