/* Pages inspectors open from a text or email (choose a time, confirmed, change time, decline, report upload).
   New look only: every state keeps its exact wording and buttons. Linked in index.html's head because these
   pages load without the workspace bundle. */
html body .vendorRequestPage{
  --s2-bg:#ffffff;--s2-text:#0d0d0d;--s2-muted:#5d5d5d;--s2-faint:#8a8a8a;--s2-line:rgba(13,13,13,.1);--s2-hover:rgba(13,13,13,.05);
  --s2-btn:#0d0d0d;--s2-btnText:#ffffff;--s2-dot:#1E4FD8;--s2-ok:#0f8a5f;
  background:var(--s2-bg)!important;color:var(--s2-text)!important;font-family:Inter,ui-sans-serif,-apple-system,system-ui,"Segoe UI",sans-serif!important;min-height:100vh
}
html body .vendorRequestPage *:not(svg):not(svg *){font-family:inherit!important}
html body .vendorRequestPage .vendorRequestHero{max-width:560px!important;margin:0 auto!important;padding:28px 18px 48px!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--s2-text)!important}
html body .vendorRequestPage .inspectionDayLogo{height:28px!important;width:auto!important;margin:0 auto 22px!important;display:block}
html body .vendorRequestPage .vendorEyebrow,html body .vendorRequestPage .premiumEyebrow,html body .vendorRequestPage small:where(.confirmationState small){font-size:12px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--s2-muted)!important}
html body .vendorRequestPage h1,html body .vendorRequestPage h2{font-size:28px!important;font-weight:600!important;letter-spacing:-.025em!important;line-height:1.15!important;color:var(--s2-text)!important;margin:6px 0 4px!important}
html body .vendorRequestPage h3{font-size:18px!important;font-weight:600!important;letter-spacing:-.01em!important;color:var(--s2-text)!important;margin:0 0 4px!important}
html body .vendorRequestPage .vendorAddress{font-size:15px!important;color:var(--s2-muted)!important;margin:0!important}
html body .vendorRequestPage p{color:var(--s2-muted)}
html body .vendorRequestPage .vendorRequestHeader{border-bottom:1px solid var(--s2-line)!important;padding-bottom:16px!important;margin-bottom:18px!important}
html body .vendorRequestPage .vendorDateHead b{font-size:13.5px!important;font-weight:600!important;color:var(--s2-muted)!important}
html body .vendorRequestPage .timeGrid{gap:8px!important}
html body .vendorRequestPage label.timeOption{border:0!important;padding:0!important;background:none!important;box-shadow:none!important;min-height:0!important;border-radius:12px!important}
html body .vendorRequestPage .timeOption .vendorTimeLabel{display:flex!important;align-items:center;justify-content:center;width:100%;border:1px solid var(--s2-line)!important;border-radius:12px!important;background:var(--s2-bg)!important;color:var(--s2-text)!important;font-weight:600!important;font-size:15px!important;box-shadow:none!important;min-height:46px}
html body .vendorRequestPage .timeOption:hover .vendorTimeLabel{background:var(--s2-hover)!important}
html body .vendorRequestPage .timeOption input:checked + .vendorTimeLabel,html body .vendorRequestPage .timeOption input:checked + .vendorTimeLabel{background:var(--s2-btn)!important;color:var(--s2-btnText)!important;border-color:var(--s2-btn)!important}
html body .vendorRequestPage .timeOption input:focus-visible + span{outline:2px solid var(--s2-dot);outline-offset:2px}
html body .vendorRequestPage button.primary,html body .vendorRequestPage a.primary{min-height:50px!important;border-radius:999px!important;background:var(--s2-btn)!important;color:var(--s2-btnText)!important;border:1px solid var(--s2-btn)!important;font-size:16px!important;font-weight:600!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important}
html body .vendorRequestPage button.primary:disabled{opacity:.35!important;cursor:not-allowed}
html body .vendorRequestPage button.secondary,html body .vendorRequestPage a.secondary{min-height:44px!important;border-radius:999px!important;background:var(--s2-bg)!important;color:var(--s2-text)!important;border:1px solid var(--s2-line)!important;font-size:14.5px!important;font-weight:500!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important}
html body .vendorRequestPage button.secondary:hover,html body .vendorRequestPage a.secondary:hover{background:var(--s2-hover)!important}
html body .vendorRequestPage .backLink{background:none!important;border:0!important;color:var(--s2-dot)!important;font-weight:500!important;text-decoration:none!important;box-shadow:none!important}
html body .vendorRequestPage .vendorSelectionSummary{border-top:1px solid var(--s2-line)!important;padding-top:16px!important}
html body .vendorRequestPage .vendorSelectionSummary b{font-size:16px!important;color:var(--s2-text)!important}
html body .vendorRequestPage .vendorAvailabilityFoot{font-size:12.5px!important;color:var(--s2-faint)!important}
/* Confirmed */
html body .vendorRequestPage .confirmationMark{display:inline-flex!important;align-items:center;justify-content:center;width:56px!important;height:56px!important;border-radius:50%!important;background:rgba(15,138,95,.12)!important;color:var(--s2-ok)!important;font-size:26px!important;border:0!important}
html body .vendorRequestPage .confirmationWhen{font-size:17px!important;font-weight:600!important;color:var(--s2-text)!important}
html body .vendorRequestPage .currentArrival{border:1px solid var(--s2-line)!important;border-radius:14px!important;background:var(--s2-bg)!important;padding:12px 14px!important}
/* Cards inside these pages (property details, contacts, upload details) */
html body .vendorRequestPage .reportUploadDetails,html body .vendorRequestPage .vendorDetailCard,html body .vendorRequestPage .submittedBox{border:1px solid var(--s2-line)!important;border-radius:16px!important;background:var(--s2-bg)!important;box-shadow:none!important}
html body .vendorRequestPage .reportChoose{display:flex!important;align-items:center;justify-content:center;min-height:120px;border:1.5px dashed var(--s2-line)!important;border-radius:20px!important;background:var(--s2-bg)!important;color:var(--s2-text)!important;font-weight:500;cursor:pointer}
html body .vendorRequestPage .reportChoose:hover{background:var(--s2-hover)!important}
html body .vendorRequestPage .reportProgress{border-radius:999px!important;overflow:hidden;background:var(--s2-line)!important}
html body .vendorRequestPage .reportProgress i,html body .vendorRequestPage #report-progress-bar{background:var(--s2-btn)!important}
/* Confirmed screen: centered confirmation, then a details card */
html body .vendorRequestPage .confirmationState{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:8px 0 20px!important;border:0!important;background:none!important}
html body .vendorRequestPage .confirmationState .confirmationMark{margin-bottom:8px}
html body .vendorRequestPage .confirmationState .vendorAddress{margin-top:6px!important}
html body .vendorRequestPage .confirmationWhen b{display:block;font-size:22px;letter-spacing:-.02em}
html body .vendorRequestPage .inspectionDetailsCard{border:1px solid var(--s2-line)!important;border-radius:16px!important;background:var(--s2-bg)!important;box-shadow:none!important;padding:6px 16px!important;margin:0 0 16px!important}
html body .vendorRequestPage .inspectionDetailsCard h3{font-size:12px!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--s2-muted)!important;margin:10px 0 4px!important}
html body .vendorRequestPage .inspectionDetailsCard section{padding:10px 0!important;border-top:1px solid var(--s2-line)!important}
html body .vendorRequestPage .inspectionDetailsCard section b{display:block;font-size:12.5px!important;font-weight:500!important;color:var(--s2-faint)!important}
html body .vendorRequestPage .inspectionDetailsCard section p{margin:2px 0 0!important;font-size:14.5px!important;color:var(--s2-text)!important}
html body .vendorRequestPage .inspectionDetailsCard .actions{display:flex;gap:8px;margin-top:8px}
html body .vendorRequestPage .inspectionDetailsCard a.secondary.small{min-height:34px!important;padding:0 14px!important;font-size:13.5px!important;display:inline-flex!important;align-items:center}
html body .vendorRequestPage .communicationSecondary{width:100%;min-height:46px!important;border-radius:999px!important;border:1px solid var(--s2-line)!important;background:var(--s2-bg)!important;color:var(--s2-text)!important;font-size:15px!important;font-weight:500!important;box-shadow:none!important}
html body .vendorRequestPage .communicationFoot{text-align:center;font-size:12.5px!important;color:var(--s2-faint)!important}
html body .vendorRequestPage .reportProgress[hidden]{display:none!important}

/* ── Pricing and checkout: same look as the homepage pricing ── */
html body .pricingPage{background:#fff!important;color:#0d0d0d!important;font-family:Inter,ui-sans-serif,-apple-system,system-ui,"Segoe UI",sans-serif!important}
html body .pricingPage *:not(svg):not(svg *){font-family:inherit!important}
html body .pricingPage .pricingNav{background:rgba(255,255,255,.9)!important;border-bottom:1px solid rgba(13,13,13,.08)!important;box-shadow:none!important}
html body .pricingPage .pricingHero h1{font-weight:600!important;letter-spacing:-.03em!important;color:#0d0d0d!important}
html body .pricingPage .pricingHero p{color:#5d5d5d!important}
html body .pricingPage .pricingGrid{gap:12px!important;background:none!important;border:0!important}
html body .pricingPage .pricingCard{border:1px solid rgba(13,13,13,.1)!important;border-radius:20px!important;background:#fff!important;box-shadow:none!important;color:#0d0d0d!important}
html body .pricingPage .pricingCard.featured{border-color:#0d0d0d!important;box-shadow:0 0 0 1px #0d0d0d!important;background:#fff!important}
html body .pricingPage .pricingBadge{background:#0d0d0d!important;color:#fff!important;border-radius:999px!important;letter-spacing:.04em!important}
html body .pricingPage .pricingPrice{color:#0d0d0d!important;letter-spacing:-.03em!important}
html body .pricingPage button.pricingPrimary,html body .pricingPage .pricingNavAction,html body .pricingPage .checkoutContinue{border-radius:999px!important;background:#0d0d0d!important;color:#fff!important;border:1px solid #0d0d0d!important;box-shadow:none!important;font-weight:500!important;min-height:42px!important}
html body .pricingPage button.pricingSecondary,html body .pricingPage .checkoutBack,html body .pricingPage .pricingNav button:not(.pricingNavAction){border-radius:999px!important;background:#fff!important;color:#0d0d0d!important;border:1px solid rgba(13,13,13,.12)!important;box-shadow:none!important;font-weight:500!important;min-height:42px!important}
html body .pricingPage button:disabled{opacity:.45!important}
html body .pricingPage .billingToggle{display:inline-flex!important;padding:3px!important;border-radius:999px!important;background:rgba(13,13,13,.05)!important;border:0!important;gap:2px}
html body .pricingPage .billingToggle button{border-radius:999px!important;border:0!important;background:none!important;color:#5d5d5d!important;font-weight:500!important;box-shadow:none!important}
html body .pricingPage .billingToggle button.active{background:#fff!important;color:#0d0d0d!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}
html body .pricingPage .pricingFaq details,html body .pricingPage .pricingNotice{border-radius:14px!important;border-color:rgba(13,13,13,.1)!important;background:#fff!important}
html body .pricingPage a{color:#1E4FD8}