/* HUAMHUB Labor Hub V2.22 — page-scoped, no global overrides */
.hh-labor-hub{
  --labor-ink:#173522;
  --labor-muted:#64756a;
  --labor-green:#11883d;
  --labor-green-dark:#08712f;
  --labor-green-soft:#eef9f1;
  --labor-lime:#dff3c9;
  --labor-orange:#f47b20;
  --labor-yellow:#ffc949;
  --labor-blue:#2f7be8;
  --labor-card:#fff;
  --labor-line:#e3ece5;
  --labor-shadow:0 22px 60px rgba(20,80,43,.10);
  color:var(--labor-ink);
  padding-bottom:1.5rem;
}
.hh-labor-hub *{box-sizing:border-box}
.hh-labor-hub h1,.hh-labor-hub h2,.hh-labor-hub h3{color:var(--labor-ink)}
.hh-labor-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:1.25rem;
  padding:clamp(1.4rem,3vw,2.65rem);
  border:1px solid #d9ebdd;
  border-radius:30px;
  background:
    radial-gradient(circle at 88% 13%,rgba(255,201,73,.34),transparent 25%),
    radial-gradient(circle at 10% 100%,rgba(104,206,126,.22),transparent 31%),
    linear-gradient(135deg,#f8fff9 0%,#eef9f1 54%,#fffaf0 100%);
  box-shadow:var(--labor-shadow);
  isolation:isolate;
}
.hh-labor-hero:before,.hh-labor-hero:after{
  content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:-1
}
.hh-labor-hero:before{width:230px;height:230px;right:-84px;top:-95px;border:34px solid rgba(17,136,61,.08)}
.hh-labor-hero:after{width:150px;height:150px;left:48%;bottom:-108px;background:rgba(255,255,255,.7)}
.hh-labor-eyebrow{
  display:inline-flex;align-items:center;gap:.55rem;
  min-height:34px;padding:.35rem .75rem;border-radius:999px;
  background:#fff;border:1px solid #d9ebdd;color:var(--labor-green-dark);
  font-size:.78rem;font-weight:800;box-shadow:0 8px 24px rgba(20,80,43,.07)
}
.hh-labor-hero h1{
  max-width:760px;margin:.85rem 0 .65rem;
  font-size:clamp(1.75rem,4vw,3.3rem);line-height:1.15;letter-spacing:-.04em
}
.hh-labor-hero h1 em{font-style:normal;color:var(--labor-green)}
.hh-labor-lead{max-width:760px;margin:0;color:#52675a;font-size:clamp(.95rem,1.6vw,1.08rem);line-height:1.75}
.hh-labor-trust{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.15rem}
.hh-labor-trust span{display:inline-flex;align-items:center;gap:.38rem;padding:.45rem .68rem;border-radius:12px;background:rgba(255,255,255,.78);border:1px solid rgba(17,136,61,.12);font-size:.78rem;font-weight:700;color:#365b43}
.hh-labor-trust svg{color:var(--labor-green)}
.hh-labor-role-grid{display:grid;gap:.8rem;align-content:center}
.hh-labor-role-card{
  display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:.8rem;
  min-height:98px;padding:1rem;border-radius:20px;background:#fff;border:1px solid rgba(17,136,61,.12);
  box-shadow:0 14px 34px rgba(20,80,43,.09);transition:.2s ease
}
.hh-labor-role-card:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(20,80,43,.14);border-color:rgba(17,136,61,.32)}
.hh-labor-role-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--labor-green),var(--labor-green-dark));box-shadow:0 10px 22px rgba(17,136,61,.22)}
.hh-labor-role-card.worker .hh-labor-role-icon{background:linear-gradient(135deg,#ff9d2f,var(--labor-orange));box-shadow:0 10px 22px rgba(244,123,32,.22)}
.hh-labor-role-card strong{display:block;color:var(--labor-ink);font-family:var(--font-display);font-size:1rem}
.hh-labor-role-card small{display:block;margin-top:.16rem;color:var(--labor-muted);font-size:.77rem;line-height:1.45}
.hh-labor-role-arrow{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--labor-green-soft);color:var(--labor-green);font-weight:900}
.hh-labor-role-card.worker .hh-labor-role-arrow{background:#fff3e9;color:var(--labor-orange)}
.hh-labor-main{margin-top:1.4rem}
.hh-labor-tabs{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;
  padding:.55rem;border:1px solid var(--labor-line);border-radius:22px;background:#f7faf8;
  position:sticky;top:86px;z-index:20;box-shadow:0 12px 34px rgba(21,70,38,.07)
}
.hh-labor-tab{
  appearance:none;border:0;background:transparent;cursor:pointer;border-radius:16px;
  min-height:72px;padding:.75rem .9rem;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:.72rem;text-align:left;color:#52675a;transition:.18s ease
}
.hh-labor-tab:hover{background:#fff}
.hh-labor-tab.is-active{background:#fff;color:var(--labor-ink);box-shadow:0 8px 24px rgba(20,80,43,.10)}
.hh-labor-tab-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eaf6ed;color:var(--labor-green)}
.hh-labor-tab:nth-child(2) .hh-labor-tab-icon{background:#fff0e4;color:var(--labor-orange)}
.hh-labor-tab strong{display:block;font-family:var(--font-display);font-size:.93rem;color:inherit}
.hh-labor-tab small{display:block;margin-top:.12rem;font-size:.72rem;color:var(--labor-muted)}
.hh-labor-tab-count{min-width:34px;height:28px;padding:0 .55rem;border-radius:999px;display:grid;place-items:center;background:#edf4ef;color:#456151;font-size:.76rem;font-weight:900}
.hh-labor-tab.is-active .hh-labor-tab-count{background:var(--labor-green);color:#fff}
.hh-labor-tab:nth-child(2).is-active .hh-labor-tab-count{background:var(--labor-orange)}
.hh-labor-panel{padding-top:1.25rem}
.hh-labor-toolbar{
  display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.7fr) minmax(150px,.7fr) auto;gap:.65rem;
  padding:.8rem;border:1px solid var(--labor-line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(20,80,43,.06)
}
.hh-labor-field{position:relative;display:flex;align-items:center}
.hh-labor-field svg{position:absolute;left:.9rem;color:#789083;pointer-events:none}
.hh-labor-field input,.hh-labor-field select{
  width:100%;height:48px;border:1.5px solid #dce8df;border-radius:14px;background:#fbfdfb;color:var(--labor-ink);font-size:.88rem;padding:0 .9rem;outline:0;transition:.16s ease
}
.hh-labor-field input{padding-left:2.7rem}
.hh-labor-field input:focus,.hh-labor-field select:focus{border-color:#78ba89;box-shadow:0 0 0 4px rgba(17,136,61,.1);background:#fff}
.hh-labor-search-btn{height:48px;border:0;border-radius:14px;padding:0 1.15rem;background:linear-gradient(135deg,var(--labor-green),var(--labor-green-dark));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(17,136,61,.2)}
.hh-labor-filter-meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:.85rem 0 .7rem}
.hh-labor-filter-meta p{margin:0;color:var(--labor-muted);font-size:.82rem}
.hh-labor-clear{display:inline-flex;align-items:center;gap:.35rem;color:#bd4a2c;font-size:.78rem;font-weight:800}
.hh-labor-category-strip{display:flex;gap:.48rem;overflow:auto;padding:.1rem .05rem .65rem;scrollbar-width:thin}
.hh-labor-category-strip a{flex:none;display:inline-flex;align-items:center;gap:.35rem;padding:.48rem .72rem;border-radius:999px;background:#fff;border:1px solid var(--labor-line);color:#4f6557;font-size:.78rem;font-weight:700;white-space:nowrap}
.hh-labor-category-strip a:hover,.hh-labor-category-strip a.is-active{border-color:#73b985;background:var(--labor-green-soft);color:var(--labor-green-dark)}
.hh-labor-category-strip b{min-width:20px;height:20px;padding:0 .35rem;border-radius:999px;display:grid;place-items:center;background:#edf3ee;color:#617267;font-size:.67rem}
.hh-labor-category-strip a.is-active b{background:var(--labor-green);color:#fff}
.hh-labor-section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:.3rem 0 .9rem}
.hh-labor-section-head h2{margin:0;font-size:clamp(1.2rem,2vw,1.55rem)}
.hh-labor-section-head p{margin:.2rem 0 0;color:var(--labor-muted);font-size:.82rem}
.hh-labor-section-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.hh-labor-mini-btn{min-height:40px;padding:.5rem .8rem;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:.38rem;font-size:.78rem;font-weight:900;border:1px solid #d9e8dc;background:#fff;color:var(--labor-green-dark)}
.hh-labor-mini-btn.primary{background:var(--labor-green);color:#fff;border-color:var(--labor-green)}
.hh-labor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.hh-labor-job-card{
  overflow:hidden;display:grid;grid-template-columns:minmax(160px,34%) 1fr;min-height:222px;
  border:1px solid var(--labor-line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(20,80,43,.075);transition:.2s ease
}
.hh-labor-job-card:hover{transform:translateY(-4px);border-color:#abd2b5;box-shadow:0 20px 45px rgba(20,80,43,.13)}
.hh-labor-job-media{position:relative;min-height:222px;background:linear-gradient(145deg,#e4f6e8,#fff4dc);display:grid;place-items:center;overflow:hidden}
.hh-labor-job-media img{width:100%;height:100%;object-fit:cover;display:block}
.hh-labor-job-placeholder{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.78);color:var(--labor-green);box-shadow:0 14px 32px rgba(20,80,43,.12)}
.hh-labor-media-badges{position:absolute;left:.7rem;right:.7rem;top:.7rem;display:flex;justify-content:space-between;gap:.4rem;align-items:flex-start}
.hh-labor-badge{display:inline-flex;align-items:center;gap:.3rem;min-height:27px;padding:.25rem .55rem;border-radius:999px;background:rgba(255,255,255,.92);color:#31543d;font-size:.67rem;font-weight:900;box-shadow:0 8px 18px rgba(20,60,30,.12);backdrop-filter:blur(8px)}
.hh-labor-badge.featured{background:#fff1bd;color:#77570a}
.hh-labor-job-body{min-width:0;padding:1rem;display:flex;flex-direction:column}
.hh-labor-job-kicker{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap;color:var(--labor-green);font-size:.72rem;font-weight:900}
.hh-labor-job-kicker .dot{width:4px;height:4px;border-radius:50%;background:#afbeb4}
.hh-labor-job-card h3{margin:.42rem 0 .36rem;font-size:1.04rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hh-labor-job-desc{margin:0;color:var(--labor-muted);font-size:.78rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hh-labor-job-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}
.hh-labor-job-meta span{display:inline-flex;align-items:center;gap:.28rem;min-height:27px;padding:.25rem .5rem;border-radius:9px;background:#f5f8f6;color:#53675a;font-size:.69rem}
.hh-labor-job-footer{margin-top:auto;padding-top:.75rem;display:flex;justify-content:space-between;align-items:end;gap:.7rem;border-top:1px solid #eef3ef}
.hh-labor-price small{display:block;color:#819087;font-size:.64rem}
.hh-labor-price strong{display:block;color:var(--labor-orange);font-family:var(--font-display);font-size:1.04rem}
.hh-labor-offers{color:#718078;font-size:.7rem;text-align:right}
.hh-labor-view{display:inline-flex;align-items:center;gap:.3rem;margin-top:.18rem;color:var(--labor-green);font-size:.75rem;font-weight:900}
.hh-labor-worker-card{position:relative;padding:1rem;border:1px solid var(--labor-line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(20,80,43,.075);transition:.2s ease}
.hh-labor-worker-card:hover{transform:translateY(-4px);border-color:#abd2b5;box-shadow:0 20px 45px rgba(20,80,43,.13)}
.hh-labor-worker-top{display:grid;grid-template-columns:64px 1fr auto;gap:.8rem;align-items:center}
.hh-labor-worker-avatar{width:64px;height:64px;border-radius:20px;object-fit:cover;background:linear-gradient(145deg,#e5f7e9,#fff2db);display:grid;place-items:center;color:var(--labor-green);font-size:1.5rem;border:1px solid #dcecdf}
.hh-labor-worker-top h3{margin:0;font-size:1rem}
.hh-labor-worker-skill{margin:.15rem 0 0;color:var(--labor-green);font-size:.8rem;font-weight:900}
.hh-labor-verified{display:inline-flex;align-items:center;gap:.25rem;padding:.27rem .5rem;border-radius:999px;background:#e9f8ed;color:#14783a;font-size:.66rem;font-weight:900}
.hh-labor-worker-tags{display:flex;gap:.42rem;flex-wrap:wrap;margin-top:.75rem}
.hh-labor-worker-tags span{padding:.32rem .55rem;border-radius:10px;background:#f5f8f6;color:#53675a;font-size:.7rem}
.hh-labor-worker-note{margin:.7rem 0 0;color:var(--labor-muted);font-size:.77rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hh-labor-empty{grid-column:1/-1;text-align:center;padding:clamp(2rem,5vw,4rem) 1rem;border:1.5px dashed #cddfd1;border-radius:24px;background:linear-gradient(145deg,#fbfefb,#f2faf4)}
.hh-labor-empty-icon{width:84px;height:84px;margin:0 auto .8rem;border-radius:28px;display:grid;place-items:center;background:#fff;color:var(--labor-green);box-shadow:0 16px 38px rgba(20,80,43,.11)}
.hh-labor-empty h3{margin:0 0 .35rem;font-size:1.15rem}
.hh-labor-empty p{max-width:520px;margin:0 auto 1rem;color:var(--labor-muted);font-size:.84rem}
.hh-labor-empty-actions{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}
.hh-labor-process{margin-top:1.3rem;padding:1.1rem;border:1px solid var(--labor-line);border-radius:24px;background:#fbfdfb}
.hh-labor-process-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.hh-labor-process-head h2{margin:0;font-size:1.12rem}
.hh-labor-process-head p{margin:0;color:var(--labor-muted);font-size:.75rem}
.hh-labor-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}
.hh-labor-step{position:relative;padding:.85rem;border-radius:17px;background:#fff;border:1px solid #e5eee7}
.hh-labor-step b{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;background:var(--labor-green);color:#fff;font-family:var(--font-display);font-size:.8rem}
.hh-labor-step strong{display:block;margin:.55rem 0 .16rem;font-size:.86rem}
.hh-labor-step span{display:block;color:var(--labor-muted);font-size:.72rem;line-height:1.5}
.hh-labor-category-note{margin:.65rem 0 0;color:var(--labor-muted);font-size:.75rem}
.hh-labor-hub [x-cloak]{display:none!important}
@media (max-width:1050px){
  .hh-labor-hero{grid-template-columns:1fr}
  .hh-labor-role-grid{grid-template-columns:repeat(2,1fr)}
  .hh-labor-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .hh-labor-hub{margin-top:-.25rem}
  .hh-labor-hero{padding:1.15rem;border-radius:22px}
  .hh-labor-hero h1{font-size:1.72rem;letter-spacing:-.025em}
  .hh-labor-role-grid{grid-template-columns:1fr}
  .hh-labor-role-card{min-height:88px}
  .hh-labor-tabs{top:74px;border-radius:17px;padding:.4rem}
  .hh-labor-tab{min-height:61px;grid-template-columns:36px 1fr auto;padding:.55rem .6rem;gap:.5rem}
  .hh-labor-tab-icon{width:36px;height:36px;border-radius:12px}
  .hh-labor-tab small{display:none}
  .hh-labor-tab-count{min-width:28px;height:25px;padding:0 .38rem}
  .hh-labor-toolbar{grid-template-columns:1fr;padding:.65rem;border-radius:17px}
  .hh-labor-search-btn{width:100%}
  .hh-labor-section-head{align-items:flex-start;flex-direction:column}
  .hh-labor-section-actions{width:100%}
  .hh-labor-section-actions .hh-labor-mini-btn{flex:1}
  .hh-labor-job-card{grid-template-columns:1fr;min-height:0}
  .hh-labor-job-media{min-height:176px;max-height:210px}
  .hh-labor-job-body{padding:.9rem}
  .hh-labor-process-head{display:block}
  .hh-labor-process-head p{margin-top:.15rem}
  .hh-labor-process-grid{grid-template-columns:1fr}
}
@media (max-width:430px){
  .hh-labor-trust span{width:100%}
  .hh-labor-role-card{grid-template-columns:46px 1fr auto;padding:.85rem}
  .hh-labor-role-icon{width:46px;height:46px;border-radius:15px}
  .hh-labor-worker-top{grid-template-columns:56px 1fr}
  .hh-labor-worker-avatar{width:56px;height:56px;border-radius:17px}
  .hh-labor-verified{grid-column:2;justify-self:start}
}