/* Mendli v66.80 — signed-in shell design lock.
   One visual language for sidebars + header notification controls.
   This layer intentionally does not redesign page content. */
:root{
  --m80-navy:#062943;
  --m80-navy-deep:#041e34;
  --m80-active:#2b5874;
  --m80-gold:#efd1b0;
  --m80-cream:#fbf6ed;
  --m80-side-w:242px;
  --m80-side-pad:14px;
}

/* ---------- Customer desktop sidebar: one component ---------- */
@media (min-width:701px){
  body.customer-shell[data-v64-view="dashboard"] .v64-dashboard-shell{
    grid-template-columns:var(--m80-side-w) minmax(0,1fr)!important;
  }
  body.customer-shell[data-v64-view="dashboard"] .v64-sidebar,
  #view-post .v6680-customer-sidebar,
  .v6653-workspace-sidebar.v6680-customer-sidebar,
  .v6675-jc-sidebar.v6680-customer-sidebar,
  .v6676-open-job .v6676-side.v6680-customer-sidebar{
    width:var(--m80-side-w)!important;
    min-width:var(--m80-side-w)!important;
    max-width:var(--m80-side-w)!important;
    background:linear-gradient(180deg,var(--m80-navy) 0%,var(--m80-navy-deep) 100%)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  body.customer-shell[data-v64-view="dashboard"] .v64-sidebar,
  #view-post .v6680-customer-sidebar{
    padding:18px var(--m80-side-pad)!important;
  }
  #view-post .v64-dashboard-shell{grid-template-columns:var(--m80-side-w) minmax(0,1fr)!important}
  .v6675-jc-shell{grid-template-columns:var(--m80-side-w) minmax(0,1fr)!important}
  .v6676-open-job .v6676-page{grid-template-columns:var(--m80-side-w) minmax(0,1fr)!important}
  .v6620-workspace:has(> .v6653-workspace-sidebar.v6680-customer-sidebar){padding-left:var(--m80-side-w)!important}

  /* Shared menu row. Labels never wrap or collapse to icon width. */
  body.customer-shell[data-v64-view="dashboard"] .v64-sidebar button,
  #view-post .v6680-customer-sidebar button,
  .v6653-workspace-sidebar.v6680-customer-sidebar .v6653-workspace-nav button,
  .v6675-jc-sidebar.v6680-customer-sidebar nav button,
  .v6676-open-job .v6676-side.v6680-customer-sidebar nav button{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:5px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    background:transparent!important;
    color:#fff!important;
    font:700 14px/1.15 Inter,Arial,sans-serif!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  body.customer-shell[data-v64-view="dashboard"] .v64-sidebar button>span,
  #view-post .v6680-customer-sidebar button>span:not(.mendli-side-icon),
  .v6653-workspace-sidebar.v6680-customer-sidebar .v6653-workspace-nav button>span:last-child{
    width:auto!important;
    min-width:0!important;
    flex:1 1 auto!important;
    margin:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:14px!important;
  }
  .mendli-side-icon,
  .v6653-workspace-sidebar.v6680-customer-sidebar .v6653-side-icon,
  .v6675-jc-sidebar.v6680-customer-sidebar nav button>span:first-child,
  .v6676-open-job .v6676-side.v6680-customer-sidebar nav button>span:first-child{
    display:grid!important;
    place-items:center!important;
    flex:0 0 23px!important;
    width:23px!important;
    min-width:23px!important;
    height:23px!important;
    margin:0!important;
    color:#fff!important;
    font-size:17px!important;
    font-style:normal!important;
    line-height:1!important;
    text-align:center!important;
  }
  body.customer-shell[data-v64-view="dashboard"] .v64-sidebar button:hover,
  #view-post .v6680-customer-sidebar button:hover,
  .v6653-workspace-sidebar.v6680-customer-sidebar .v6653-workspace-nav button:hover,
  .v6675-jc-sidebar.v6680-customer-sidebar nav button:hover,
  .v6676-open-job .v6676-side.v6680-customer-sidebar nav button:hover{
    background:rgba(255,255,255,.08)!important;
  }
  body.customer-shell[data-v64-view="dashboard"] .v64-sidebar button.active,
  #view-post .v6680-customer-sidebar button.active,
  .v6653-workspace-sidebar.v6680-customer-sidebar .v6653-workspace-nav button.active,
  .v6675-jc-sidebar.v6680-customer-sidebar nav button.active,
  .v6676-open-job .v6676-side.v6680-customer-sidebar nav button.active{
    background:rgba(83,144,179,.36)!important;
    box-shadow:inset 4px 0 0 var(--m80-gold)!important;
    border-radius:0 5px 5px 0!important;
    color:#fff!important;
  }

  /* Exact customer menu target has Accounts (containing invoices/payments), not a separate Payments row. */
  body.customer-shell[data-v64-view="dashboard"] #v64SidePayments,
  #view-post #v6652SidePayments{display:none!important}

  /* Make the two static customer sidebars carry the same Mendli brand treatment. */
  #view-post .v6680-customer-sidebar:before{
    content:"";
    display:block!important;
    flex:0 0 auto!important;
    width:178px!important;
    height:84px!important;
    margin:0 8px 9px!important;
    background:url('assets/mendli-logo-final.png') left center/contain no-repeat!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  #view-post .v6680-customer-sidebar>p{display:none!important}

  /* Community card uses the same proportions everywhere it is present. */
  .v6673-community-card,.v6677-community-card,.v6677-post-community,.v6675-jc-community,.v6676-community{
    margin:auto 7px 4px!important;
    min-height:176px!important;
    padding:16px 10px!important;
    border:1px solid rgba(209,173,139,.42)!important;
    border-radius:11px!important;
    background:rgba(4,28,49,.46)!important;
    color:#fff!important;
    text-align:center!important;
  }
}

/* ---------- Shared header notification control ---------- */
.v6673-notify,.v6675-jc-notify,.v6676-bell,.v6674-workspace-notify,.v6680-admin-notify,
.v6643-top-notification{
  position:relative!important;
}
.v6680-admin-notify{
  width:40px!important;height:40px!important;border:0!important;background:transparent!important;
  color:#082744!important;font-size:20px!important;display:grid!important;place-items:center!important;cursor:pointer!important;
}
.v6644-admin-topbar{grid-template-columns:1fr auto auto!important;gap:12px!important;align-items:center!important}

/* ---------- Worker + admin use same navigation geometry, role content stays intact ---------- */
@media (min-width:701px){
  body.worker-shell[data-v64-view="dashboard"] .v64-dashboard-shell{grid-template-columns:var(--m80-side-w) minmax(0,1fr)!important}
  body.worker-shell[data-v64-view="dashboard"] .v64-sidebar,
  .v6653-workspace-sidebar.v6680-worker-sidebar,
  .v6653-worker-settings-sidebar,
  .v6644-admin-sidebar.v6653-admin-uniform-sidebar{
    background:linear-gradient(180deg,var(--m80-navy) 0%,var(--m80-navy-deep) 100%)!important;
  }
  body.worker-shell[data-v64-view="dashboard"] .v64-sidebar{width:var(--m80-side-w)!important;min-width:var(--m80-side-w)!important;padding:18px 14px!important}
  body.worker-shell[data-v64-view="dashboard"] .v64-sidebar button,
  .v6653-workspace-sidebar.v6680-worker-sidebar .v6653-workspace-nav button,
  .v6653-worker-settings-sidebar>button,
  .v6653-admin-uniform-sidebar .v6644-admin-nav button{
    min-height:48px!important;
    white-space:nowrap!important;
  }
}

/* ---------- Mobile stays mobile: never squeeze a desktop sidebar into the phone ---------- */
@media (max-width:700px){
  .v6680-customer-sidebar,
  .v6653-workspace-sidebar.v6680-customer-sidebar,
  .v6675-jc-sidebar.v6680-customer-sidebar,
  .v6676-open-job .v6676-side.v6680-customer-sidebar{display:none!important}
  body.customer-shell[data-v64-view="dashboard"] .v64-dashboard-shell,
  #view-post .v64-dashboard-shell,.v6675-jc-shell,.v6676-open-job .v6676-page{display:block!important}
}

@media (min-width:701px){
  .v6653-workspace-sidebar.v6680-customer-sidebar:before,
  .v6653-workspace-sidebar.v6680-worker-sidebar:before{
    content:"";
    display:block!important;
    flex:0 0 auto!important;
    width:178px!important;
    height:82px!important;
    margin:0 8px 10px!important;
    background:url('assets/mendli-logo-final.png') left center/contain no-repeat!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
}

/* =====================================================================
   v66.80 FINAL UNIFORMITY PASS
   Shared signed-in navigation geometry + Mendli workspace visual system.
   Customer dashboard main content is intentionally excluded from redesign.
   ===================================================================== */
:root{
  --m80-ink:#08243e;
  --m80-muted:#607188;
  --m80-line:#dfe5e9;
  --m80-surface:#fffdf8;
  --m80-warm:#fbf6ed;
  --m80-gold-soft:#fff0c8;
  --m80-shadow:0 9px 26px rgba(6,41,67,.08);
}

/* One desktop sidebar component — customer, worker and admin. */
@media (min-width:701px){
  .v64-sidebar,
  .v6653-workspace-sidebar,
  .v6675-jc-sidebar,
  .v6676-open-job .v6676-side,
  .v6653-worker-settings-sidebar,
  .v6644-admin-sidebar.v6653-admin-uniform-sidebar{
    width:var(--m80-side-w)!important;
    min-width:var(--m80-side-w)!important;
    max-width:var(--m80-side-w)!important;
    box-sizing:border-box!important;
    background:linear-gradient(180deg,var(--m80-navy) 0%,var(--m80-navy-deep) 100%)!important;
    color:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:16px 12px!important;
    overflow-x:hidden!important;
  }

  .m80-sidebar-brand,
  .v6675-jc-brand,
  .v6676-brand-side,
  .v6673-sidebar-brand{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:100%!important;
    height:112px!important;
    padding:0 8px 12px!important;
    margin:0 0 8px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    box-sizing:border-box!important;
  }
  .m80-sidebar-brand img,
  .v6675-jc-brand img,
  .v6673-sidebar-brand img{
    display:block!important;
    width:174px!important;
    height:auto!important;
    max-height:82px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .m80-sidebar-brand small,
  .v6673-sidebar-brand small{
    color:rgba(255,255,255,.62)!important;
    font:800 9px/1 Inter,Arial,sans-serif!important;
    letter-spacing:.16em!important;
    margin:3px 0 0 8px!important;
  }

  .v64-sidebar>p,
  .v6653-workspace-sidebar>p,
  .v6653-worker-settings-sidebar>.v6632-account-label{display:none!important}

  .m80-dashboard-side-nav,
  .v6653-workspace-nav,
  .v6675-jc-sidebar nav,
  .v6676-open-job .v6676-side nav,
  .v6644-admin-nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:2px!important;
    width:100%!important;
  }

  .m80-dashboard-side-nav button,
  .v6653-workspace-nav button,
  .v6675-jc-sidebar nav button,
  .v6676-open-job .v6676-side nav button,
  #view-post .v6680-customer-sidebar>button,
  .v6653-worker-settings-sidebar>button,
  .v6644-admin-nav button{
    appearance:none!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0!important;
    padding:0 13px!important;
    border:0!important;
    border-radius:5px!important;
    background:transparent!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    box-shadow:none!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    font:700 14px/1 Inter,Arial,sans-serif!important;
    cursor:pointer!important;
  }
  .m80-dashboard-side-nav button>span:first-child,
  .v6653-workspace-nav .v6653-side-icon,
  .v6675-jc-sidebar nav button>span:first-child,
  .v6676-open-job .v6676-side nav button>span:first-child,
  #view-post .mendli-side-icon,
  .v6644-admin-nav .v6653-side-icon{
    flex:0 0 24px!important;
    width:24px!important;
    height:24px!important;
    display:grid!important;
    place-items:center!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1!important;
    margin:0!important;
  }
  .m80-dashboard-side-nav button>span:last-child,
  .v6653-workspace-nav button>span:last-child,
  .v6675-jc-sidebar nav button,
  .v6676-open-job .v6676-side nav button,
  #view-post .v6680-customer-sidebar>button>span:last-child,
  .v6644-admin-nav button>span:last-child{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:700!important;
  }
  .m80-dashboard-side-nav button:hover,
  .v6653-workspace-nav button:hover,
  .v6675-jc-sidebar nav button:hover,
  .v6676-open-job .v6676-side nav button:hover,
  #view-post .v6680-customer-sidebar>button:hover,
  .v6653-worker-settings-sidebar>button:hover,
  .v6644-admin-nav button:hover{background:rgba(255,255,255,.08)!important}

  .m80-dashboard-side-nav button.active,
  .v6653-workspace-nav button.active,
  .v6675-jc-sidebar nav button.active,
  .v6676-open-job .v6676-side nav button.active,
  #view-post .v6680-customer-sidebar>button.active,
  .v6653-worker-settings-sidebar>button.is-active,
  .v6644-admin-nav button.active{
    background:rgba(83,144,179,.36)!important;
    box-shadow:inset 4px 0 0 var(--m80-gold)!important;
    color:#fff!important;
    border-radius:0 5px 5px 0!important;
  }

  /* Grid/offsets all use the exact same sidebar width. */
  body.customer-shell[data-v64-view="dashboard"] .v64-dashboard-shell,
  body.worker-shell[data-v64-view="dashboard"] .v64-dashboard-shell,
  body.admin-shell[data-v64-view="dashboard"] .v64-dashboard-shell,
  #view-post .v64-dashboard-shell{grid-template-columns:var(--m80-side-w) minmax(0,1fr)!important}
  .v6675-jc-shell{grid-template-columns:var(--m80-side-w) minmax(0,1fr)!important}
  .v6676-open-job .v6676-page{grid-template-columns:var(--m80-side-w) minmax(0,1fr)!important}
  .v6620-workspace:has(> .v6653-workspace-sidebar),
  .v6620-workspace:has(> .v6644-admin-sidebar.v6653-admin-uniform-sidebar){padding-left:var(--m80-side-w)!important}
  .v6620-workspace:has(> .v6644-admin-sidebar.v6653-admin-uniform-sidebar)>.v6644-admin-topbar{left:var(--m80-side-w)!important}
  .v660-worker-settings-modal .v6630-profile-shell{grid-template-columns:var(--m80-side-w) minmax(0,1fr)!important}
  .v660-worker-settings-modal .v6653-worker-settings-sidebar{min-height:100vh!important;display:block!important}

  /* Never allow the agreed customer sidebar labels to wrap. */
  body.customer-shell[data-v64-view="dashboard"] .v64-sidebar,
  #view-post .v6680-customer-sidebar,
  .v6675-jc-sidebar.v6680-customer-sidebar,
  .v6676-side.v6680-customer-sidebar{font-size:14px!important}
}

/* Hide obsolete duplicate customer payment row if any historical markup survives. */
body.customer-shell[data-v64-view="dashboard"] #v64SidePayments,
#view-post #v6652SidePayments{display:none!important}

/* ---------------------------------------------------------------------
   Uniform Mendli workspaces. This does NOT target the approved dashboard.
   --------------------------------------------------------------------- */
.v6620-workspace-overlay,
.v6635-finance-overlay{background:var(--m80-warm)!important}
.v6620-workspace{
  background:var(--m80-warm)!important;
  color:var(--m80-ink)!important;
}
.v6620-workspace>.v6620-hero{
  background:linear-gradient(135deg,#fffdf8 0%,#fbf4e7 100%)!important;
  border-bottom:1px solid #eadfce!important;
  color:var(--m80-ink)!important;
}
.v6620-workspace>.v6620-hero *,
.v6620-workspace>.v6620-hero h1,
.v6620-workspace>.v6620-hero h2,
.v6620-workspace>.v6620-hero h3,
.v6620-workspace>.v6620-hero strong{color:var(--m80-ink)!important}
.v6620-workspace>.v6620-hero .eyebrow{
  color:#b67a14!important;
  letter-spacing:.15em!important;
  font-weight:850!important;
}
.v6620-workspace>.v6620-hero p,
.v6620-workspace>.v6620-hero .muted{color:var(--m80-muted)!important}
.v6620-workspace>.v6620-content,
.v6620-workspace>.v6612-admin-content,
.v6620-workspace>.v6635-finance-content{
  background:var(--m80-warm)!important;
  color:var(--m80-ink)!important;
}
.v6620-workspace .v655-info-card,
.v6620-workspace .v6635-card,
.v6620-workspace .v6673-worker-card,
.v6620-workspace .customer-job-summary,
.v6620-workspace .worker-interest-card,
.v6620-workspace article{
  background:#fff!important;
  border:1px solid var(--m80-line)!important;
  border-radius:12px!important;
  box-shadow:0 3px 13px rgba(6,41,67,.045)!important;
}
.v6620-workspace h2,.v6620-workspace h3,.v6620-workspace h4,.v6620-workspace strong,.v6620-workspace b{color:var(--m80-ink)!important}
.v6620-workspace p,.v6620-workspace small,.v6620-workspace .muted{color:var(--m80-muted)!important}
.v6620-workspace .btn.primary,.v6620-workspace .btn-primary,
.v6620-workspace button.primary{
  background:linear-gradient(135deg,#d1ad8b,#d1ad8b)!important;
  border-color:#d1ad8b!important;
  color:var(--m80-ink)!important;
  box-shadow:none!important;
}
.v6620-workspace .v655-info-card button:not(.modal-close),
.v6620-workspace .v6635-link-btn,
.v6620-workspace .v6673-account-home button,
.v6620-workspace .v6680-account-hub button,
.v6620-workspace .v6680-admin-workers button{
  border:1px solid #b9c7d4!important;
  background:#fff!important;
  color:var(--m80-ink)!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
.v6620-workspace .v655-info-card button:not(.modal-close):hover,
.v6620-workspace .v6635-link-btn:hover,
.v6620-workspace .v6673-account-home button:hover,
.v6620-workspace .v6680-account-hub button:hover,
.v6620-workspace .v6680-admin-workers button:hover{
  border-color:#d1ad8b!important;
  background:#fff8e8!important;
}

/* Accounts hubs — one branded destination, no information removed. */
.v6673-account-home,.v6680-account-hub{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  padding:4px!important;
}
.v6673-account-home button,.v6680-account-hub button{
  min-height:148px!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:left!important;
}
.v6680-account-hub button>span{font-size:28px!important;color:#c48821!important}
.v6673-account-home button strong,.v6680-account-hub button strong{font-size:17px!important;color:var(--m80-ink)!important}
.v6673-account-home button small,.v6680-account-hub button small{font-size:13px!important;line-height:1.5!important;color:var(--m80-muted)!important}

/* Invoice / account history retains every field but matches Mendli. */
.v6635-finance-content{max-width:1240px!important;margin:0 auto!important;padding:24px!important}
.v6635-summary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
.v6635-summary article{
  min-height:122px!important;
  padding:20px!important;
  border:1px solid #e0d7c9!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:var(--m80-shadow)!important;
}
.v6635-summary article small{color:#9b6a16!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:850!important}
.v6635-summary article strong{display:block!important;margin:6px 0!important;font-size:27px!important;color:var(--m80-ink)!important}
.v6635-summary article span{color:var(--m80-muted)!important}
.v6635-card{
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e0d7c9!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:var(--m80-shadow)!important;
}
.v6635-card-head{padding:20px 22px!important;border-bottom:1px solid #ece4d8!important;background:#fffdf8!important}
.v6635-card-head h3{margin:0 0 4px!important;color:var(--m80-ink)!important;font-size:19px!important}
.v6635-card-head p{margin:0!important;color:var(--m80-muted)!important}
.v6635-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 16px!important}
.v6635-tabs button{
  min-height:42px!important;padding:0 16px!important;border:1px solid #d8dedf!important;border-radius:8px!important;background:#fff!important;color:var(--m80-ink)!important;font-weight:800!important
}
.v6635-tabs button.active{background:var(--m80-navy)!important;border-color:var(--m80-navy)!important;color:#fff!important}
.v6635-table-wrap{overflow:auto!important}
.v6635-table{width:100%!important;border-collapse:collapse!important;min-width:760px!important}
.v6635-table th{padding:12px 15px!important;background:#f6f1e8!important;color:#526379!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em!important;text-align:left!important}
.v6635-table td{padding:15px!important;border-top:1px solid #ece7df!important;color:var(--m80-ink)!important;vertical-align:middle!important}
.v6635-table td strong{display:block!important;color:var(--m80-ink)!important}
.v6635-table td small{display:block!important;margin-top:3px!important;color:var(--m80-muted)!important}
.v6635-status{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:4px 10px!important;border-radius:999px!important;background:#fff1c9!important;color:#805713!important;font-weight:800!important;font-size:11px!important}
.v6635-status-paid{background:#e5f5e9!important;color:#25673c!important}
.v6635-status-void{background:#eceff2!important;color:#586573!important}
.v6635-status-credited{background:#e9f1fb!important;color:#315f91!important}
.v6635-empty,.v6635-setup-note{padding:24px!important;color:var(--m80-muted)!important}

/* Individual invoice — branded navy/cream/gold, exact original information retained. */
.v6640-invoice-overlay{background:rgba(3,24,42,.72)!important}
.v6640-invoice-sheet{
  background:#fffdf8!important;
  color:var(--m80-ink)!important;
  border:1px solid #d8c8ae!important;
  box-shadow:0 22px 70px rgba(3,24,42,.3)!important;
}
.v6640-invoice-brand{
  background:linear-gradient(135deg,var(--m80-navy-deep),var(--m80-navy))!important;
  color:#fff!important;
  border-bottom:4px solid var(--m80-gold)!important;
}
.v6640-invoice-brand *{color:#fff!important}
.v6640-brand-mark{background:var(--m80-gold)!important;color:var(--m80-navy)!important}
.v6640-title-card{background:#fff1ce!important;border-color:#ead09b!important}
.v6640-title-card h2,.v6640-title-card b{color:var(--m80-ink)!important}
.v6640-parties article,.v6640-job,.v6640-info{background:#fff!important;border-color:#e4ded4!important}
.v6640-lines thead{background:var(--m80-navy)!important;color:#fff!important}
.v6640-lines th{color:#fff!important}
.v6640-lines td{border-color:#e7e1d8!important;color:var(--m80-ink)!important}
.v6640-totals .grand{background:var(--m80-gold-soft)!important;color:var(--m80-ink)!important}
.v6640-invoice-actions .btn-primary{background:var(--m80-gold)!important;color:var(--m80-ink)!important;border-color:#d1ad8b!important}
.v6640-watermark,.v6640-community{color:rgba(209,173,139,.18)!important}
.v6640-footer{border-top-color:#dbcba9!important;color:var(--m80-muted)!important}

/* Admin worker directory added for a real destination behind the unified nav. */
.v6680-directory-search{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;border:1px solid #dcdfe0!important;border-radius:9px!important;background:#fff!important;margin-bottom:14px!important}
.v6680-directory-search input{width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:var(--m80-ink)!important}
.v6680-directory-list{display:grid!important;gap:8px!important}
.v6680-directory-list article{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:14px 16px!important}
.v6680-directory-list article small{display:block!important;margin-top:4px!important}

/* Static worker profile surface: same Mendli theme, functionality untouched. */
#view-worker-profile .page-card,
#view-jobs .page-card{
  background:var(--m80-warm)!important;
  color:var(--m80-ink)!important;
}
#view-worker-profile .btn.primary,#view-jobs .btn.primary{background:var(--m80-gold)!important;color:var(--m80-ink)!important;border-color:#d1ad8b!important}

/* Mobile: no desktop sidebar, larger/open-job readable typography. */
@media (max-width:700px){
  .v64-sidebar,.v6653-workspace-sidebar,.v6675-jc-sidebar,.v6676-open-job .v6676-side,.v6653-worker-settings-sidebar,.v6644-admin-sidebar.v6653-admin-uniform-sidebar{display:none!important}
  .v6620-workspace:has(> .v6653-workspace-sidebar),.v6620-workspace:has(> .v6644-admin-sidebar.v6653-admin-uniform-sidebar){padding-left:0!important}
  .v6673-account-home,.v6680-account-hub,.v6635-summary{grid-template-columns:1fr!important}
  .v6635-finance-content{padding:14px!important}
  .v6635-table{min-width:690px!important}

  .v6676-open-job .jc-title h1{font-size:25px!important;line-height:1.12!important}
  .v6676-open-job .jc-meta,.v6676-open-job .jc-meta *{font-size:13px!important;line-height:1.45!important}
  .v6676-open-job .v6676-progress small{font-size:11px!important;line-height:1.2!important;font-weight:800!important}
  .v6676-open-job .jc-tabs button small{font-size:11px!important;line-height:1.15!important;font-weight:800!important}
  .v6676-open-job .jc-tabs button span{font-size:18px!important}
  .v6676-open-job .jc-body{font-size:14px!important;line-height:1.5!important}
  .v6676-open-job .v6677-message-bubble,.v6676-open-job .v6677-message-bubble *{font-size:14px!important;line-height:1.48!important}
  .v6676-open-job textarea,.v6676-open-job input,.v6676-open-job .v6677-message-composer input{font-size:16px!important}
  .v6676-open-job .v6676-person-card strong{font-size:16px!important}
  .v6676-open-job .v6676-person-card small{font-size:12px!important;line-height:1.4!important}
}

/* Preserve invoice printability after visual restyle. */
@media print{
  .v6640-invoice-overlay{background:#fff!important}
  .v6640-invoice-sheet{box-shadow:none!important;border:0!important}
  .v6640-invoice-actions,.v6640-invoice-close{display:none!important}
}

/* =====================================================================
   v66.80.2 — role dashboard + modal brand harmonisation.
   Customer dashboard main content is intentionally left untouched.
   ===================================================================== */

/* Worker/admin dashboards keep their existing structure and data, but use
   the same Mendli navy / cream / gold visual language as the customer side. */
body.worker-shell[data-v64-view="dashboard"] .v64-dashboard,
body.admin-shell[data-v64-view="dashboard"] .v64-dashboard{
  background:var(--m80-warm)!important;
  color:var(--m80-ink)!important;
}
body.worker-shell[data-v64-view="dashboard"] .v64-dashboard-main,
body.admin-shell[data-v64-view="dashboard"] .v64-dashboard-main{
  color:var(--m80-ink)!important;
  background:var(--m80-warm)!important;
}
body.worker-shell[data-v64-view="dashboard"] .v64-appbar,
body.admin-shell[data-v64-view="dashboard"] .v64-appbar{
  height:76px!important;
  background:linear-gradient(90deg,var(--m80-navy-deep),var(--m80-navy))!important;
  border-bottom:1px solid rgba(209,173,139,.35)!important;
  color:#fff!important;
}
body.worker-shell[data-v64-view="dashboard"] .v64-app-logo,
body.admin-shell[data-v64-view="dashboard"] .v64-app-logo{
  width:190px!important;height:64px!important;
  background:url('assets/mendli-logo-final.png') left center/contain no-repeat!important;
}
body.worker-shell[data-v64-view="dashboard"] .v64-app-logo>*,
body.admin-shell[data-v64-view="dashboard"] .v64-app-logo>*{display:none!important}
body.worker-shell[data-v64-view="dashboard"] .v64-appnav button,
body.admin-shell[data-v64-view="dashboard"] .v64-appnav button{
  color:#fff!important;background:transparent!important;border-color:rgba(255,255,255,.08)!important;
}
body.worker-shell[data-v64-view="dashboard"] .v64-appnav button:first-child,
body.admin-shell[data-v64-view="dashboard"] .v64-appnav button:first-child{border-bottom-color:var(--m80-gold)!important}
body.worker-shell[data-v64-view="dashboard"] .v64-avatar,
body.admin-shell[data-v64-view="dashboard"] .v64-avatar{background:#0b3554!important;border:1px solid rgba(209,173,139,.55)!important;color:#fff!important}
body.worker-shell[data-v64-view="dashboard"] .v64-welcome,
body.admin-shell[data-v64-view="dashboard"] .v64-welcome{
  margin:0 0 16px!important;padding:24px 28px!important;border-radius:13px!important;
  background:linear-gradient(110deg,#052c48,#082f4a)!important;
  color:#fff!important;
}
body.worker-shell[data-v64-view="dashboard"] .v64-welcome h2,
body.admin-shell[data-v64-view="dashboard"] .v64-welcome h2,
body.worker-shell[data-v64-view="dashboard"] .v64-welcome h2 span,
body.admin-shell[data-v64-view="dashboard"] .v64-welcome h2 span{color:#fff!important}
body.worker-shell[data-v64-view="dashboard"] .v64-welcome p,
body.admin-shell[data-v64-view="dashboard"] .v64-welcome p,
body.worker-shell[data-v64-view="dashboard"] .v64-progress small,
body.admin-shell[data-v64-view="dashboard"] .v64-progress small{color:#f8f1e6!important}
body.worker-shell[data-v64-view="dashboard"] .v64-progress i,
body.admin-shell[data-v64-view="dashboard"] .v64-progress i{background:var(--m80-gold)!important}
body.worker-shell[data-v64-view="dashboard"] .v64-progress button,
body.admin-shell[data-v64-view="dashboard"] .v64-progress button{color:var(--m80-gold)!important}
body.worker-shell[data-v64-view="dashboard"] .v64-summary-grid article,
body.admin-shell[data-v64-view="dashboard"] .v64-summary-grid article,
body.worker-shell[data-v64-view="dashboard"] .v64-panel,
body.admin-shell[data-v64-view="dashboard"] .v64-panel{
  background:#fff!important;color:var(--m80-ink)!important;border:1px solid var(--m80-line)!important;
  box-shadow:0 4px 16px rgba(6,41,67,.055)!important;
}
body.worker-shell[data-v64-view="dashboard"] .v64-round,
body.admin-shell[data-v64-view="dashboard"] .v64-round{background:var(--m80-navy)!important;color:var(--m80-gold)!important}
body.worker-shell[data-v64-view="dashboard"] .v64-letter.solid,
body.admin-shell[data-v64-view="dashboard"] .v64-letter.solid{background:var(--m80-navy)!important;color:var(--m80-gold)!important}
body.worker-shell[data-v64-view="dashboard"] .v64-trust-strip,
body.admin-shell[data-v64-view="dashboard"] .v64-trust-strip{background:var(--m80-navy)!important;border:1px solid rgba(209,173,139,.22)!important}

/* Worker advertising modal — same Mendli surface without changing its content. */
.v669-ads-overlay{background:rgba(3,24,42,.72)!important}
.v669-ads-modal{background:var(--m80-warm)!important;color:var(--m80-ink)!important;border:1px solid #dfd4c3!important;box-shadow:0 24px 70px rgba(3,24,42,.28)!important}
.v669-ads-modal .eyebrow{color:#ad761b!important}
.v669-ads-modal h2,.v669-ads-modal h3,.v669-ads-modal strong,.v669-ads-modal b{color:var(--m80-ink)!important}
.v669-ads-modal p,.v669-ads-modal small{color:var(--m80-muted)!important}
.v669-package{background:#fff!important;border:1px solid #d9dfe5!important;color:var(--m80-ink)!important;box-shadow:none!important}
.v669-package.selected{border-color:var(--m80-gold)!important;box-shadow:inset 0 0 0 2px rgba(209,173,139,.28)!important;background:#fffaf0!important}
.v669-ad-summary,.v669-terms,.v669-current{background:#fff!important;border-color:#e4ded3!important}
.v669-ads-modal .btn.primary{background:var(--m80-gold)!important;color:var(--m80-ink)!important;border-color:#d1ad8b!important}

/* Worker profile editor: keep the existing settings functions but use the same
   cream canvas / white cards / navy-gold controls. */
.v660-worker-settings-overlay{background:rgba(3,24,42,.72)!important}
.v660-worker-settings-modal{background:var(--m80-warm)!important;color:var(--m80-ink)!important}
.v6630-profile-main{background:var(--m80-warm)!important;color:var(--m80-ink)!important}
.v6630-profile-heading,.v6627-settings-section{background:#fff!important;border-color:var(--m80-line)!important;color:var(--m80-ink)!important}
.v6627-settings-section h3,.v6630-profile-heading h2{color:var(--m80-ink)!important}
.v6627-settings-section p,.v6627-settings-section small,.v6630-profile-heading p{color:var(--m80-muted)!important}

/* Mobile invoice/history tables retain all columns and remain safely scrollable. */
@media (max-width:700px){
  .v6635-card{overflow:hidden!important}
  .v6635-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important}
  .v6635-table th,.v6635-table td{font-size:12px!important;padding:12px!important;white-space:nowrap!important}
  .v6640-invoice-sheet{width:calc(100vw - 20px)!important;max-width:none!important;margin:10px!important;border-radius:12px!important}
  .v6640-invoice-brand,.v6640-title-meta,.v6640-parties,.v6640-bottom{grid-template-columns:1fr!important;gap:12px!important}
  .v6640-lines{font-size:12px!important}
  .v6640-invoice-actions{position:sticky!important;bottom:0!important;background:#fffdf8!important;padding:12px!important;border-top:1px solid #e8dece!important}
}

/* v66.80.3 — explicit high-specificity mobile readability lock for open jobs. */
@media (max-width:700px){
  .v6676-open-job .v6676-head .jc-meta,
  .v6676-open-job .v6676-head .jc-meta *{font-size:13px!important;line-height:1.45!important}
  .v6676-open-job .v6676-centre .jc-tabs button small{font-size:11px!important;line-height:1.15!important;font-weight:800!important}
  .v6676-open-job .v6676-centre .jc-tabs button:nth-child(5) small:after{font-size:11px!important}
}


/* =====================================================================
   v66.81 — site-wide polish pass
   Keeps the approved customer dashboard content untouched.
   ===================================================================== */
.m81-bell-icon{
  width:20px!important;
  height:20px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
.v6673-notify,.v6673-mobile-notify,.v6674-header-notify,.v6674-workspace-notify,
.v6675-jc-notify,.v6676-bell,.v6680-admin-notify,.m81-profile-bell{
  color:var(--m80-ink)!important;
}
.v6675-jc-mobile-brandbar [data-v6674-notify]{color:#d1ad8b!important}
.v6676-open-job .v6676-bell{color:#d1ad8b!important}

/* Customer no longer has a duplicate Settings destination. My Profile owns
   the same existing form/functionality. */
body.customer-shell[data-v64-view="dashboard"] #v64SideSettings,
#view-post #v6652SideSettings,
.v6680-customer-sidebar [data-v6620-nav="customer-settings"],
.v6680-customer-sidebar [data-v6675-nav="settings"],
.v6676-open-job [data-v6676-nav="settings"]{display:none!important}

/* Every workspace carries one proper top header; notification bell lives here,
   never on top of the Mendli sidebar logo. */
.m81-workspace-topbar{
  position:absolute!important;
  z-index:45!important;
  top:0!important;
  left:var(--m80-side-w)!important;
  right:0!important;
  height:64px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:0 70px 0 24px!important;
  background:#fff!important;
  border-bottom:1px solid var(--m80-line)!important;
  color:var(--m80-ink)!important;
}
.m81-workspace-location{font:700 13px/1 Inter,Arial,sans-serif!important;color:#35516a!important}
.m81-workspace-topbar .v6674-workspace-notify{
  position:relative!important;
  inset:auto!important;
  margin-left:auto!important;
  width:38px!important;
  height:38px!important;
  border:0!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
}
.m81-workspace-account{
  min-height:38px!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:var(--m80-ink)!important;
  font:700 13px/1 Inter,Arial,sans-serif!important;
  cursor:pointer!important;
}
.m81-workspace-account>span{
  width:34px!important;height:34px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:var(--m80-navy)!important;color:#fff!important;
}
.v6620-workspace:has(> .m81-workspace-topbar){padding-top:64px!important}
.v6620-workspace:has(> .m81-workspace-topbar)>.v6620-close{top:12px!important;right:14px!important;z-index:55!important}
.v6620-workspace:has(> .m81-workspace-topbar)>.v6620-hero{margin-top:0!important}

/* Messages landing — same Mendli cream/white/navy/gold workspace. */
.v6641-message-inbox-overlay .v6620-hero{background:var(--m80-warm)!important;border-bottom:1px solid var(--m80-line)!important}
.v6641-message-inbox-overlay .v6620-content{background:var(--m80-warm)!important}
.v6641-message-inbox-head{
  padding:4px 0 14px!important;
  border-bottom:1px solid #e7dfd1!important;
}
.v6641-message-inbox-head h3{color:var(--m80-ink)!important;font-size:24px!important}
.v6641-message-count{background:#fff0c8!important;color:#8a5b0a!important;border:1px solid #efd58f!important}
.v6641-message-inbox{display:grid!important;gap:12px!important}
.v6641-conversation-row{
  width:100%!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;
  align-items:center!important;gap:13px!important;padding:15px 16px!important;
  border:1px solid #e4ddcf!important;border-radius:14px!important;background:#fff!important;
  color:var(--m80-ink)!important;text-align:left!important;box-shadow:0 5px 18px rgba(6,41,67,.05)!important;
}
.v6641-conversation-row:hover{border-color:#d1ad8b!important;box-shadow:0 8px 24px rgba(6,41,67,.08)!important}
.v6641-conversation-row.has-unread{box-shadow:inset 4px 0 0 var(--m80-gold),0 5px 18px rgba(6,41,67,.05)!important}
.v6641-conversation-avatar{width:48px!important;height:48px!important}
.v6641-conversation-top strong{color:var(--m80-ink)!important;font-size:15px!important}
.v6641-conversation-job{color:#7b6035!important;font-weight:700!important}
.v6641-conversation-preview{color:#607188!important}
.v6641-conversation-arrow{color:#b97e1c!important;font-size:26px!important}

/* Find a Worker + Saved Workers cards. */
.v6673-worker-search{margin:0 0 18px!important}
.v6673-worker-search input{
  width:100%!important;min-height:50px!important;padding:0 16px!important;border:1px solid #d9d0c2!important;
  border-radius:12px!important;background:#fff!important;color:var(--m80-ink)!important;font-size:15px!important;
}
.v6673-worker-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;
}
.v6673-worker-card{
  min-width:0!important;display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;
  grid-template-areas:"avatar copy" "view save"!important;gap:12px!important;
  padding:16px!important;border:1px solid #e2dacd!important;border-radius:14px!important;background:#fff!important;
  box-shadow:var(--m80-shadow)!important;color:var(--m80-ink)!important;
}
.v6673-worker-avatar{grid-area:avatar!important;width:54px!important;height:54px!important}
.v6673-worker-avatar img,.v6673-worker-avatar span{width:54px!important;height:54px!important;border-radius:50%!important;object-fit:cover!important;display:grid!important;place-items:center!important;color:#fff!important;font-weight:800!important}
.v6673-worker-copy{grid-area:copy!important;display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
.v6673-worker-copy strong{font-size:16px!important;color:var(--m80-ink)!important}
.v6673-worker-copy small{font-size:12px!important;line-height:1.4!important;color:var(--m80-muted)!important}
.v6673-worker-card button{
  min-height:40px!important;border-radius:9px!important;border:1px solid #163c5a!important;background:#fff!important;
  color:#163c5a!important;font:800 12px/1 Inter,Arial,sans-serif!important;cursor:pointer!important;
}
.v6673-worker-card [data-v6673-worker-view],.v6673-worker-card [data-v6673-saved-view]{grid-area:view!important}
.v6673-worker-card [data-v6673-worker-save],.v6673-worker-card [data-v6673-remove-saved]{grid-area:save!important}
.v6673-worker-card button.saved{background:#fff0c8!important;border-color:#d1ad8b!important;color:#7c5209!important}

/* Profile & account: same Mendli family, existing form behaviour untouched. */
.v6642-customer-profile-overlay{background:rgba(3,24,42,.66)!important;padding:18px!important}
.v6642-customer-profile-modal{
  width:min(980px,96vw)!important;max-height:94vh!important;padding:0 0 24px!important;
  border:1px solid #e0d7c9!important;border-radius:16px!important;background:var(--m80-warm)!important;color:var(--m80-ink)!important;
  box-shadow:0 24px 70px rgba(3,24,42,.25)!important;
}
.m81-profile-topbar{
  position:sticky!important;top:0!important;z-index:12!important;height:66px!important;padding:8px 16px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;background:var(--m80-navy)!important;
  border-radius:16px 16px 0 0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;
}
.m81-profile-topbar img{width:150px!important;height:50px!important;object-fit:contain!important;object-position:left center!important}
.m81-profile-topbar>div{display:flex!important;align-items:center!important;gap:7px!important}
.m81-profile-bell,.m81-profile-topbar .modal-close{
  position:relative!important;inset:auto!important;float:none!important;margin:0!important;width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:50%!important;
  background:transparent!important;color:#fff!important;font-size:20px!important;cursor:pointer!important;
}
.m81-profile-bell{color:#d1ad8b!important}
.v6642-profile-header{
  margin:18px 22px 0!important;padding:24px!important;border-radius:14px!important;
  background:linear-gradient(135deg,#062943,#0b3a5c)!important;color:#fff!important;
}
.v6642-profile-header h2,.v6642-profile-header p,.v6642-profile-header .eyebrow{color:#fff!important}
.v6642-profile-header .eyebrow{color:#d1ad8b!important}
.v6642-customer-avatar{background:#fff0c8!important;color:var(--m80-navy)!important}
.v6642-customer-stats{margin:0 22px!important;background:#fff!important;border:1px solid #e5ddd0!important;border-top:0!important;border-radius:0 0 12px 12px!important}
.v6642-profile-form{padding:18px 22px 0!important}
.v6642-profile-section{background:#fff!important;border:1px solid #e4dcd0!important;border-radius:14px!important;box-shadow:none!important}
.v6642-profile-section h3{color:var(--m80-ink)!important}
.v6642-profile-section input,.v6642-profile-section select{border-color:#d8d0c4!important;border-radius:9px!important;background:#fff!important;color:var(--m80-ink)!important}
.v6642-profile-actions .btn.primary{background:var(--m80-gold)!important;border-color:#d1ad8b!important;color:var(--m80-ink)!important}

/* Customer disputes: one destination for payment + job dispute history. */
.m81-disputes-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-bottom:16px!important}
.m81-disputes-head h3{margin:0 0 4px!important;color:var(--m80-ink)!important}
.m81-disputes-head p{margin:0!important;color:var(--m80-muted)!important}
.m81-disputes-head>span{padding:7px 11px!important;border-radius:999px!important;background:#fff0c8!important;color:#80570c!important;font-weight:800!important}
.m81-dispute-list{display:grid!important;gap:12px!important}
.m81-dispute-card{padding:16px!important;border:1px solid #e2dacd!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--m80-shadow)!important}
.m81-dispute-main{display:flex!important;justify-content:space-between!important;gap:16px!important}
.m81-dispute-kicker{font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;color:#b37510!important}
.m81-dispute-main h4{margin:5px 0!important;font-size:18px!important;color:var(--m80-ink)!important}
.m81-dispute-main p{margin:0!important;color:var(--m80-muted)!important}
.m81-dispute-status{align-self:flex-start!important;padding:6px 10px!important;border-radius:999px!important;background:#fff0c8!important;color:#795006!important;font-weight:800!important;font-size:12px!important}
.m81-dispute-status.is-resolved{background:#e8f7ef!important;color:#167a43!important}
.m81-dispute-money{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin:14px 0!important}
.m81-dispute-money span{padding:9px 10px!important;border-radius:9px!important;background:#f8f4ed!important;color:#536477!important}
.m81-dispute-money strong{color:var(--m80-ink)!important}
.m81-dispute-note,.m81-dispute-outcome{padding:12px!important;border-radius:10px!important;background:#fbf7f0!important}
.m81-dispute-outcome{margin-top:10px!important;background:#edf8f2!important}
.m81-dispute-actions{display:flex!important;gap:8px!important;margin-top:13px!important}
.m81-dispute-actions button{min-height:40px!important;padding:0 14px!important;border-radius:9px!important;border:1px solid #153b59!important;background:#fff!important;color:#153b59!important;font-weight:800!important}
.m81-dispute-actions button:first-child{background:var(--m80-navy)!important;color:#fff!important}

/* Invoice — actual Mendli logo + clearer payment language. */
.m81-invoice-logo{display:block!important;width:190px!important;max-height:74px!important;object-fit:contain!important;object-position:left center!important}
.m81-invoice-footer-logo{display:block!important;width:132px!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important}
.m81-invoice-status-note{margin:7px 0 0!important;max-width:260px!important;font-size:12px!important;line-height:1.35!important;color:#5f7084!important}
.v6640-thanks strong{font-family:Georgia,'Times New Roman',serif!important;font-size:24px!important;font-style:italic!important;color:#9a6815!important}
.v6640-thanks span{display:block!important;margin-top:5px!important}
.v6640-invoice-brand{background:linear-gradient(100deg,#062943,#0a3553)!important}
.v6640-invoice-brand .v6640-brand-lockup{display:flex!important;align-items:center!important}
.v6640-invoice-brand .m81-invoice-logo{filter:none!important}
.v6640-footer>div{display:flex!important;align-items:center!important}

/* Job chat modal — same Mendli visual language, no electric-blue legacy header. */
.review-modal-overlay:has(.m81-job-chat-modal){background:rgba(3,24,42,.66)!important;padding:18px!important}
.m81-job-chat-modal{
  width:min(980px,96vw)!important;max-width:980px!important;max-height:92vh!important;overflow:hidden!important;
  padding:0!important;border:1px solid #dfd6c8!important;border-radius:16px!important;background:var(--m80-warm)!important;color:var(--m80-ink)!important;
  box-shadow:0 24px 70px rgba(3,24,42,.28)!important;
}
.m81-chat-topbar{
  min-height:66px!important;padding:8px 16px!important;display:flex!important;align-items:center!important;gap:14px!important;
  background:var(--m80-navy)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.1)!important;
}
.m81-chat-topbar img{width:145px!important;height:48px!important;object-fit:contain!important;object-position:left center!important}
.m81-chat-title{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
.m81-chat-title span{font-size:10px!important;letter-spacing:.14em!important;color:#d1ad8b!important;font-weight:900!important}
.m81-chat-title strong{font-size:16px!important;color:#fff!important}
.m81-chat-topbar .review-modal-close{
  position:relative!important;inset:auto!important;margin-left:auto!important;width:38px!important;height:38px!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.22)!important;background:transparent!important;color:#fff!important;font-size:24px!important;
}
.m81-job-chat-modal .v6654-chat-head{padding:18px 20px 14px!important;background:#fff!important;border-bottom:1px solid #e4dcd0!important}
.m81-job-chat-modal .v6654-chat-head h3{margin:3px 0 4px!important;color:var(--m80-ink)!important}
.m81-job-chat-modal .v6654-chat-head .eyebrow{color:#b67812!important}
.m81-job-chat-modal .job-chat-messages{
  min-height:330px!important;max-height:50vh!important;padding:18px!important;background:#fbfcfd!important;
}
.m81-job-chat-modal .chat-message{
  max-width:72%!important;padding:11px 13px!important;border-radius:13px!important;border:1px solid #e0e6eb!important;background:#eef2f5!important;color:#173451!important;
}
.m81-job-chat-modal .chat-message.mine{margin-left:auto!important;background:#fff0c9!important;border-color:#f1d993!important}
.m81-job-chat-modal .job-chat-form{padding:14px 18px 18px!important;background:#fff!important;border-top:1px solid #e4dcd0!important}
.m81-job-chat-modal .job-chat-form textarea{width:100%!important;border:1px solid #cfd8df!important;border-radius:10px!important;padding:11px 12px!important;font-size:14px!important}
.m81-job-chat-modal .v6654-compose-tools{display:flex!important;align-items:center!important;gap:10px!important;margin-top:8px!important}
.m81-job-chat-modal .v6654-photo-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid #153b59!important;border-radius:9px!important;padding:9px 12px!important;color:#153b59!important;background:#fff!important;font-weight:800!important;cursor:pointer!important}
.m81-job-chat-modal .job-chat-form .btn.primary{margin-left:auto!important;background:var(--m80-navy)!important;color:#fff!important;border-color:var(--m80-navy)!important}

/* Generic empty states */
.m81-empty-state{padding:34px!important;text-align:center!important;border:1px dashed #d5cbbd!important;border-radius:14px!important;background:#fff!important}
.m81-empty-state strong{display:block!important;margin-bottom:6px!important;color:var(--m80-ink)!important;font-size:18px!important}
.m81-empty-state p{margin:0!important;color:var(--m80-muted)!important}

@media(max-width:900px){
  .v6673-worker-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .m81-workspace-topbar{left:0!important;height:58px!important;padding:0 62px 0 12px!important}
  .m81-workspace-location{font-size:12px!important}
  .m81-workspace-account strong{display:none!important}
  .v6620-workspace:has(> .m81-workspace-topbar){padding-top:58px!important}
  .v6620-workspace:has(> .m81-workspace-topbar)>.v6620-close{top:10px!important;right:8px!important}
  .v6673-worker-grid{grid-template-columns:1fr!important}
  .v6673-worker-card{grid-template-columns:50px minmax(0,1fr)!important}
  .v6642-customer-profile-overlay{padding:0!important}
  .v6642-customer-profile-modal{width:100%!important;max-height:100dvh!important;border-radius:0!important}
  .m81-profile-topbar{border-radius:0!important}
  .v6642-profile-header{margin:12px!important;padding:18px!important}
  .v6642-customer-stats{margin:0 12px!important}
  .v6642-profile-form{padding:14px 12px 0!important}
  .m81-dispute-main{flex-direction:column!important}
  .m81-dispute-money{display:grid!important;grid-template-columns:1fr!important}
  .m81-dispute-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .review-modal-overlay:has(.m81-job-chat-modal){padding:0!important}
  .m81-job-chat-modal{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;display:flex!important;flex-direction:column!important}
  .m81-chat-topbar{min-height:62px!important}
  .m81-chat-topbar img{width:120px!important;height:42px!important}
  .m81-job-chat-modal .v6654-chat-head{padding:13px 14px!important}
  .m81-job-chat-modal .job-chat-messages{flex:1!important;min-height:0!important;max-height:none!important;padding:12px!important}
  .m81-job-chat-modal .chat-message{max-width:84%!important;font-size:14px!important;line-height:1.45!important}
  .m81-job-chat-modal .job-chat-form{padding:10px!important}
  .m81-job-chat-modal .v6654-compose-tools{flex-wrap:wrap!important}
  .m81-job-chat-modal .v6654-photo-btn{font-size:12px!important}
  .m81-invoice-logo{width:155px!important}
}

.m81-chat-bell{
  position:relative!important;margin-left:auto!important;width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.22)!important;
  border-radius:50%!important;background:transparent!important;color:#d1ad8b!important;cursor:pointer!important;
}
.m81-chat-topbar .review-modal-close{margin-left:0!important}

/* v66.81 final polish — compact directory cards + modal colour consistency. */
.v6620-workspace .v655-info-content{
  align-content:start!important;
  grid-auto-rows:max-content!important;
}
.v6673-worker-grid{
  align-content:start!important;
  grid-auto-rows:max-content!important;
}
.v6673-worker-card{
  align-self:start!important;
  grid-template-rows:auto auto!important;
  min-height:0!important;
  height:auto!important;
}
.v6673-worker-card button{
  height:40px!important;
  min-height:40px!important;
  align-self:start!important;
  padding:0 12px!important;
}
.v6673-worker-card [data-v6673-worker-view],
.v6673-worker-card [data-v6673-saved-view]{
  background:var(--m80-navy)!important;
  color:#fff!important;
  border-color:var(--m80-navy)!important;
}
.v6673-worker-card [data-v6673-worker-save],
.v6673-worker-card [data-v6673-remove-saved]{
  background:#fff!important;
  color:var(--m80-ink)!important;
  border-color:#b9c7d4!important;
}
.m81-job-chat-modal .v6654-chat-head .chat-record-note,
.m81-job-chat-modal .v6654-chat-head .muted{
  background:#fff7e7!important;
  color:#5f4d2f!important;
  border:1px solid #ead8b1!important;
  border-radius:10px!important;
  padding:10px 12px!important;
}
.v6642-customer-profile-overlay{
  background:rgba(3,24,42,.72)!important;
}
.v6642-customer-profile-overlay::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  background:rgba(3,24,42,.72)!important;
  z-index:-1!important;
}
@media(max-width:700px){
  .v6673-worker-card{
    grid-template-columns:50px minmax(0,1fr)!important;
    grid-template-areas:"avatar copy" "view save"!important;
    gap:10px!important;
    padding:13px!important;
  }
  .v6673-worker-card button{height:42px!important;min-height:42px!important;font-size:12px!important}
}

/* v66.81 privacy, erasure and marketing email consent */
.v6681-marketing-consent,
.v6681-marketing-row{
  display:flex; gap:12px; align-items:flex-start;
  padding:14px 16px; border:1px solid #d8e0e8; border-radius:14px;
  background:#fffaf0; color:#082642;
}
.v6681-marketing-consent input,
.v6681-marketing-row input{margin-top:3px; width:18px; height:18px; accent-color:#d1ad8b; flex:0 0 auto}
.v6681-marketing-consent span,
.v6681-marketing-row span{display:grid; gap:4px}
.v6681-marketing-consent strong,
.v6681-marketing-row strong{font-size:14px; line-height:1.35}
.v6681-marketing-consent small,
.v6681-marketing-row small{font-size:12px; line-height:1.45; color:#5e6f81}
.v6681-privacy-section{
  margin:18px 0; padding:22px; border:1px solid #dce4ec; border-radius:18px;
  background:#fff; box-shadow:0 8px 24px rgba(3,35,61,.05);
}
.v6681-privacy-head{margin-bottom:14px}
.v6681-privacy-head h3{margin:0 0 5px; color:#082642; font-size:20px}
.v6681-privacy-head p{margin:0; color:#617184; font-size:14px}
.v6681-danger-zone{
  margin-top:16px; padding:16px; border:1px solid #ecc7c1; border-radius:14px;
  background:#fff8f7; display:flex; gap:18px; align-items:center; justify-content:space-between;
}
.v6681-danger-zone strong{display:block; margin-bottom:4px; color:#6f1f17}
.v6681-danger-zone p{margin:0; color:#765a56; font-size:13px; line-height:1.45; max-width:720px}
.v6681-delete-account{
  border:1px solid #a4382b; background:#fff; color:#8c271d; border-radius:10px;
  padding:10px 14px; font-weight:800; white-space:nowrap; cursor:pointer;
}
.v6681-delete-account:hover{background:#fff0ed}
.v6681-delete-account:disabled{opacity:.6; cursor:wait}
@media (max-width:700px){
  .v6681-privacy-section{padding:16px; border-radius:14px}
  .v6681-danger-zone{align-items:stretch; flex-direction:column}
  .v6681-delete-account{width:100%; min-height:44px}
  .v6681-marketing-consent,
  .v6681-marketing-row{padding:13px}
}


/* v66.85 — keep Mendli private support visually consistent with Messages/workspaces. */
.m85-support-chat-modal{max-width:980px!important;width:min(94vw,980px)!important;max-height:88vh!important;border-radius:22px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 24px 70px rgba(2,22,59,.25)!important}
.m85-support-chat-modal .m81-chat-topbar{position:relative!important}
.m85-support-chat-head{padding:26px 30px 16px!important;background:#fff!important;border-bottom:1px solid #e7edf7!important}
.m85-support-chat-modal .job-chat-messages{margin:0 30px!important;border:1px solid #dbe5f3!important;border-radius:16px!important;background:#f8fbff!important;min-height:280px!important}
.m85-support-chat-modal .job-chat-form{padding:18px 30px 26px!important;background:#fff!important}
.m85-support-chat-modal .job-chat-form textarea{border:1px solid #cfdced!important;border-radius:12px!important}
@media(max-width:700px){.m85-support-chat-modal{width:100vw!important;max-height:100vh!important;height:100vh!important;border-radius:0!important}.m85-support-chat-head{padding:20px 18px 12px!important}.m85-support-chat-modal .job-chat-messages{margin:0 18px!important}.m85-support-chat-modal .job-chat-form{padding:14px 18px 22px!important}}


/* ==========================================================
   v66.86 — UNIFORM CUSTOMER / WORKER / ADMIN SHELL
   Same Mendli navy sidebar, cream canvas, white top bar,
   notification control and navigation geometry everywhere.
   ========================================================== */
:root{--m86-navy:#062844;--m86-navy-2:#0a3557;--m86-gold:#d1ad8b;--m86-cream:#fbf7ef;--m86-line:#e7dece;--m86-ink:#072744;}

/* Signed-in dashboard topbar is shared across every role. */
#view-dashboard .v6686-role-topbar{display:flex!important;background:#fff!important;border-bottom:1px solid #e7edf2!important;min-height:68px!important;align-items:center!important}
body.worker-shell #view-dashboard .v6686-role-topbar,
body.admin-shell #view-dashboard .v6686-role-topbar{display:flex!important}
body.worker-shell #view-dashboard .v64-dashboard-main,
body.admin-shell #view-dashboard .v64-dashboard-main{background:var(--m86-cream)!important}
body.worker-shell #view-dashboard .v64-appbar,
body.admin-shell #view-dashboard .v64-appbar{display:none!important}
body.worker-shell #view-dashboard .v6673-customer-topbar,
body.admin-shell #view-dashboard .v6673-customer-topbar{position:sticky!important;top:0!important;z-index:40!important}
body.admin-shell #view-dashboard .v6673-search{opacity:.8}

/* Exact same visible sidebar identity for all signed-in roles and all workspaces. */
.v6680-worker-sidebar,.v6680-admin-sidebar,.v6680-customer-sidebar,
.v6653-workspace-sidebar{background:linear-gradient(180deg,var(--m86-navy),#082f4d)!important;color:#fff!important}
.v6680-worker-sidebar .m80-sidebar-brand,.v6680-admin-sidebar .m80-sidebar-brand,.v6680-customer-sidebar .m80-sidebar-brand,
.v6653-workspace-sidebar .m80-sidebar-brand{display:block!important;padding:4px 8px 20px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;margin-bottom:8px!important}
.v6680-worker-sidebar .m80-sidebar-brand img,.v6680-admin-sidebar .m80-sidebar-brand img,.v6680-customer-sidebar .m80-sidebar-brand img,
.v6653-workspace-sidebar .m80-sidebar-brand img{display:block!important;width:168px!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
.v6653-workspace-sidebar .m80-sidebar-brand small{display:block!important;margin:7px 4px 0!important;color:#d1ad8b!important;font-size:10px!important;letter-spacing:.18em!important;font-weight:900!important}

/* Workspace canvas and header now follow the customer visual language. */
.v6620-workspace{background:var(--m86-cream)!important;color:var(--m86-ink)!important}
.v6620-workspace>.m81-workspace-topbar,.v6620-workspace>.v6644-admin-topbar{background:#fff!important;border-bottom:1px solid #e7edf2!important;box-shadow:none!important;min-height:68px!important}
.v6620-workspace .v6620-hero{background:var(--m86-cream)!important;border-bottom:1px solid var(--m86-line)!important;color:var(--m86-ink)!important;padding-top:28px!important}
.v6620-workspace .v6620-hero h2,.v6620-workspace .v6612-admin-head h2{color:var(--m86-ink)!important}
.v6620-workspace .v6620-content,.v6620-workspace .v6612-admin-content{background:var(--m86-cream)!important}
.v6620-workspace .status-card,.v6620-workspace article,.v6620-workspace .card{border-radius:14px}
.v6680-admin-notify,.v6674-workspace-notify{display:inline-grid!important;place-items:center!important;color:var(--m86-navy)!important}

/* One obvious back pattern on every internal workspace/detail page. */
.m86-back{appearance:none;border:0;background:transparent;color:#36566e;font:800 14px/1.2 inherit;display:inline-flex;align-items:center;gap:8px;padding:8px 0;margin:0 0 14px;cursor:pointer}
.m86-back span{font-size:21px;line-height:1;color:var(--m86-navy)}
.m86-back:hover{color:var(--m86-navy);text-decoration:underline;text-underline-offset:3px}
.m86-back-compact{margin:0 0 14px;padding:6px 0}

/* Worker/admin dashboard cards inherit the same card finish as customer. */
body.worker-shell[data-v64-view="dashboard"] .v64-summary-grid article,
body.admin-shell[data-v64-view="dashboard"] .v64-summary-grid article,
body.worker-shell[data-v64-view="dashboard"] .v64-panel,
body.admin-shell[data-v64-view="dashboard"] .v64-panel{background:#fff!important;border:1px solid var(--m86-line)!important;border-radius:14px!important;box-shadow:0 5px 18px rgba(5,38,64,.04)!important}
body.worker-shell[data-v64-view="dashboard"] .v64-welcome,
body.admin-shell[data-v64-view="dashboard"] .v64-welcome{background:linear-gradient(135deg,#fffaf0,#f7efe1)!important;border:1px solid var(--m86-line)!important;border-radius:16px!important;color:var(--m86-ink)!important}

/* Mobile role chrome: logo + notification bell always present, desktop sidebars stay hidden. */
@media(max-width:760px){
 #view-dashboard .v6686-role-mobile-brandbar,#view-dashboard .v6686-role-mobile-accountbar{display:flex!important}
 body.worker-shell #view-dashboard .v6686-role-topbar,body.admin-shell #view-dashboard .v6686-role-topbar{display:none!important}
 .m86-back{font-size:15px!important;padding:9px 0!important}
}
/* v67.30 — Admin visual reconciliation from current LIFE MADE EASIER locked admin suite only. */
.v6710-admin-shell{--v6730-navy:#062c49;--v6730-navy2:#0b3858;--v6730-cream:#fbf6ed;--v6730-beige:#d1ad8b;--v6730-line:#e5e7eb;--v6730-text:#0b2b48}
.v6710-admin-shell .v6710-role-side{background:linear-gradient(180deg,#062c49 0%,#083653 100%);width:196px;border-right:0}
.v6710-admin-shell .v6710-role-logo{height:78px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.v6710-admin-shell .v6710-role-logo img{max-height:58px;max-width:145px;object-fit:contain}
.v6710-admin-shell .v6710-role-side nav{padding:10px 8px;gap:2px}
.v6710-admin-shell .v6710-role-side nav button{border-radius:7px;padding:10px 12px;color:#fff;font-size:13px;text-align:left;border:0;background:transparent}
.v6710-admin-shell .v6710-role-side nav button.is-active{background:#e4c4a1;color:#102d45;font-weight:800}
.v6710-admin-shell .v6710-role-logout{margin:8px;color:#fff;border-color:rgba(255,255,255,.25)}
.v6710-admin-shell .v6710-role-slogan{margin:12px;background:#fbf6ed;color:#16334b;border:0;border-radius:12px;font-family:Georgia,serif;font-style:italic}
.v6710-admin-shell .v6710-role-app{margin-left:196px;background:#fbf8f3;min-height:100vh}
.v6710-admin-shell .v6710-role-top{height:64px;background:#062c49;color:#fff;border:0;padding:0 24px;box-shadow:none}
.v6710-admin-shell .v6710-area{background:transparent;border:0;color:#fff;padding-left:0}
.v6710-admin-shell .v6710-search{background:#fff;color:#73808b;border:0;max-width:440px;border-radius:9px}
.v6710-admin-shell .v6710-role-main{padding:22px 28px 90px;max-width:1500px;margin:0 auto;width:100%}
.v6710-admin-shell .v6710-page{color:#0b2b48}
.v6710-admin-shell .v6710-title h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;color:#0b2b48;font-size:30px}
.v6710-admin-shell .v6710-title p{color:#6c7882}
.v6710-admin-shell .v6710-admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v6710-admin-shell .v6710-admin-metrics article,.v6710-admin-shell .v6710-balance-grid article{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 3px 12px rgba(9,44,73,.04)}
.v6710-admin-shell .v6710-admin-metrics strong{color:#0b2b48}
.v6710-admin-shell .v6710-admin-lower>section,.v6710-admin-shell .v6710-admin-lower>aside,.v6710-admin-shell .v6710-table-card,.v6710-admin-shell .v6710-form-card,.v6710-admin-shell .v6710-profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 3px 12px rgba(9,44,73,.04)}
.v6710-admin-shell .v6710-tabs{gap:5px;background:#f7f2ec;border-radius:8px;padding:4px}
.v6710-admin-shell .v6710-tabs button{border:0;background:transparent;border-radius:6px;color:#42566a}
.v6710-admin-shell .v6710-tabs button.is-active{background:#e4c4a1;color:#0b2b48;font-weight:800}
.v6710-admin-shell .v6710-gold{background:#efd1b0!important;color:#0f172a!important;border-color:#efd1b0!important}
.v6710-admin-shell .v6710-outline,.v6710-admin-shell .v6710-table-row button{border-color:#0b2545;color:#0b2b48;background:#fff}
.v6710-admin-shell .v6710-table-row{border-color:#e5e7eb}
.v6710-admin-shell .v6710-table-row:hover{background:#fcf7f2}
.v6710-admin-shell .v6710-settings-grid button{background:#fff;border:1px solid #e5e7eb;border-radius:10px;text-align:left}
.v6710-admin-shell .v6710-settings-grid button.is-active{background:#e4c4a1}
.v6730-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.v6730-section-head p{margin:4px 0 0;color:#75808a}
.v6730-category-row{border-top:1px solid #e5e7eb}.v6730-category-row summary{display:grid;grid-template-columns:minmax(180px,1fr) 100px 90px 64px;gap:12px;align-items:center;padding:13px 4px;cursor:pointer;list-style:none}.v6730-category-row summary::-webkit-details-marker{display:none}.v6730-category-row summary button{background:#fff;border:1px solid #0b2545;border-radius:6px;padding:6px 10px}.v6730-subservices{display:flex;flex-wrap:wrap;gap:8px;padding:0 4px 15px}.v6730-subservices span{background:#fbf4ed;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-size:12px}
@media(max-width:760px){
 .v6710-admin-shell .v6710-role-side{width:min(82vw,300px)}.v6710-admin-shell .v6710-role-app{margin-left:0}.v6710-admin-shell .v6710-role-top{height:68px;padding:0 14px}.v6710-admin-shell .v6710-role-main{padding:16px 12px 92px}.v6710-admin-shell .v6710-title h1{font-size:25px}.v6710-admin-shell .v6710-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v6710-admin-shell .v6710-admin-lower{grid-template-columns:1fr}.v6710-admin-shell .v6710-table-row{grid-template-columns:1fr auto!important;gap:8px}.v6710-admin-shell .v6710-table-row>*{min-width:0}.v6710-admin-shell .v6710-role-mobile-nav{background:#fff;border-top:1px solid #e5e7eb}.v6710-admin-shell .v6710-role-mobile-nav button.is-active{color:#d1ad8b}.v6730-category-row summary{grid-template-columns:1fr auto}.v6730-category-row summary>span:first-of-type{display:none}.v6730-category-row summary .v6710-pill{display:none}.v6730-subservices{padding-left:0}.v6730-section-head{align-items:flex-start;flex-direction:column}
}
/* v67.32 — ADMIN FINAL LOCKED BOARD ONLY
   Authority: ADMIN-FINAL-LOCKED-BOARD.png supplied 16 Sep 2026.
   Do not substitute any older Admin visual board. */
.v6710-admin-shell{--a32-navy:#082d49;--a32-cream:#fffaf4;--a32-peach:#f8fafc;--a32-copper:#d1ad8b;--a32-line:#e5e7eb;--a32-text:#17334d}
.v6710-admin-shell .v6710-role-side{background:var(--a32-navy)!important;width:188px!important}
.v6710-admin-shell .v6710-role-app{margin-left:188px!important;background:#fffaf4!important}
.v6710-admin-shell .v6710-role-top{background:var(--a32-navy)!important;height:62px!important}
.v6710-admin-shell .v6710-role-side nav button.is-active{background:#0b3858!important;color:#fff!important;border-left:3px solid #d1ad8b!important}
.v6710-admin-shell .v6710-role-slogan{display:none!important}
.v6710-admin-shell .v6710-role-main{max-width:none!important;padding:22px 28px 84px!important}
.v6710-admin-shell .v6710-title h1{font-family:Georgia,'Times New Roman',serif!important;font-size:28px!important}
.v6710-admin-shell .v6710-table-card,.v6710-admin-shell .v6710-form-card,.v6710-admin-shell .v6710-profile-card{border-radius:8px!important}
.v6732-welcome{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.v6732-today,.v6732-card-head button{background:#fff;border:1px solid var(--a32-line);border-radius:6px;padding:8px 12px;color:var(--a32-text)}
.v6732-admin-metrics{grid-template-columns:repeat(4,1fr)!important;margin-bottom:16px}.v6732-admin-metrics article{text-align:center;padding:16px 12px!important}.v6732-admin-metrics strong{display:block;font-size:24px!important}.v6732-admin-metrics small{display:block;margin-top:3px}.v6732-metric-icon{display:block;color:var(--a32-copper);font-size:22px;margin-bottom:4px}
.v6732-chart-card,.v6732-activity-card{background:#fff;border:1px solid var(--a32-line);border-radius:8px;padding:16px;margin-top:14px}.v6732-card-head{display:flex;justify-content:space-between;align-items:center}.v6732-card-head h2{font-family:Georgia,serif;font-size:18px;margin:0}.v6732-card-head button{border:0;background:transparent;padding:4px;color:#31516b}.v6732-chart{height:170px;display:flex;align-items:flex-end;gap:18px;padding:18px 18px 26px;border-bottom:1px solid #eee;position:relative}.v6732-chart>span{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;position:relative}.v6732-chart i{display:block;width:70%;height:var(--h);background:#e4c4a1;border-radius:2px 2px 0 0}.v6732-chart small{position:absolute;bottom:-21px;font-size:10px}.v6732-activity-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f8fafc}.v6732-activity-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f8fafc;color:#64748b;font-weight:800}.v6732-activity-row strong,.v6732-activity-row small{display:block}.v6732-activity-row small,.v6732-activity-row time{font-size:10px;color:#73808a}
@media(max-width:700px){.v6710-admin-shell .v6710-role-app{margin-left:0!important}.v6710-admin-shell .v6710-role-main{padding:14px 12px 82px!important}.v6710-admin-shell .v6710-role-top{height:58px!important}.v6732-admin-metrics{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.v6732-admin-metrics article{padding:10px 6px!important}.v6732-admin-metrics strong{font-size:20px!important}.v6732-chart{height:130px;gap:7px;padding-left:6px;padding-right:6px}.v6732-activity-row time{display:none}.v6732-welcome h1{font-size:22px!important}.v6710-admin-shell .v6710-role-mobile-nav button{font-size:11px}.v6710-admin-shell .v6710-role-mobile-nav{grid-template-columns:repeat(5,1fr)!important}}

/* v67.33 — Admin high-priority queue; follows locked Admin navy/beige visual system. */
.v6733-priority-card{background:#fff;border:1px solid var(--a32-line);border-radius:8px;padding:16px;margin-top:14px}
.v6733-priority-card .v6732-card-head p{margin:3px 0 0;font-size:11px;color:#73808a}
.v6733-priority-count{min-width:28px;height:28px;padding:0 8px;border-radius:14px;display:grid;place-items:center;background:#e5e7eb;color:#0b2545;font-weight:800;font-size:12px}
.v6733-priority-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #f8fafc}
.v6733-priority-row:last-child{border-bottom:0}
.v6733-priority-mark{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fef3c7;color:#0b2545;font-weight:900}
.v6733-priority-row strong,.v6733-priority-row small{display:block}.v6733-priority-row strong{font-size:12px;color:#0b2545}.v6733-priority-row small,.v6733-priority-row time{font-size:10px;color:#73808a}
.v6733-priority-row button{border:0;border-radius:7px;background:#e4c4a1;color:#0b2545;font-weight:800;font-size:11px;padding:7px 11px;cursor:pointer}
.v6733-priority-empty{margin-top:12px;border-radius:7px;background:#f8f4f0;padding:12px;color:#53636f;font-size:12px}
@media(max-width:700px){.v6733-priority-card{padding:12px}.v6733-priority-row{grid-template-columns:26px minmax(0,1fr) auto}.v6733-priority-row time{display:none}.v6733-priority-row button{padding:7px 9px}.v6733-priority-row strong{font-size:11px}}

/* v67.34 — FINAL mobile viewport/bottom-navigation containment.
   Functional correction only: preserves locked visuals while ensuring the
   last page content always scrolls fully above the persistent mobile bar. */
@media (max-width:760px){
  html,body{max-width:100%;overflow-x:hidden!important;}
  .v6710-role-overlay{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .v6710-role-app{
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .v6710-role-top{flex:0 0 70px!important;position:relative!important;top:auto!important;}
  .v6710-role-main{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important;
    scroll-padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important;
  }
  .v6710-page{
    box-sizing:border-box!important;
    padding-bottom:calc(126px + env(safe-area-inset-bottom,0px))!important;
  }
  .v6710-role-mobile-nav{
    display:grid!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:calc(82px + env(safe-area-inset-bottom,0px))!important;
    min-height:82px!important;
    padding:0 6px calc(16px + env(safe-area-inset-bottom,0px))!important;
    box-sizing:border-box!important;
    z-index:2147483000!important;
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* Customer locked mobile pages use several page-specific nav class names.
   Keep all of them attached to the viewport and reserve content clearance. */
@media (max-width:760px){
  .v6673-mobile-bottom,
  .v6675-jc-mobile-bottom,
  .v6676-mobile-bottom,
  .v6691-profile-mobile-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    box-sizing:border-box!important;
    z-index:2147483000!important;
    padding-bottom:env(safe-area-inset-bottom,0px)!important;
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .v6675-jc-page,
  .v6676-page,
  .v6691-profile-page{
    padding-bottom:calc(126px + env(safe-area-inset-bottom,0px))!important;
    scroll-padding-bottom:calc(126px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* v67.35 — ADMIN DESKTOP/LAPTOP SHELL CONTAINMENT
   Fixes live v67.34 QA: the whole Admin application must never document-scroll.
   Sidebar + navy header remain fixed; only the Admin workspace scrolls. */
@media (min-width:761px){
  body.v6710-role-open{overflow:hidden!important;height:100vh!important;height:100dvh!important}
  body.v6710-role-open .v6710-role-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;overflow:hidden!important;background:#fffaf4!important}
  .v6710-admin-shell{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;background:#fffaf4!important}
  .v6710-admin-shell .v6710-role-side{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:188px!important;height:100vh!important;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:10064!important}
  .v6710-admin-shell .v6710-role-app{position:fixed!important;left:188px!important;right:0!important;top:0!important;bottom:0!important;width:auto!important;height:100vh!important;height:100dvh!important;min-height:0!important;margin:0!important;overflow:hidden!important;background:#fffaf4!important}
  .v6710-admin-shell .v6710-role-top{position:absolute!important;left:0!important;right:0!important;top:0!important;height:62px!important;margin:0!important;z-index:20!important;background:#082d49!important;color:#fff!important}
  .v6710-admin-shell .v6710-role-main{position:absolute!important;left:0!important;right:0!important;top:62px!important;bottom:0!important;width:auto!important;height:auto!important;min-height:0!important;max-width:none!important;margin:0!important;padding:22px 28px 72px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;background:#fffaf4!important;box-sizing:border-box!important}
  .v6710-admin-shell .v6710-role-main>*{max-width:100%!important;box-sizing:border-box!important}
  .v6710-admin-shell .v6710-role-mobile-nav{display:none!important}
}
/* v70.54 — Role separation on the Worker mobile dashboard.
   The customer mobile bottom nav (.v6673-mobile-bottom) contains the customer-only
   "Post a job" action and is pinned to <body> by v6698PinCustomerMobileNav, so it
   could surface over the Worker's own bottom nav on mobile. Workers do not post
   jobs, so hide the customer nav whenever the Worker shell is active. The Worker's
   own .v6710-role-mobile-nav (Home / Jobs / Find Jobs / Messages / Profile) still
   renders. Scoped to .worker-shell only — the Admin mobile dashboard and the
   approved Customer nav are deliberately left untouched. */
body.worker-shell .v6673-mobile-bottom{display:none!important}
/* The public cookie notice belongs to the public landing/legal experience,
   not over a signed-in Admin/Worker workspace. */
body.v6710-role-open #m82CookieNotice{display:none!important}

/* v70.55 — Worker & Admin mobile bottom navs.
   Plain 5-item bars matching the customer nav treatment (icon + label, gold
   active tab with underline), with no raised centre button. Admin now has its
   own role-specific bottom bar (Home / Users / Jobs / Disputes / More), so the
   customer nav is hidden for the Admin shell too, mirroring the Worker rule
   above. Both are scoped to the role shells; the approved customer nav and the
   customer screens are left untouched. The nav container is already fixed to the
   viewport bottom by the max-width:760px block above; this only styles the items. */
body.admin-shell .v6673-mobile-bottom{display:none!important}
@media (max-width:760px){
  .v6710-role-mobile-nav{grid-template-columns:repeat(5,1fr)!important;align-items:stretch!important;box-shadow:0 -3px 12px rgba(5,37,62,.08)!important}
  .v6710-role-mobile-nav button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;background:transparent!important;border:0!important;color:#082945!important;font-weight:700!important;padding:4px 1px!important;position:relative!important;min-width:0!important}
  .v6710-role-mobile-nav button span{font-size:20px!important;line-height:1!important;font-weight:400!important}
  .v6710-role-mobile-nav button small{font-size:8.5px!important;font-weight:700!important;line-height:1.1!important}
  .v6710-role-mobile-nav button.is-active{color:#d1ad8b!important}
  .v6710-role-mobile-nav button.is-active:after{content:""!important;position:absolute!important;bottom:2px!important;left:50%!important;transform:translateX(-50%)!important;width:28px!important;height:3px!important;border-radius:3px!important;background:#d1ad8b!important}
}

/* v67.37 — Admin sidebar consistency correction.
   Uses the same locked Mendli signed-in sidebar geometry and treatment as the role shell.
   Admin-specific destinations are retained; dashboard content is unchanged. */
@media (min-width:761px){
  .v6710-admin-shell .v6710-role-side{
    width:210px!important;
    padding:10px!important;
    background:#0b2545!important;
    border-right:0!important;
  }
  .v6710-admin-shell .v6710-role-app{margin-left:210px!important}
  .v6710-admin-shell .v6710-role-logo{
    height:66px!important;
    padding:0 10px 6px!important;
    border-bottom:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .v6710-admin-shell .v6710-role-logo img{
    width:155px!important;
    height:62px!important;
    max-width:155px!important;
    max-height:62px!important;
    object-fit:contain!important;
  }
  .v6710-admin-shell .v6710-role-side nav{
    display:grid!important;
    gap:4px!important;
    padding:0!important;
  }
  .v6710-admin-shell .v6710-role-side nav button,
  .v6710-admin-shell .v6710-role-logout{
    box-sizing:border-box!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    border:0!important;
    border-radius:5px!important;
    background:transparent!important;
    color:#fff!important;
    text-align:left!important;
    padding:0 18px 0 48px!important;
    font:400 13px/1 Inter,Arial,sans-serif!important;
    position:relative!important;
  }
  .v6710-admin-shell .v6710-role-side nav button.is-active{
    background:#143a63!important;
    color:#fff!important;
    font-weight:600!important;
    border-left:0!important;
  }
  .v6710-admin-shell .v6710-role-side nav button.is-active:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:4px!important;
    background:#e4c4a1!important;
  }
  .v6710-admin-shell .v6710-role-logout{margin-top:4px!important}
}

/* v67.38 — locked Admin shell reconciliation.
   Fixes the legacy 188px workspace offset and restores the icon-led sidebar shown in the locked Admin board. */
@media (min-width:761px){
  .v6710-admin-shell .v6710-role-side{width:210px!important;padding:10px 10px 14px!important;background:#0b2545!important}
  .v6710-admin-shell .v6710-role-app{left:210px!important;right:0!important;margin:0!important;width:auto!important}
  .v6710-admin-shell .v6710-role-top{height:62px!important;background:#0b2545!important;padding:0 22px!important}
  .v6710-admin-shell .v6710-role-main{top:62px!important;padding:22px 28px 72px!important;background:#fffaf4!important}
  .v6710-admin-shell .v6710-role-logo{height:72px!important;padding:0 6px 8px!important;justify-content:flex-start!important}
  .v6710-admin-shell .v6710-role-logo img{width:164px!important;height:64px!important;object-fit:contain!important}
  .v6710-admin-shell .v6710-role-side nav{gap:5px!important;margin-top:2px!important}
  .v6710-admin-shell .v6710-role-side nav button,
  .v6710-admin-shell .v6710-role-logout{height:40px!important;min-height:40px!important;padding:0 12px!important;border-radius:6px!important;display:flex!important;align-items:center!important;gap:12px!important;font:500 12px/1 Inter,Arial,sans-serif!important}
  .v6710-admin-shell .v6710-role-side nav button.is-active{background:#0b3858!important;color:#fff!important;font-weight:700!important}
  .v6710-admin-shell .v6710-role-side nav button.is-active:before{width:4px!important;background:#e4c4a1!important}
  .v6738-admin-nav-icon{width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 20px;border:1px solid rgba(255,255,255,.26);border-radius:4px;color:#fff;font:700 12px/1 Arial,sans-serif}
  .v6710-admin-shell .v6710-role-logout{margin:8px 0 0!important;padding-left:12px!important}
  .v6710-admin-shell .v6710-role-logout:before{content:'↪';width:20px;height:20px;display:inline-grid;place-items:center;color:#fff;font-size:15px}
  .v6710-admin-shell .v6710-role-slogan{display:none!important}
  .v6710-admin-shell .v6732-card-head button{cursor:pointer!important}
}
@media(max-width:760px){
  .v6710-admin-shell .v6738-admin-nav-icon{width:20px;height:20px;display:inline-grid;place-items:center;margin-right:10px;border:1px solid rgba(255,255,255,.28);border-radius:4px}
}
/* v70.21 — customer Profile > Edit Details uses current locked customer shell */
.v7021-edit-page{padding:18px 22px 28px;max-width:100%;box-sizing:border-box}.v7021-edit-title h1{margin:0;color:#0b2d50;font-size:32px;line-height:1.1;display:inline-block;border-bottom:3px solid #e7c29a;padding-bottom:3px}.v7021-edit-title p{margin:7px 0 10px;color:#60748b}.v7021-edit-back{border:0;background:transparent;color:#0b2d50;font-weight:700;padding:5px 0 14px;cursor:pointer}.v7021-edit-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.8fr);gap:18px}.v7021-edit-card{background:#fff;border:1px solid #dfe5eb;border-radius:14px;padding:22px;box-sizing:border-box}.v7021-edit-card h2{margin:0 0 5px;color:#0b2d50}.v7021-muted{color:#60748b;margin:0 0 20px}.v7021-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v7021-form-grid label{font-weight:700;color:#0b2d50}.v7021-form-grid label>span{font-weight:400;color:#718196;font-size:12px}.v7021-form-grid input,.v7021-form-grid select{display:block;width:100%;margin-top:7px;border:1px solid #d6dfe8;border-radius:10px;padding:12px;background:#fff;box-sizing:border-box}.v7021-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.v7021-actions button,.v7021-photo-button,.v7021-remove{border:1px solid #0b2d50;border-radius:9px;padding:11px 22px;font-weight:700;cursor:pointer}.v7021-actions #v6642SaveCustomerProfile,.v7021-photo-button{background:#e7c29a;color:#0b2d50;border-color:#e7c29a}.v7021-cancel,.v7021-remove{background:#fff;color:#0b2d50}.v7021-photo-panel{text-align:left}.v7021-photo-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;background:#e7c29a;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#0b2d50;margin:18px auto}.v7021-photo-preview img{width:100%;height:100%;object-fit:cover}.v7021-photo-button{display:block;text-align:center;margin:0 auto 10px}.v7021-photo-button input{display:none}.v7021-remove{display:block;margin:0 auto 12px}.v7021-photo-panel small{display:block;text-align:center;color:#718196}@media(max-width:800px){.v7021-edit-grid,.v7021-form-grid{grid-template-columns:1fr}.v7021-edit-page{padding:14px}.v7021-actions{justify-content:stretch}.v7021-actions button{flex:1}}

/* v70.22 — Edit Details contact privacy notice only */
.v7022-contact-privacy{margin:18px 0 0;padding:12px 14px;border:1px solid #ead6bd;border-radius:10px;background:#fbf4eb;color:#0b2d50;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;box-sizing:border-box}.v7022-contact-privacy strong{font-size:13px}.v7022-contact-privacy span{font-size:13px;color:#60748b;line-height:1.4}

/* v70.23 — Edit Details header alignment only */
.v6704-profile-edit-overlay .v7021-edit-page{padding-top:8px!important}.v6704-profile-edit-overlay .v7021-edit-title{text-align:left!important}.v6704-profile-edit-overlay .v7021-edit-title h1{margin:0!important;padding-bottom:1px!important;border-bottom:3px solid #e7c29a!important}.v6704-profile-edit-overlay .v7021-edit-title p{margin:5px 0 6px!important;text-align:left!important}.v6704-profile-edit-overlay .v7021-edit-back{display:block!important;margin:0 0 10px!important;padding:4px 0!important;text-align:left!important}

/* v70.24 — Edit Details header exact order/alignment only */
.v6704-profile-edit-overlay .v7021-edit-page{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding-top:8px!important}
.v6704-profile-edit-overlay .v7021-edit-title{order:1!important;text-align:left!important;align-self:stretch!important}
.v6704-profile-edit-overlay .v7021-edit-title h1{display:inline-block!important;margin:0!important;padding:0 0 1px!important;border-bottom:3px solid #000!important;color:#0b2d50!important}
.v6704-profile-edit-overlay .v7021-edit-title p{display:block!important;margin:5px 0 4px!important;text-align:left!important;color:#60748b!important}
.v6704-profile-edit-overlay .v7021-edit-back{order:2!important;display:block!important;align-self:flex-start!important;margin:0 0 10px!important;padding:4px 0!important;text-align:left!important}
.v6704-profile-edit-overlay .v7021-edit-grid{order:3!important;width:100%!important}

/* v70.25 — Edit Details uses the shared customer Back control beneath its header. */
.v6704-profile-edit-overlay .v7021-edit-page > .v6739-page-back{
  margin:0 0 10px!important;
}

/* v70.29 — Edit Details: restore customer profile circle colour choices only. */
.v7021-photo-preview>span{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;color:#fff}
.v7029-colour-picker{margin:0 0 18px;padding:14px 0;border-top:1px solid #e3e8ed;border-bottom:1px solid #e3e8ed;text-align:left}
.v7029-colour-picker>strong{display:block;color:#0b2d50;font-size:12px;margin-bottom:10px}
.v7029-colour-swatches{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:8px}
.v7029-colour-swatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;background:var(--swatch);box-shadow:0 0 0 1px #cbd5df;cursor:pointer}
.v7029-colour-swatch.selected{box-shadow:0 0 0 3px #0b3150}
.v7029-colour-picker small{display:block!important;text-align:center!important;color:#718196!important;font-size:11px!important;line-height:1.35}
/* ===== v70.57 Worker dashboard — brought up to the customer standard (scoped, no customer/locked CSS touched) ===== */
.v7057-whome{display:flex;flex-direction:column;gap:20px}
.v7057-whome .v7057-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#d1ad8b}
.v7057-hero{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px}
.v7057-hero-main{background:linear-gradient(140deg,#082d49,#0b3a5e);color:#fff;border-radius:18px;padding:26px 28px;display:flex;flex-direction:column;gap:6px}
.v7057-hero-main h1{margin:2px 0 0;font-size:26px;font-weight:800;color:#fff}
.v7057-hero-main p{margin:0;color:#cfe0ef;font-size:14px}
.v7057-hero-tag{margin-top:auto!important;font-size:22px;font-weight:800;line-height:1.15;color:#d1ad8b!important}
.v7057-hero-card{background:#fffaf4;border:1px solid #efe2cf;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:6px}
.v7057-hero-card h3{margin:2px 0 0;font-size:17px;font-weight:800;color:#082d49}
.v7057-hero-card p{margin:0;color:#64748b;font-size:13px;flex:1}
.v7057-btn{border:0;cursor:pointer;font-weight:800;font-size:14px;padding:11px 18px;border-radius:11px;align-self:flex-start;transition:.15s}
.v7057-btn.gold{background:#d1ad8b;color:#0f172a}
.v7057-btn.gold:hover{background:#c29a72}
.v7057-btn.ghost{background:#fff;color:#082d49;border:1px solid #e5e7eb}
.v7057-btn.wide{width:100%;text-align:center}
.v7057-identity{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px 18px}
.v7057-identity-copy h2{margin:0;font-size:17px;color:#082d49;font-weight:800}
.v7057-identity-copy p{margin:2px 0 0;color:#64748b;font-size:13px}
.v7057-identity-badges{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.v7057-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.v7057-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#fffaf4;border:1px solid #efe2cf;border-radius:16px;padding:16px 18px;cursor:pointer;text-align:left;transition:.15s}
.v7057-tile:hover{border-color:#d1ad8b;transform:translateY(-1px);box-shadow:0 8px 20px rgba(8,45,73,.08)}
.v7057-tile-ic{font-size:15px;color:#d1ad8b}
.v7057-tile strong{font-size:30px;font-weight:800;color:#082d49;line-height:1.05}
.v7057-tile-lbl{font-size:13px;color:#334155;font-weight:600}
.v7057-tile-link{font-size:12px;font-weight:700;color:#d1ad8b;margin-top:4px}
.v7057-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}
.v7057-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px 20px}
.v7057-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.v7057-panel h2{margin:0;font-size:15px;font-weight:800;color:#082d49}
.v7057-panel-link{background:0;border:0;color:#d1ad8b;font-weight:700;font-size:13px;cursor:pointer}
.v7057-list{display:flex;flex-direction:column;gap:8px}
.v7057-jobrow{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f8fafc;border:1px solid #eef1f5;border-radius:11px;padding:12px 14px;cursor:pointer;text-align:left;transition:.15s}
.v7057-jobrow:hover{border-color:#d1ad8b;background:#fffaf4}
.v7057-jobrow-copy{display:flex;flex-direction:column}
.v7057-jobrow-copy strong{color:#082d49;font-size:14px}
.v7057-jobrow-copy small{color:#64748b;font-size:12px}
.v7057-jobrow-go{color:#94a3b8;font-weight:800;font-size:18px}
.v7057-empty{color:#64748b;font-size:13px;padding:14px;text-align:center;background:#f8fafc;border-radius:11px}
.v7057-perf{margin:0;display:flex;flex-direction:column;gap:10px}
.v7057-perf>div{display:flex;align-items:center;justify-content:space-between}
.v7057-perf dt{color:#64748b;font-size:13px}
.v7057-perf dd{margin:0;color:#082d49;font-weight:700;font-size:13px}
.v7057-cols .v7057-panel:last-child .v7057-btn.wide{margin-top:14px}
.v7057-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.v7057-action{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#fffaf4;border:1px solid #efe2cf;border-radius:16px;padding:18px;cursor:pointer;text-align:left;transition:.15s}
.v7057-action:hover{border-color:#d1ad8b;transform:translateY(-1px);box-shadow:0 8px 20px rgba(8,45,73,.08)}
.v7057-action-ic{font-size:20px;color:#d1ad8b}
.v7057-action strong{color:#082d49;font-size:14px;font-weight:800}
.v7057-action small{color:#64748b;font-size:12px;flex:1}
.v7057-action-link{font-size:12px;font-weight:700;color:#d1ad8b;margin-top:2px}
@media(max-width:1100px){.v7057-hero{grid-template-columns:1fr 1fr}.v7057-hero-main{grid-column:1/-1}.v7057-tiles,.v7057-actions{grid-template-columns:repeat(2,1fr)}.v7057-cols{grid-template-columns:1fr}}

/* v70.57 — worker sidebar icons (match customer glyph style; scoped to worker shell, admin untouched) */
.v6710-worker-shell .v6710-role-side nav button{display:flex;align-items:center;gap:10px}
.v6710-worker-shell .v7057-side-icon{width:18px;min-width:18px;flex:0 0 18px;text-align:center;font-size:16px;line-height:1}

/* v70.57 — cheery worker quote in the navy hero */
.v7057-hero-quote{margin:6px 0 0!important;font-style:italic;font-size:13.5px;color:#e9d9b8!important;border-left:3px solid #d1ad8b;padding-left:12px;line-height:1.4}

/* v70.57 — worker content backscreen: light creamy beige (was cool slate #f8fafc) */
.v6710-role-shell.v6710-worker-shell{background:#e9dcbf!important}

/* v70.57 — underline the headers inside the worker dashboard boxes (gold accent) */
.v7057-panel h2,.v7057-hero-card h3,.v7057-action strong{text-decoration:underline;text-decoration-color:#d1ad8b;text-decoration-thickness:2px;text-underline-offset:4px}

/* v70.57 — thicker, darker borders on all worker dashboard boxes (gold hover still wins via specificity) */
.v7057-hero-card,.v7057-tile,.v7057-action,.v7057-panel,.v7057-identity{border-width:2px;border-color:#bfa877}

/* v70.57 — darker tile labels (New jobs / Interested / Accepted / Completed) */
.v7057-tile-lbl{color:#0f172a;font-weight:700}

/* v70.57 — little bordered box around the number in each metric tile */
.v7057-tile strong{display:inline-block;padding:3px 12px;margin:2px 0;font-size:26px;background:#fff;border:2px solid #bfa877;border-radius:10px;line-height:1.2}

/* v70.57 — identity box: darker beige with black, bolder writing */
.v7057-identity{background:#e2d0a4}
.v7057-identity-copy h2{color:#111!important;font-weight:800}
.v7057-identity-copy p{color:#1f1f1f!important;font-weight:600}

/* v70.57 — phone polish for the worker dashboard (≤480px): full-width hero cards, comfortable headings */
@media(max-width:480px){
  .v7057-hero{grid-template-columns:1fr}
  .v7057-hero-main{grid-column:auto}
  .v7057-hero-main h1{font-size:22px}
  .v7057-tile strong{font-size:24px}
}

/* v70.57 — Find Jobs / Job Centre cards + filters in the worker theme
   (worker-scoped colour overrides only; layout stays from customer-dashboard.css; locked file untouched) */
.v6710-worker-shell .v6710-job-card{background:#fffaf4;border:2px solid #bfa877;border-radius:12px;transition:border-color .15s,box-shadow .15s,transform .15s}
.v6710-worker-shell .v6710-job-card:hover{border-color:#d1ad8b;box-shadow:0 8px 20px rgba(8,45,73,.08);transform:translateY(-1px)}
.v6710-worker-shell .v6710-job-thumb{background:#e2d0a4;border:1px solid #cbb78a}
.v6710-worker-shell .v6710-job-copy h3{color:#082d49;font-weight:800}
.v6710-worker-shell .v6710-job-copy p,.v6710-worker-shell .v6710-job-copy small{color:#5b5140}
.v6710-worker-shell .v6710-job-budget strong{color:#082d49}
.v6710-worker-shell .v6710-filterbar input,.v6710-worker-shell .v6710-filterbar span,.v6710-worker-shell .v6710-search-field{border:1.5px solid #cbb78a!important;background:#fffdf9!important}

/* v70.57 — Find Jobs: advert prompt banner + bolder text (worker-scoped) */
.v7057-adpromo{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,#082d49,#0b3a5e);border:2px solid #d1ad8b;border-radius:14px;padding:16px 22px;margin-bottom:16px}
.v7057-adpromo-copy{min-width:0}
.v7057-adpromo .v7057-eyebrow{color:#d1ad8b}
.v7057-adpromo h3{margin:2px 0 3px;color:#fff;font-size:17px;font-weight:800}
.v7057-adpromo p{margin:0;color:#cfe0ef;font-size:13px;font-weight:500}
.v7057-adpromo .v7057-btn.gold{white-space:nowrap;flex:0 0 auto}
/* bolder writing on Find Jobs / Job Centre */
.v6710-worker-shell .v6710-job-copy p,.v6710-worker-shell .v6710-job-copy small{font-weight:600}
.v6710-worker-shell .v6710-job-budget small{font-weight:600;color:#5b5140}
.v6710-worker-shell .v6710-title h1{font-weight:800}
.v6710-worker-shell .v6710-title p{font-weight:600;color:#3a3322}
.v6710-worker-shell .v6710-filterbar input,.v6710-worker-shell .v6710-filterbar span{font-weight:600!important;color:#3a3322!important}

/* v70.57 — trade stock photos in worker job cards */
.v6710-worker-shell .v6710-job-thumb{overflow:hidden;padding:0}
.v6710-worker-shell .v6710-job-thumb img{width:100%;height:100%;object-fit:cover;display:block}

/* v70.57 — cheerful rotating Mendli quote, top-right of worker pages */
.v6710-worker-shell .v7057-topquote{color:#d1ad8b;font-weight:800;font-style:italic;font-size:13px;white-space:nowrap;margin-right:12px;align-self:center}
@media(max-width:760px){.v6710-worker-shell .v7057-topquote{display:none}}

/* v70.57 — cheerful Mendli quote in a little pill, top-right under the blue bar (shows on mobile too) */
.v6710-worker-shell .v7057-quote-row{display:flex;justify-content:flex-end;margin:12px 2px 16px}
.v6710-worker-shell .v7057-pagequote{display:inline-block;background:#082d49;border:2px solid #d1ad8b;border-radius:999px;padding:9px 24px;min-width:300px;text-align:center;color:#d1ad8b;font-weight:800;font-style:italic;font-size:15px;white-space:nowrap}
@media(max-width:480px){.v6710-worker-shell .v7057-pagequote{font-size:12px;padding:5px 13px}}

/* v70.57 — worker job detail view themed + unified buttons (worker-scoped) */
.v6710-worker-shell .v6710-job-detail-grid>article,.v6710-worker-shell .v6710-job-detail-grid>aside{background:#fffaf4;border:2px solid #bfa877;border-radius:14px}
.v6710-worker-shell .v6710-job-photo{overflow:hidden;padding:0;background:#e2d0a4}
.v6710-worker-shell .v6710-job-photo img{width:100%;height:100%;object-fit:cover;display:block}
.v6710-worker-shell .v6710-job-detail-grid h3{color:#082d49;font-weight:800;font-size:14px}
.v6710-worker-shell .v6710-job-detail-grid p{color:#3a3322;font-weight:600}
.v6710-worker-shell .v6710-job-detail-grid dt{color:#5b5140;font-weight:600}
.v6710-worker-shell .v6710-job-detail-grid dd{color:#082d49;font-weight:800}
/* unify the worker action buttons to the gold theme */
.v6710-worker-shell .v6710-gold{background:#d1ad8b!important;color:#0f172a!important;border:0!important;font-weight:800!important}
.v6710-worker-shell .v6710-gold:hover{background:#c29a72!important}
.v6710-worker-shell .v6710-outline{border:2px solid #bfa877!important;color:#082d49!important;background:#fffaf4!important;font-weight:700!important}
.v6710-worker-shell .v6710-outline:hover{border-color:#d1ad8b!important}

/* v70.57 — job detail: Job Details header, photos box, interest note */
.v6710-worker-shell .v7057-detail-head h1{font-size:28px;font-weight:800;color:#082d49;text-decoration:underline;text-decoration-color:#d1ad8b;text-decoration-thickness:3px;text-underline-offset:6px;margin:0}
.v6710-worker-shell .v7057-detail-head .v7057-detail-job{margin:12px 0 0;color:#082d49;font-weight:700;font-size:17px}
.v6710-worker-shell .v7057-photos{background:#fffaf4;border:2px solid #bfa877;border-radius:14px;padding:16px 18px;margin-top:16px}
.v6710-worker-shell .v7057-photos h3{margin:0 0 10px;color:#082d49;font-weight:800;font-size:14px}
.v6710-worker-shell .v7057-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.v6710-worker-shell .v7057-photos-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid #cbb78a;display:block}
.v6710-worker-shell .v7057-photos-empty{color:#5b5140;font-weight:600;font-size:13px;background:#fff;border:1px dashed #cbb78a;border-radius:10px;padding:18px;text-align:center}
.v6710-worker-shell .v7057-note{background:#082d49;border:2px solid #d1ad8b;border-radius:12px;padding:14px 18px;margin-top:16px}
.v6710-worker-shell .v7057-note strong{color:#d1ad8b;font-size:14px;display:block;margin-bottom:3px}
.v6710-worker-shell .v7057-note p{margin:0;color:#e8eefc!important;font-weight:500;font-size:13px;line-height:1.5}
.v6710-worker-shell .v7057-note b{color:#fff}

/* v70.57 — job location map box */
.v6710-worker-shell .v7057-map{margin-top:4px;height:220px;border-radius:12px;overflow:hidden;border:2px solid #bfa877;background:#e8eef3}
.v6710-worker-shell .v7057-map img{display:block;width:100%;height:100%;object-fit:cover}
.v6710-worker-shell .v7057-map-loading{display:grid;place-items:center;height:100%;color:#5b5140;font-weight:600;font-size:13px}

/* v70.57 — job detail: Job Details header above the Back button */
.v6710-worker-shell .v7057-detail-page{display:flex;flex-direction:column;margin-top:-46px}
.v6710-worker-shell .v7057-detail-page .v7057-detail-head{order:-1;margin-bottom:6px}
.v6710-worker-shell .v7057-detail-page .v6739-page-back{align-self:flex-start}

/* v70.57 — right box: a divider line between each detail row */
.v6710-worker-shell .v6710-job-detail-grid>aside dl>div{border-bottom:1px solid #d8c49a;padding:11px 0;margin:0}
.v6710-worker-shell .v6710-job-detail-grid>aside dl>div:first-child{padding-top:0}
.v6710-worker-shell .v6710-job-detail-grid>aside dl>div:last-child{border-bottom:0;padding-bottom:0}

/* v70.57 — job detail left card: full-width taller photo, tighter card, read-more description */
.v6710-worker-shell .v6710-job-detail-grid{align-items:start}
.v6710-worker-shell .v6710-job-detail-grid>article,.v6710-worker-shell .v6710-job-detail-grid>aside{min-height:0}
.v6710-worker-shell .v6710-job-detail-grid .v6710-job-photo{width:100%!important;max-width:none!important;height:280px!important;border-radius:12px}
.v6710-worker-shell .v7057-desc-text{margin:0;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}
.v6710-worker-shell .v7057-desc-text.is-open{-webkit-line-clamp:unset;display:block;overflow:visible}
.v6710-worker-shell .v7057-desc-more{background:0;border:0;color:#d1ad8b;font-weight:800;cursor:pointer;padding:8px 0 0;font-size:13px}

/* v70.57 — fun, on-brand "Back" button across the whole site */
.v6739-page-back{appearance:none!important;display:inline-flex!important;align-items:center!important;gap:9px!important;height:auto!important;padding:6px 18px 6px 6px!important;margin:0 0 12px!important;background:#fffaf4!important;border:2px solid #bfa877!important;border-radius:999px!important;color:#082d49!important;font:800 13px/1 Inter,Arial,sans-serif!important;cursor:pointer!important;box-shadow:0 3px 0 #bfa877!important;transition:transform .12s,background .15s,box-shadow .12s,border-color .15s!important;width:max-content!important}
.v6739-page-back:hover{background:#d1ad8b!important;border-color:#d1ad8b!important;box-shadow:0 3px 0 #a9791a!important;transform:translateY(-1px)!important}
.v6739-page-back:active{transform:translateY(1px)!important;box-shadow:0 1px 0 #a9791a!important}
.v6739-page-back span{width:28px!important;height:28px!important;border:0!important;border-radius:50%!important;background:#082d49!important;color:#d1ad8b!important;display:grid!important;place-items:center!important;font-size:16px!important;font-weight:900!important;line-height:1!important;transition:transform .15s!important}
.v6739-page-back:hover span{color:#fff!important;transform:translateX(-3px)!important}
.v6739-page-back strong{font-weight:800!important}

/* v70.57 — bolder, clearer Back arrow */
.v6739-page-back span{font-size:22px!important;width:30px!important;height:30px!important;-webkit-text-stroke:1.3px #d1ad8b;font-weight:900!important}
.v6739-page-back:hover span{-webkit-text-stroke:1.3px #fff}

/* v70.57 — Send a Quote (and worker forms): worker theme */
.v6710-worker-shell .v6710-form-card{background:#fffaf4!important;border:2px solid #bfa877!important;border-radius:14px!important}
.v6710-worker-shell .v6710-form-card label{color:#082d49!important;font-weight:700!important;font-size:12px!important}
.v6710-worker-shell .v6710-form-card input,.v6710-worker-shell .v6710-form-card textarea,.v6710-worker-shell .v6710-form-card select{border:1.5px solid #cbb78a!important;background:#fffdf9!important;color:#082d49!important;font-weight:600!important;font-size:13px!important}
.v6710-worker-shell .v6710-form-card input:focus,.v6710-worker-shell .v6710-form-card textarea:focus,.v6710-worker-shell .v6710-form-card select:focus{border-color:#d1ad8b!important;outline:none!important}

/* v70.57 — Send a Quote: job context, breakdown, deposit field */
.v6710-worker-shell .v7057-quote-context{display:flex;align-items:center;gap:14px;background:#fffaf4;border:2px solid #bfa877;border-radius:14px;padding:12px 16px;margin-bottom:14px}
.v6710-worker-shell .v7057-quote-thumb{width:64px;height:64px;flex:0 0 64px;border-radius:10px;overflow:hidden;border:1px solid #cbb78a}
.v6710-worker-shell .v7057-quote-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.v6710-worker-shell .v7057-quote-context-copy strong{display:block;color:#082d49;font-weight:800;font-size:15px}
.v6710-worker-shell .v7057-quote-context-copy span{color:#5b5140;font-weight:600;font-size:13px}
.v6710-worker-shell .v7057-quote-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.v6710-worker-shell .v7057-deposit-field{background:#fff;border:2px dashed #d1ad8b;border-radius:12px;padding:12px 14px}
.v6710-worker-shell .v7057-deposit-field span{color:#082d49;font-weight:800;font-size:13px}
.v6710-worker-shell .v7057-deposit-field small{color:#5b5140;font-weight:600;font-size:11px}
@media(max-width:600px){.v6710-worker-shell .v7057-quote-breakdown{grid-template-columns:1fr}}

/* v70.57 — Send a Quote: cover confirmation tickbox */
.v6710-worker-shell .v7057-declare{display:flex!important;align-items:flex-start;gap:11px;background:#fff!important;border:2px solid #bfa877!important;border-radius:12px;padding:13px 15px;color:#3a3322!important;font-weight:600!important;font-size:12px!important;line-height:1.45}
.v6710-worker-shell .v7057-declare input{flex:0 0 auto;width:20px!important;height:20px!important;min-height:20px!important;margin:1px 0 0!important;padding:0!important;accent-color:#082d49}
.v6710-worker-shell .v7057-declare span{font-size:12px!important;font-weight:600!important;color:#3a3322!important}

/* v70.57 — mobile: quote pill fits any screen; advert banner stacks tidily */
@media(max-width:480px){
  .v6710-worker-shell .v7057-pagequote{min-width:0!important;max-width:100%}
  .v6710-worker-shell .v7057-adpromo{padding:14px 16px}
  .v6710-worker-shell .v7057-adpromo .v7057-btn{width:100%;text-align:center}
  .v6710-worker-shell .v7057-detail-page{margin-top:-30px}
}

/* v70.57 fix — customer sidebar: keep Log Out reachable (community card was clipping it on shorter laptops) */
.v6680-customer-sidebar{overflow-y:auto!important}
.v6680-customer-sidebar .v6673-community-card{flex:0 0 auto}

/* v70.57 — remove the mobile bottom bar from the public home / login page */
.m6747-home-bottom{display:none!important}

/* v70.59 — homepage (laptop + mobile): accents + both buttons matched to the Mendli logo champagne (#d1ad8b); "Get it done." image tinted to match */
.m72-eyebrow{color:#d1ad8b!important}
.m72-trust-row>div{color:#d1ad8b!important}
.m72-trust-row svg{fill:#d1ad8b!important}
.m72-script-img{filter:saturate(.55) brightness(1.02) sepia(.15)!important}
.m72-primary{background:#d1ad8b!important;color:#082d49!important;border-color:#d1ad8b!important}
body.v64-home-active #view-home .m72-secondary{background:#d1ad8b!important;border-color:#d1ad8b!important;color:#082d49!important}
.m72-secondary{background:#d1ad8b!important;border-color:#d1ad8b!important;color:#082d49!important}

/* v70.60 — mobile login/front page: show the "Supporting local / Building brighter communities" chalkboard by using the wide hero image and shifting it into view */
@media(max-width:760px){
  body.v64-home-active #view-home .m72-photo{
    background-image:url('assets/m72-hero-wide.jpg')!important;
    background-size:cover!important;
    background-position:38% center!important;
  }
  body.v64-home-active #view-home .m72-hero:after{
    background:linear-gradient(90deg,rgba(3,26,45,.98) 0%,rgba(3,26,45,.93) 26%,rgba(3,26,45,.45) 46%,rgba(3,26,45,.10) 66%,rgba(3,26,45,0) 100%)!important;
  }
}