/* 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:#f4bd54;
  --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/m72-logo.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(244,189,84,.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/m72-logo.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,#f8ca72,#efb84e)!important;
  border-color:#e4ab40!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:#d9a33e!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:#e0a634!important}
.v6640-watermark,.v6640-community{color:rgba(244,189,84,.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:#e0a634!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(244,189,84,.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/m72-logo.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(244,189,84,.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(244,189,84,.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(244,189,84,.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:#dea437!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:#f2c56f!important}
.v6676-open-job .v6676-bell{color:#f2c56f!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:#e8bd63!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:#e6b64d!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:#f2c56f!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:#f2c56f!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:#dfaa3d!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:#f2c56f!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:#f2c56f!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:#dba84e; 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:#f2bd54;--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:#f2c56f!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}
}