/* Augustus Martin / Primark portal: the supplied primark.css (AUGUSTUS_PRIMARK_EXACT_LAYOUT_CODE, 2026-10-08), every rule scoped to
   .ap-shell so it never touches the rest of Flow. Flow additions are at the end (marked). */
.ap-shell{font-family:Arial,Helvetica,sans-serif;color:#003752;background:#f7fafc;font-synthesis:none}.ap-shell *{box-sizing:border-box}.ap-shell button,.ap-shell input{font:inherit}.ap-shell button{cursor:pointer}.ap-shell{min-height:100vh;background:linear-gradient(120deg,#f5f9fc 0%,#fff 60%,#f6f9fb 100%);color:#003752}body .ap-shell .ap-topbar{background:#fff;height:62px;box-shadow:0 1px 3px #0b395114;position:relative;z-index:3}body .ap-shell .ap-topbar-inner{max-width:1440px;width:calc(100% - 96px);margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px}body .ap-shell .ap-equator-logo{display:flex;align-items:center;gap:8px;min-width:218px;color:#003752;line-height:1}body .ap-shell .ap-e-mark{border:4px solid #003752;width:35px;height:35px;border-radius:50%;font-size:24px;font-weight:900;display:grid;place-items:center;letter-spacing:-3px;padding-right:3px}body .ap-shell .ap-equator-logo strong{font-size:24px;letter-spacing:.2px;display:block}body .ap-shell .ap-equator-logo small{font-size:8px;letter-spacing:.45px;font-weight:700;display:block;margin-top:2px}body .ap-shell .ap-equator-actual-logo{width:190px;max-height:48px;object-fit:contain}body .ap-shell .ap-nav{display:flex;gap:16px;align-items:center;align-self:stretch}body .ap-shell .ap-nav button{border:0;background:transparent;font-size:14px;color:#003752;font-weight:700;padding:0 11px;position:relative;white-space:nowrap}body .ap-shell .ap-nav button.ap-nav-current{align-self:center;background:#f0f7fb;height:42px;border-radius:8px 8px 0 0;box-shadow:0 3px 0 #edcc47}body .ap-shell .ap-count{background:#003c55;color:white;border-radius:100px;padding:2px 6px;font-size:12px}body .ap-shell .ap-userbar{display:flex;gap:16px;align-items:center;font-size:13px}body .ap-shell .ap-view-label{color:#5d7891;white-space:nowrap}body .ap-shell .ap-customer-name{width:242px;max-width:20vw;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;padding:12px 12px;border:1px solid #d5e1e8;border-radius:6px;color:#003752}body .ap-shell .ap-down{transform:rotate(90deg)}body .ap-shell .ap-logout{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #d5e1e8;border-radius:7px;background:#fff;color:#003752;font-size:13px;font-weight:700}body .ap-shell .ap-staff-toolbar{background:#fff3c5;border-bottom:1px solid #e2ae2a;padding:10px;text-align:center;font-size:13px}body .ap-shell .ap-hero{height:237px;position:relative;overflow:hidden;background:#003750}body .ap-shell .ap-hero-image{position:absolute;inset:0 0 0 51%;background-position:center center;background-size:cover;background-repeat:no-repeat}body .ap-shell .ap-hero-panel{position:absolute;inset:0;clip-path:polygon(0 0,61% 0,50% 100%,0 100%);background:linear-gradient(108deg,#003853 0%,#00415d 58%,#002f4a 100%)}body .ap-shell .ap-hero-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 48%,#ffffff06 55%,transparent 70%)}body .ap-shell .ap-hero-inner{position:relative;max-width:1420px;width:calc(100% - 112px);margin:auto;color:#fff;padding-top:13px}body .ap-shell .ap-augustus-mark{height:57px;display:flex;align-items:center;gap:11px;font-size:21px;font-weight:600;letter-spacing:-.4px}body .ap-shell .ap-augustus-mark img{height:53px;max-width:260px;object-fit:contain;object-position:left}body .ap-shell .ap-a-symbol{width:55px;height:45px;position:relative;display:block}body .ap-shell .ap-a-symbol i{position:absolute;display:block;border-radius:13px 13px 5px 13px}body .ap-shell .ap-a-symbol i:first-child{width:21px;height:44px;background:#04a7ed;transform:rotate(32deg);left:15px;top:0}body .ap-shell .ap-a-symbol i:nth-child(2){width:35px;height:18px;background:#00a5ed;left:1px;bottom:0;transform:skew(-31deg)}body .ap-shell .ap-a-symbol i:last-child{width:20px;height:26px;background:#e83249;right:1px;bottom:0;clip-path:polygon(50% 0%,100% 100%,0 100%)}body .ap-shell .ap-hero-rule{height:1px;width:106px;background:#8aafbf;margin:3px 0 9px}body .ap-shell .ap-hero h1{font-size:36px;line-height:1.1;margin:0;font-weight:800;letter-spacing:.5px}body .ap-shell .ap-hero-subtitle{font-size:17px;letter-spacing:4px;font-weight:700;margin-top:6px}body .ap-shell .ap-hero p{font-size:14px;line-height:1.48;margin:13px 0 0;max-width:700px}body .ap-shell .ap-step-strip{height:83px;background:linear-gradient(90deg,#f5fbff,#eef7fc 50%,#f7fbff);border-bottom:1px solid #edf3f7}body .ap-shell .ap-step-inner{max-width:1390px;width:calc(100% - 112px);margin:auto;height:100%;display:flex;justify-content:space-between;align-items:center;gap:12px}body .ap-shell .ap-step{display:flex;align-items:center;gap:18px;min-width:0;flex:1}body .ap-shell .ap-step-number{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border-radius:50%;background:#003c55;color:#fff;font-weight:800;font-size:16px}body .ap-shell .ap-step-icon{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;background:white;box-shadow:0 2px 5px #0b355017;border:1px solid #e0edf2;border-radius:50%;color:#00405f}body .ap-shell .ap-step strong{font-size:15px}body .ap-shell .ap-step p{font-size:13px;line-height:1.42;color:#54738b;margin:4px 0 0}body .ap-shell .ap-step-arrow{flex-shrink:0;color:#0084bb;width:19px}body .ap-shell .ap-main{max-width:1420px;width:calc(100% - 112px);margin:17px auto 0;padding-bottom:28px}body .ap-shell .ap-main-grid{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(350px,1fr);gap:16px;align-items:start}body .ap-shell .ap-card{background:#fff;border:1px solid #dce8ef;border-radius:11px;box-shadow:0 1px 3px #06395206}body .ap-shell .ap-upload-card{padding:17px 22px 15px;min-height:432px}body .ap-shell .ap-card h2{font-size:19px;letter-spacing:-.4px;line-height:1.3;margin:0;font-weight:800}body .ap-shell .ap-muted{color:#607c96}body .ap-shell .ap-card-intro{font-size:13px;margin:4px 0 16px}body .ap-shell .ap-job-label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}body .ap-shell .ap-job-label span{font-weight:400;color:#6b8091}body .ap-shell .ap-job-field{height:36px;border:1px solid #d3e0e8;display:flex;align-items:center;gap:9px;color:#51758c;border-radius:5px;max-width:468px;padding:0 9px}body .ap-shell .ap-job-field input{height:100%;width:100%;border:0;outline:none;min-width:0;color:#003752;font-size:13px}body .ap-shell .ap-job-field input::placeholder{color:#849caf}body .ap-shell .ap-dropzone{height:220px;cursor:pointer;margin-top:14px;border-radius:10px;border:1.5px dashed #a6cce0;background:#f5fbff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;text-align:center;transition:background .18s,border-color .18s;outline-offset:3px}body .ap-shell .ap-dropzone:hover,body .ap-shell .ap-dropzone.ap-drop-active{background:#e9f7ff;border-color:#008ac7}body .ap-shell .ap-upload-icon{color:#00476c;margin-bottom:6px}body .ap-shell .ap-dropzone h3{font-size:17px;font-weight:800;margin:3px 0}body .ap-shell .ap-dropzone p{font-size:13px;color:#5e7d97;margin:2px 0;line-height:1.35}body .ap-shell .ap-dropzone p.ap-file-instructions{margin:6px 0 12px}body .ap-shell .ap-yellow-button{border:0;background:#f4d14c;color:#003752;font-weight:800;border-radius:6px;min-width:197px;min-height:42px;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:0 19px;box-shadow:0 1px 2px #d1a93818}body .ap-shell .ap-yellow-button:hover{background:#edc62b}body .ap-shell .ap-yellow-button:disabled{opacity:.65;cursor:wait}body .ap-shell .ap-file-selected{font-size:12px;color:#255b3e;margin-top:7px}body .ap-shell .ap-spinner{animation:ap-spin 1s linear infinite}
@keyframes ap-spin{to{transform:rotate(360deg)}}
body .ap-shell .ap-error{color:#a42323;font-size:13px}body .ap-shell .ap-template-row{display:flex;align-items:center;gap:18px;margin-top:12px;flex-wrap:wrap}body .ap-shell .ap-template-row span{font-size:12px;color:#68839b}body .ap-shell .ap-template-button{height:39px;display:inline-flex;align-items:center;gap:9px;background:#f0f7fa;border:1px solid #ccdee8;border-radius:6px;font-weight:700;color:#003752;padding:0 12px;font-size:13px}body .ap-shell .ap-template-button svg{color:#168448}body .ap-shell .ap-sidebar{display:flex;flex-direction:column;gap:16px}body .ap-shell .ap-recent{padding:16px 19px 12px}body .ap-shell .ap-aside-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #e4edf3;gap:10px}body .ap-shell .ap-aside-title h2,body .ap-shell .ap-help h2{font-size:16px}body .ap-shell .ap-aside-title button{border:0;background:transparent;color:#004b6b;font-size:12px}body .ap-shell .ap-quote-list{display:flex;flex-direction:column}body .ap-shell .ap-quote{display:flex;align-items:center;gap:13px;min-height:49px;text-align:left;background:transparent;border:0;border-bottom:1px solid #e7eef3;padding:4px 1px;color:#003752;width:100%}body .ap-shell .ap-quote:last-child{border-bottom:0}body .ap-shell .ap-quote:hover{background:#f7fbfd}body .ap-shell .ap-quote-icon{width:31px;height:32px;border-radius:7px;background:#f2f6f9;display:grid;place-items:center;flex-shrink:0}body .ap-shell .ap-quote-details{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}body .ap-shell .ap-quote-details strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body .ap-shell .ap-quote-details small{font-size:11px;color:#718ba2}body .ap-shell .ap-status{padding:7px 10px;border-radius:6px;font-size:11px;white-space:nowrap}body .ap-shell .ap-completed{color:#087245;background:#ddf5e8}body .ap-shell .ap-processing{color:#00698f;background:#d8f1fc}body .ap-shell .ap-quote>svg{flex-shrink:0;color:#315874}body .ap-shell .ap-empty{font-size:13px;color:#68839b;padding:22px 2px}body .ap-shell .ap-help{padding:22px 19px 18px}body .ap-shell .ap-help-head{display:flex;gap:17px;align-items:flex-start}body .ap-shell .ap-help-head>svg{color:#6ab6d8;fill:#acdced;flex-shrink:0}body .ap-shell .ap-help p{color:#69849b;font-size:13px;line-height:1.45;margin:5px 0 0}body .ap-shell .ap-help-actions{display:flex;gap:22px;align-items:center;margin-top:15px}body .ap-shell .ap-help-actions .ap-yellow-button{min-width:153px;min-height:40px;font-size:13px}body .ap-shell .ap-help-actions>div{display:flex;flex-direction:column;gap:8px}body .ap-shell .ap-help-actions a{display:flex;align-items:center;gap:10px;font-size:12px;color:#003752;text-decoration:none;white-space:nowrap}body .ap-shell .ap-pricing{margin-top:16px;padding:12px 15px 15px}body .ap-shell .ap-pricing-heading{display:flex;gap:10px;align-items:center;margin-bottom:14px}body .ap-shell .ap-pricing-heading svg{color:#005079}body .ap-shell .ap-pricing-heading h2{font-size:15px}body .ap-shell .ap-info-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}body .ap-shell .ap-info{display:flex;gap:14px;border-right:1px solid #d8e5ed;padding:2px 18px 3px}body .ap-shell .ap-info:first-child{padding-left:6px}body .ap-shell .ap-info:last-child{border:0;padding-right:3px}body .ap-shell .ap-info-icon{color:#003f5c;flex-shrink:0}body .ap-shell .ap-info h3{font-size:11px;margin:0 0 7px;line-height:1.3}body .ap-shell .ap-info p{font-size:10.5px;line-height:1.42;color:#637f97;margin:0}body .ap-shell .ap-mobile-info-toggle{display:none}
@media(max-width:1150px){body .ap-shell .ap-topbar-inner,body .ap-shell .ap-main,body .ap-shell .ap-hero-inner,body .ap-shell .ap-step-inner{width:calc(100% - 56px)}body .ap-shell .ap-view-label{display:none}body .ap-shell .ap-customer-name{max-width:180px}body .ap-shell .ap-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr)}body .ap-shell .ap-help-actions{flex-wrap:wrap}body .ap-shell .ap-info{padding:2px 10px;gap:8px}body .ap-shell .ap-info-grid{grid-template-columns:repeat(3,1fr);row-gap:16px}body .ap-shell .ap-info:nth-child(3){border-right:0}body .ap-shell .ap-step{gap:10px}body .ap-shell .ap-step-icon{width:52px;height:52px}body .ap-shell .ap-step-icon svg{width:25px}body .ap-shell .ap-step p{font-size:11px}}

@media(max-width:850px){body .ap-shell .ap-topbar{height:auto;min-height:64px}body .ap-shell .ap-topbar-inner{min-height:64px;flex-wrap:wrap;padding:10px 0}body .ap-shell .ap-equator-logo{min-width:170px}body .ap-shell .ap-equator-logo strong{font-size:20px}body .ap-shell .ap-userbar{margin-left:auto}body .ap-shell .ap-customer-name{max-width:none;width:auto}body .ap-shell .ap-nav{order:3;width:100%;justify-content:center;height:44px}body .ap-shell .ap-main-grid{grid-template-columns:1fr}body .ap-shell .ap-main{margin-top:16px}body .ap-shell .ap-hero-panel{clip-path:polygon(0 0,75% 0,64% 100%,0 100%)}body .ap-shell .ap-hero h1{font-size:30px}body .ap-shell .ap-hero-inner{width:calc(100% - 56px)}body .ap-shell .ap-step-inner{gap:7px}body .ap-shell .ap-step-number{width:29px;height:29px}body .ap-shell .ap-step-icon{display:none}body .ap-shell .ap-step p{font-size:11px}body .ap-shell .ap-step strong{font-size:12px}body .ap-shell .ap-step-arrow{width:14px}}

@media(max-width:600px){body .ap-shell .ap-topbar-inner,body .ap-shell .ap-main,body .ap-shell .ap-hero-inner,body .ap-shell .ap-step-inner{width:calc(100% - 28px)}body .ap-shell .ap-equator-logo{min-width:auto}body .ap-shell .ap-equator-logo strong{font-size:18px}body .ap-shell .ap-equator-logo small{font-size:6px}body .ap-shell .ap-e-mark{width:30px;height:30px;font-size:19px}body .ap-shell .ap-userbar{gap:5px}body .ap-shell .ap-customer-name{font-size:11px;padding:8px;max-width:150px;overflow:hidden}body .ap-shell .ap-logout{padding:8px}body .ap-shell .ap-logout svg{margin:0}body .ap-shell .ap-nav{justify-content:space-between;gap:0}body .ap-shell .ap-nav button{font-size:12px;padding:0 5px}body .ap-shell .ap-hero{height:269px}body .ap-shell .ap-hero-image{left:48%;opacity:.32}body .ap-shell .ap-hero-panel{clip-path:none;background:linear-gradient(90deg,#003752ef,#003752ba)}body .ap-shell .ap-augustus-mark{font-size:17px;height:47px}body .ap-shell .ap-a-symbol{transform:scale(.75);transform-origin:left center;width:43px}body .ap-shell .ap-hero-rule{margin-top:1px}body .ap-shell .ap-hero h1{font-size:26px}body .ap-shell .ap-hero-subtitle{font-size:12px;letter-spacing:2.6px}body .ap-shell .ap-hero p{font-size:12px;line-height:1.55}body .ap-shell .ap-hero-break{display:none}body .ap-shell .ap-step-strip{height:auto;padding:15px 0}body .ap-shell .ap-step-inner{display:flex;gap:5px}body .ap-shell .ap-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}body .ap-shell .ap-step p{font-size:10px}body .ap-shell .ap-step p br{display:none}body .ap-shell .ap-step-arrow{margin-top:-25px}body .ap-shell .ap-upload-card{padding:16px}body .ap-shell .ap-card h2{font-size:17px}body .ap-shell .ap-dropzone{height:auto;min-height:233px}body .ap-shell .ap-dropzone h3{font-size:15px}body .ap-shell .ap-file-instructions{font-size:11px!important}body .ap-shell .ap-template-row{gap:7px}body .ap-shell .ap-pricing{padding:13px}body .ap-shell .ap-info-grid{grid-template-columns:1fr;display:none}body .ap-shell .ap-info-grid.ap-info-expanded{display:grid}body .ap-shell .ap-info{border-right:0;border-bottom:1px solid #e0edf3;padding:10px 3px}body .ap-shell .ap-info:nth-child(3){border-right:0}body .ap-shell .ap-info:last-child{border:0}body .ap-shell .ap-mobile-info-toggle{display:block;margin-left:auto;background:#f0f7fb;border:1px solid #d4e4ee;border-radius:5px;color:#003c55;padding:5px 8px;font-size:11px}body .ap-shell .ap-help-actions{justify-content:space-between}body .ap-shell .ap-wide-only{display:none}}

/* ---- Flow additions (not in the supplied CSS) ---- */
body .ap-shell .ap-hero h1,body .ap-shell .ap-hero .ap-hero-subtitle,body .ap-shell .ap-hero p{color:#fff}
body .ap-shell .ap-card h2,body .ap-shell .ap-dropzone h3,body .ap-shell .ap-info h3{color:#003752}
body .ap-shell .ap-staff-toolbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
body .ap-shell .ap-staff-note{flex-basis:100%;font-size:12.5px;color:#5c4a00}
body .ap-shell .ap-staff-toolbar select{max-width:260px}
body .ap-shell .ap-topbar{z-index:20}
body .ap-shell .ap-topbar>a{display:block}
body .ap-shell .bp-nav-panel{z-index:30}
body .ap-shell .ap-spinner{display:inline-flex}
body .ap-shell .ap-upload-icon,body .ap-shell .ap-step-arrow{display:inline-flex}
body .ap-shell .ap-step-arrow svg{width:19px}
body .ap-shell .ap-template-button{text-decoration:none}
body .ap-shell .ap-results{margin-top:16px;display:grid;gap:16px;min-width:0}
body .ap-shell .ap-job-field input:disabled{background:transparent;color:#607c96}
body .ap-shell .ap-dropzone:focus-visible,body .ap-shell .ap-quote:focus-visible,body .ap-shell .ap-nav button:focus-visible{outline:3px solid #003c55;outline-offset:2px}
body .ap-shell .ap-hero::after{content:"";position:absolute;inset:0;background:#edcc47;clip-path:polygon(61% 0,63.6% 0,52.6% 100%,50% 100%);z-index:0;pointer-events:none}
body .ap-shell .ap-hero-inner{z-index:1}
@media(max-width:850px){body .ap-shell .ap-hero::after{clip-path:polygon(75% 0,77.4% 0,66.4% 100%,64% 100%)}}
@media(max-width:600px){body .ap-shell .ap-hero::after{display:none}}
@media(max-width:850px){body .ap-shell .ap-hero p{max-width:56%}}
@media(max-width:600px){body .ap-shell .ap-hero p{max-width:none}body .ap-shell .ap-equator-actual-logo{width:128px}}
@media(max-width:430px){body .ap-shell .ap-logout-text{display:none}body .ap-shell .ap-customer-name{max-width:150px}}
/* Flow (user 2026-10-08): each step's number, icon and text centred in its third, and the number centred in its circle */
body .ap-shell .ap-step{justify-content:center}
body .ap-shell .ap-step-number{line-height:1;text-align:center;padding:0}
@media(max-width:600px){body .ap-shell .ap-step-inner{align-items:flex-start}body .ap-shell .ap-step strong{display:block;line-height:1.3}body .ap-shell .ap-step-arrow{margin-top:8px;align-self:flex-start}}
/* Flow (user 2026-10-08: "stop the nav bar from scrolling"): the top bar stays at the top of the window */
/* the staff bar (staff only) and the top bar stay together at the top of the window */
body .ap-shell .ap-head{position:sticky;top:0;z-index:40;box-shadow:0 2px 8px rgba(0,60,85,.08)}
body .ap-shell .ap-head .ap-topbar{position:relative}
/* Flow (user 2026-10-08: "make bit wider and center equator logo"): a slightly taller top bar, the Equator logo centred in it */
@media(min-width:851px){body .ap-shell .ap-topbar{height:74px}body .ap-shell .ap-nav button.ap-nav-current{height:48px}}
body .ap-shell .ap-equator-actual-logo{display:block;align-self:center;margin:0;width:auto;height:46px;max-height:none;max-width:280px}@media(max-width:600px){body .ap-shell .ap-equator-actual-logo{width:auto;height:30px;max-width:170px}}

/* ===== Primark results: supplied PrimarkResults.css, scoped to this page (v16.14, user 2026-10-08) ===== */
body .ap-shell .pr-results{--navy:#003c55;--ink:#073753;--muted:#52738b;--border:#d5e4ed;--pale:#f1f8fc;--yellow:#edcc47;color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif;max-width:1500px;margin:0 auto;padding:18px 30px 36px;box-sizing:border-box}body .ap-shell .pr-results *{box-sizing:border-box}body .ap-shell .pr-results button,body .ap-shell .pr-results input{font:inherit}body .ap-shell .pr-results h1,body .ap-shell .pr-results h2,body .ap-shell .pr-results h3,body .ap-shell .pr-results p{margin:0}body .ap-shell .pr-results h1{font-size:22px;line-height:1.28}body .ap-shell .pr-results h2{font-size:19px;line-height:1.25}body .ap-shell .pr-results h3{font-size:16px}body .ap-shell .pr-results p{color:var(--muted)}body .ap-shell .pr-quote-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px}body .ap-shell .pr-file-info{display:flex;gap:14px;align-items:center;min-width:0}body .ap-shell .pr-file-info p{margin-top:4px}body .ap-shell .pr-file-info p span{padding:0 4px}body .ap-shell .pr-file-icon,body .ap-shell .pr-section-icon,body .ap-shell .pr-card-icon{flex:0 0 auto;display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--navy);font-size:25px}body .ap-shell .pr-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}body .ap-shell .pr-btn{border:1px solid #c5dbe8;border-radius:8px;background:#f4f9fc;color:var(--ink);padding:12px 17px;white-space:nowrap;font-weight:700;cursor:pointer}body .ap-shell .pr-btn-primary{border-color:var(--yellow);background:var(--yellow);color:#003c55}body .ap-shell .pr-btn:hover,body .ap-shell .pr-pill:hover:not(:disabled){filter:brightness(.96)}body .ap-shell .pr-banner{display:flex;gap:12px;align-items:center;padding:11px 17px;border-radius:9px;background:#eaf5fb;margin-bottom:18px}body .ap-shell .pr-info-mark{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--navy);color:white;font-weight:700}body .ap-shell .pr-panel{border:1px solid var(--border);border-radius:13px;background:#fff}body .ap-shell .pr-service{display:flex;align-items:center;gap:16px;padding:16px 18px;margin-bottom:18px}body .ap-shell .pr-service-copy{flex:1;min-width:200px}body .ap-shell .pr-service-copy p{margin-top:5px;font-size:13px}body .ap-shell .pr-pills{display:flex;gap:9px;flex-wrap:wrap}body .ap-shell .pr-pill{border-radius:999px;border:1px solid #c7dce9;padding:10px 20px;background:#fff;color:var(--ink);font-weight:700;white-space:nowrap;cursor:pointer}body .ap-shell .pr-pill.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}body .ap-shell .pr-pill:disabled{cursor:default;opacity:.78}body .ap-shell .pr-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}body .ap-shell .pr-total-card{display:flex;align-items:flex-start;gap:15px;padding:18px 16px;border:1px solid var(--border);border-radius:12px;background:#fff;min-height:118px}body .ap-shell .pr-card-icon{width:50px;height:50px}body .ap-shell .pr-overline{text-transform:uppercase;letter-spacing:.02em;color:var(--muted);font-size:13px}body .ap-shell .pr-big-number{font-size:27px;line-height:1.45;font-weight:800;font-variant-numeric:tabular-nums}body .ap-shell .pr-total-card p{font-size:13px}body .ap-shell .pr-grand-total{background:var(--navy);color:#fff;border-color:var(--navy)}body .ap-shell .pr-grand-total .pr-card-icon{background:#0e5577;border-color:#27718e;color:white}body .ap-shell .pr-grand-total .pr-overline,body .ap-shell .pr-grand-total p{color:#e0f0fa}body .ap-shell .pr-linehaul{display:grid;grid-template-columns:1.15fr 1fr;margin-bottom:16px;padding:16px 18px;gap:25px}body .ap-shell .pr-linehaul-left{padding-right:18px}body .ap-shell .pr-linehaul-right{border-left:1px solid var(--border);padding-left:25px}body .ap-shell .pr-content-heading{display:flex;gap:15px;align-items:flex-start}body .ap-shell .pr-content-heading p{margin-top:8px;max-width:620px}body .ap-shell .pr-pallet-control{display:flex;align-items:center;gap:14px;margin:13px 0 0 67px}body .ap-shell .pr-pallet-control input{width:95px;padding:8px 12px;border:1px solid #c7dce9;border-radius:8px;color:var(--ink);font-weight:700;background:#fff}body .ap-shell .pr-formula{background:#eaf5fb;border-radius:8px;padding:12px 15px;font-size:15px;margin:10px 0}body .ap-shell .pr-small-label{margin-bottom:8px!important}body .ap-shell .pr-store-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 10px}body .ap-shell .pr-search input{border:1px solid #c7dce9;border-radius:8px;padding:10px 15px;min-width:240px;color:var(--ink)}body .ap-shell .pr-table-scroller{overflow-x:auto;border:1px solid var(--border);border-radius:12px}body .ap-shell .pr-table{border-collapse:collapse;width:100%;min-width:1060px;font-size:13px}body .ap-shell .pr-table th{background:#eaf3f8;color:#446880;font-size:11px;text-transform:uppercase;letter-spacing:.025em;text-align:left;padding:11px 10px;position:sticky;top:0}body .ap-shell .pr-table td{padding:8px 10px;border-top:1px solid var(--border)}body .ap-shell .pr-table tbody tr:hover{background:#f7fbfe}body .ap-shell .pr-table th:first-child,body .ap-shell .pr-table td:first-child{width:36px;text-align:center}body .ap-shell .pr-table th:last-child,body .ap-shell .pr-table td:last-child{text-align:right}body .ap-shell .pr-num{text-align:right;font-variant-numeric:tabular-nums}body .ap-shell .pr-cheapest{color:#008951;font-weight:700}body .ap-shell .pr-row-total{font-weight:800}body .ap-shell .pr-expand{width:24px;height:24px;background:#f2f8fb;border:1px solid #cfdeea;border-radius:5px;color:var(--ink);cursor:pointer}body .ap-shell .pr-detail-row td{background:#f4f9fc;padding:18px!important}body .ap-shell .pr-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1170px){body .ap-shell .pr-quote-head,body .ap-shell .pr-service{align-items:flex-start;flex-direction:column}body .ap-shell .pr-actions{justify-content:flex-start}body .ap-shell .pr-totals{gap:10px}body .ap-shell .pr-total-card{padding:14px 12px;gap:9px}body .ap-shell .pr-big-number{font-size:23px}}@media(max-width:800px){body .ap-shell .pr-results{padding:14px}body .ap-shell .pr-totals{grid-template-columns:1fr}body .ap-shell .pr-linehaul{grid-template-columns:1fr}body .ap-shell .pr-linehaul-right{border-left:none;border-top:1px solid var(--border);padding:18px 0 0}body .ap-shell .pr-linehaul-left{padding-right:0}body .ap-shell .pr-service .pr-section-icon{display:none}body .ap-shell .pr-pallet-control{margin-left:0}body .ap-shell .pr-store-heading{flex-wrap:wrap}body .ap-shell .pr-search,body .ap-shell .pr-search input{width:100%}body .ap-shell .pr-actions{width:100%}body .ap-shell .pr-btn{flex:1}body .ap-shell .pr-quote-head h1{font-size:19px}}
/* Flow additions to the supplied results CSS (v16.14) */
body .ap-shell .pr-results{max-width:none;padding:18px 0 36px}
body .ap-shell .pr-results h1,body .ap-shell .pr-results h2,body .ap-shell .pr-results h3{color:var(--ink);font-family:inherit;letter-spacing:0}
body .ap-shell .pr-grand-total .pr-big-number{color:#fff}
body .ap-shell .pr-msg{margin:-6px 0 12px;font-size:13px}
body .ap-shell .pr-btn-small{padding:7px 12px;font-size:13px}
body .ap-shell .pr-pallet-control{flex-wrap:wrap}
body .ap-shell .pr-onreq{color:var(--muted);font-style:italic;text-align:left!important}
body .ap-shell .pr-table tfoot td{background:#f4f9fc;border-top:2px solid var(--border);font-weight:700}
body .ap-shell .pr-table tbody tr[data-bp-open]{cursor:pointer}
body .ap-shell .pr-table tr[hidden]{display:none}
body .ap-shell .pr-btn:focus-visible,body .ap-shell .pr-pill:focus-visible,body .ap-shell .pr-expand:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
body .ap-shell .ap-results>.pr-results{min-width:0;width:100%}
/* Ways to save popup (v16.23) */
.bp-save{border:1px solid var(--line,#D7E1E6);border-radius:10px;padding:12px 14px;margin:10px 0;background:#fff;display:grid;gap:4px}
.bp-save-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.bp-save-amt{font-weight:700;color:#1d7a46;font-size:17px;white-space:nowrap}
.bp-save-what{font-weight:600;color:#003C55}
.bp-save-size{font-size:13px}
.bp-save-av{font-size:13px;color:#526575}
.bp-save-none{padding:14px;border-radius:10px;background:#F5F8FA;color:#526575}
/* Items (customs) in the store breakdown (v16.24) */
.bp-goods{margin:6px 0 10px;font-size:13px}.bp-goods b{display:block;margin-bottom:4px;color:#003C55}.bp-goods table{border-collapse:collapse;width:100%;max-width:760px}.bp-goods th,.bp-goods td{padding:4px 8px;border-bottom:1px solid #D7E1E6;text-align:left}.bp-goods th{font-size:11px;text-transform:uppercase;color:#526575;font-weight:600}.bp-goods .n{text-align:right}.bp-goods-t td{font-weight:700;border-bottom:0}
.pr-dt-note{display:block;font-size:11px;font-weight:400;color:#526575;white-space:nowrap}

/* v16.28 results tidy (user 2026-10-09): one options panel, cards without icons, Ways to save inside the total */
body .ap-shell .pr-options{padding:4px 18px;margin-bottom:16px}body .ap-shell .pr-opt{display:flex;align-items:center;gap:18px;padding:12px 0}body .ap-shell .pr-opt+.pr-opt{border-top:1px solid var(--border)}body .ap-shell .pr-opt-copy{flex:1;min-width:200px}body .ap-shell .pr-opt-copy h2{font-size:15px}body .ap-shell .pr-opt-copy p{font-size:13px;margin-top:2px}body .ap-shell .pr-opt .pr-pill{padding:8px 16px;font-size:13px}
body .ap-shell .pr-totals{grid-template-columns:repeat(var(--pr-cards,3),minmax(0,1fr))}body .ap-shell .pr-total-card{min-height:0;padding:16px 18px}body .ap-shell .pr-grand-total{align-items:center;justify-content:space-between;gap:12px}body .ap-shell .pr-grand-main{min-width:0}
body .ap-shell .pr-save-btn{flex:0 0 auto;border:1px solid var(--yellow);background:var(--yellow);color:#003c55;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;white-space:nowrap}body .ap-shell .pr-save-btn:hover{filter:brightness(.96)}
body .ap-shell .pr-btn.is-saved{border-color:#9bd3b4;background:#eaf7ef;color:#11663a}
@media(max-width:1170px){body .ap-shell .pr-totals{grid-template-columns:repeat(2,minmax(0,1fr))}body .ap-shell .pr-opt{flex-direction:column;align-items:flex-start;gap:8px}}
@media(max-width:800px){body .ap-shell .pr-totals{grid-template-columns:1fr}}
@media(max-width:850px){body .ap-shell .ap-main-grid{grid-template-columns:minmax(0,1fr)}body .ap-shell .ap-template-row span{flex-basis:100%}}

body .ap-shell .ap-quote-row{display:flex;align-items:center;gap:4px;border-bottom:1px solid #e7eef3}body .ap-shell .ap-quote-row:last-child{border-bottom:0}body .ap-shell .ap-quote-row .ap-quote{border-bottom:0;flex:1;min-width:0}body .ap-shell .ap-quote-del{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#8aa0b2;cursor:pointer}body .ap-shell .ap-quote-del:hover{background:#fdecec;color:#a42323}

/* v16.52 (user: "will this start to scroll"): View all keeps the card to about 9 quotes and scrolls inside it */
body .ap-shell .ap-quote-list.is-all{max-height:460px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}

/* v16.54 (user: "why does this show customer view ... when i log in using his credentials"): the account name is plain text, not a box that looks like a drop-down */
body .ap-shell .ap-customer-name.ap-plain{border:0!important;background:none!important;box-shadow:none!important;padding:0 4px!important;min-width:0!important;cursor:default;font-weight:700;color:var(--navy,#003C55)}

body .ap-shell .pr-kits{padding:14px 16px;margin-bottom:16px}body .ap-shell .pr-kits-head{margin-bottom:10px}body .ap-shell .pr-kits-head p{font-size:13px;margin-top:4px}body .ap-shell .pr-kits-table{min-width:760px}body .ap-shell .pr-kits-table th:first-child,body .ap-shell .pr-kits-table td:first-child{width:auto;text-align:left}body .ap-shell .pr-kits-table th:last-child,body .ap-shell .pr-kits-table td:last-child{text-align:right}body .ap-shell .pr-kit-bad td{background:#fdecea}body .ap-shell .pr-kit-miss{color:#b42318;font-weight:700}body .ap-shell .pr-kit-alert{background:#fdecea;border:1px solid #f3b3aa;border-left:5px solid #b42318;border-radius:8px;padding:10px 14px;margin-bottom:10px;color:#4d1712}

body .ap-shell .pr-kits-table .pr-kit-tot td{border-top:2px solid var(--line,#D7E1E6)}
/* v19.22 box types close to a carrier size / weight limit */
body .ap-shell .pr-kits-table th:last-child,body .ap-shell .pr-kits-table td.pr-kit-sc{text-align:left;min-width:220px;font-size:12.5px}
body .ap-shell .pr-kit-near{display:block;color:#7a4a00;background:#fff4d6;border-radius:6px;padding:3px 7px;font-weight:600}
body .ap-shell .pr-kit-over{display:block;color:#526575;margin-top:2px}
body .ap-shell .pr-kit-ok{color:#1e7a43}
body .ap-shell .pr-kit-alert--near{background:#fff8e6;border-color:#EDCC47;border-left-color:#c58a00;color:#4d3800}

body .ap-shell .pr-near{display:flex;gap:16px;align-items:flex-start;background:#fff4d6;border:2px solid #c58a00;border-left:10px solid #c58a00;border-radius:12px;padding:16px 20px;margin:4px 0 14px;color:#3d2c00;box-shadow:0 4px 14px rgba(197,138,0,.18)}body .ap-shell .pr-near-ico{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:#c58a00;color:#fff;font-size:26px;line-height:46px;text-align:center;font-weight:700}body .ap-shell .pr-near-h{font-size:18px;font-weight:800;color:#7a4f00;margin-bottom:6px}body .ap-shell .pr-near-list{margin:0 0 8px 18px;padding:0;font-size:15px}body .ap-shell .pr-near-list li{margin:3px 0}body .ap-shell .pr-near-p{font-size:14px;line-height:1.45}
/* v19.66 (user: "halve the height of the banner and banners on other pages"): every banner on the bulk pricing page
   (Primark, Estimator, Logistics) half height: logo left, title, subtitle and one line of text right */
body .ap-shell .ap-hero:not(.w5-hero--slim){height:118px}
body .ap-shell .ap-hero:not(.w5-hero--slim) .ap-hero-inner{padding-top:12px;display:grid;grid-template-columns:auto 1fr;column-gap:26px;align-items:center}
body .ap-shell .ap-hero:not(.w5-hero--slim) .ap-augustus-mark{grid-row:1/4;height:auto}body .ap-shell .ap-hero:not(.w5-hero--slim) .ap-augustus-mark img{height:52px}
body .ap-shell .ap-hero:not(.w5-hero--slim) .ap-hero-rule{display:none}
body .ap-shell .ap-hero:not(.w5-hero--slim) h1{font-size:28px}
body .ap-shell .ap-hero:not(.w5-hero--slim) .ap-hero-subtitle{font-size:13px;letter-spacing:3px;margin-top:3px}
body .ap-shell .ap-hero:not(.w5-hero--slim) p{font-size:13px;line-height:1.4;margin:6px 0 0;max-width:min(540px,52vw)}
body .ap-shell .ap-hero:not(.w5-hero--slim) p br{display:none}
@media(max-width:850px){body .ap-shell .ap-hero:not(.w5-hero--slim) p{display:none}}
@media(max-width:600px){body .ap-shell .ap-hero:not(.w5-hero--slim){height:auto;padding-bottom:12px}body .ap-shell .ap-hero:not(.w5-hero--slim) .ap-hero-inner{grid-template-columns:1fr}body .ap-shell .ap-hero:not(.w5-hero--slim) .ap-augustus-mark{grid-row:auto}body .ap-shell .ap-hero:not(.w5-hero--slim) .ap-augustus-mark img{height:36px}body .ap-shell .ap-hero:not(.w5-hero--slim) h1{font-size:22px}}
/* v19.68 User guide download button in the page banner (Primark Quote) */
body .ap-shell .ap-hero-inner{position:relative}body .ap-shell .ap-hero .ap-hero-dls{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2;display:flex;gap:10px}body .ap-shell .ap-hero .ap-hero-guide{display:inline-flex;align-items:center;gap:9px;background:#EDCC47;color:#003C55;font-weight:800;font-size:15px;text-decoration:none;padding:12px 20px;border-radius:9px;box-shadow:0 4px 14px rgba(0,0,0,.28);white-space:nowrap}body .ap-shell .ap-hero .ap-hero-guide small{font-size:11px;font-weight:700;background:#003C55;color:#fff;border-radius:5px;padding:2px 6px}body .ap-shell .ap-hero .ap-hero-guide:hover{background:#f4d860}body .ap-shell .ap-hero .ap-hero-guide:focus-visible{outline:3px solid #fff;outline-offset:2px}body .ap-shell .ap-hero.w5-hero--slim .ap-hero-guide{padding:8px 16px;font-size:14px}body .ap-shell .ap-hero .ap-hero-guide--alt{background:#EDF4F7}body .ap-shell .ap-hero .ap-hero-guide--alt:hover{background:#dcebf1}@media(max-width:700px){body .ap-shell .ap-hero .ap-hero-dls{top:auto;bottom:10px;transform:none}body .ap-shell .ap-hero .ap-hero-guide{padding:7px 12px;font-size:13px}}
/* v19.94 Box types: sizes and weight editable on step 2 */
body .ap-shell .pr-kit-ed{white-space:nowrap}body .ap-shell .pr-kit-ed input{width:56px;padding:4px 6px;border:1px solid #b9cbd6;border-radius:6px;font:inherit;text-align:right;color:#003c55;background:#fff}body .ap-shell .pr-kit-ed input:focus{outline:2px solid #EDCC47;border-color:#003c55}body .ap-shell .pr-kit-ed span{margin:0 3px;color:#526575;font-size:12px}
/* v19.96 surcharge risk priced */
body .ap-shell .pr-near-cost{display:block;margin:2px 0 4px;color:#5a3a00;font-size:13px}body .ap-shell .pr-near-list li{margin-bottom:4px}

/* v20.00: file matched to the template */
.pr-adapted{background:var(--soft,#EDF4F7);border:1px solid #c9dbe4;border-left:5px solid #003C55;border-radius:10px;padding:10px 14px;margin:0 0 12px;font-size:14px;line-height:1.45;color:#1d3340}.pr-adapted b{color:#003C55}

/* v20.04: Charges fold-out under each service card */
.s4-optw{display:flex;flex-direction:column;gap:6px;min-width:0}.s4-optw>.s4-opt{flex:1 1 auto}
.s4-chg{background:var(--bg,#F5F8FA);border:1px solid #D7E1E6;border-radius:10px;padding:6px 10px;font-size:13px}
.s4-chg>summary{cursor:pointer;font-weight:800;color:#003C55}.s4-chg table{width:100%;border-collapse:collapse;margin-top:6px}
.s4-chg td{padding:5px 2px;border-top:1px solid #E6EDF1;vertical-align:top}.s4-chg td span{display:block;color:#526575;font-size:12px;font-weight:400}
.s4-chg td.pr-num{text-align:right;white-space:nowrap;padding-left:8px}.s4-chg .s4-chg-t td{font-weight:800;color:#003C55}

/* v20.12 compare every UK service (TEST CO) */
.bp-cmp .bp-cmp-wrap{overflow-x:auto;margin-top:8px}
.bp-cmp table{border-collapse:collapse;width:100%;font-size:13px}
.bp-cmp th,.bp-cmp td{padding:5px 8px;border-bottom:1px solid #e2e8ee;white-space:nowrap;text-align:left}
.bp-cmp th{background:var(--soft,#EDF4F7);color:#003C55;font-weight:600}
.bp-cmp .num{text-align:right;font-variant-numeric:tabular-nums}
.bp-cmp tr.bp-cmp-best td{background:#fff8d6}
.bp-cmp .bp-cmp-down{color:#1d7a3a}.bp-cmp .bp-cmp-up{color:#b42318}
.bp-cmp .bp-cmp-part{color:#9a6700}
.bp-cmp td.bp-cmp-lo{background:#e3f4e8;font-weight:700}
.bp-cmp td.bp-cmp-na{color:#9aa7b2}
.bp-cmp-grid td:first-child,.bp-cmp-grid th:first-child{position:sticky;left:0;background:#fff;z-index:1}
.bp-cmp-grid th:first-child{background:var(--soft,#EDF4F7)}
.bp-cmp details summary{cursor:pointer;color:#003C55;font-weight:600;margin-top:10px}

/* v21.62 Home dashboard (Augustus Martin's page) and the back-to-dashboard bar */
.ap-backbar{max-width:1400px;margin:8px auto 0;padding:0 16px}.ap-backbar button{background:#e3eef4;color:#003C55;border:0;border-radius:8px;padding:6px 12px;font-weight:700;cursor:pointer}
.ap-home{max-width:1200px;margin:0 auto;padding:22px 16px 40px}
.ap-home-head{display:flex;align-items:center;gap:16px;margin-bottom:16px}.ap-home-head img{height:46px;width:auto}.ap-home-head h1{margin:0;color:#003C55;font-size:26px}.ap-home-head p{margin:2px 0 0;color:#526575;font-size:15px}
.ap-home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ap-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:#fff;border:1px solid #d6e0e6;border-top:4px solid #003C55;border-radius:12px;padding:16px 16px 14px;cursor:pointer;box-shadow:0 2px 6px rgba(0,60,85,.07);min-height:170px;font:inherit;color:#1d2b36;transition:transform .12s,box-shadow .12s}
.ap-tile:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,60,85,.14)}
.ap-tile-ic{width:50px;height:50px;border-radius:12px;background:#003C55;color:#EDCC47;display:grid;place-items:center}
.ap-tile-t{font-size:18px;font-weight:800;color:#003C55;display:flex;gap:8px;align-items:center}.ap-tile-t em{font-style:normal;font-size:11px;background:#EDCC47;color:#003C55;border-radius:6px;padding:2px 6px}
.ap-tile-d{color:#526575;font-size:14px;line-height:1.4;flex:1}.ap-tile-go{color:#003C55;font-weight:700;display:flex;align-items:center;gap:4px}
.ap-tile-hot{border-top-color:#EDCC47;background:linear-gradient(180deg,#fffbea,#fff 60%)}
.ap-home-help{margin-top:18px;display:flex;gap:8px;align-items:center;color:#526575;background:#F5F8FA;border-radius:10px;padding:10px 14px}.ap-home-help a{color:#003C55;font-weight:700}