@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#383c3e;--muted:#5f6a6e;--blue:#00779e;--blue-deep:#006482;--accent:#20b2e7;--accent-hover:#18a5d8;--logo-charcoal:#4d4e4e;--on-accent:#12303b;--line:#dce3e6;--pale:#f2f9fc;--white:#fff;font-family:'Manrope',Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:var(--blue);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}.header{height:104px;border-top:3px solid var(--accent);padding:0 6.5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:28px}.brand{display:block;position:relative;flex:0 0 auto;width:244px;aspect-ratio:2285/452;overflow:hidden;text-decoration:none}.brand-image{display:block;position:absolute;max-width:none;width:107.5274%;height:auto;left:-7.5274%;top:-2.6549%}.header-divider{height:35px;width:1px;background:var(--line)}.portal-label{font-size:14px;color:var(--muted)}nav{margin-left:auto;display:flex;align-items:center;gap:28px}nav a{color:var(--muted);font-size:14px;text-decoration:none}.staff-link{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 16px;border-radius:5px;font-size:14px}main{max-width:1140px;margin:auto;padding:64px 36px 54px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:1.8px;color:var(--blue)}.small-line{display:inline-block;width:28px;height:3px;background:var(--accent)}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:20px 0 37px}.intro h1{font-family:Manrope,Arial,sans-serif;font-size:44px;line-height:1.2;letter-spacing:-1.8px;font-weight:700;margin:0}.intro h1 span{color:var(--logo-charcoal)}.intro p{max-width:330px;font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 5px}.search-panel{border:1px solid #c8dfe8;border-top:4px solid var(--accent);border-radius:4px;padding:30px 34px 27px;background:var(--pale);box-shadow:none}.search-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}.section-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}h2{font-family:Manrope,Arial,sans-serif;font-weight:700;letter-spacing:-.55px;font-size:24px;line-height:1.3;margin:8px 0 0}.file-badge{border:1px solid #c4d8e3;background:#fff;border-radius:5px;padding:15px 10px;font-size:12px;font-weight:700;color:var(--blue)}label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}.search-row{display:flex;gap:12px}.input-wrap{flex:1;position:relative}.input-wrap svg{position:absolute;width:21px;height:21px;left:18px;top:18px;stroke:#7890a2;fill:none;stroke-width:1.7}input{background:#fff;border:1px solid #c6d3dd;border-radius:5px;padding:14px 16px;min-width:0;color:var(--ink);font-size:16px}#lot-input{width:100%;height:58px;padding-left:51px}input::placeholder{color:#7b8a98}button.primary,.download{border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:var(--on-accent);font-weight:600;padding:14px 23px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:15px}button.primary:hover,.download:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.secondary{border:1px solid #cbd7e0;border-radius:5px;background:#fff;color:var(--ink);font-size:14px;font-weight:600;padding:11px 17px}.secondary:hover,.staff-link:hover{background:#f1f6f9}.text-button{border:0;background:transparent;color:var(--blue);padding:10px;font-size:14px}.field-help{font-size:13px;color:var(--muted);line-height:1.5;margin:12px 0 0}.help-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:37px;margin-top:42px}.help-grid section{position:relative;padding-left:32px}.help-number{position:absolute;left:0;top:3px;color:var(--blue);font-size:12px;font-weight:700}.help-grid h3{font-size:15px;margin:0 0 10px}.help-grid p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.help-grid a{display:inline-block;font-size:14px;font-weight:500;margin-top:12px}footer{border-top:1px solid var(--line);margin:0 6.5%;padding:26px 0 30px;display:flex;justify-content:space-between;color:#6c7e8c;font-size:12px}footer div{display:flex;gap:22px}footer strong{font-size:11px;letter-spacing:1px;color:var(--ink)}#results:empty{display:none}#results{margin-top:25px}.result-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px}.result-heading h2{font-size:19px}.result-heading span{font-size:13px;color:var(--muted)}.result-card{display:flex;gap:20px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:20px;margin-top:12px}.result-card .details{flex:1;min-width:0}.result-card h3{font-size:17px;margin:0 0 8px;overflow-wrap:anywhere}.metadata{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:13px;color:var(--muted);line-height:1.5}.metadata strong{color:var(--ink)}.empty-state{text-align:center;border:1px dashed #c7d6df;border-radius:6px;padding:34px 20px;color:var(--muted);font-size:15px;line-height:1.65}.empty-state h3{color:var(--ink);font-size:18px;margin:0 0 6px}.empty-state p{margin:0}.notice{padding:15px 18px;border:1px solid #d8e5ee;background:#f3f8fc;border-radius:5px;font-size:14px;line-height:1.6;margin:16px 0}.notice.error{color:#a62f24;background:#fff4f1;border-color:#f1c9bf}.notice.success{color:#1e614a;background:#eff9f3;border-color:#c1e2d0}.staff-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.staff-heading h1{font-family:Manrope,Arial,sans-serif;font-size:36px;letter-spacing:-1.2px;margin:17px 0 10px}.staff-heading p{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.upload-panel,.library-panel{border:1px solid var(--line);border-radius:4px;padding:28px;margin:24px 0}.pill{font-size:12px;padding:8px 11px;border-radius:5px;color:var(--muted);background:var(--pale)}.dropzone{border:1.5px dashed #81bfd6;border-radius:6px;text-align:center;background:#f3fafc;padding:28px 18px}.dropzone.dragging{background:#e6f7fe;border-color:var(--blue)}.dropzone svg{width:28px;height:28px;stroke:var(--blue);stroke-width:1.6;fill:none}.dropzone h3{font-size:17px;margin:12px 0 7px}.dropzone p{font-size:14px;color:var(--muted);margin:0 0 18px}.queue-row{border-bottom:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:1.15fr 1fr 1.2fr auto;align-items:start;gap:14px}.queue-file{overflow-wrap:anywhere;font-size:14px;font-weight:500;padding-top:5px;line-height:1.5}.queue-file small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:3px}.queue-row label{font-size:12px;color:var(--muted)}.queue-row input{width:100%;font-size:14px;padding:11px}.row-status{font-size:13px;line-height:1.5;margin-top:8px;grid-column:1/-1;color:var(--muted)}.row-status.error{color:#ac322a}.row-status.success{color:#1c7054}.publish-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;font-size:14px;color:var(--muted)}.publish-bar>div{display:flex;gap:8px}.library-search{display:flex;gap:8px;margin-bottom:20px}.library-search input{flex:1;font-size:14px}.library-panel .result-card{padding:17px}.library-panel .download{padding:10px 13px;font-size:14px}.library-panel .metadata{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}dialog{border:0;border-radius:5px;box-shadow:0 20px 80px #31383e30;padding:0;max-width:490px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#31383e60;backdrop-filter:blur(2px)}.dialog-content{padding:30px}.dialog-content p{font-size:15px;line-height:1.65;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.download svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}#load-more{margin-top:15px}
@media(min-width:1500px){main{padding-top:78px}}@media(max-width:760px){.header{padding:0 24px;height:87px;gap:18px}.portal-label,.header-divider,nav a{display:none}.brand{width:194px}main{padding:38px 23px 40px}.intro{display:block;margin-top:20px}.intro h1{font-size:34px;letter-spacing:-1.3px}.intro p{margin:20px 0 0;max-width:100%}.search-panel{padding:23px 20px}.search-row{flex-direction:column}h2{font-size:21px}.help-grid{grid-template-columns:1fr;gap:28px}.help-grid section{padding-left:33px}footer{margin:0 23px;gap:20px;line-height:1.6}footer div{flex-direction:column;gap:4px}footer>span{max-width:120px;text-align:right}.result-card{flex-wrap:wrap;gap:13px}.result-card .details{flex-basis:calc(100% - 65px)}.result-card .download{width:100%}.staff-heading{align-items:flex-start;flex-direction:column}.staff-heading h1{font-size:30px}.upload-panel,.library-panel{padding:20px}.search-top{align-items:flex-start}.pill{max-width:112px;line-height:1.6}.queue-row{grid-template-columns:1fr 1fr}.queue-file{grid-column:1/-1}.queue-row>.text-button{grid-column:2;justify-self:end}.publish-bar{flex-direction:column;align-items:stretch}.publish-bar>div{justify-content:space-between}.library-search{flex-wrap:wrap}.library-search input{flex-basis:100%}.dialog-actions{flex-direction:column}}
.login-body{background:#f4f7f8;min-height:100vh}.login-body .header{background:#fff}.login-main{max-width:1140px;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:80px;padding-top:90px}.login-aside h1{font-family:Manrope,Arial,sans-serif;font-size:38px;letter-spacing:-1.3px;line-height:1.25;margin:25px 0 20px}.login-aside p{font-size:17px;color:var(--muted);line-height:1.7;max-width:380px}.login-note{font-size:14px;color:var(--muted);margin-top:35px;border-top:1px solid var(--line);padding-top:20px;max-width:330px}.login-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);padding:32px;border-radius:4px;box-shadow:0 10px 30px #383c3e05}.login-card h2{font-size:27px;margin-top:10px}.login-card>p{font-size:15px;line-height:1.6;color:var(--muted);margin:14px 0 26px}.login-card input{width:100%;margin-bottom:21px;height:50px}.login-card .primary{width:100%;margin-top:12px}.password-field{position:relative}.password-field input{padding-right:65px}.password-field button{position:absolute;right:8px;top:8px;height:33px;padding:0 10px;background:#fff;border:0;color:var(--blue);font-size:13px}.login-card .login-help{font-size:13px;margin:23px 0 0;padding-top:22px;border-top:1px solid var(--line)}#login-message{font-size:14px;color:#a32b22;line-height:1.6}#login-message:empty{display:none}.staff-email{font-size:13px;color:var(--muted);max-width:260px;overflow-wrap:anywhere}a.secondary{text-decoration:none;display:inline-block}.team-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px;padding:18px 0}.team-row strong{font-size:14px;display:block;overflow-wrap:anywhere}.team-row span{display:block;font-size:13px;color:var(--muted);margin-top:5px}#invite-form{margin-top:20px}#invite-link{flex:1;font-size:13px}#invite-link-box{margin:20px 0;padding:17px;background:var(--pale);border:1px solid var(--line);border-radius:6px}@media(max-width:760px){.login-main{display:block;padding-top:35px}.login-aside h1{font-size:29px;margin:17px 0 12px}.login-aside p{font-size:15px;margin-bottom:28px}.login-note{display:none}.login-card{padding:25px}.staff-email{display:none}.team-row{align-items:flex-start}.login-aside .eyebrow{font-size:11px}}

/* The PNG is the original supplied artwork; this viewport removes transparent canvas padding only. */
.header nav .secondary{border-color:#becbd0}.section-label{color:#536168}.pill{border:1px solid #d5e9f1}.upload-panel{border-top:3px solid var(--accent)}.help-number{font-weight:800}.file-badge{background:#fff;border-color:#a5d4e5;border-radius:3px}.login-card input:focus,#lot-input:focus{border-color:var(--blue)}@media(max-width:380px){.header{padding-left:20px;padding-right:20px;gap:12px}.brand{width:177px}.header nav{gap:10px}}

/* Zoey supplies its own site header and footer around the customer lookup. */
.embed-body{display:flow-root;background:#fff}.embed-body main{padding:32px 24px;max-width:1140px}.embed-body .intro{display:block;margin-bottom:28px}.embed-body .intro h1{font-size:34px;letter-spacing:-1px}.embed-body .intro p{max-width:640px;margin:14px 0 0}.embed-body .help-grid{margin-top:32px}@media(max-width:760px){.embed-body main{padding:24px 12px}.embed-body .intro h1{font-size:28px}.embed-body .search-panel{padding:22px 16px}}

/* Exact item + lot lookup, shared by the standalone and Zoey pages. */
.lookup-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:end}.lookup-field{min-width:0}.lookup-field input,.lookup-field #lot-input{width:100%;height:58px;padding:14px 16px}.lookup-fields .primary{height:58px}#customer-view .intro{align-items:flex-start}#customer-view .intro h1{font-size:38px;max-width:590px}.empty-state strong{overflow-wrap:anywhere}.queue-row{grid-template-columns:minmax(140px,1fr) minmax(110px,.8fr) minmax(120px,.9fr) minmax(160px,1.2fr) auto}.result-heading{gap:16px}.embed-body #customer-view .intro h1{font-size:34px}@media(max-width:900px){.queue-row{grid-template-columns:1fr 1fr}.queue-file{grid-column:1/-1}.queue-row>div:has([data-field="product"]){grid-column:1/-1}.queue-row>.text-button{grid-column:2;justify-self:end}}@media(max-width:760px){.lookup-fields{grid-template-columns:1fr}.lookup-fields .primary{width:100%}#customer-view .intro h1{font-size:32px}.embed-body #customer-view .intro h1{font-size:28px}.result-heading{align-items:flex-start;flex-direction:column;gap:4px}.result-heading span{font-size:12px}}@media(max-width:420px){.queue-row{grid-template-columns:minmax(0,1fr)}.queue-row>.text-button{grid-column:1}.queue-row>div{min-width:0}}

/* Automatic PDF recognition and review. */
.preview-pdf{display:inline-block;font-size:12px;margin-top:7px}
.row-status.needs-review{color:#805515;background:#fff9eb;border-left:3px solid #d3a348;padding:12px 14px;border-radius:3px}
.queue-row .review-check{display:flex;align-items:flex-start;gap:9px;margin:10px 0 0;color:var(--ink);font-size:13px;line-height:1.5;cursor:pointer}
.queue-row .review-check input{width:17px;height:17px;margin:1px 0 0;flex:none;accent-color:var(--blue)}
.row-status{overflow-wrap:anywhere}