
:root{
  --hjse-bg:#0b1222;
  --hjse-shell:#0f1426;
  --hjse-card:#0f1a36;
  --hjse-card-text:#e7eaf6;
  --hjse-border:#2a355a;
  --hjse-primary:#5b7cff;
  --hjse-dim:#a4acc4;
  --gap:18px;
}
.hjse-wpjp-skin{background:linear-gradient(180deg,var(--hjse-bg),var(--hjse-shell));padding:16px;border-radius:0}
/* common grids */
.hjse-wpjp-skin .wjp-jobs-list,
.hjse-wpjp-skin .wpjobportal-jobs,
.hjse-wpjp-skin .job-list,
.hjse-wpjp-skin ul[class*="jobs"],
.hjse-wpjp-skin div[class*="jobs-list"],
.hjse-wpjp-skin div[class*="job-items"]{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
/* cards */
.hjse-wpjp-skin .wjp-job,
.hjse-wpjp-skin .wpjobportal-job,
.hjse-wpjp-skin .job-item,
.hjse-wpjp-skin li[class*="job"],
.hjse-wpjp-skin div[class*="job-card"]{background:var(--hjse-card);color:var(--hjse-card-text);border:1px solid var(--hjse-border);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(10,14,30,.28)}
.hjse-wpjp-skin [class*="job"] h3{margin:0 0 8px;font-size:18px;color:#fff}
.hjse-wpjp-skin .job-meta,.hjse-wpjp-skin .job-company,.hjse-wpjp-skin .job-location{color:var(--hjse-dim)}
/* buttons */
.hjse-wpjp-skin a.button, .hjse-wpjp-skin .button, .hjse-wpjp-skin a.apply, .hjse-wpjp-skin a.view{background:var(--hjse-primary)!important;color:#fff!important;border:0;border-radius:12px;padding:.55rem .9rem;text-decoration:none}
/* forms (post job etc) */
.hjse-wpjp-skin form input[type="text"], .hjse-wpjp-skin form input[type="email"], .hjse-wpjp-skin form input[type="url"], .hjse-wpjp-skin form input[type="search"], .hjse-wpjp-skin form select{background:#0b1330;color:#e7eaf6;border:1px solid var(--hjse-border);border-radius:12px;min-height:44px;padding:.6rem .9rem}
.hjse-wpjp-skin form textarea{background:#0b1330;color:#e7eaf6;border:1px solid var(--hjse-border);border-radius:12px;min-height:130px;padding:.7rem .9rem}
/* single job container */
.hjse-wpjp-skin .job-single, .hjse-wpjp-skin [class*="job-details"]{background:var(--hjse-card);color:var(--hjse-card-text);border:1px solid var(--hjse-border);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(10,14,30,.28)}
/* pagination */
.hjse-wpjp-skin .pagination a, .hjse-wpjp-skin .pagination span{border:1px solid var(--hjse-border);border-radius:10px;padding:.5rem .75rem;margin-right:6px;color:#cfd7ff}
.hjse-wpjp-skin .pagination .current,.hjse-wpjp-skin .pagination a:hover{background:#5b7cff;color:#fff;border-color:#5b7cff}
/* responsive */
@media (max-width:1024px){ .hjse-wpjp-skin .wjp-jobs-list, .hjse-wpjp-skin .wpjobportal-jobs, .hjse-wpjp-skin .job-list, .hjse-wpjp-skin ul[class*="jobs"], .hjse-wpjp-skin div[class*="jobs-list"], .hjse-wpjp-skin div[class*="job-items"]{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .hjse-wpjp-skin .wjp-jobs-list, .hjse-wpjp-skin .wpjobportal-jobs, .hjse-wpjp-skin .job-list, .hjse-wpjp-skin ul[class*="jobs"], .hjse-wpjp-skin div[class*="jobs-list"], .hjse-wpjp-skin div[class*="job-items"]{grid-template-columns:1fr} }
