/* Lab results page: navy and gold brand treatment (matches the home page). */

/* ---------- Hero ---------- */
html body .results-hero{background:none!important;border:0!important;padding:16px 12px 0}
html body .results-hero .results-hero-inner{position:relative;overflow:hidden;max-width:min(1200px,100%);margin:0 auto!important;padding:38px 40px!important;border-radius:28px;border:1px solid #2a4468;background:radial-gradient(circle at 80% 40%,rgba(63,145,218,.24) 0,rgba(63,145,218,.08) 28%,rgba(0,0,0,0) 54%),linear-gradient(135deg,#0b2447 0%,#0f2a4f 55%,#15365f 100%);box-shadow:0 18px 50px rgba(11,36,71,.22);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"copy vials" "aside vials";gap:22px 28px;align-items:center}
html body .results-hero-inner>div:first-child{grid-area:copy}
html body .results-hero .lab-hero-vials{grid-area:vials;margin:0;align-self:center}
html body .results-hero .lab-hero-vials img{display:block;width:100%;height:auto;max-width:520px;margin:0 auto}
html body .results-hero .lab-accreditation{grid-area:aside;align-self:start}
html body .results-hero .results-eyebrow{display:block;color:#e8c77f;font-size:11px;letter-spacing:1.6px}
html body .results-hero h1{max-width:none;margin:0 0 14px;color:#fffffe;font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(32px,5vw,50px);line-height:1.06;letter-spacing:-1.2px;text-align:left}
html body .results-hero p{color:#c9d6dd;font-size:15.5px;line-height:1.6;max-width:560px}
html body .results-hero p a{color:#b7e3d6;text-decoration-color:#b7e3d680}
html body .results-hero .lab-status-line{display:flex!important;margin:18px 0 0!important;max-width:560px;background:rgba(232,199,127,.12);border:1px solid rgba(232,199,127,.5);color:#f3e3b8;text-align:left}
html body .results-hero .lab-status-dot{background:#e8c77f;box-shadow:0 0 0 4px rgba(232,199,127,.28)}
html body .results-hero .lab-status-count{color:#e8c77f}
html body .results-hero .lab-accreditation{max-width:420px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);box-shadow:none}
html body .results-hero .lab-accreditation-label{color:#e8c77f}
html body .results-hero .lab-accreditation-name{color:#fffffe}
html body .results-hero .lab-accreditation-copy{color:#c9d6dd}
html body .results-hero .lab-accreditation-link{color:#e8c77f}
@media(max-width:860px){
  html body .results-hero .results-hero-inner{display:block;padding:26px 20px 22px!important;border-radius:24px}
  html body .results-hero .results-hero-inner h1{text-align:left;font-size:clamp(28px,8.2vw,36px);margin:0 0 12px}
  html body .results-hero .results-eyebrow{display:block!important;margin-bottom:10px}
  html body .results-hero p{display:block!important;font-size:15px}
  html body .results-hero .lab-hero-vials{margin:18px -6px 6px}
  html body .results-hero .lab-hero-vials img{max-width:420px}
  html body .results-hero .lab-accreditation{display:block!important;max-width:none;margin-top:16px}
  html body .results-hero .lab-status-line{max-width:none}
  html body .results-hero h1 .lab-mobile-heading{display:inline}
}

/* ---------- Summary stats (phone) and search ---------- */
html body .results-summary{background:#0b2447;border:1px solid #2a4468;border-radius:18px}
html body .results-stat{color:#fffffe}
html body .results-stat strong{color:#e8c77f}
html body .results-stat span{color:#c9d6dd}
html body .results-stat+.results-stat{border-color:#2a4468}
html body .registry-search,html body .registry-filter{border:1px solid #c5d2e0;border-radius:999px;background:#fff;box-shadow:0 2px 8px #0b244708}
html body .registry-search:focus{outline:3px solid #e8c77f66;border-color:#0b2447}
html body .registry-head h2{font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.6px}

/* ---------- Cards ---------- */
html body .registry-grid .result-card.mp-rc{border:1px solid #c9d6e4!important;border-radius:24px;box-shadow:0 12px 32px rgba(11,36,71,.09)}
html body .registry-grid .mp-rc .mp-rc-head{display:flex;align-items:center;gap:14px;padding:16px 20px 16px 16px;background:radial-gradient(circle at 18% 50%,rgba(63,145,218,.3) 0,rgba(0,0,0,0) 60%),linear-gradient(135deg,#0b2447,#15365f);border:0;text-align:left}
html body .registry-grid .mp-rc .mp-rc-vial{flex:0 0 auto;width:auto;height:92px;max-width:58px;object-fit:contain;margin:-2px 0 -2px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.45))}
.mp-rc-headtxt{min-width:0;flex:1}
.mp-rc-kicker{display:block;margin-bottom:4px;font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#e8c77f}
html body .registry-grid .mp-rc .result-card-title{color:#fffffe;font:800 19px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:-.3px}
html body .registry-grid .mp-rc .result-card-product{color:#e8c77f;text-decoration:underline;text-underline-offset:3px;font-size:12.5px}
html body .registry-grid .mp-rc .pending-pill{align-self:flex-start;background:rgba(232,199,127,.14);border:1px solid rgba(232,199,127,.7);color:#f3e3b8;font-size:10.5px}
.mp-rc-track{display:flex;flex-direction:column;gap:7px;margin:16px 22px 0}
.mp-rc-bar{display:flex;gap:4px}
.mp-rc-bar i{flex:1;height:6px;border-radius:3px;background:#dde6ef}
.mp-rc-bar i.on{background:linear-gradient(90deg,#e8c77f,#d9a441)}
.mp-rc-tlabel{font:600 11.5px/1 Inter,system-ui,sans-serif;color:#6a7b90}
html body .registry-grid .mp-rc button.mp-rc-coa:disabled{background:#fff6df;color:#7a5a12;border:1px solid #e8c77f}
html body .registry-grid .mp-rc .mp-rc-foot button,html body .registry-grid .mp-rc .mp-rc-foot a{background:#0b2447;color:#e8c77f;min-height:50px;font-weight:700}
html body .registry-grid .mp-rc .mp-rc-foot button:disabled{background:#0f2a4f;color:#9fb3c8}
html body .registry-grid .mp-rc .mp-rc-foot a:hover{background:#15365f}
html body .registry-grid .mp-rc .mp-rc-list{background:#f4f8fc}
@media(max-width:480px){.mp-rc-track{margin:14px 18px 0}html body .registry-grid .mp-rc .mp-rc-head{padding:14px 16px 14px 12px}html body .registry-grid .mp-rc .mp-rc-vial{height:84px;max-width:52px}}

/* ---------- Sections below the cards ---------- */
html body .meet-lab{background:linear-gradient(135deg,#0b2447,#15365f);border:1px solid #2a4468;border-radius:24px;color:#c9d6dd;box-shadow:0 12px 32px rgba(11,36,71,.14)}
html body .meet-lab h2,html body .meet-lab h3{color:#fffffe}
html body .meet-lab p{color:#c9d6dd}
html body .meet-lab a{color:#e8c77f}
html body .meet-lab-mark{background:#fff;border-radius:18px;padding:10px;align-self:start}
html body .meet-lab [class*="eyebrow"],html body .meet-lab [class*="label"]{color:#e8c77f}
html body .test-overview{background:linear-gradient(135deg,#0b2447,#15365f);border:1px solid #2a4468;border-radius:26px;padding:32px 28px}
html body .test-overview h2{color:#fffffe;font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.6px}
html body .test-overview-intro,html body .test-overview>p{color:#c9d6dd}
html body .test-overview-card{background:#fff;border:0;border-radius:18px}
html body .test-overview-number{color:#8a6a1f;font-weight:800;letter-spacing:1px}
html body .test-overview-card h3{color:#0b2447}

/* label colors need to beat earlier page rules */
html body .results-hero .results-eyebrow,html body .results-hero .lab-accreditation-label{color:#e8c77f!important}
html body .results-hero .results-eyebrow::before,html body .results-hero .lab-accreditation-label::before{background:#e8c77f!important}

/* phone: shorter hero so the cards come sooner */
@media(max-width:860px){
  html body .results-hero .results-hero-inner>div:first-child>p:nth-of-type(2){display:none!important}
  html body .results-hero .lab-accreditation{display:none!important}
  html body .results-hero .lab-hero-vials{margin:14px auto 0}
  html body .results-hero .lab-hero-vials img{max-width:300px}
}

/* cards have no vial image */
html body .registry-grid .mp-rc .mp-rc-head{padding:20px 22px;align-items:flex-start;background:radial-gradient(circle at 15% 0%,rgba(63,145,218,.28) 0,rgba(0,0,0,0) 55%),linear-gradient(135deg,#0b2447,#15365f)}
@media(max-width:480px){html body .registry-grid .mp-rc .mp-rc-head{padding:18px 18px}}

/* hero without vials: copy on the left, accreditation card on the right */
@media(min-width:861px){
  html body .results-hero .results-hero-inner{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);grid-template-areas:"copy aside";padding:44px 44px!important}
  html body .results-hero .lab-accreditation{align-self:center;justify-self:end;max-width:380px;width:100%}
}

/* card header: status pill shares a row with the label, name gets the full width */
html body .registry-grid .mp-rc .mp-rc-head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:6px;align-items:center}
html body .registry-grid .mp-rc .mp-rc-headtxt{display:contents}
html body .registry-grid .mp-rc .mp-rc-kicker{grid-column:1;grid-row:1;margin:0}
html body .registry-grid .mp-rc .pending-pill{grid-column:2;grid-row:1;align-self:center;margin:0;white-space:nowrap}
html body .registry-grid .mp-rc .result-card-title{grid-column:1/-1;grid-row:2;margin:4px 0 0;font-size:21px!important;line-height:1.2}
html body .registry-grid .mp-rc .result-card-product{grid-column:1/-1;grid-row:3;justify-self:start;margin:0}
/* lot line: remaining vials sits under the lot on phones, right-aligned only when there is room */
html body .registry-grid .mp-rc .mp-rc-stock{margin-left:0;flex:1 0 100%}
@media(min-width:481px){html body .registry-grid .mp-rc .mp-rc-stock{margin-left:auto;flex:0 0 auto}}

/* navy header: name + product link only; status pill lives with the progress bar */
html body .registry-grid .mp-rc .result-card-title{grid-row:1;margin:0}
html body .registry-grid .mp-rc .result-card-product{grid-row:2}
html body .registry-grid .mp-rc .mp-rc-head{padding:20px 22px;row-gap:8px}
.mp-rc-trow{display:flex;align-items:center;justify-content:space-between;gap:10px}
html body .registry-grid .mp-rc .mp-rc-track .pending-pill{grid-column:auto;grid-row:auto;background:#fff6df;border:1px solid #e8c77f;color:#7a5a12;padding:5px 11px;font:700 10.5px/1.2 Inter,system-ui,sans-serif}
@media(max-width:480px){html body .registry-grid .mp-rc .result-card-title{font-size:19px!important}html body .registry-grid .mp-rc .mp-rc-head{padding:18px 18px}}

/* spacing: hero lines up with the search box and cards, with a gap below it */
html body .results-hero{padding:16px 16px 22px}
html body .results-hero .results-hero-inner{max-width:min(1136px,100%)}
@media(min-width:768px){html body .results-hero{padding:18px 32px 26px}}