/* WORKLANCE V435 UNIFIED ENTERPRISE DESIGN SYSTEM
   Shared by CRM and public website. Visual only: no workflow or data logic changes. */
:root{
  --wlc-ui-bg:#f5f7fb;
  --wlc-ui-surface:#ffffff;
  --wlc-ui-surface-soft:#f8fafc;
  --wlc-ui-ink:#0f172a;
  --wlc-ui-text:#334155;
  --wlc-ui-muted:#64748b;
  --wlc-ui-line:#dbe5f0;
  --wlc-ui-line-strong:#cbd9e8;
  --wlc-ui-primary:#2563eb;
  --wlc-ui-primary-dark:#1d4ed8;
  --wlc-ui-success:#15803d;
  --wlc-ui-warning:#c2410c;
  --wlc-ui-danger:#b91c1c;
  --wlc-ui-radius-sm:12px;
  --wlc-ui-radius:18px;
  --wlc-ui-radius-lg:24px;
  --wlc-ui-shadow:0 10px 30px rgba(15,23,42,.055);
  --wlc-ui-shadow-hover:0 18px 44px rgba(15,23,42,.085);
  --wlc-ui-focus:0 0 0 4px rgba(37,99,235,.13);
}
html{scroll-behavior:smooth}
body{color:var(--wlc-ui-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}

/* CRM shell and every CRM page */
.wlc-app{background:var(--wlc-ui-bg)}
.wlc-content{padding:24px!important}
.wlc-topbar{border-color:var(--wlc-ui-line)!important;box-shadow:0 4px 18px rgba(15,23,42,.04)!important}
.wlc-sidebar{border-color:var(--wlc-ui-line)!important}
.wlc-nav button{border:1px solid transparent!important;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important}
.wlc-nav button:hover{border-color:#d9e6f7!important;transform:translateX(2px)}
.wlc-nav button.active{border-color:#d3e3fb!important;box-shadow:0 7px 18px rgba(37,99,235,.08)!important}
.wlc-card,.wlc-table-wrap,.wlc-filterbar,.wlc-section-card,.wlc-job-card,.wlc-leaderboard-card-clean{
  border-color:var(--wlc-ui-line)!important;
  border-radius:var(--wlc-ui-radius)!important;
  box-shadow:var(--wlc-ui-shadow)!important;
  background:var(--wlc-ui-surface)!important;
}
.wlc-card{padding:18px!important}
.wlc-card-title,.wlc-page-title{color:var(--wlc-ui-ink)!important;letter-spacing:-.02em!important}
.wlc-filterbar{padding:10px!important;gap:10px!important}
.wlc-filterbar input,.wlc-filterbar select,.wlc-field input,.wlc-field select,.wlc-field textarea,.wlc-login-card input{
  border:1px solid var(--wlc-ui-line-strong)!important;
  border-radius:var(--wlc-ui-radius-sm)!important;
  background:#fff!important;
  color:var(--wlc-ui-ink)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.wlc-filterbar input:focus,.wlc-filterbar select:focus,.wlc-field input:focus,.wlc-field select:focus,.wlc-field textarea:focus,.wlc-login-card input:focus{
  outline:0!important;border-color:#7aa7f6!important;box-shadow:var(--wlc-ui-focus)!important
}
.wlc-btn{
  border-radius:var(--wlc-ui-radius-sm)!important;
  min-height:42px!important;
  font-weight:850!important;
  box-shadow:0 5px 14px rgba(15,23,42,.05)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important;
}
.wlc-btn:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(15,23,42,.09)!important}
.wlc-btn.primary{background:linear-gradient(135deg,var(--wlc-ui-primary),#2f6fed)!important;border-color:var(--wlc-ui-primary)!important;box-shadow:0 9px 22px rgba(37,99,235,.22)!important}
.wlc-btn.primary:hover{background:linear-gradient(135deg,var(--wlc-ui-primary-dark),var(--wlc-ui-primary))!important}
.wlc-table-wrap{overflow:auto!important}
.wlc-table{font-size:13.5px!important}
.wlc-table th{background:#edf3fa!important;color:#5b6e88!important;font-size:11px!important;letter-spacing:.105em!important;padding:13px 12px!important;border-bottom:1px solid #d8e4f1!important}
.wlc-table td{padding:13px 12px!important;color:#1e293b!important;border-top:1px solid #e9eff6!important}
.wlc-table tbody tr{transition:background .14s ease!important}
.wlc-table tbody tr:hover{background:#f8fbff!important}
.wlc-modal{border-radius:var(--wlc-ui-radius-lg)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 32px 90px rgba(15,23,42,.28)!important}
.wlc-modal-head,.wlc-modal-foot{border-color:#e5edf6!important}
.wlc-read-box{border-color:var(--wlc-ui-line)!important;background:var(--wlc-ui-surface-soft)!important;border-radius:var(--wlc-ui-radius-sm)!important}
.wlc-kpis .wlc-card,.wlc-stats4 .wlc-card{min-height:104px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.wlc-kpi .value{color:var(--wlc-ui-ink)!important;letter-spacing:-.035em!important}
.wlc-empty{background:#f8fafc!important;color:var(--wlc-ui-muted)!important;border-radius:14px!important}
.wlc-payment-card{padding:14px!important}
.wlc-payment-stats .wlc-card{border-top:3px solid #d9e7fb!important}
.wlc-payment-stats .wlc-card:nth-child(3){border-top-color:#86d3a4!important}
.wlc-payment-stats .wlc-card:nth-child(4){border-top-color:#f6b3b3!important}

/* Public website: use the same visual language as CRM Jobs */
.site-header{border-bottom:1px solid var(--wlc-ui-line)!important;box-shadow:0 6px 24px rgba(15,23,42,.055)!important}
.site-header .nav{max-width:1180px!important}
.btn,.btn-outline,.btn-light,.btn-dark{
  border-radius:var(--wlc-ui-radius-sm)!important;
  min-height:44px!important;
  font-weight:850!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important;
}
.btn:hover,.btn-outline:hover,.btn-light:hover,.btn-dark:hover{transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(15,23,42,.11)!important}
.btn{background:linear-gradient(135deg,var(--wlc-ui-primary),#2f6fed)!important;box-shadow:0 9px 22px rgba(37,99,235,.20)!important}
.btn-outline{border-color:var(--wlc-ui-line-strong)!important;background:#fff!important;color:var(--wlc-ui-ink)!important}
.content-card,.job-detail-card,.apply-main-card,.apply-summary-card,.job-tile,.serve-card,.step-card,.industry-card,.testimonial,.faq-item,.trust-item,.search-card,.job-search-pro{
  border:1px solid var(--wlc-ui-line)!important;
  border-radius:var(--wlc-ui-radius)!important;
  background:var(--wlc-ui-surface)!important;
  box-shadow:var(--wlc-ui-shadow)!important;
}
.content-card:hover,.job-tile:hover,.serve-card:hover,.step-card:hover,.industry-card:hover,.testimonial:hover,.trust-item:hover{box-shadow:var(--wlc-ui-shadow-hover)!important;transform:translateY(-2px)!important}
.job-tile{border-left:4px solid #d5e5fb!important;padding:22px!important}
.job-tile h3,.content-card h2,.content-card h3,.job-detail-card h1,.apply-main-card h1{color:var(--wlc-ui-ink)!important;letter-spacing:-.025em!important}
.job-search-pro,.search-card{padding:10px!important;gap:10px!important}
.job-search-pro input,.search-card input,.field input,.field select,.field textarea{
  border:1px solid var(--wlc-ui-line-strong)!important;
  border-radius:var(--wlc-ui-radius-sm)!important;
  background:#fff!important;
  color:var(--wlc-ui-ink)!important;
}
.job-search-pro input:focus,.search-card input:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:0!important;border-color:#7aa7f6!important;box-shadow:var(--wlc-ui-focus)!important}
.job-filter-pills button,.chip,.trust-pill,.eyebrow{border-radius:999px!important}
.job-directory-shell,.job-detail-shell,.apply-page-shell{background:linear-gradient(180deg,#f5f8fc 0%,#fff 72%)!important}
.footer{border-top:1px solid rgba(255,255,255,.08)!important}

@media(max-width:820px){
  .wlc-content{padding:14px!important}
  .wlc-card{padding:14px!important}
  .wlc-filterbar{padding:9px!important}
  .wlc-table th,.wlc-table td{padding:12px 10px!important}
}
@media(max-width:760px){
  .content-card,.job-detail-card,.apply-main-card,.apply-summary-card,.job-tile,.serve-card,.step-card,.industry-card,.testimonial,.faq-item,.trust-item{border-radius:16px!important}
}
/* /WORKLANCE V435 UNIFIED ENTERPRISE DESIGN SYSTEM */