.jnbf-wrap--contained{max-width:1230px;margin:0 auto;padding:0 16px;box-sizing:border-box}
.jnbf-space-top{margin-top:18px}.jnbf-space-bottom{margin-bottom:22px}
.jnbf-wrap{background:#ffffff;border:1px solid #d5e8db;border-radius:16px;padding:20px;margin-bottom:22px;box-shadow:0 4px 18px rgba(26,107,58,.10)}
.jnbf-form{max-width:100%;margin:0}
.jnbf-search-wrapper{position:relative;margin-bottom:16px}
.jnbf-input--search{width:100% !important;height:58px !important;line-height:58px !important;padding:0 52px !important;border:2px solid #d5e8db !important;border-radius:12px !important;background:#f6f8fb !important;font-size:16px !important;box-sizing:border-box !important;transition:border-color .15s,box-shadow .15s,background .15s}
.jnbf-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:#0e6b3d;pointer-events:none;z-index:1}
.jnbf-input--search::placeholder{color:#62778a;opacity:.9}
.jnbf-input--search:focus{border-color:#0e6b3d !important;background:#fff !important;box-shadow:0 0 0 3px rgba(14,107,61,.12) !important}
.jnbf-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:1px solid #e9edf3;background:#fff;display:none;cursor:pointer}
.jnbf-clear::before,.jnbf-clear::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background:#64748b;transform-origin:center}
.jnbf-clear::before{transform:translate(-50%,-50%) rotate(45deg)}
.jnbf-clear::after{transform:translate(-50%,-50%) rotate(-45deg)}
.jnbf-clear:hover{background:#f1f5fb}
.jnbf-grid-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 160px;gap:18px;align-items:end}
.jnbf-col{min-width:220px}
.jnbf-col--btn{align-self:end}
.jnbf-label{display:flex;align-items:center;gap:6px;font-weight:700;color:#0f172a;margin:0 0 6px}
.jnbf-label-icon{display:inline-flex;color:#0e6b3d;line-height:0}
.jnbf-select,.jnbf-input{height:50px;line-height:50px;padding:0 14px;border:2px solid #d5e8db;border-radius:10px;background:#f8fafc;width:100%}
.jnbf-select:focus,.jnbf-input:focus{border-color:#0e6b3d;box-shadow:0 0 0 3px rgba(14,107,61,.12);outline:none}
.jnbf-btn{background:#0e6b3d;color:#fff;border:none;height:50px;padding:0 26px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.jnbf-btn-icon{display:inline-flex;line-height:0}
.jnbf-btn:hover{background:#0b5430}
@media (max-width:1023px){.jnbf-grid-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.jnbf-col--pub{grid-column:1/-1}.jnbf-col--btn{grid-column:1/-1}.jnbf-btn{width:100%;height:54px;font-size:16px}}
@media (max-width:768px){.jnbf-grid-controls{grid-template-columns:1fr;gap:14px}}
.jnbf-popular-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #c3e3cd}
.jnbf-popular-label{font-weight:700;color:#0e6b3d;white-space:nowrap;font-size:15px}
.jnbf-popular-list{display:flex;flex-wrap:wrap;gap:10px}
.jnbf-popular-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:999px;background:#fbfffd;color:#0e6b3d;border:1.5px solid #0e6b3d;font-size:14px;font-weight:600;text-decoration:none;line-height:1;white-space:nowrap;transition:background .15s,color .15s}
.jnbf-popular-pill svg{flex:0 0 auto;stroke:#0e6b3d;transition:stroke .15s}
.jnbf-popular-pill:hover{background:#0e6b3d;color:#fff}
.jnbf-popular-pill:hover svg{stroke:#fff}
@media (max-width:576px){.jnbf-popular-wrap{gap:8px}.jnbf-popular-label{width:100%}.jnbf-popular-pill{padding:6px 14px;font-size:13px}}

.jnbf-count-card{max-width:100%}
.jnbf-count-bar{position:relative;background:#eaf5ff;border:1px solid #d7e9ff;color:#1b6fdc;font-weight:600;padding:14px 16px 14px 44px;border-radius:12px;box-shadow:0 1px 4px rgba(27,111,220,.06);margin:10px auto 26px}
.jnbf-count-bar::before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:8px;height:28px;background:#3a8bff;border-radius:6px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}

/* === Custom override: widen Search button (added on 2025-10-05 12:38) === */
.job-filter form button[type="submit"],
.job-filter button.search,
.job-filter .search-btn,
.job-filter .btn[type="submit"] {
  padding: 12px 28px !important;
  min-width: 170px;
  border-radius: 12px;
}

@media (max-width: 576px) {
  .job-filter form button[type="submit"],
  .job-filter button.search,
  .job-filter .search-btn,
  .job-filter .btn[type="submit"] {
    width: 100%;
    min-width: 0;
  }
}
/* === End custom override === */

/* === Custom override v2: widen Search button using actual classes (added on 2025-10-05 12:44) === */
.jnbf-form .jnbf-col--btn .jnbf-btn,
.jnbf-form .jnbf-btn[type="submit"] {
  padding: 12px 28px !important;
  min-width: 180px;     /* a bit wider */
  border-radius: 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 576px) {
  .jnbf-form .jnbf-col--btn .jnbf-btn,
  .jnbf-form .jnbf-btn[type="submit"] {
    width: 100%;
    min-width: 0;
  }
}
/* === End custom override v2 === */

/* === Custom override v3: fix button spacing and width (added on 2025-10-05 12:49) === */
.jnbf-form .jnbf-col--btn .jnbf-btn,
.jnbf-form .jnbf-btn[type="submit"] {
  padding: 10px 22px !important;   /* slightly smaller */
  min-width: 160px;                /* reduced width */
  margin-right: 6px;               /* spacing from right edge */
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 576px) {
  .jnbf-form .jnbf-col--btn .jnbf-btn,
  .jnbf-form .jnbf-btn[type="submit"] {
    width: 100%;
    min-width: 0;
    margin-right: 0;
  }
}
/* === End custom override v3 === */

/* === Live stats card (bdg-stats-*) — icon compact design, same green as the job filter === */
.bdg-stats{background:#ffffff;border:1px solid #d5e8db;border-radius:12px;padding:14px}
.bdg-stats-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.bdg-stats-live{display:inline-flex;align-items:center;gap:6px;color:#a32d2d;font-weight:700;font-size:15px}
.bdg-stats-dot{width:8px;height:8px;border-radius:50%;background:#e24b4a;animation:bdg-pulse 1.6s infinite}
@keyframes bdg-pulse{0%{box-shadow:0 0 0 0 rgba(226,75,74,.45)}70%{box-shadow:0 0 0 7px rgba(226,75,74,0)}100%{box-shadow:0 0 0 0 rgba(226,75,74,0)}}
.bdg-stats-upd{color:#6b7f74;font-size:14px}
.bdg-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px}
.bdg-stat{--c:#0f6e56;--cbg:#e1f5ee;position:relative;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 8px;text-decoration:none;border-radius:10px;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}
.bdg-stat::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:1px;background:#c3e3cd;transition:opacity .18s}
.bdg-stat:hover,.bdg-stat:focus-visible{background:#fff;transform:translateY(-3px);box-shadow:0 8px 18px rgba(14,107,61,.18)}
.bdg-stat:hover::after,.bdg-stat:focus-visible::after{opacity:0}
.bdg-stat:focus-visible{outline:2px solid var(--c);outline-offset:1px}
.bdg-stat-ico{width:36px;height:36px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--cbg);color:var(--c);transition:background .18s,color .18s,transform .18s}
.bdg-stat-ico svg{width:18px;height:18px}
.bdg-stat:hover .bdg-stat-ico,.bdg-stat:focus-visible .bdg-stat-ico{background:var(--c);color:#fff;transform:scale(1.1)}
.bdg-stat-txt{display:flex;flex-direction:column;min-width:0}
.bdg-stat-num{font-size:21px;font-weight:700;line-height:1.15;color:#2c2c2a;transition:color .18s}
.bdg-stat:hover .bdg-stat-num,.bdg-stat:focus-visible .bdg-stat-num{color:var(--c)}
.bdg-stat-lbl{font-size:14px;font-weight:700;line-height:1.3;color:var(--c)}
.bdg-stat.is-green{--c:#0f6e56;--cbg:#e1f5ee}
.bdg-stat.is-blue{--c:#185fa5;--cbg:#e6f1fb}
.bdg-stat.is-red{--c:#a32d2d;--cbg:#fcebeb}
.bdg-stat.is-coral{--c:#993c1d;--cbg:#faece7}
.bdg-stat.is-amber{--c:#854f0b;--cbg:#faeeda}
.bdg-stat.is-purple{--c:#534ab7;--cbg:#eeedfe}
.bdg-scroll-wrap{position:relative;border-top:1px solid #c3e3cd;margin-top:12px;padding-top:12px}
.bdg-stats-cats{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0}
.bdg-stats-cats-t{font-weight:700;color:#0e6b3d;font-size:14px;white-space:nowrap}
.bdg-stats-cats a{display:inline-flex;align-items:center;gap:4px;padding:4px 11px;border-radius:999px;background:#fbfffd;border:1px solid #d5e8db;color:#0f172a;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,transform .15s}
.bdg-stats-cats a b{color:#0e6b3d;font-weight:700;transition:color .15s}
.bdg-stats-cats a:hover{background:#0e6b3d;border-color:#0e6b3d;color:#fff;transform:translateY(-1px)}
.bdg-stats-cats a:hover b{color:#fff}
.bdg-scroll-btn{display:none!important}
@media (max-width:576px){.bdg-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}.bdg-stat{padding:8px 6px}.bdg-stat-ico{width:34px;height:34px}.bdg-stat-num{font-size:19px}.bdg-stat-lbl{font-size:13px}}
@media (max-width:360px){.bdg-stat{gap:7px}.bdg-stat-ico{width:30px;height:30px}.bdg-stat-lbl{font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.bdg-stat,.bdg-stat-ico,.bdg-stats-cats a{transition:none}.bdg-stat:hover{transform:none}}