/* v71.00 — Worker Advertising (buy an advert slot). Worker palette: navy / champagne / warm tan. */

/* Prominent dashboard call-to-action banner */
.v7057-adcta{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap;
  margin:18px 0 4px;padding:18px 22px;border-radius:18px;cursor:pointer;
  background:linear-gradient(120deg,#082d49 0%,#0b3a5e 60%,#0b2545 100%);
  border:1px solid #bfa877;box-shadow:0 10px 26px rgba(8,45,73,.18)}
.v7057-adcta:hover{box-shadow:0 14px 32px rgba(8,45,73,.26)}
.v7057-adcta-copy .v7057-eyebrow{color:#d1ad8b;letter-spacing:.14em}
.v7057-adcta-copy h3{margin:.15em 0 .2em;color:#fff;font-size:1.22rem;line-height:1.2}
.v7057-adcta-copy p{margin:0;color:#e9dcbf;font-size:.95rem}
.v7057-adcta-copy p b{color:#f4e3c8}
.v7057-adcta-btn{white-space:nowrap;background:#d1ad8b;color:#082d49;font-weight:800;
  padding:11px 18px;border-radius:12px;font-size:.98rem}

/* How-it-works strip */
.v71ad-how{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 20px}
.v71ad-how>div{background:#fffaf4;border:1px solid #efe2cf;border-radius:14px;padding:16px 16px 14px;position:relative}
.v71ad-how span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;
  background:#082d49;color:#d1ad8b;font-weight:800;margin-bottom:8px}
.v71ad-how b{display:block;color:#082d49;font-size:1.02rem;margin-bottom:3px}
.v71ad-how small{color:#5b5346;line-height:1.4}

/* Builder layout */
.v71ad-builder{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.v71ad-block{background:#fffaf4;border:1px solid #efe2cf;border-radius:16px;padding:18px 18px 16px;margin-bottom:16px}
.v71ad-block h2{margin:0 0 12px;color:#082d49;font-size:1.08rem}
.v71ad-page label{display:block;margin:0 0 12px;color:#3f3a30;font-weight:600;font-size:.92rem}
.v71ad-page label small{font-weight:500;color:#8a8172}
.v71ad-page input[type=text],.v71ad-page input:not([type]),.v71ad-page input[type=file],.v71ad-page textarea,.v71ad-block input,.v71ad-block textarea{
  width:100%;margin-top:5px;padding:10px 12px;border:1px solid #d8c9ad;border-radius:10px;
  background:#fff;font:inherit;color:#20242a;box-sizing:border-box}
.v71ad-page textarea{resize:vertical;min-height:84px}
.v71ad-file input{padding:8px}

/* Slot plans */
.v71ad-plans{display:flex;gap:12px;flex-wrap:wrap}
.v71ad-plan{flex:1 1 150px;text-align:left;background:#fff;border:2px solid #e4d6ba;border-radius:14px;padding:14px 16px;cursor:pointer}
.v71ad-plan b{display:block;color:#082d49;font-size:1.05rem}
.v71ad-plan strong{display:block;color:#082d49;font-size:1.5rem;margin:2px 0}
.v71ad-plan small{color:#8a8172}
.v71ad-plan.is-active{border-color:#082d49;background:#f3ead9;box-shadow:0 6px 16px rgba(8,45,73,.12)}

/* Create modes */
.v71ad-modes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.v71ad-mode{background:#f1e6d3;border:1px solid #d8c9ad;color:#082d49;font-weight:700;
  padding:9px 14px;border-radius:999px;cursor:pointer;font-size:.9rem}
.v71ad-mode i{font-style:normal;color:#9a7a4f;font-weight:800}
.v71ad-mode.is-active{background:#082d49;color:#fff;border-color:#082d49}
.v71ad-mode.is-active i{color:#d1ad8b}
.v71ad-note{background:#f3ead9;border:1px solid #e4d6ba;border-radius:10px;padding:9px 12px;color:#5b5346;font-size:.9rem;margin:0 0 12px}
.v71ad-note b{color:#082d49}

/* Areas */
.v71ad-areas{display:flex;flex-wrap:wrap;gap:8px}
.v71ad-area{display:inline-flex!important;align-items:center;gap:7px;margin:0!important;background:#fff;
  border:1px solid #d8c9ad;border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:600;color:#3f3a30}
.v71ad-area input{width:auto!important;margin:0!important}
.v71ad-hint{margin:10px 0 0;color:#8a8172;font-size:.88rem}

/* Summary card */
.v71ad-summary{position:sticky;top:12px;background:#082d49;color:#f4ecdd;border:1px solid #bfa877;border-radius:16px;padding:18px}
.v71ad-summary h3{margin:0 0 12px;color:#d1ad8b;font-size:1.05rem}
.v71ad-costs{margin:0 0 8px}
.v71ad-costs div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed rgba(209,173,139,.35);font-size:.94rem}
.v71ad-costs dt{margin:0;color:#e9dcbf}
.v71ad-costs dd{margin:0;font-weight:700}
.v71ad-total{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 6px}
.v71ad-total span{color:#e9dcbf}
.v71ad-total strong{font-size:1.7rem;color:#fff}
.v71ad-approve{font-size:.84rem;color:#cdbfa4;line-height:1.45;margin:8px 0 12px}
.v71ad-approve b{color:#f4e3c8}
.v71ad-pay{width:100%;background:#d1ad8b;color:#082d49;font-weight:800;border:none;border-radius:12px;
  padding:13px;font-size:1.02rem;cursor:pointer}
.v71ad-pay:hover{background:#dcbd9b}
.v71ad-pay:disabled{opacity:.6;cursor:default}
.v71ad-stub{font-size:.8rem;color:#b7a98d;margin:10px 0 0;line-height:1.4}
.v71ad-msg{margin:10px 0 0;font-size:.9rem;font-weight:600}
.v71ad-msg.ok{color:#8fe0b0}
.v71ad-msg.bad{color:#f6b8a8}

/* Your adverts */
.v71ad-mine{margin-top:24px}
.v71ad-mine h2{color:#082d49;font-size:1.1rem;margin:0 0 12px}
.v71ad-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fffaf4;
  border:1px solid #efe2cf;border-radius:12px;padding:12px 16px;margin-bottom:10px}
.v71ad-row b{color:#082d49;display:block}
.v71ad-row small{color:#6d6455;text-transform:capitalize}
.v71ad-row strong{color:#082d49}

.v71ad-page .hidden{display:none!important}

/* ---- Admin: advertising approval queue ---- */
.v6732-metric-btn{cursor:pointer;transition:transform .12s,box-shadow .12s}
.v6732-metric-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(8,45,73,.16)}
.v6732-metric-btn.is-alert,.v6710-admin-metrics article.v71adm-alert{
  background:linear-gradient(120deg,#8a1c1c,#b8302a)!important;color:#fff!important;border-color:#8a1c1c!important}
.v6732-metric-btn.is-alert .v6732-metric-icon,.v6732-metric-btn.is-alert strong,.v6732-metric-btn.is-alert small,
.v71adm-alert small,.v71adm-alert strong{color:#fff!important}

.v71adm-row.hidden{display:none!important}
.v71adm-preview{background:#fffaf4;border:1px solid #e4d6ba;border-radius:14px;padding:16px;margin:0 0 14px}
.v71adm-preview .v71adm-eyebrow{display:block;color:#9a7a4f;font-weight:800;letter-spacing:.1em;font-size:.72rem;text-transform:uppercase;margin-bottom:2px}
.v71adm-preview h3{margin:.1em 0 .35em;color:#082d49;font-size:1.25rem;line-height:1.15}
.v71adm-preview p{margin:0 0 .5em;color:#3f3a30;line-height:1.5}
.v71adm-preview a{color:#0b5cad;word-break:break-all}
.v71adm-media{display:block;max-width:100%;border-radius:10px;margin:0 0 12px}
.v71adm-brief{background:#f3ead9;border:1px solid #e4d6ba;border-radius:10px;padding:10px 12px;color:#5b5346;line-height:1.5}
.v71adm-dl{margin:0 0 6px}
.v71adm-dl div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed #e4d6ba;font-size:.92rem}
.v71adm-dl dt{margin:0;color:#8a8172}
.v71adm-dl dd{margin:0;color:#20242a;font-weight:600;text-align:right}
.v71adm-msg{margin:8px 0 0;font-weight:600;font-size:.9rem}
.v71adm-msg.ok{color:#1f8a53}
.v71adm-msg.bad{color:#b8302a}

/* iOS: stop the fixed bottom nav (and mobile head) "floating"/jumping during momentum
   scroll by promoting them to their own compositor layer. No layout change. */
@media(max-width:760px){
  .v6704-mobile-bottom,.v6673-mobile-bottom,.v6704-mobile-head,.v6710-role-mobile-nav{
    transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;
    backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;
    will-change:transform!important;
  }
}
/* iOS: on the customer DASHBOARD the whole page scrolls, so the address bar collapses
   and the fixed bottom bar drifts. Scroll an inner element instead so the toolbar (and
   the bar) stay put. */
@media(max-width:760px){
  body.customer-shell[data-v64-view="dashboard"]{height:100dvh!important;overflow:hidden!important}
  body.customer-shell[data-v64-view="dashboard"] #view-dashboard{
    height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;
    /* extra scroll room past the fixed bar (plus the iPhone home-bar inset) so you can
       scroll the navy footer + beige strip fully above the bar — nothing covers the writing. */
    padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  }
  /* the shell stretched to min-height:100vh (a beige gap); let it fit its content. */
  body.customer-shell[data-v64-view="dashboard"] .v64-dashboard-shell,
  body.customer-shell[data-v64-view="dashboard"] .v64-dashboard-main{min-height:0!important}
  /* the navy footer had a fixed height, so its links/social/copyright overflowed onto the
     beige (the beige overlapped the blue). Let it fit its content so it's fully navy, then
     the beige strip is the scroll room below. Lighten the social icons for the navy. */
  body.customer-shell[data-v64-view="dashboard"] .v6692-dashboard-footer{height:auto!important;padding:22px 20px 20px!important}
  body.customer-shell[data-v64-view="dashboard"] .v6692-social a,
  body.customer-shell[data-v64-view="dashboard"] .v6692-social button,
  body.customer-shell[data-v64-view="dashboard"] .v6692-social span,
  body.customer-shell[data-v64-view="dashboard"] .v6692-social svg{color:#e7dcc0!important;fill:#e7dcc0!important}
}

/* Post a Job — GDPR note shown on every step (via the shared nav buttons) */
.v6707-gdpr-note{background:#f3ead9;border:1px solid #e4d6ba;border-radius:10px;padding:11px 13px;
  margin:16px 0 12px;color:#5b5346;font-size:12.5px;line-height:1.5}
.v6707-gdpr-note a{color:#0b3a5e;font-weight:700}
/* On mobile the Back/Next bar was absolutely positioned and overlapped the GDPR note on
   taller steps; let the card fit its content and flow the buttons after the note. */
@media(max-width:760px){
  .v6707-post-overlay .v6707-post-card{min-height:0!important;padding-bottom:24px!important}
  .v6707-post-overlay .v6707-post-actions{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;margin:16px 0 0!important;padding:0!important}
  /* attach-photo box: give it room so the text fits, and make it readable */
  .v6707-post-overlay .v6707-photo-upload{height:auto!important;min-height:104px!important;padding:16px!important;row-gap:2px!important;align-content:center!important}
  .v6707-post-overlay .v6707-photo-upload strong{font-size:13.5px!important;line-height:1.3!important}
  .v6707-post-overlay .v6707-photo-upload em{font-size:12px!important}
  .v6707-post-overlay .v6707-photo-upload>span{font-size:26px!important}
  .v6707-post-overlay .v6707-photo-upload small{top:14px!important}
  /* Completion Date (step 4): a native <input type=date> keeps a fixed intrinsic
     width on iOS and refuses to shrink to its container, so the date bar overflowed
     the card on mobile. Strip the native appearance and force it to fit the width. */
  .v6707-post-overlay .v6707-date-picker{max-width:100%!important}
  .v6707-post-overlay .v6707-date-picker input[type=date]{
    -webkit-appearance:none!important;appearance:none!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;height:44px!important;padding:0 16px!important}
}

/* ── Laptop / desktop Post a Job fixes ──────────────────────────────────────
   1) The Back/Next bar was still absolutely pinned to the card bottom on laptop,
      so it overlapped the GDPR note. Flow it after the note on every step.
   2) The mobile-only header Back pill and the "Step X of 9" line have no desktop
      layout, so on laptop the Back pill sat on top of the first field (category
      box). Hide them on laptop — the clickable step progress bar plus the in-card
      Back button already handle desktop navigation. */
@media(min-width:761px){
  .v6704-locked-overlay.v6707-post-overlay .v6707-post-card .v6707-post-actions{
    position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:auto!important;margin:22px 0 0!important;padding:0!important;clear:both!important;z-index:6}
  .v6704-locked-overlay.v6707-post-overlay .v6707-post-card .v6707-post-actions .v6707-back,
  .v6704-locked-overlay.v6707-post-overlay .v6707-post-card .v6707-post-actions .v6707-next{
    position:relative!important;bottom:auto!important}
  .v6707-post-overlay .v6707-post-card{min-height:0!important}
  /* Keep the Back control below the Post a Job header on laptop, but give it its own
     line with clear spacing so it can never sit on top of the progress bar or the
     first field. (It steps back through the wizard, returning to the Dashboard from
     step 1.) */
  .v6704-locked-overlay.v6707-post-overlay .v6707-post-page > .v6707-post-head > .v6707-header-back{
    display:inline-flex!important;position:relative!important;float:none!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    clear:both!important;margin:0 0 16px!important;z-index:5!important}
  .v6707-post-overlay .v6707-post-head .v6707-mobile-detail{display:none!important}
}

/* Narrow-laptop / windowed range (761–1100px, below the desktop-grid breakpoint).
   Here the page is a fixed 1230px with a 760px card + 110px left margin and a
   9×116px progress bar — all wider than the fixed, overflow-x:hidden content pane,
   so the right side (including the Next button) was clipped off. Make the page,
   card and progress bar fit the available width instead. The desktop grid (≥1101px)
   and the mobile layout (≤760px) are untouched. */
@media(min-width:761px) and (max-width:1100px){
  .v6707-post-overlay .v6707-post-page{width:auto!important;max-width:100%!important;box-sizing:border-box!important;padding:18px 24px 60px!important}
  .v6707-post-overlay .v6707-post-card{width:min(760px,calc(100% - 8px))!important;margin:0 auto!important}
  .v6707-post-overlay .v6707-post-progress{max-width:100%!important;overflow-x:auto!important}
}

/* The customer overlay sidebar quote ("Local jobs. Trusted people. A simpler
   way.") is absolutely pinned to the sidebar bottom; on shorter laptop screens
   the 13-item nav reaches it and it sits ON TOP of Log Out. Remove it — matches
   the dashboard, where the sidebar quote was already removed. */
.v6704-locked-side-note{display:none!important}

/* Post a Job: the validation error box has a salmon background; when cleared it was left
   empty (an empty salmon line appeared on category select). Hide it when it has no text. */
.v6707-post-error:empty{display:none!important}

/* iOS: inputs under 16px make iOS auto-zoom on focus (the page "expands" and stays
   zoomed). Force all customer mobile form fields to 16px so it never zooms. */
@media(max-width:760px){
  .v6704-locked-overlay input,.v6704-locked-overlay textarea,.v6704-locked-overlay select,
  body.customer-shell[data-v64-view="dashboard"] input,
  body.customer-shell[data-v64-view="dashboard"] textarea,
  body.customer-shell[data-v64-view="dashboard"] select{font-size:16px!important}
}

/* Readability — bump the small text across customer MOBILE pages so it's easy to read.
   (Many components used 8–13px text.) Targets text elements, not badges/icons. */
@media(max-width:700px){
  /* general body copy */
  .v6704-locked-overlay .v6704-locked-main p,
  .v6704-locked-overlay .v6704-locked-main label,
  body.customer-shell[data-v64-view="dashboard"] #view-dashboard p{font-size:14.5px!important;line-height:1.5!important}
  .v6704-locked-overlay .v6704-locked-main small,
  body.customer-shell[data-v64-view="dashboard"] #view-dashboard small{font-size:13px!important;line-height:1.4!important}
  /* Job Centre cards */
  .v6706-jc-copy strong{font-size:15.5px!important}
  .v6706-jc-copy span{font-size:13px!important}
  .v6706-jc-copy small{font-size:12.5px!important}
  .v6706-jc-status{font-size:11.5px!important}
  /* Messages list */
  .v6851-convo-copy strong{font-size:15px!important}
  .v6851-convo-copy small{font-size:13px!important}
  .v6851-convo-meta time{font-size:12px!important}
  /* Job detail */
  .v6708-job-flow-overlay .v6798-job-head p{font-size:13.5px!important}
  .v6708-job-flow-overlay .v6798-job-copy dt,
  .v6708-job-flow-overlay .v6798-job-copy dd{font-size:14px!important}
  /* Find a Worker cards */
  .v6706-worker-main small{font-size:12.5px!important}
  .v6706-worker-main em{font-size:13.5px!important}
  /* Review step (6): "Read the Job Posting Terms" link was only 10px. */
  .v6707-post-overlay .v6707-terms-link{font-size:14.5px!important;line-height:1.4!important}
}

/* Customer Post a Job mobile — match the other customer page titles (Great Vibes script
   + champagne underline) for uniformity. */
@media(max-width:700px){
  .v6707-post-overlay .v6707-post-head h1{
    font-family:'Great Vibes',cursive!important;font-weight:400!important;
    font-size:clamp(38px,8.5vw,54px)!important;line-height:1.12!important;letter-spacing:.5px!important;
    -webkit-text-stroke:0.6px currentColor!important;color:#0b2545!important;
    text-decoration:underline!important;text-decoration-color:#d1ad8b!important;
    text-decoration-thickness:2px!important;text-underline-offset:9px!important;margin:4px 0 6px!important;
  }
}

/* Customer Job Centre mobile — underline the title (matches the laptop convention) */
@media(max-width:700px){
  .v6706-job-centre-overlay .v6706-jc-head h1{
    text-decoration:underline!important;text-decoration-color:#d1ad8b!important;
    text-decoration-thickness:2px!important;text-underline-offset:9px!important;
  }
}

/* Customer Job Centre mobile — bring the laptop filters (Location, Category, Sort)
   to mobile too. The filtering logic is already wired; they were just hidden on phones. */
@media(max-width:700px){
  .v6706-job-centre-overlay .v6706-jc-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;margin:0 0 14px!important}
  .v6706-job-centre-overlay .v6706-jc-tools #v6706JobSearch{grid-column:1 / -1!important}
  .v6706-job-centre-overlay .v6706-jc-tools #v6706JobSort{grid-column:1 / -1!important}
  .v6706-job-centre-overlay .v6706-jc-tools input,
  .v6706-job-centre-overlay .v6706-jc-tools .v6706-desktop-detail{display:block!important;width:100%!important;height:42px!important;border:1px solid #d7e0e9!important;border-radius:8px!important;background:#fff!important;padding:0 12px!important;color:#0b2545!important;font-size:13px!important;box-sizing:border-box!important}
  .v6706-job-centre-overlay .v6706-jc-tools:after{display:none!important}
}

/* Customer Job Details — mobile styling (the page's own CSS is laptop-only >=901px,
   so on phones the title and photo rendered hugely). Size it down and stack cleanly. */
@media(max-width:900px){
  .v6708-job-flow-overlay .v6798-lifestyle-page{padding:14px 14px 100px!important;max-width:none!important}
  .v6708-job-flow-overlay .v6798-job-head{display:block!important;margin:0 0 14px!important}
  .v6708-job-flow-overlay .v6798-job-head h1{font-size:24px!important;line-height:1.18!important;margin:0 0 6px!important}
  .v6708-job-flow-overlay .v6798-job-head p{font-size:13px!important}
  .v6708-job-flow-overlay .v6798-job-head>div:last-child{flex-direction:row!important;align-items:center!important;gap:8px!important;min-width:0!important;margin-top:8px!important}
  .v6708-job-flow-overlay .v6798-lifestyle-grid{display:block!important}
  .v6708-job-flow-overlay .v6798-lifestyle-main{display:block!important;background:#fff!important;border:1px solid #dde4eb!important;border-radius:14px!important;padding:10px!important;margin:0 0 14px!important;min-height:0!important}
  .v6708-job-flow-overlay .v6798-photo{min-height:0!important;height:190px!important;border-radius:10px!important;overflow:hidden!important}
  .v6708-job-flow-overlay .v6798-photo img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}
  .v6708-job-flow-overlay .v6798-job-copy{padding:12px 6px 4px!important}
  .v6708-job-flow-overlay .v6798-job-copy h2{font-size:18px!important;margin:0 0 10px!important}
  .v6708-job-flow-overlay .v6798-job-copy>p{font-size:14px!important;min-height:0!important}
  .v6708-job-flow-overlay .v6798-side-stack{display:block!important;margin:0 0 14px!important}
  .v6708-job-flow-overlay .v6798-tip,.v6708-job-flow-overlay .v6798-change{padding:16px!important;border-radius:14px!important;margin:0 0 12px!important}
  .v6708-job-flow-overlay .v6798-tip b,.v6708-job-flow-overlay .v6798-change h3{font-size:17px!important}
  .v6708-job-flow-overlay .v6798-ad-rail{padding:16px!important;border-radius:14px!important;margin:0 0 14px!important;min-height:0!important}
  .v6708-job-flow-overlay .v6798-ad-rail>strong{font-size:22px!important}
  .v6708-job-flow-overlay .v6798-ad-rail h3{font-size:18px!important;margin:12px 0 12px!important}
  .v6708-job-flow-overlay .v6798-actions{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important}
  .v6708-job-flow-overlay .v6798-actions button{width:100%!important;min-height:48px!important}
  .v6708-job-flow-overlay .v6800-job-map-panel{display:block!important;margin:0 0 14px!important}
  .v6708-job-flow-overlay .v6800-job-map{height:180px!important;min-height:180px!important;width:100%!important}
}

/* Customer Messages — mobile layout. The page's own CSS forces a 3-column grid at
   every width, which can't fit a phone, so the chat panel was unusable. On mobile:
   show the conversation LIST, and when one is opened show the CHAT full-screen with a
   back button. */
.v6851-mobile-back{display:none}
@media(max-width:700px){
  .v6851-messages-overlay .v6851-messages-page{display:block!important;height:auto!important;grid-template-rows:none!important;padding:12px 12px 88px!important;overflow:visible!important;background:#fff!important}
  .v6851-messages-overlay .v6851-messages-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin:0 0 12px!important}
  .v6851-messages-overlay .v6851-messages-head h1{font-size:22px!important}
  .v6851-messages-overlay .v6851-messages-head p{display:none!important}
  .v6851-messages-overlay .v6851-summary-tools{display:block!important;margin:0 0 10px!important}
  .v6851-messages-overlay .v6851-summaries{display:none!important}
  .v6851-messages-overlay .v6851-tools{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .v6851-messages-overlay .v6851-layout{display:block!important;height:auto!important;grid-template-columns:none!important;overflow:visible!important}
  .v6851-messages-overlay .v6851-list-panel{display:block!important;height:auto!important;min-height:0!important;background:transparent!important;border:0!important}
  .v6851-messages-overlay .v6851-list-panel nav{display:flex!important;gap:6px!important;height:auto!important;margin:0 0 10px!important;overflow-x:auto!important}
  .v6851-messages-overlay .v6851-list-panel nav button{flex:0 0 auto!important;white-space:nowrap!important}
  .v6851-messages-overlay .v6851-list{display:block!important;height:auto!important;overflow:visible!important}
  .v6851-messages-overlay .v6851-chat,.v6851-messages-overlay .v6851-related{display:none!important}
  /* a conversation is open: show the chat full-screen, hide the list + tools */
  .v6851-messages-overlay .v6851-messages-page.is-chat-active{padding:0!important}
  .v6851-messages-overlay .is-chat-active .v6851-messages-head,
  .v6851-messages-overlay .is-chat-active .v6851-summary-tools,
  .v6851-messages-overlay .is-chat-active .v6851-list-panel{display:none!important}
  .v6851-messages-overlay .is-chat-active .v6851-layout{display:block!important}
  .v6851-messages-overlay .is-chat-active .v6851-chat{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;height:calc(100dvh - 140px)!important;min-height:380px!important;background:#fff!important}
  .v6851-messages-overlay .is-chat-active .v6851-chat-scroll{overflow-y:auto!important;min-height:0!important}
  .v6851-messages-overlay .is-chat-active .v6851-mobile-back{display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:34px;border:0;background:transparent;color:#0b2545;font-size:24px;cursor:pointer;flex:none;padding:0}
  .v6851-messages-overlay .is-chat-active .v6851-chat-head{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important}
  .v6851-messages-overlay .is-chat-active .v6851-chat-head>.v6851-avatar{display:none!important}
  .v6851-messages-overlay .is-chat-active .v6851-chat-head>div{flex:1!important;min-width:0!important}
  .v6851-messages-overlay .is-chat-active .v6851-chat-head strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:16px!important}
  .v6851-messages-overlay .is-chat-active .v6851-chat-head>div span{display:none!important}
  .v6851-messages-overlay .is-chat-active .v6851-chat-head button:not(.v6851-mobile-back){font-size:11px!important;padding:0 9px!important;height:34px!important;flex:none!important}
}

/* Show/Hide password toggle */
.m81-pw-toggle{background:none;border:0;cursor:pointer;font-weight:700;font-size:12px;line-height:1;padding:4px 6px;white-space:nowrap;color:#c29a72}
.m72-input .m81-pw-toggle{color:#d1ad8b;align-self:center}
.m81-pw-field{position:relative;display:block}
.m81-pw-field input{padding-right:60px!important}
.m81-pw-field .m81-pw-toggle-field{position:absolute;right:8px;bottom:8px;color:#0b3a5e}

/* Dashboard hamburger opens the shared side drawer as a transparent overlay,
   so the dashboard shows (dimmed) behind it like the other customer pages. */
.v6673-dash-drawer{background:transparent!important}

/* Mobile hamburger drawer: use dynamic viewport height so the panel matches the
   visible screen (not the taller 100vh that hides Log Out behind the address bar),
   and always allow it to scroll to the Log Out button at the bottom. */
@media(max-width:700px){
  .v6704-locked-overlay.is-mobile-menu-open .v6704-locked-sidebar,
  .v6710-role-overlay.is-mobile-menu-open .v6710-role-side{
    height:100dvh!important;max-height:100dvh!important;
    overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
    padding-bottom:40px!important;
  }
}

/* Customer Job Centre — mobile header: stack the script title and Post button
   so the "Post a New Job" button no longer overlaps the "Job Centre" heading. */
@media(max-width:760px){
  body[data-v64-view] .v6706-jc-head{display:block!important;height:auto!important;position:static!important;margin:0 0 14px!important}
  body[data-v64-view] .v6706-jc-head>div{width:100%!important}
  body[data-v64-view] .v6706-jc-head h1{margin:4px 0 2px!important;line-height:1.05!important}
  body[data-v64-view] .v6706-jc-head p{max-width:none!important}
  body[data-v64-view] .v6706-jc-head .v6706-gold{position:static!important;right:auto!important;top:auto!important;width:100%!important;height:44px!important;margin:12px 0 0!important}
}

/* Remove the sidebar quote/slogan on every account so it can't obscure the Log Out button */
.v6710-role-slogan{display:none!important}
.v6677-community-card{display:none!important}

/* ---- Admin dashboard: quick actions + to-do + email ---- */
.v71adm-quick{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.v71adm-quick-btn{position:relative;display:flex;align-items:center;gap:8px;background:#082d49;color:#fff;border:1px solid #0b3a5e;
  border-radius:12px;padding:11px 15px;font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .12s,box-shadow .12s}
.v71adm-quick-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(8,45,73,.22)}
.v71adm-quick-ic{color:#d1ad8b;font-size:1rem}
.v71adm-quick-badge{background:#b8302a;color:#fff;border-radius:999px;min-width:18px;height:18px;padding:0 5px;
  display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800}
.v71adm-section{margin:6px 0 10px;color:#082d49;font-size:1.05rem}
.v71adm-todo article.v71adm-has{border-color:#d1ad8b!important;box-shadow:0 4px 14px rgba(209,173,139,.3)}
.v71adm-chart-sub{color:#8a8172;font-size:.85rem;font-weight:600}

.v71email label{display:block;margin:0 0 12px;color:#3f3a30;font-weight:600;font-size:.9rem}
.v71email label small{font-weight:500;color:#8a8172}
.v71email input,.v71email select,.v71email textarea{width:100%;margin-top:5px;padding:10px 12px;border:1px solid #d8c9ad;border-radius:10px;background:#fff;font:inherit;color:#20242a;box-sizing:border-box}
.v71email textarea{resize:vertical}
.v71email-actions{margin:4px 0 12px}
.v71email-note{background:#f3ead9;border:1px solid #e4d6ba;border-radius:10px;padding:10px 12px;color:#5b5346;font-size:.88rem;line-height:1.5}

/* ---- Customer-facing advert tiles (live worker adverts) ---- */
.v70x-ad-box{position:relative}
.v70x-ad-box .v70x-ad-slide{display:block;text-decoration:none;color:inherit;height:100%}
.v70x-ad-box a.v70x-ad-slide{cursor:pointer}
.v71ad-cust-img{min-height:120px;background-size:cover;background-position:center;border-radius:inherit}
.v71ad-cust-tag{position:absolute;top:8px;right:8px;background:rgba(8,45,73,.85);color:#fff;
  font-size:.6rem;letter-spacing:.09em;padding:2px 7px;border-radius:6px;text-transform:uppercase;font-style:normal;font-weight:700;z-index:2}
/* hero ad windows carry a live worker advert */
.v6956-ad-window.v71ad-cust-live,.v6957-ad-window-two.v71ad-cust-live{position:relative}

/* reveal the tile row on mobile ONLY when a live advert is present (keeps the signed-off mobile layout otherwise) */
@media(max-width:760px){
  body.customer-shell[data-v64-view="dashboard"] .v70x-ad-row2.v71ad-has-live{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:12px 0 0!important;}
  body.customer-shell[data-v64-view="dashboard"] .v70x-ad-row2.v71ad-has-live .v70x-ad-box{margin:0!important;background:linear-gradient(160deg,#0b3a5e,#082d49)!important;border:1px solid rgba(209,173,139,.32)!important;border-radius:14px!important;padding:16px 18px!important;min-height:92px!important;}
  body.customer-shell[data-v64-view="dashboard"] .v70x-ad-row2.v71ad-has-live .v70x-ad-slide small{display:block!important;color:#d1ad8b!important;font-size:11px!important;font-weight:800!important;letter-spacing:1px!important;margin-bottom:5px!important;}
  body.customer-shell[data-v64-view="dashboard"] .v70x-ad-row2.v71ad-has-live .v70x-ad-slide strong{display:block!important;color:#fff!important;font-size:16px!important;margin-bottom:4px!important;}
  body.customer-shell[data-v64-view="dashboard"] .v70x-ad-row2.v71ad-has-live .v70x-ad-slide span{color:#cdd7e2!important;font-size:12.5px!important;}
}

/* Mobile */
@media(max-width:820px){
  .v71ad-how{grid-template-columns:1fr}
  .v71ad-builder{grid-template-columns:1fr}
  .v71ad-summary{position:static}
  .v7057-adcta{padding:16px 18px}
  .v7057-adcta-copy h3{font-size:1.08rem}
}

/* v71.46 — Review step: "Read the terms" link, then agreement sentence, tick box under it (left-aligned), all widths. */
.v6704-locked-overlay.v6707-post-overlay .v6707-post-card .v6707-terms{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
.v6704-locked-overlay.v6707-post-overlay .v6707-post-card .v6707-terms>span{order:1}
.v6704-locked-overlay.v6707-post-overlay .v6707-post-card .v6707-terms>input{order:2;flex:0 0 auto!important;width:20px!important;height:20px!important;min-width:20px!important;margin:0!important;cursor:pointer}
.v6704-locked-overlay.v6707-post-overlay .v6707-post-card .v6707-terms-link{display:block!important;margin:16px 0 0!important;padding-left:0!important;text-align:left!important}

/* v71.48 — worker consent layout, same order as customer Post a Job:
   "Read the Worker Terms →" link, agreement sentence, tick box underneath, then the
   beige UK GDPR note directly above the action button. Worker colours kept. */
.v7148-terms-link{display:block!important;width:auto!important;height:auto!important;min-height:0!important;margin:16px 0 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#0b2545!important;text-decoration:underline!important;text-underline-offset:3px;font:700 14px/1.4 Inter,Arial,sans-serif!important;text-align:left!important;cursor:pointer}
.v7148-check,.v6710-worker-shell .v7148-check.v7057-declare{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin:12px 0 0!important;padding:13px 15px!important;background:#fff!important;border:2px solid #bfa877!important;border-radius:12px!important;color:#3a3322!important;font-weight:600!important;font-size:13px!important;line-height:1.45!important;cursor:pointer;box-sizing:border-box;width:100%}
.v7148-check>span{display:block!important;font-size:13px!important;font-weight:600!important;color:#3a3322!important;line-height:1.45!important}
.v7148-check>input[type=checkbox]{order:2;flex:0 0 auto!important;display:block!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin:0!important;padding:0!important;border:0!important;-webkit-appearance:checkbox!important;appearance:auto!important;accent-color:#082d49;cursor:pointer}
.v7148-gdpr-note{margin:14px 0 12px!important;text-align:left!important}
.v7148-terms-card{margin-top:18px}
.v7148-terms-card .v7148-terms-ok{color:#166534!important;font-weight:700!important}
.v7148-terms-card [data-v7148-accept-terms]{margin-top:4px}
.v71ad-summary .v7148-check{margin-bottom:0!important}
.v71ad-summary .v7148-terms-link{color:#d1ad8b!important}
/* Worker Terms pop-up must open above the worker shell (z-index 10060), and the edit/upload cards (20100). */
.review-modal-overlay.v6628-worker-terms-overlay{z-index:200500!important}

/* v71.50 — worker Job Details map: approximate-area circle (before the customer accepts) */
.v7150-map-area{width:120px;height:120px;border-radius:50%;background:rgba(8,45,73,.18);border:2px solid #082d49;box-sizing:border-box;pointer-events:none}
.v7150-map-note{margin:8px 2px 0!important;color:#5b5140!important;font-size:12.5px!important;line-height:1.45!important}
.v6710-worker-shell .v7057-map .maplibregl-map{width:100%;height:100%}

/* v71.51 — customer mobile menu: Log Out could not be reached on real phones because the
   drawer was sized to the full 100vh (hidden behind the browser toolbars). Size it to the
   visible screen (dvh), let it scroll on touch, and leave room below the last item. */
@media (max-width:1100px){
  .v6704-locked-overlay.is-mobile-menu-open .v6704-locked-sidebar{height:100vh!important;height:100dvh!important;max-height:100dvh!important;bottom:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important}
  .v6710-role-overlay.is-mobile-menu-open .v6710-role-side{height:100vh!important;height:100dvh!important;max-height:100dvh!important;bottom:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important}
}

/* v71.52 — job address privacy bar in Messages + share pop-up */
.v7152-address-bar{margin:0 0 12px;padding:12px 14px;background:#f3ead9;border:1px solid #e4d6ba;border-radius:10px;color:#3a3322;font-size:13px;line-height:1.5}
.v7152-address-bar p{margin:0}
.v7152-address-bar strong{color:#0b2545}
.v7152-shared-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.v7152-shared-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.v7152-shared-list .v7152-shared-head{font-weight:700;color:#0b2545}
.v7152-shared-list button{border:1px solid #bfa877;background:#fff;color:#0b2545;border-radius:8px;padding:5px 10px;font:600 12px Inter,Arial,sans-serif;cursor:pointer}
.v7152-share-btn{margin-top:10px;border:0;background:#082d49;color:#fff;border-radius:9px;padding:10px 14px;font:700 13px Inter,Arial,sans-serif;cursor:pointer}
.v7152-share-overlay{position:fixed;inset:0;z-index:200600;background:rgba(3,20,47,.55);display:grid;place-items:center;padding:16px;box-sizing:border-box;font-family:Inter,Arial,sans-serif}
.v7152-share-close{position:absolute;top:10px;right:12px;border:0;background:none;font-size:24px;line-height:1;color:#0b2545;cursor:pointer}
.v7152-share-modal{position:relative;max-width:440px;width:100%;max-height:calc(100dvh - 32px);overflow:auto;background:#fffaf4;border:2px solid #bfa877;border-radius:14px;padding:24px 20px;box-sizing:border-box;box-shadow:0 18px 48px rgba(15,23,42,.25)}
.v7152-share-modal h2{margin:0 0 8px;color:#0b2545;font-size:20px}
.v7152-share-modal p{font-size:13.5px;line-height:1.5;color:#334155}
.v7152-share-address{background:#f6f8fa;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-weight:700;color:#0b2545!important}
.v7152-share-warn{background:#f3ead9;border:1px solid #e4d6ba;border-radius:10px;padding:10px 12px;color:#5b5346!important}
.v7152-share-options{display:grid;gap:8px;margin:12px 0}
.v7152-share-worker{border:0;background:#082d49;color:#fff;border-radius:9px;padding:11px 14px;font:700 13.5px Inter,Arial,sans-serif;cursor:pointer;text-align:left}
.v7152-share-cancel{width:100%;border:1px solid #bfa877;background:#fff;color:#0b2545;border-radius:9px;padding:10px 14px;font:600 13px Inter,Arial,sans-serif;cursor:pointer}

/* v71.53 — worker approves a Mendli-built advert before it goes live */
.v7153-approve{margin:-4px 0 14px;padding:14px;background:#fffaf4;border:2px solid #bfa877;border-radius:12px}
.v7153-approve-intro{margin:0 0 12px;color:#3a3322;font-size:13px;line-height:1.5}
.v7153-approve-intro strong{color:#0b2545}
.v7153-preview{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;margin-bottom:12px}
.v7153-preview img{display:block;max-width:100%;max-height:220px;border-radius:8px;margin:0 0 10px}
.v7153-preview-tag{display:inline-block;margin-bottom:8px;padding:2px 8px;border-radius:999px;background:#082d49;color:#fff;font:700 11px Inter,Arial,sans-serif;letter-spacing:.02em}
.v7153-preview small{display:block;color:#64748b;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.v7153-preview h4{margin:4px 0 6px;color:#0b2545;font-size:16px}
.v7153-preview p{margin:0;color:#334155;font-size:13px;line-height:1.5}
.v7153-preview-link{display:block;margin-top:8px;color:#0b3a5e;font-weight:700;font-size:13px;word-break:break-word}
.v7153-actions{display:flex;flex-wrap:wrap;gap:8px}
.v7153-actions button{flex:1 1 160px}
.v7153-changes{margin-top:10px;display:grid;gap:8px}
.v7153-changes label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#0f172a}
.v7153-changes textarea{width:100%;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;padding:10px;font:400 13px Inter,Arial,sans-serif}
.v7153-changes.hidden{display:none!important}
.v7153-admin-note{margin:0 0 12px;padding:12px;background:#f3ead9;border:1px solid #e4d6ba;border-radius:10px;font-size:13px;color:#3a3322}
.v7153-admin-note p{margin:6px 0 0}

/* v71.53 — Post a Job: main areas first, "Show all Kent areas" reveals the rest */
.v6784-location-grid:not(.v7153-areas-open) .v7153-more-area{display:none!important}
.v7153-show-areas{display:block;margin:10px 0 4px;padding:0;border:0;background:none;color:#0b2545;text-decoration:underline;text-underline-offset:3px;font:700 13.5px Inter,Arial,sans-serif;cursor:pointer}

/* v71.55 — Boost your profile (worker Advertising page) */
.v7155-boost{margin:22px 0;padding:18px;background:#fffaf4;border:2px solid #bfa877;border-radius:14px}
.v7155-boost-head h2{margin:6px 0 6px;color:#0b2545;font-size:18px}
.v7155-boost-head p{margin:0 0 12px;color:#3a3322;font-size:13.5px;line-height:1.5}
.v7155-badge,.v7155-boost-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#082d49;color:#fff;font:700 11px/1.2 Inter,Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase}
.v7155-locked{margin:0 0 12px;padding:10px 12px;background:#f3ead9;border:1px solid #e4d6ba;border-radius:10px;color:#5b5346;font-size:13px}
.v7155-boost .v71ad-plans{margin:0 0 12px}
.v7155-boost .v71ad-areas{margin:0 0 12px}
.v7155-boost .v71ad-total{margin:8px 0}
.v7155-boost [data-v7155-submit][disabled]{opacity:.55;cursor:not-allowed}

/* v71.55 — Find a Worker: boosted workers carry a clear "Boosted" label */
.v6706-worker-card{position:relative}
.v6706-worker-card .v7155-boost-tag{display:none!important}
.v6706-worker-card.v7155-is-boosted .v7155-boost-tag{display:inline-flex!important;position:absolute;top:6px;left:6px;z-index:2;padding:2px 7px;font-size:9.5px;box-shadow:0 0 0 2px #fff}
.v6706-worker-card.v7155-is-boosted{box-shadow:inset 0 0 0 2px #d1ad8b}

/* v71.56 — prices with offers (worker Advertising page) */
.v7156-was{color:#94a3b8;font-weight:500;margin-right:4px}
.v7156-offer-note{margin:6px 0 12px;padding:9px 12px;background:#f3ead9;border:1px solid #e4d6ba;border-radius:10px;color:#3a3322;font-size:13px}
.v7156-offer-note b{color:#0b2545}

/* v71.56 — admin Pricing page (laptop + mobile) */
.v7156-page .v7156-warn{padding:12px 14px;background:#fff4e5;border:1px solid #f5c98b;border-radius:10px;color:#7a4a00;font-size:13px}
.v7156-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.v7156-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.v7156-table th,.v7156-table td{padding:10px 8px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top;color:#0f172a}
.v7156-table th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}
.v7156-table small{color:#64748b}
.v7156-offer-pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:700;font-size:11.5px}
.v7156-offer-pill.is-soon{background:#e0f2fe;color:#075985}
.v7156-fixed{margin:6px 0 8px;padding-left:18px;font-size:13px;line-height:1.6;color:#0f172a}
.v7156-guide{margin:16px 0;padding:14px 16px;background:#f3ead9;border:1px solid #e4d6ba;border-radius:12px}
.v7156-guide h2{margin:0 0 6px;font-size:15px;color:#0b2545}
.v7156-guide ul{margin:0;padding-left:18px;font-size:13px;line-height:1.55;color:#3a3322}
.v7156-h2{margin:18px 0 10px;font-size:17px;color:#0b2545}
.v7156-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:18px}
.v7156-price-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;display:grid;gap:10px;align-content:start}
.v7156-price-card header h3{margin:0;font-size:15px;color:#0b2545}
.v7156-price-card header span{font-size:12px;color:#64748b}
.v7156-price-card label{display:grid;gap:5px;font-size:12px;font-weight:600;color:#0f172a}
.v7156-price-card label small{font-weight:400;color:#64748b}
.v7156-price-card input{height:40px;border:1px solid #d7e0e8;border-radius:8px;padding:0 10px;font:400 14px Inter,Arial,sans-serif;color:#0f172a;box-sizing:border-box;width:100%}
.v7156-price-card details{border:1px dashed #d7e0e8;border-radius:10px;padding:8px 10px}
.v7156-price-card details[open]{display:grid;gap:10px}
.v7156-price-card summary{cursor:pointer;font-weight:700;font-size:13px;color:#0b2545}
.v7156-price-card .message{margin:0;font-size:12.5px}
.v7156-page .v6710-form-card h2,.v7156-page .v7156-history h2{font-size:17px!important;line-height:1.3!important;margin:0 0 10px!important;color:#0b2545!important}
.v7156-page .v6710-form-card h3{font-size:14px!important;line-height:1.3!important;margin:16px 0 4px!important;color:#0b2545!important}
.v7156-page .muted{font-size:12.5px!important;line-height:1.5!important;color:#64748b!important}
@media (max-width:760px){.v7156-grid{grid-template-columns:1fr}.v7156-table{min-width:0;font-size:12px}.v7156-table th,.v7156-table td{padding:8px 5px}.v7156-table th{font-size:10.5px}}

/* v71.57 — worker checks (admin verification page, expiring list, worker + customer views) */
.v7157-checks h2{font-size:17px!important;margin:0 0 10px!important;color:#0b2545!important}
.v7157-checks h3{font-size:14px!important;margin:4px 0 2px!important;color:#0b2545!important}
.v7157-basics{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.v7157-basics li{padding:6px 10px;border-radius:999px;background:#fdecec;color:#991b1b;font-weight:700;font-size:12.5px}
.v7157-basics li.is-done{background:#dcfce7;color:#166534}
.v7157-needs{margin:0 0 12px;padding:12px 14px;background:#f3ead9;border:1px solid #e4d6ba;border-radius:10px;font-size:13px;color:#3a3322}
.v7157-needs ul{margin:6px 0;padding-left:18px;line-height:1.5}
.v7157-needs small{color:#5b5346}
.v7157-ok{color:#166534;font-weight:700}
.v7157-bad{color:#991b1b;font-weight:700}
.v7157-exp{font-size:12.5px;color:#0f172a}
.v7157-exp.is-soon{color:#9a5b00;font-weight:700}
.v7157-exp.is-expired{color:#991b1b;font-weight:700}
.v7157-del{border:1px solid #e5e7eb;background:#fff;color:#991b1b;border-radius:8px;padding:5px 9px;font:600 12px Inter,Arial,sans-serif;cursor:pointer}
.v7157-form{margin-top:14px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:end}
.v7157-form h3,.v7157-form .v7157-show,.v7157-form button,.v7157-form .message{grid-column:1/-1}
.v7157-form label{display:grid;gap:5px;font-size:12px;font-weight:600;color:#0f172a}
.v7157-form label small{font-weight:400;color:#64748b}
.v7157-form input:not([type=checkbox]),.v7157-form select{height:40px;border:1px solid #d7e0e8;border-radius:8px;padding:0 10px;font:400 13.5px Inter,Arial,sans-serif;color:#0f172a;background:#fff;width:100%;box-sizing:border-box}
.v7157-form .v7157-show{display:flex;align-items:flex-start;gap:8px;font-weight:500;line-height:1.4}
.v7157-form .v7157-show input{width:18px;height:18px;margin:1px 0 0;flex:0 0 auto}
.v7157-form button{justify-self:start}
.v7157-public-checks{margin:0 0 12px;padding:12px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px}
.v7157-public-checks h4{margin:0 0 8px;color:#14532d;font-size:14px}
.v7157-public-checks ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.v7157-public-checks li{display:flex;gap:8px;align-items:flex-start}
.v7157-public-checks li>span{color:#166534;font-weight:800}
.v7157-public-checks strong{display:block;color:#0f172a;font-size:13px}
.v7157-public-checks small{color:#475569;font-size:12px}
.v7157-public-checks p{margin:10px 0 0;color:#475569;font-size:12px}
.v7157-mine ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.v7157-mine li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}
.v7157-mine-needs{font-size:13px;color:#3a3322}
.v7157-add{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 8px}
.v7157-add input{flex:1 1 220px;height:40px;border:1px solid #d7e0e8;border-radius:8px;padding:0 10px;font:400 13.5px Inter,Arial,sans-serif}
.v7157-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.v7157-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #bfa877;border-radius:999px;background:#fff;font-size:12.5px;cursor:pointer}
.v7157-chip.is-off{opacity:.55;border-style:dashed}
.v7157-chip input{width:15px;height:15px;margin:0}
.v7157-manage-btn{margin-top:10px}
.v7157-form [hidden]{display:none!important}
.v7157-checks .v7157-del{margin-top:6px}

/* v71.58 — verified-only quoting */
.v7158-gate{margin:12px 0;padding:18px;background:#fffaf4;border:2px solid #bfa877;border-radius:14px;display:grid;gap:10px}
.v7158-gate strong{color:#0b2545;font-size:16px}
.v7158-gate p{margin:0;color:#3a3322;font-size:13.5px;line-height:1.5}
.v7158-gate button{justify-self:start}
.v7158-worker-cancel{margin:12px 0 0;color:#5b5140;font-size:12.5px;line-height:1.5}
/* v71.58 — cancellation rights in the accept-quote pop-up */
.v7158-cancel{margin:12px 0;padding:12px 14px;background:#f0f7ff;border:1px solid #cfe0f5;border-radius:10px;font-size:13px;line-height:1.5;color:#1e293b}
.v7158-cancel strong{display:block;margin-bottom:4px;color:#0b2545}
.v7158-cancel p{margin:0 0 6px}
.v7158-cancel a{color:#0b3a5e;font-weight:700}
.v7158-cancel-small{font-size:12px;color:#475569}
/* v71.58 — compliance log */
.v7158-page .v7157-form .v7158-wide,.v7158-tax .v7157-form .v7158-wide{grid-column:1/-1}
.v7158-page textarea,.v7158-tax textarea{width:100%;box-sizing:border-box;border:1px solid #d7e0e8;border-radius:8px;padding:10px;font:400 13.5px Inter,Arial,sans-serif}
.v7158-tabs{margin:16px 0 10px}
.v7158-list{display:grid;gap:12px}
.v7158-log{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;display:grid;gap:6px}
.v7158-log header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.v7158-log h3{margin:0;font-size:15px;color:#0b2545}
.v7158-log p{margin:0;font-size:13px;line-height:1.5;color:#0f172a}
.v7158-log-meta{color:#64748b!important;font-size:12.5px!important}
.v7158-kind{display:inline-block;padding:3px 9px;border-radius:999px;font:700 11px Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;background:#e0f2fe;color:#075985}
.v7158-kind.is-breach{background:#fdecec;color:#991b1b}
.v7158-kind.is-complaint{background:#fef3c7;color:#92400e}
.v7158-log-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
/* v71.58 — worker tax details */
.v7158-tax h2{font-size:17px!important;margin:0 0 8px!important;color:#0b2545!important}
.v7158-tax>p{font-size:13px;line-height:1.5;color:#3a3322}
.v7158-saved{color:#166534!important;font-weight:700}

/* v71.59 — accept-quote: what you'll pay and when */
.v7159-pay-plan{margin:10px 0;padding:12px 14px;background:#fffaf4;border:1px solid #e4d6ba;border-radius:10px;font-size:13px;line-height:1.5;color:#1e293b}
.v7159-pay-plan strong{display:block;margin-bottom:4px;color:#0b2545}
.v7159-pay-plan ul{margin:0 0 6px;padding-left:18px}
.v7159-pay-plan a{color:#0b3a5e;font-weight:700}

/* v71.62 — guided verification checklist (full screen on mobile, centred card on laptop) */
.v7162-overlay{position:fixed;inset:0;z-index:200700;background:rgba(3,20,47,.55);display:grid;place-items:center;padding:16px;box-sizing:border-box;font-family:Inter,Arial,sans-serif}
.v7162-card{width:100%;max-width:640px;max-height:calc(100dvh - 32px);overflow:auto;background:#fffaf4;border:2px solid #bfa877;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column}
.v7162-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 18px 8px}
.v7162-card header small{color:#64748b;font-size:12px;font-weight:600}
.v7162-card header h2{margin:4px 0 0;color:#0b2545;font-size:19px}
.v7162-x{border:0;background:none;font-size:26px;line-height:1;color:#0b2545;cursor:pointer}
.v7162-bar{height:6px;margin:0 18px;background:#eadfca;border-radius:999px;overflow:hidden}
.v7162-bar span{display:block;height:100%;background:#082d49;border-radius:999px}
.v7162-body{padding:14px 18px;display:grid;gap:12px;font-size:13.5px;line-height:1.5;color:#1e293b}
.v7162-body p{margin:0}
.v7162-body label{display:grid;gap:5px;font-size:12.5px;font-weight:600;color:#0f172a}
.v7162-body label small{font-weight:400;color:#64748b}
.v7162-body input:not([type=checkbox]),.v7162-body select,.v7162-body textarea{height:42px;border:1px solid #d7e0e8;border-radius:8px;padding:0 10px;font:400 14px Inter,Arial,sans-serif;color:#0f172a;background:#fff;width:100%;box-sizing:border-box}
.v7162-body textarea{height:auto;padding:10px}
.v7162-ticks{display:grid;gap:8px;padding:12px;background:#fff;border:1px solid #e4d6ba;border-radius:10px}
.v7162-ticks label{display:flex;align-items:flex-start;gap:10px;font-weight:500;font-size:13.5px}
.v7162-ticks input{width:20px;height:20px;margin:1px 0 0;flex:0 0 auto;accent-color:#082d49}
.v7162-record{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.v7162-docs{display:flex;flex-wrap:wrap;gap:8px}
.v7162-nodoc{padding:10px 12px;background:#fff4e5;border:1px solid #f5c98b;border-radius:10px;color:#7a4a00}
.v7162-ok{color:#166534;font-weight:700}
.v7162-bad{padding:12px;background:#fdecec;border:1px solid #f5b5b5;border-radius:10px;color:#991b1b;font-weight:600}
.v7162-warn{padding:10px 12px;background:#fdecec;border:1px solid #f5b5b5;border-radius:10px;color:#991b1b;font-weight:600}
.v7162-na{display:flex!important;align-items:center;gap:8px;font-weight:500!important}
.v7162-na input{width:18px;height:18px}
.v7162-body [hidden]{display:none!important}
.v7162-summary{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.v7162-summary li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px}
.v7162-summary span{color:#475569;text-align:right}
.v7162-final{display:grid;gap:8px}
.v7162-card>.message{margin:0 18px;font-size:13px}
.v7162-card footer{display:flex;justify-content:space-between;gap:10px;padding:12px 18px 18px;position:sticky;bottom:0;background:#fffaf4;border-top:1px solid #eadfca}
.v7162-start{margin:0 0 12px}
.v7162-open{margin-left:auto;padding:4px 10px!important;min-height:0!important}
@media (max-width:760px){.v7162-overlay{padding:0;place-items:stretch}.v7162-card{max-width:none;max-height:100dvh;height:100dvh;border-radius:0;border:0}}
.v7162-body .v7162-ticks label,.v7162-body label.v7162-na{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important}
.v7162-body .v7162-ticks label span{flex:1 1 auto}
@media (max-width:760px){.v7162-overlay{inset:0!important}.v7162-card{height:100dvh!important;max-height:100dvh!important}}

/* v71.63 — one Messages page for every account (customer design reused in worker/admin shells) */
.v6851-messages-overlay .v7163-convo-job{display:block;color:#0b3a5e!important;font-weight:600!important;font-size:12px!important;margin:1px 0}
.v6851-messages-overlay .v7163-photo-missing,.v7163-chat .v7163-photo-missing{margin:0;color:#64748b;font-style:italic;font-size:13px}
.v6851-messages-overlay .v7163-sender{display:block;margin-bottom:3px;font-weight:700;font-size:11.5px;opacity:.85}
.v6851-messages-overlay .v7163-readonly-note{margin:0;padding:12px 16px;border-top:1px solid #e5e7eb;background:#f8fafc;color:#64748b;font-size:13px;text-align:center}
/* worker/admin shells: let the page sit inside the role shell's main area */
.v6710-role-overlay.v7163-role-msgs{overflow:auto!important}
.v7163-role-msgs .v6851-messages-page{max-width:1280px;margin:0 auto}
@media (max-width:760px){
  /* phone: counts live on the filter tabs, so keep the list uncluttered */
  .v6851-messages-overlay .v6851-summaries{display:none!important}
  .v6851-messages-overlay .v6851-tools{display:block!important}
  .v6851-messages-overlay .v6851-tools label.sort,.v6851-messages-overlay .v6851-tools label.date{display:none!important}
  .v6851-messages-overlay .v6851-tools label.search{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;padding:0 12px!important;height:44px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important}
  .v6851-messages-overlay .v6851-tools label.search input{flex:1 1 auto!important;border:0!important;outline:0!important;height:40px!important;background:transparent!important;font-size:15px!important;min-width:0!important}
}

/* v71.63 — older inline chats (still used in a few places) get the same bubble look */
.v7163-chat .v6661-chat-messages{display:flex!important;flex-direction:column!important;gap:10px!important;padding:12px!important}
.v7163-chat .v6677-msg-row{display:flex!important;align-items:flex-end!important;gap:8px!important}
.v7163-chat .v6677-msg-row.mine{flex-direction:row-reverse!important}
.v7163-chat .v6677-bubble-avatar{flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#082d49!important;color:#fff!important;display:grid!important;place-items:center!important;font:700 12px Inter,Arial,sans-serif!important}
.v7163-chat .v6661-msg{max-width:78%!important;padding:9px 12px!important;border-radius:14px!important;background:#f1f5f9!important;color:#0f172a!important}
.v7163-chat .v6661-msg.mine{background:#f3d6a8!important}
.v7163-chat .v6661-msg-meta{display:flex!important;gap:8px!important;font-size:11px!important;color:#64748b!important}
.v7163-chat .v6661-msg p{margin:4px 0 0!important;font-size:14px!important;line-height:1.45!important;white-space:pre-wrap!important;word-break:break-word!important}
.v7163-chat .v6661-compose{display:flex!important;align-items:flex-end!important;gap:8px!important}
.v7163-chat .v6661-attach{flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid #d7e0e8!important;background:#fff!important;display:grid!important;place-items:center!important;cursor:pointer!important;position:relative!important;overflow:hidden!important}
.v7163-chat .v6661-attach .v6777-attach-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
.v7163-chat .v6661-attach input[type=file]{position:absolute!important;inset:0!important;opacity:0!important;cursor:pointer!important}
.v7163-chat .v6661-compose textarea{flex:1 1 auto!important;min-height:42px!important;max-height:120px!important;border:1px solid #d7e0e8!important;border-radius:21px!important;padding:10px 14px!important;font:400 14px Inter,Arial,sans-serif!important;resize:none!important}
.v7163-chat .v6661-compose button[type=submit]{height:42px!important;padding:0 18px!important;border:0!important;border-radius:21px!important;background:#082d49!important;color:#fff!important;font:700 14px Inter,Arial,sans-serif!important}
@media (max-width:760px){
  .v6851-messages-overlay .v6851-summary-tools{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .v6851-messages-overlay .v6851-summary-tools .v6851-tools label.search{flex-direction:row!important;text-align:left!important}
  .v6851-messages-overlay .v6851-summary-tools .v6851-tools label.search input{width:auto!important;text-align:left!important;padding:0!important;margin:0!important}
}
@media (min-width:761px){
  .v7163-role-msgs .v6851-layout{grid-template-columns:minmax(230px,300px) minmax(0,1fr) minmax(200px,250px)!important;width:100%!important;box-sizing:border-box!important}
  .v7163-role-msgs .v6851-layout>*{min-width:0!important}
}
@media (min-width:761px) and (max-width:1240px){
  .v7163-role-msgs .v6851-layout{grid-template-columns:minmax(220px,290px) minmax(0,1fr)!important}
  .v7163-role-msgs .v6851-related{display:none!important}
}

/* v71.64 — Messages scrolling fix (all accounts).
   Laptop: the page fits the screen and the chat list / conversation scroll inside their own boxes.
   Phone: the page scrolls normally and the message box stays pinned just above the bottom menu. */
.v6851-messages-overlay .v6851-list-panel{display:flex!important;flex-direction:column!important;min-height:0!important}
.v6851-messages-overlay .v6851-list-panel>nav{flex:0 0 auto!important}
.v6851-messages-overlay .v6851-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}
.v6851-messages-overlay .v6851-chat{display:flex!important;flex-direction:column!important;min-height:0!important}
.v6851-messages-overlay .v6851-chat>.v6851-chat-head,.v6851-messages-overlay .v6851-chat>.v7152-address-bar,.v6851-messages-overlay .v6851-chat>.v6851-compose,.v6851-messages-overlay .v6851-chat>.v7163-readonly-note{flex:0 0 auto!important}
.v6851-messages-overlay .v6851-chat>.v7152-address-bar{margin:10px 12px 0!important}
.v6851-messages-overlay .v6851-chat-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}
.v6851-messages-overlay .v6851-related{overflow-y:auto!important}
@media (min-width:761px){
  .v6851-messages-overlay .v6851-messages-page{height:calc(100dvh - 74px)!important}
  /* worker/admin: fill the space under the top bar exactly */
  .v7163-role-msgs .v6710-role-main{display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .v7163-role-msgs .v6710-role-main>*{flex:0 0 auto}
  .v7163-role-msgs .v6710-role-main>.v70x-legal-foot{display:none!important}
  .v7163-role-msgs .v6851-messages-page{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  .v7163-role-msgs .v6851-layout{min-height:0!important;height:100%!important}
  .v7163-role-msgs .v6851-list-panel,.v7163-role-msgs .v6851-chat,.v7163-role-msgs .v6851-related{height:100%!important;max-height:100%!important;min-height:0!important;box-sizing:border-box!important}
}
@media (max-width:760px){
  .v6851-messages-overlay .v6704-locked-main{overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  .v6851-messages-overlay .v6704-locked-content{overflow:visible!important}
  .v6851-messages-overlay .v6851-messages-page{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  .v6851-messages-overlay .v6851-layout,.v6851-messages-overlay .v6851-list-panel,.v6851-messages-overlay .v6851-chat{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
  .v6851-messages-overlay .v6851-list,.v6851-messages-overlay .v6851-chat-scroll{overflow:visible!important;max-height:none!important;flex:0 0 auto!important}
  .v6851-messages-overlay .v6851-compose{position:sticky!important;bottom:0!important;z-index:6!important;background:#fff!important;box-shadow:0 -4px 12px rgba(15,23,42,.08)!important}
  /* worker/admin phone shells run under the bottom menu, so pin the box above it */
  .v7163-role-msgs .v6851-compose{bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-width:760px){
  /* open chat on a phone: the conversation fills the space between the top bar and the bottom menu,
     scrolls inside itself, and the message box sits at its foot (always visible) */
  .v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-messages-head,
  .v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-summary-tools{display:none!important}
  .v7163-role-msgs .v6710-role-main:has(.is-chat-active){padding-top:0!important;padding-bottom:0!important}
  .v7163-role-msgs .v6710-role-main:has(.is-chat-active) .v7057-quote-row{display:none!important}
  .v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-chat{display:flex!important;flex-direction:column!important;height:calc(100dvh - 152px - env(safe-area-inset-bottom,0px))!important;max-height:none!important;min-height:320px!important;overflow:hidden!important}
  .v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-chat-scroll{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  .v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-compose{position:static!important;bottom:auto!important;box-shadow:none!important;border-top:1px solid #e5e7eb!important}
}
@media (min-width:761px){
  /* worker/admin laptop: stack head, tools and the chat area, and let the chat area take the rest */
  .v7163-role-msgs .v6851-messages-page{display:flex!important;flex-direction:column!important;gap:12px!important}
  .v7163-role-msgs .v6851-messages-page>.v6851-messages-head,.v7163-role-msgs .v6851-messages-page>.v6851-summary-tools{flex:0 0 auto!important;margin:0!important}
  .v7163-role-msgs .v6851-messages-page>.v6851-layout{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important}
  .v7163-role-msgs .v6851-list-panel,.v7163-role-msgs .v6851-chat,.v7163-role-msgs .v6851-related{height:auto!important;max-height:none!important;align-self:stretch!important}
}
@media (min-width:761px) and (max-height:800px){
  /* shorter laptop screens: drop the summary boxes to give the conversation room */
  .v7163-role-msgs .v6851-summaries{display:none!important}
}

/* v71.64 — Nicky: own-message bubbles tan brown (all accounts, all views); bigger bubble text on phones */
.v6851-messages-overlay .v6851-bubble-row.mine .v6851-bubble{background:#c49a6c!important;border-color:#b0855a!important;color:#1c140d!important}
.v6851-messages-overlay .v6851-bubble-row.mine .v6851-bubble time,.v6851-messages-overlay .v6851-bubble-row.mine .v6851-bubble .v7163-sender{color:#3a2a1a!important;opacity:1!important}
.v6851-messages-overlay .v6851-bubble-row.mine .v6851-bubble a{color:#1c140d!important}
.v7163-chat .v6661-msg.mine{background:#c49a6c!important;color:#1c140d!important}
.v7163-chat .v6661-msg.mine .v6661-msg-meta{color:#3a2a1a!important}
@media (max-width:760px){
  .v6851-messages-overlay .v6851-bubble p,.v7163-chat .v6661-msg p{font-size:16.5px!important;line-height:1.45!important}
  .v6851-messages-overlay .v6851-bubble time{font-size:12px!important}
  .v6851-messages-overlay .v6851-bubble{max-width:82%!important;padding:11px 14px!important}
  .v6851-messages-overlay .v6851-compose>input{font-size:16px!important}
}

/* ===== v71.65 — counters, pop-up alerts, tap-to-enlarge photos ===== */
/* message counters on every Messages button (sidebar, top bar and phone menu bar) */
.v7165-count,.v6851-side-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e03b3b;color:#fff;font-size:11.5px;font-weight:800;line-height:1;box-sizing:border-box;pointer-events:none}
.v6851-side-count[hidden],.v7165-count[hidden],.v6851-messages-overlay .v6851-side-count[hidden]{display:none!important}
[data-v6704-nav="messages"],[data-v6710-worker-nav="messages"],[data-v6675-nav="messages"],[data-v6676-nav="messages"],#v64SideMessages,#v6652SideMessages,#v64MessagesTop,#v6652MessagesTop,#m6747Messages{position:relative}
.v6704-locked-side-nav .v7165-count,.v6710-role-side .v7165-count,#v64SideMessages .v7165-count,#v6652SideMessages .v7165-count,[data-v6675-nav="messages"] .v7165-count,[data-v6676-nav="messages"] .v7165-count{position:absolute;right:14px;top:50%;transform:translateY(-50%)}
#v64MessagesTop .v7165-count,#v6652MessagesTop .v7165-count{position:absolute;right:-6px;top:-6px}
.v6704-mobile-bottom .v6851-side-count,.v6710-role-mobile-nav .v6851-side-count,#m6747Messages .v6851-side-count,
.v6851-messages-overlay .v6704-mobile-bottom .v6851-side-count,.v6851-messages-overlay .v6710-role-mobile-nav .v6851-side-count{position:absolute!important;left:calc(50% + 5px)!important;right:auto!important;top:3px!important;transform:none!important;min-width:18px!important;height:18px!important;padding:0 5px!important;font-size:10.5px!important;border:2px solid #fff!important;box-sizing:content-box!important}

/* pop-up alert when something new arrives */
.v7165-toast{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:100800;display:flex;align-items:center;gap:12px;width:min(440px,calc(100vw - 24px));padding:12px 14px;border:1px solid #d9c3a8;border-left:5px solid #c49a6c;border-radius:14px;background:#fffdf9;color:#1c140d;box-shadow:0 14px 34px rgba(20,24,33,.22);text-align:left;cursor:pointer;font:inherit;animation:v7165In .25s ease-out}
.v7165-toast.is-out{opacity:0;transform:translate(-50%,-10px);transition:.25s}
.v7165-toast-icon{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f3e6d6;color:#8a5d31;font-weight:800;font-size:17px}
.v7165-toast-copy{flex:1;min-width:0;display:grid;gap:2px}
.v7165-toast-copy strong{font-size:15px;line-height:1.25}
.v7165-toast-copy small{font-size:13.5px;color:#4d4238;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.v7165-toast-x{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#6d6158;font-size:20px}
@keyframes v7165In{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
@media (max-width:760px){.v7165-toast{top:calc(8px + env(safe-area-inset-top,0px))}}

/* chat photos: small thumbnails, tap to enlarge */
.v7165-thumb{display:block;padding:0;border:0;background:none;cursor:zoom-in;border-radius:9px;overflow:hidden;line-height:0}
.v6851-messages-overlay .v6851-bubble-images{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:8px!important}
.v6851-messages-overlay .v6851-bubble-images img,.v7165-thumb img{width:120px!important;height:90px!important;max-width:none!important;object-fit:cover!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:9px!important;display:block!important}
.v6654-chat-images{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:8px!important}
.v6654-chat-image{width:120px!important;height:90px!important;padding:0!important;border:0!important;border-radius:9px!important;overflow:hidden!important;cursor:zoom-in!important;background:#eee!important;flex:0 0 auto!important}
.v6654-chat-image img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;display:block!important}
.v6851-related-atts .v7165-thumb img{width:64px!important;height:64px!important}
@media (max-width:760px){
  .v6851-messages-overlay .v6851-bubble-images img,.v7165-thumb img,.v6654-chat-image{width:92px!important;height:70px!important}
  .v6851-messages-overlay .v6851-bubble-images img{width:92px!important;height:70px!important}
}
.v7163-photo-missing{font-style:italic;opacity:.8}
/* full-screen photo viewer */
.v7165-viewer{position:fixed;inset:0;z-index:100900;background:rgba(8,10,14,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:56px 12px 24px;box-sizing:border-box}
.v7165-viewer img{max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.v7165-viewer-close{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:12px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.v7165-viewer-open{color:#e9d6bf;font-size:14px;text-decoration:underline}
/* v71.65 — photo viewer and alerts sit above the phone menu bar */
.v7165-viewer{z-index:2147483647!important}
.v7165-toast{z-index:2147483647!important}
@media (max-width:760px){
  /* the chat has its own ← back arrow, so the page Back pill doesn't cover the name */
  .v6851-messages-page.is-chat-active > .v6739-page-back{display:none!important}
  /* no empty "Select a conversation" box under the list on phones */
  .v6851-messages-page:not(.is-chat-active) .v6851-chat{display:none!important}
}
@media (max-width:760px){
  /* worker/admin phone chat: no legal footer under an open chat, so the name bar stays in view */
  .v7163-role-msgs .v6710-role-main:has(.is-chat-active) .v70x-legal-foot{display:none!important}
}
/* v71.66 — slim address notice inside chats, so the conversation gets the space */
.v6851-chat .v7152-address-bar,.v7163-chat .v7152-address-bar{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:8px 12px 0!important;padding:7px 12px!important;font-size:13px!important;line-height:1.35!important;border-radius:9px!important}
.v6851-chat .v7152-address-bar[hidden],.v7163-chat .v7152-address-bar[hidden]{display:none!important}
.v6851-chat .v7152-address-bar p,.v7163-chat .v7152-address-bar p{flex:1 1 240px;margin:0!important}
.v6851-chat .v7152-share-btn,.v7163-chat .v7152-share-btn{margin:0!important;padding:6px 12px!important;font-size:12.5px!important;min-height:0!important;border-radius:8px!important}
.v6851-chat .v7152-shared-list{flex:1 1 100%;margin:0!important;font-size:12.5px}
@media (min-width:761px){
  /* the page has a Back row too — allow for it so the typing box never falls off the bottom */
  .v6851-messages-overlay .v6851-messages-page{grid-template-rows:auto auto auto minmax(0,1fr)!important;row-gap:12px!important;overflow:hidden!important}
  .v6851-messages-overlay .v6851-messages-page:not(:has(> .v6739-page-back)){grid-template-rows:auto auto minmax(0,1fr)!important}
  .v6851-messages-overlay .v6851-layout{min-height:0!important;height:auto!important}
  .v6851-messages-overlay .v6851-compose{align-items:center!important;padding:8px 12px!important}
  .v6851-messages-overlay .v6851-compose .v6851-attach{margin:0!important;align-self:center!important}
}
@media (min-width:761px) and (max-height:950px){
  /* shorter laptop screens: while a chat is open, drop the summary cards and intro line to give the conversation room */
  .v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-summaries{display:none!important}
  .v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-messages-head p{display:none!important}
  .v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-summary-tools{padding-top:0!important;padding-bottom:0!important;min-height:0!important}
}
@media (min-width:761px) and (max-height:950px){
  .v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-tools{padding:6px 10px!important;min-height:0!important}
  .v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-tools label{min-height:40px!important;height:40px!important}
  .v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-new{min-height:42px!important;height:42px!important;padding-top:0!important;padding-bottom:0!important}
}
@media (min-width:761px) and (max-height:950px){
  .v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-tools,.v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-summary-tools,.v6851-messages-overlay .v6851-messages-page.is-chat-active .v6851-messages-head{height:auto!important;min-height:0!important}
}
/* v71.66 — advert box label sits on its own line on every screen size */
.v6798-ad-slot{display:grid!important;gap:5px!important}
.v6798-ad-slot small,.v6798-ad-slot b,.v6798-ad-slot span{display:block!important}
/* v71.66 — no big empty gap at the bottom of phone pages */
@media (max-width:760px){
  /* worker & admin: the page runs under the 82px menu bar, so clear it by a little, not a lot */
  .v6710-role-overlay .v6710-role-main{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
  .v6710-role-overlay .v6710-role-main .v70x-legal-foot{padding-bottom:14px!important;margin-bottom:0!important}
  /* customer: the page already stops above the menu bar, so it needs no extra space */
  .v6704-locked-overlay .v6704-locked-main,.v6704-locked-overlay .v6704-locked-main:has(.v6706-jc-page){padding-bottom:0!important}
  .v6704-locked-overlay .v6704-locked-main > :not(.v6851-messages-page){padding-bottom:20px!important;margin-bottom:0!important}
  /* iPhone: stop the page underneath the account screens from scrolling (it showed as empty space) */
  html:has(body > .v6710-role-overlay),html:has(body > .v6704-locked-overlay),
  body:has(> .v6710-role-overlay),body:has(> .v6704-locked-overlay){overflow:hidden!important;overscroll-behavior:none!important}
  body:has(> .v6710-role-overlay) > main,body:has(> .v6704-locked-overlay) > main{display:none!important}
}
/* v71.66 — phones: comfortable reading sizes */
@media (max-width:760px){
  /* 16px stops iPhone zooming in when you tap a box */
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}
  /* Post a Job — "What happens next" after posting */
  .v6707-success h2{font-size:22px!important;line-height:1.25!important}
  .v6707-success p{font-size:16px!important;line-height:1.5!important}
  .v6707-success strong{font-size:17px!important}
  .v6707-success li{font-size:16px!important;line-height:1.5!important;margin-bottom:6px!important}
  .v6708-next strong{font-size:16px!important}
  .v6708-next p{font-size:15px!important;line-height:1.5!important}
}
/* v71.66 — Post a Job: no forced full-screen height on phones (it left a gap at the bottom) */
@media (max-width:760px){.v6704-locked-overlay .v6707-post-page{min-height:0!important}}

/* v71.66 — every page title in one style: Mendli script, navy, underlined, with clear space around it */
.v6704-locked-main h1,
.v6710-role-main .v6710-title h1,
.v6710-role-main .v6710-page > header h1,
.v6851-messages-overlay .v6851-messages-head h1{
  font-family:"Great Vibes",cursive!important;font-weight:400!important;font-style:normal!important;
  font-size:42px!important;line-height:1.35!important;letter-spacing:0!important;color:#0b2545!important;
  text-decoration:underline!important;text-decoration-color:#0b2545!important;text-decoration-thickness:2px!important;
  text-underline-offset:9px!important;text-decoration-skip-ink:auto!important;
  margin:0 0 16px!important;padding:4px 0 6px!important;background:none!important;border:0!important;
  position:relative!important;z-index:1!important;overflow:visible!important;white-space:normal!important;overflow-wrap:break-word!important;
  text-transform:none!important;-webkit-text-fill-color:#0b2545!important;
}
.v6704-locked-main h1::before,.v6704-locked-main h1::after,
.v6710-role-main .v6710-title h1::before,.v6710-role-main .v6710-title h1::after,
.v6851-messages-overlay .v6851-messages-head h1::before,.v6851-messages-overlay .v6851-messages-head h1::after{display:none!important}
/* the welcome banner keeps its own white heading */
.v6710-role-main .v7057-hero-main h1,.v6704-locked-main .v7057-hero-main h1{font-family:inherit!important;text-decoration:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:22px!important;line-height:1.3!important;padding:0!important;margin:0 0 6px!important}
/* title rows: the title and any button beside it wrap rather than overlap */
.v6851-messages-overlay .v6851-messages-head{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:10px 16px!important;height:auto!important;min-height:0!important}
.v6851-messages-overlay .v6851-messages-head > div{min-width:0!important}
.v6710-title{height:auto!important;min-height:0!important;overflow:visible!important}
.v6710-title p,.v6851-messages-head p{margin-top:2px!important}
/* keep Back buttons clear of the title */
.v6739-page-back{margin-top:4px!important;margin-bottom:12px!important;position:relative!important;z-index:2!important}
@media (max-width:760px){
  .v6704-locked-main h1,.v6710-role-main .v6710-title h1,.v6710-role-main .v6710-page > header h1,.v6851-messages-overlay .v6851-messages-head h1{font-size:36px!important;text-underline-offset:8px!important;margin-bottom:12px!important}
}
body .v6710-role-overlay .v6710-role-main .v6710-title h1,body .v6704-locked-overlay .v6704-locked-main h1,body .v6851-messages-overlay .v6851-messages-head h1{font-size:42px!important}
@media (max-width:760px){body .v6710-role-overlay .v6710-role-main .v6710-title h1,body .v6704-locked-overlay .v6704-locked-main h1,body .v6851-messages-overlay .v6851-messages-head h1{font-size:37px!important}}
body .v6710-role-main .v7057-hero-main h1,body .v6704-locked-main .v7057-hero-main h1{font-size:22px!important}
/* titles: same size everywhere (beats older page-specific sizes) */
.v6704-locked-overlay .v6704-locked-main.v6704-locked-main.v6704-locked-main h1,.v6710-role-overlay .v6710-role-main.v6710-role-main .v6710-title.v6710-title h1{font-size:42px!important}
@media (max-width:760px){.v6704-locked-overlay .v6704-locked-main.v6704-locked-main.v6704-locked-main h1,.v6710-role-overlay .v6710-role-main.v6710-role-main .v6710-title.v6710-title h1{font-size:37px!important}}
.v6704-locked-overlay .v6704-locked-main.v6704-locked-main.v6704-locked-main .v7057-hero-main h1{font-size:22px!important}
/* a title row with a button beside it: always leave a gap; on phones the button drops underneath */
.v6704-locked-main :has(> div > h1),.v6710-role-main :has(> .v6710-title),.v6710-role-main :has(> div > h1){flex-wrap:wrap!important;column-gap:16px!important;row-gap:10px!important}
@media (max-width:760px){
  .v6704-locked-main :has(> div > h1) > div:has(> h1),.v6710-role-main :has(> div > h1) > div:has(> h1),.v6710-role-main :has(> .v6710-title) > .v6710-title{flex:1 1 100%!important;min-width:0!important;max-width:100%!important}
}
/* v71.66 — Saved Workers on phones: styled advert box + buttons (were only styled on laptops) */
@media (max-width:760px){
  .v6706-saved-workers-overlay .v6918-saved-ad-area{display:block!important;margin-top:14px!important;border-radius:14px!important;overflow:hidden!important}
  .v6706-saved-workers-overlay .v6919-house-ad{padding:20px 18px!important;background:linear-gradient(160deg,#0b2545 0%,#123c66 100%)!important;color:#fff!important}
  .v6706-saved-workers-overlay .v6919-ad-kicker{font:800 12px/1.2 Inter,Arial,sans-serif!important;letter-spacing:1.2px!important;color:#efd1b0!important;margin-bottom:10px!important}
  .v6706-saved-workers-overlay .v6919-house-ad h2{font:800 22px/1.2 Inter,Arial,sans-serif!important;color:#fff!important;margin:0!important;text-decoration:none!important}
  .v6706-saved-workers-overlay .v6919-house-ad>p{font:500 14px/1.5 Inter,Arial,sans-serif!important;color:#dbe7f2!important;margin:10px 0 14px!important}
  .v6706-saved-workers-overlay .v6919-ad-services{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
  .v6706-saved-workers-overlay .v6919-ad-services span{min-height:30px;padding:0 12px;border:1px solid rgba(255,255,255,.28);border-radius:15px;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;font:700 13px/1 Inter,Arial,sans-serif!important;color:#fff!important}
  .v6706-saved-workers-overlay .v6919-ad-bottom{position:static!important;transform:none!important;width:auto!important;margin-top:16px!important;padding:14px!important;border-radius:12px!important;background:#f5dfc7!important;color:#0b2545!important;text-align:center!important}
  .v6706-saved-workers-overlay .v6919-ad-bottom strong{display:block!important;margin-bottom:10px!important;font:800 16px/1.3 Inter,Arial,sans-serif!important}
  .v6706-saved-workers-overlay .v6919-ad-bottom button{width:100%!important;max-width:260px!important;height:44px!important;border:0!important;border-radius:22px!important;background:#0b2545!important;color:#fff!important;font:800 14px/44px Inter,Arial,sans-serif!important}
  .v6706-saved-workers-overlay .v6888-empty-find{margin-top:10px!important;min-height:44px!important;padding:0 20px!important;border:0!important;border-radius:22px!important;background:#c49a6c!important;color:#1c140d!important;font:800 14px/44px Inter,Arial,sans-serif!important}
  .v6706-saved-head>.v6706-gold{align-self:flex-start!important;white-space:nowrap!important;min-height:42px!important;padding:0 18px!important}
  .v6706-saved-head>div,.v6706-saved-head>div>p{max-width:none!important;width:100%!important}
}
/* v71.66 — customer phone menu bar: only the page you're on is highlighted */
body.customer-shell:has(> .v6704-locked-overlay) > .v6673-mobile-bottom > button[data-view="dashboard"]:not(.active){color:#0b2545!important}
body.customer-shell:has(> .v6704-locked-overlay) > .v6673-mobile-bottom > button[data-view="dashboard"]:not(.active) *{color:inherit!important}
body.customer-shell:has(> .v6704-locked-overlay) > .v6673-mobile-bottom > button[data-view="dashboard"]:not(.active)::before,body.customer-shell:has(> .v6704-locked-overlay) > .v6673-mobile-bottom > button[data-view="dashboard"]:not(.active)::after{opacity:0!important}
@media (min-width:761px){
  .v6710-role-overlay .v6710-role-main:not(:has(.v6851-messages-page)){padding-bottom:20px!important}
  .v6710-role-overlay .v6710-role-main .v70x-legal-foot{padding-bottom:6px!important}
}
/* v71.66 — titles: win over older page-specific rules (font, spacing) */
.v6704-locked-overlay .v6704-locked-main.v6704-locked-main.v6704-locked-main h1:not(.v7057-hero-main h1),
.v6710-role-overlay .v6710-role-main.v6710-role-main .v6710-title.v6710-title h1,
.v6851-messages-overlay.v6851-messages-overlay .v6851-messages-head.v6851-messages-head h1{
  font-family:"Great Vibes",cursive!important;font-weight:400!important;line-height:1.35!important;letter-spacing:0!important;
  text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:9px!important;
  margin:0 0 14px!important;padding:4px 0 6px!important;color:#0b2545!important;-webkit-text-fill-color:#0b2545!important;
}
/* the line under a title starts clearly below it */
.v6704-locked-main h1 + p,.v6704-locked-main h1 + .v6706-desktop-detail,.v6710-title h1 + p,.v6851-messages-head h1 + p{margin-top:4px!important}
/* background page never scrolls behind an account screen (laptop too) */
html:has(body > .v6710-role-overlay),html:has(body > .v6704-locked-overlay){overflow:hidden!important}
body:has(> .v6710-role-overlay),body:has(> .v6704-locked-overlay){overflow:hidden!important}

/* ===== v71.67 — Workers to verify, Inbox, Get verified ===== */
.v7167-list{display:grid;gap:10px;margin-top:12px}
.v7167-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;background:#fff;border:1px solid #e3d7c6;border-radius:14px;cursor:pointer;transition:box-shadow .15s,border-color .15s}
.v7167-row:hover,.v7167-row:focus-visible{border-color:#c49a6c;box-shadow:0 6px 18px rgba(11,37,69,.08);outline:none}
.v7167-row[hidden]{display:none!important}
.v7167-main{min-width:0;display:grid;gap:4px}
.v7167-main strong{font-size:16px;color:#0b2545;line-height:1.3}
.v7167-main small{font-size:13.5px;color:#5b6573;line-height:1.4}
.v7167-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.v7167-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#f1f3f6;color:#394556;font-size:13px;font-weight:700;line-height:1.4}
.v7167-chip.is-ok{background:#e6f5ec;color:#17693a}
.v7167-chip.is-no{background:#fdecec;color:#a42525}
.v7167-chip.is-warn{background:#fff3df;color:#8a5a12}
.v7167-chip.is-ai{background:#efe7fb;color:#5b2ea6}
.v7167-side{display:grid;justify-items:end;gap:6px;text-align:right}
.v7167-side small{font-size:13px;color:#5b6573}
.v7167-due{display:inline-block;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:800;line-height:1.3;background:#e6f5ec;color:#17693a}
.v7167-due.is-soon{background:#fff3df;color:#8a5a12}
.v7167-due.is-late{background:#fdecec;color:#a42525}
.v7167-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.v7167-btns button{min-height:40px;padding:0 16px;font-size:14px}
.v7167-prio{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#0b2545;font-weight:900;font-size:18px}
.v7167-prio.is-urgent{background:#fdecec;color:#a42525}
.v7167-prio.is-high{background:#fff3df;color:#8a5a12}
.v7167-foot{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.v7167-review-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 16px}
.v7167-head-btns{display:inline-flex;flex-wrap:wrap;gap:10px}
/* worker Get verified card */
.v7167-verify-card{margin:16px 0;padding:18px 20px;background:#fffaf3;border:1px solid #e4cfb2;border-left:6px solid #c49a6c;border-radius:16px}
.v7167-verify-card.is-late{border-left-color:#c53a3a;background:#fff6f6}
.v7167-verify-card.is-waiting{border-left-color:#2f8a52;background:#f5fbf7}
.v7167-verify-card header h2{margin:0 0 4px;font-size:20px;color:#0b2545}
.v7167-verify-card header p{margin:0 0 12px;font-size:15px;color:#394556;line-height:1.45}
.v7167-verify-card ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v7167-verify-card li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;background:#fff;border:1px solid #eee3d3;border-radius:12px}
.v7167-verify-card li strong{display:block;font-size:15px;color:#0b2545}
.v7167-verify-card li small{display:block;font-size:13.5px;color:#5b6573;line-height:1.4}
.v7167-step-mark{width:28px;height:28px;border-radius:50%;border:2px solid #c9b79f;display:grid;place-items:center;font-weight:900;color:#fff}
.v7167-verify-card li.is-done .v7167-step-mark{background:#2f8a52;border-color:#2f8a52}
.v7167-verify-card li.is-done strong{color:#2f8a52}
.v7167-verify-card li button{min-height:40px;padding:0 14px;font-size:14px;white-space:nowrap}
/* Mendli AI: talk to a person */
.v7167-human{margin-top:8px;padding:6px 12px;border:1px solid #c49a6c;border-radius:999px;background:#fff;color:#0b2545;font-weight:700;font-size:13.5px;cursor:pointer}
@media (max-width:760px){
  .v7167-row{grid-template-columns:auto minmax(0,1fr);padding:12px}
  .v7167-side{grid-column:1 / -1;justify-items:start;text-align:left}
  .v7167-btns{justify-content:flex-start}
  .v7167-btns button{flex:1 1 auto}
  .v7167-verify-card{padding:16px 14px}
  .v7167-verify-card li{grid-template-columns:auto minmax(0,1fr)}
  .v7167-verify-card li button{grid-column:2;justify-self:start}
}
@media (max-width:760px){.v7167-page .v6710-tabs{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:8px!important}.v7167-page .v6710-tabs button{flex:0 1 auto!important;white-space:nowrap!important}}

/* ===== v71.69 — your name (or username) instead of initials ===== */
.v7168-nametag{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:44px!important;max-width:140px!important;height:36px!important;padding:0 14px!important;border-radius:999px!important;box-sizing:border-box!important;
  font:700 14px/1 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:0 0 auto!important}
/* the name was also written next to the circle — not needed now */
.v6704-locked-topbar .v6704-user-name,#v6673AccountName,#v6673MobileName,.v6675-jc-account > strong{display:none!important}
.v6673-account-chip,.v6675-jc-account{width:auto!important;gap:6px!important}
/* big profile picture circle: show the name neatly when there's no photo */
.v7168-bigname{display:grid!important;place-items:center!important;padding:0 10px!important;box-sizing:border-box!important;font:800 18px/1.15 Inter,Arial,sans-serif!important;text-align:center!important;overflow-wrap:anywhere!important;word-break:break-word!important;letter-spacing:0!important}
@media (max-width:760px){.v7168-nametag{height:34px!important;max-width:120px!important;padding:0 12px!important;font-size:13.5px!important}}
.v7168-hint{display:block;font-weight:500;font-size:13px;color:#5b6573;margin:2px 0 4px}
html body .v7168-nametag.v7168-nametag.v7168-nametag{width:auto!important;min-width:44px!important;max-width:140px!important;padding:0 14px!important;flex:0 0 auto!important}
@media (max-width:760px){html body .v7168-nametag.v7168-nametag.v7168-nametag{max-width:120px!important;padding:0 12px!important}}
/* v71.70 — Boost total readable on the light Boost box */
.v7155-boost .v71ad-total{padding:12px 14px;background:#fff;border:1px solid #d8c7a8;border-radius:12px}
.v7155-boost .v71ad-total span{color:#0b2545!important;font-weight:800!important;font-size:16px!important}
.v7155-boost .v71ad-total strong{color:#0b2545!important;font-weight:800!important;font-size:1.7rem!important}
.v7155-boost .v71ad-approve,.v7155-boost .v71ad-stub{color:#3a3322!important;font-size:14px!important;line-height:1.5!important}
/* v71.70 — "how we use this" privacy notes */
.v7170-jit{display:block;margin:12px 0;padding:11px 13px;background:#f5f8fb;border:1px solid #d9e3ea;border-left:4px solid #0b3a5e;border-radius:10px;color:#2b3440!important;font:400 14px/1.5 Inter,Arial,sans-serif!important;text-align:left}
.v7170-jit strong{color:#0b2545;font-weight:800}
.v7170-jit a{color:#0b3a5e;font-weight:700;text-decoration:underline}
.v7170-staff{margin:10px 0;padding:10px 12px;background:#fff6e6;border:1px solid #ecd3a6;border-radius:10px;color:#5a3d0c;font-size:14px;line-height:1.45;font-weight:600}

/* v71.71 — labels always fit inside their boxes */
.v6710-pill,.v6706-jc-status,.v6972-quote-status,.v6706-payment-status,.v6673-status,.status-pill,.v7157-exp,.v7167-chip,.v7167-due{
  height:auto!important;min-height:24px!important;line-height:1.25!important;white-space:nowrap!important;
  padding-top:3px!important;padding-bottom:3px!important;width:auto!important;max-width:100%!important;box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:0 0 auto}
/* worker dashboard name card: on phones the status sits on its own line under the name */
@media (max-width:760px){
  .v7057-identity{flex-wrap:wrap!important;row-gap:8px!important}
  .v7057-identity-copy{flex:1 1 160px!important;min-width:0!important}
  .v7057-identity-copy p{overflow-wrap:anywhere}
  .v7057-identity-badges{flex:1 1 100%!important;flex-wrap:wrap!important;gap:6px!important;justify-content:flex-start!important}
}
@media (max-width:760px){
  body.customer-shell[data-v64-view] .v6673-job-row.v6673-job-row{grid-template-columns:36px minmax(0,1fr) auto auto!important;column-gap:8px!important;align-items:center!important}
  body .v6673-job-row > .v6673-due:empty{display:none!important}
  body .v6673-job-row > div{min-width:0!important}
  body .v6673-job-row > div strong,body .v6673-job-row > div small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
/* customer dashboard job rows: the "View" button is the › arrow (word kept for screen readers) */
body.customer-shell[data-v64-view] #view-dashboard .v6673-job-row .v6673-job-view.v6673-job-view{font-size:0!important;width:22px!important;min-width:22px!important;height:32px!important;min-height:32px!important;display:grid!important;place-items:center!important;overflow:visible!important;padding:0!important;background:transparent!important;border:0!important}
.v7172-list{margin:8px 0 12px;padding-left:20px;display:grid;gap:8px;font-size:15px;line-height:1.5;color:#2b3440}
.v6718-edit-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.v6718-edit-actions button{min-height:44px;padding:0 18px}

/* ===== v71.72 — worker titles: same writing, colour and place on every page ===== */
.v7172-topic-list{display:flex;flex-wrap:wrap;gap:8px}
.v7172-topic-list button{min-height:42px;padding:0 14px;font-size:14px}
/* every heading starts with a capital letter */
.v6710-role-overlay :is(h1,h2,h3,h4)::first-letter,.v6704-locked-overlay :is(h1,h2,h3,h4)::first-letter,.v6718-edit-card :is(h2,h3)::first-letter,.review-modal :is(h2,h3)::first-letter,.v7162-card h2::first-letter{text-transform:uppercase}
/* section headings inside worker pages: one style */
.v6710-role-overlay .v6710-role-main h2:not(.v6710-title h2){font-family:Inter,Arial,sans-serif!important;font-weight:800!important;font-size:18px!important;line-height:1.3!important;color:#0b2545!important;letter-spacing:0!important;text-transform:none!important}
@media (max-width:760px){
  /* page title sits in the same place on every worker page */
  .v6710-role-overlay .v6710-role-main > .v6710-page,.v6710-role-overlay .v6710-role-main > .v6851-messages-page{padding-top:0!important;margin-top:0!important}
  .v6710-role-overlay .v6710-role-main .v6710-title,.v6710-role-overlay .v6710-role-main .v6851-messages-head{margin-top:0!important;padding-top:0!important;border:0!important}
  .v6710-role-overlay .v6710-role-main .v6710-title-actions{display:block!important}
  .v6710-role-overlay .v6710-role-main .v6851-messages-head{display:block!important}
  .v6710-role-overlay .v6710-role-main .v6851-messages-head .v6851-new{margin-top:6px!important}
}
@media (max-width:760px){
  /* the quote above each worker page always takes the same space, so the page title never moves */
  .v6710-worker-shell .v6710-role-main > .v7057-quote-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;height:52px!important;margin:6px 2px 12px!important;overflow:hidden!important}
  .v6710-worker-shell .v7057-pagequote{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;max-width:100%!important;max-height:48px!important;line-height:1.3!important;padding:5px 14px!important;border-radius:18px!important}
}

/* ===== v71.72 — older pop-up windows restyled to the new look ===== */
.review-modal-overlay .review-modal:not(.m81-job-chat-modal){background:#fffdf9!important;background-image:none!important;color:#1f2933!important;border:1px solid #e6d8c3!important;padding-top:14px!important}
.review-modal-overlay .review-modal:not(.m81-job-chat-modal) > .eyebrow{display:block!important;color:#8a5d31!important;background:none!important;font:800 13px/1.3 Inter,Arial,sans-serif!important;letter-spacing:.08em!important;margin:14px 44px 2px 0!important;padding:0!important}
.review-modal-overlay .review-modal:not(.m81-job-chat-modal) > h2,.review-modal-overlay .review-modal:not(.m81-job-chat-modal) > h3{font-family:"Great Vibes",cursive!important;font-weight:400!important;font-size:36px!important;line-height:1.3!important;color:#0b2545!important;-webkit-text-fill-color:#0b2545!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:8px!important;margin:0 44px 16px 0!important;padding:4px 0 6px!important;background:none!important;text-shadow:none!important;letter-spacing:0!important}
.review-modal-overlay .review-modal:not(.m81-job-chat-modal) > .review-modal-close{position:absolute!important;top:12px!important;right:12px!important;width:40px!important;height:40px!important;border-radius:50%!important;background:#0b2545!important;color:#fff!important;border:0!important;font-size:22px!important;line-height:40px!important;z-index:3!important}
.review-modal-overlay .review-modal:not(.m81-job-chat-modal) form{margin-top:4px!important}
@media (max-width:760px){.review-modal-overlay .review-modal:not(.m81-job-chat-modal) > h2,.review-modal-overlay .review-modal:not(.m81-job-chat-modal) > h3{font-size:32px!important}}
body .review-modal-overlay .review-modal:not(.m81-job-chat-modal) > .eyebrow,body .review-modal-overlay .review-modal:not(.m81-job-chat-modal) > p.eyebrow{display:none!important}
body .review-modal-overlay .review-modal:not(.m81-job-chat-modal){padding-top:56px!important}

/* ===== v71.73 — customer pages: same title place, one heading style, tidy Disputes ===== */
/* section headings inside customer pages (not the dark advert boxes) */
.v6704-locked-overlay .v6704-locked-main h2:not(.v6919-house-ad h2):not(.v7057-adcta h2){font-family:Inter,Arial,sans-serif!important;font-weight:800!important;font-size:18px!important;line-height:1.3!important;color:#0b2545!important;letter-spacing:0!important;text-transform:none!important}
/* My Account: title first, Back underneath (like every other page) */
.v6704-locked-main .v6704-account-page{display:flex!important;flex-direction:column!important}
.v6704-locked-main .v6704-account-page > .v6704-page-title{order:1!important}
.v6704-locked-main .v6704-account-page > .v6739-page-back{order:2!important;align-self:flex-start!important}
.v6704-locked-main .v6704-account-page > :not(.v6704-page-title):not(.v6739-page-back){order:3}
@media (max-width:760px){
  /* page title sits in the same place on every customer page */
  .v6704-locked-overlay .v6704-locked-main > :not(.v6851-messages-page){padding-top:18px!important;margin-top:0!important}
  .v6704-locked-overlay .v6704-locked-main > .v6851-messages-page{padding-top:18px!important;margin-top:0!important}
  .v6704-locked-overlay .v6704-locked-main > * > h1:first-child,.v6704-locked-overlay .v6704-locked-main > * > :first-child > h1:first-child,.v6704-locked-overlay .v6704-locked-main > * > :first-child > :first-child > h1:first-child{margin-top:0!important}
  .v6704-locked-overlay .v6704-locked-main > * > header:first-child,.v6704-locked-overlay .v6704-locked-main > * > div:first-child{margin-top:0!important;padding-top:0!important}
  /* Disputes tabs: readable short labels */
  .v6704-dispute-tabs button::before{font-size:13.5px!important;font-weight:700!important}
  .v6704-dispute-tabs{gap:6px!important}
  .v6704-dispute-tabs button{flex:1 1 0!important;min-height:38px!important}
}
/* Disputes process: numbered step cards */
.v7005-dispute-process{margin-top:18px!important;padding:16px!important;background:#fff!important;border:1px solid #e3d7c6!important;border-radius:14px!important}
.v7005-dispute-process-head p{margin:4px 0 12px!important;color:#5b6573!important;font-size:14px!important}
.v7005-dispute-process-steps{display:grid!important;gap:10px!important}
.v7005-dispute-process-steps article{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;padding:10px 12px!important;background:#fffaf3!important;border:1px solid #efe3d0!important;border-radius:12px!important}
.v7005-dispute-process-steps article > span{width:30px!important;height:30px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#0b2545!important;color:#fff!important;font:800 14px/1 Inter,Arial,sans-serif!important}
.v7005-dispute-process-steps strong{display:block!important;font-size:15px!important;color:#0b2545!important;margin-bottom:2px!important}
.v7005-dispute-process-steps p{margin:0!important;font-size:14px!important;line-height:1.45!important;color:#394556!important}
/* name tag never overlaps the bell */
/* customer phone header: logo left, then bell, name tag, menu — in one row, never overlapping */
@media (max-width:760px){
  .v6704-locked-overlay .v6704-mobile-head{display:flex!important;align-items:center!important;gap:10px!important;padding:0 14px 0 16px!important;box-sizing:border-box!important}
  .v6704-locked-overlay .v6704-mobile-head > *{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;margin:0!important;flex:0 0 auto!important}
  .v6704-locked-overlay .v6704-mobile-head > img{margin-right:auto!important;flex:0 1 auto!important;min-width:0!important}
}
@media (max-width:760px){.v6704-locked-overlay .v6704-mobile-head > .v6704-notification-button{position:relative!important}}
/* one Back button style everywhere */
html body .v6739-page-back.v6739-page-back.v6739-page-back{display:inline-flex!important;align-items:center!important;gap:9px!important;width:auto!important;height:auto!important;min-height:44px!important;padding:6px 18px 6px 6px!important;background:#fffaf4!important;border:1.6px solid #bfa877!important;border-radius:999px!important;box-shadow:0 3px 0 0 #bfa877!important;color:#082d49!important;font:800 13px/1 Inter,Arial,sans-serif!important;text-decoration:none!important}
html body .v6739-page-back.v6739-page-back.v6739-page-back > span{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#082d49!important;color:#d1ad8b!important;font-size:20px!important;line-height:1!important}
html body .v6739-page-back.v6739-page-back.v6739-page-back > strong{display:inline!important;visibility:visible!important;font:800 13px/1 Inter,Arial,sans-serif!important;color:#082d49!important}
@media (max-width:760px){
  /* pages that had Back above the title: title first, Back underneath */
  .v6704-locked-main :is(section,div):has(> .v6739-page-back + :is(header,div) h1),.v6710-role-main :is(section,div):has(> .v6739-page-back + :is(header,div) h1){display:flex!important;flex-direction:column!important}
  .v6704-locked-main :is(section,div):has(> .v6739-page-back + :is(header,div) h1) > *,.v6710-role-main :is(section,div):has(> .v6739-page-back + :is(header,div) h1) > *{order:3}
  .v6704-locked-main :is(section,div):has(> .v6739-page-back + :is(header,div) h1) > :is(header,div):has(h1),.v6710-role-main :is(section,div):has(> .v6739-page-back + :is(header,div) h1) > :is(header,div):has(h1){order:1!important}
  .v6704-locked-main :is(section,div):has(> .v6739-page-back + :is(header,div) h1) > .v6739-page-back,.v6710-role-main :is(section,div):has(> .v6739-page-back + :is(header,div) h1) > .v6739-page-back{order:2!important;align-self:flex-start!important;margin:0 0 12px!important}
}
.v7174-today{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#fffaf4;border:1px solid #d8c7a8;color:#0b2545;font:700 14px/1 Inter,Arial,sans-serif}
.v6710-table-row[hidden]{display:none!important}
.v66474-kb-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}.v66474-kb-toolbar input{flex:1 1 200px;min-height:44px}
@media (max-width:760px){.v6710-role-overlay .v6710-role-top{height:70px!important;min-height:70px!important;max-height:70px!important;box-sizing:border-box!important}}
/* older admin/worker page frames: no extra padding around the screen (titles line up with every other page) */
.v6612-admin-overlay.v6710-role-overlay,.v6635-finance-overlay.v6710-role-overlay{padding:0!important;margin:0!important;background:transparent!important}
.v6612-admin-overlay.v6710-role-overlay > .v6710-role-shell,.v6635-finance-overlay.v6710-role-overlay > .v6710-role-shell{margin:0!important;border-radius:0!important;max-width:none!important;width:100%!important;height:100%!important}
@media (min-width:761px){
  /* the quote above each worker page takes the same space every time, so titles never move */
  .v6710-worker-shell .v6710-role-main > .v7057-quote-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;height:40px!important;margin:12px 2px 16px!important;overflow:hidden!important}
  .v6710-worker-shell .v7057-pagequote{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;line-height:1.2!important}
}
@media (min-width:761px){
  /* customer laptop: every page starts in the same place */
  .v6704-locked-overlay .v6704-locked-main > *{padding-top:16px!important;padding-left:22px!important;padding-right:22px!important;margin-top:0!important;margin-left:0!important;box-sizing:border-box!important}
  .v6704-locked-overlay .v6704-locked-main > * > :is(header,div,section):has(> h1),.v6704-locked-overlay .v6704-locked-main > * > :is(header,div,section) > :is(header,div):has(> h1){margin-top:0!important;margin-left:0!important;padding-top:0!important;padding-left:0!important}
  .v6704-locked-overlay .v6704-locked-main h1{margin-left:0!important}
}
@media (min-width:761px){
  .v6704-locked-overlay .v6706-saved-head{align-items:flex-start!important}
  .v6704-locked-overlay .v6704-account-page > .v6704-page-title{margin:0!important;padding:0!important}
}
html body .v6704-locked-overlay.v6704-locked-overlay .v6706-saved-head.v6706-saved-head > div{transform:none!important;translate:none!important;top:auto!important}
@media (min-width:761px){.v6704-locked-overlay .v6704-locked-main > *{max-width:100%!important;width:auto!important}}
.v6707-post-progress button.is-locked{cursor:default!important;opacity:.55!important}
.v6707-post-progress button:not(.is-locked):not(.is-active){cursor:pointer}
/* v71.76 — Forgot password */
.v7176-forgot-link{display:block;margin:4px 0 10px auto;padding:6px 0;background:none;border:0;color:#0b3a5e;font:700 14px/1.2 Inter,Arial,sans-serif;text-decoration:underline;cursor:pointer}
.v7176-card{max-width:440px!important;width:calc(100vw - 32px)!important}
.v7176-card h2{font-family:"Great Vibes",cursive!important;font-weight:400!important;font-size:34px!important;color:#0b2545!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px;margin:0 40px 10px 0!important;line-height:1.3}
.v7176-card p{font-size:15px;line-height:1.5;color:#2b3440}
.v7176-form{display:grid;gap:10px;margin-top:8px}
.v7176-form label{display:grid;gap:6px;font-weight:700;color:#0b2545;font-size:14px}
.v7176-form input{min-height:46px;padding:0 12px;border:1px solid #cfd8e3;border-radius:10px;font-size:16px}
.v7176-overlay{z-index:2147483000!important}

/* v71.77 — Log out always reachable on phones */
@media (max-width:760px){
  /* the ☰ side menu scrolls far enough that Log Out clears the bottom menu bar and Safari's toolbars */
  .v6710-role-overlay .v6710-role-side{top:0!important;bottom:0!important;height:auto!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important}
  .v6710-role-overlay .v6710-role-side .v6710-role-slogan{display:none!important}
  .v6710-role-overlay .v6710-role-side .v6710-role-logout{display:flex!important;align-items:center!important;justify-content:center!important;margin:14px 16px 0!important;min-height:46px!important;border:1.5px solid #d1ad8b!important;border-radius:12px!important;color:#fff!important;font:800 15px/1 Inter,Arial,sans-serif!important;background:rgba(255,255,255,.06)!important}
}
.v7177-logout-wrap{margin:22px 0 8px;display:flex;justify-content:center}
.v7177-logout{min-height:46px;min-width:200px;padding:0 22px;border:1.5px solid #c53a3a;border-radius:12px;background:#fff;color:#a42525;font:800 15px/1 Inter,Arial,sans-serif;cursor:pointer}
@media (min-width:761px){.v7177-logout-wrap{justify-content:flex-start}}