/* ============================================================
   JR RECRUITMENT — CORPORATE LIGHT THEME
   Foundation: crisp white · navy blue · Instrument Serif display
   ============================================================ */

:root {
  --jr-bg:             #F1F1F1;
  --jr-bg-2:           #e8ebf2;
  --jr-surface:        #ffffff;
  --jr-surface-2:      #f8f9fc;
  --jr-surface-3:      #f1f3f8;
  --jr-surface-hover:  #eef1f8;

  --jr-border:         #e2e6ef;
  --jr-border-strong:  #cdd2de;
  --jr-border-accent:  #bfcfed;

  --jr-text:           #0f172a;
  --jr-text-soft:      #475569;
  --jr-muted:          #94a3b8;

  --jr-primary:        #2F5B8B;
  --jr-primary-2:      #2563eb;
  --jr-primary-3:      #3b82f6;
  --jr-primary-soft:   rgba(29,78,216,.07);
  --jr-primary-glow:   rgba(29,78,216,.18);

  --jr-success:        #16a34a;
  --jr-success-soft:   rgba(22,163,74,.08);
  --jr-warning:        #d97706;
  --jr-warning-soft:   rgba(217,119,6,.08);
  --jr-danger:         #dc2626;
  --jr-danger-soft:    rgba(220,38,38,.07);
  --jr-purple:         #7c3aed;
  --jr-purple-soft:    rgba(124,58,237,.07);
  --jr-teal:           #0d9488;
  --jr-teal-soft:      rgba(13,148,136,.08);

  --jr-shadow-xs:      0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.04);
  --jr-shadow-sm:      0 2px 8px rgba(15,23,42,.08), 0 1px 3px rgba(15,23,42,.05);
  --jr-shadow-md:      0 4px 24px rgba(15,23,42,.10), 0 2px 8px rgba(15,23,42,.06);
  --jr-shadow-glow:    0 0 0 3px rgba(29,78,216,.12), 0 4px 16px rgba(29,78,216,.10);

  --jr-radius-xs:      6px;
  --jr-radius-sm:      10px;
  --jr-radius-md:      12px;
  --jr-radius-lg:      16px;
  --jr-radius-xl:      20px;

  --jr-focus:          0 0 0 3px rgba(29,78,216,.2);
}

/* ── Reset & Base ─────────────────────────────────────────── */
.jr-wrap, .jr-wrap * { box-sizing: border-box; }

.jr-wrap {
  position: relative;
  padding: 28px 20px 56px;
  color: var(--jr-text);
  background: var(--jr-bg);
}

/* ── Typography ───────────────────────────────────────────── */
.jr-wrap h1,.jr-wrap h2,.jr-wrap h3,.jr-wrap h4,.jr-wrap h5,.jr-wrap h6,.jr-h {
  color: var(--jr-text);
  letter-spacing: -.02em;
  line-height: 1.15;
  margin: 0 0 12px;
  font-weight: 400;
}

.jr-muted { color: var(--jr-muted); font-size: 13px; }
.jr-lead {
  margin: 0;
  max-width: 600px;
  color: var(--jr-text-soft);
  font-size: 14px;
  line-height: 1.7;
  font-weight: 400;
}
.jr-lead--sm { font-size: 13px; line-height: 1.65; }

.jr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--jr-primary-soft);
  border: 1px solid var(--jr-border-accent);
  color: var(--jr-primary);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 14px;
}
.jr-eyebrow::before {
  content: "";
  width: 5px; height: 5px;
  border-radius: 999px;
  background: var(--jr-primary);
  flex-shrink: 0;
}

/* ── Cards ────────────────────────────────────────────────── */
.jr-card,
.jr-form,
.jr-apps-panel,
.jr-table-wrap,
.jr-page-title__inner {
  background: var(--jr-surface);
  border: 1px solid var(--jr-border);
  border-radius: var(--jr-radius-lg);
  box-shadow: var(--jr-shadow-sm);
}
.jr-card.is-featured {
  background: #f5f9ef !important;
}
.jr-card,
.jr-form,
.jr-apps-panel,
.jr-page-title__inner { padding: 24px; }

.jr-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: none;
}
.jr-card::after,
.jr-card::before { display: none !important; }

/* ── Grid utils ───────────────────────────────────────────── */
.jr-grid { display: grid; gap: 20px; }
.jr-cols { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.jr-row  { display: grid; gap: 16px; }
.jr-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.jr-actions--between { justify-content: space-between; }
.jr-link { color: var(--jr-primary-2); text-decoration: none; }


/* ── Buttons ──────────────────────────────────────────────── */
.jr-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: var(--jr-radius-sm);
  background: var(--jr-primary);
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .01em;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: all .15s ease;
  position: relative;
  white-space: nowrap;
}

.jr-btn:active { transform: translateY(0); }
.jr-btn:focus-visible { outline: none; box-shadow: var(--jr-focus); }

.jr-btn-edit   { background: #fff; border-color: var(--jr-border-strong); color: var(--jr-purple); box-shadow: var(--jr-shadow-xs); }

.jr-btn-toggle { background: #fff; border-color: var(--jr-border-strong); color: var(--jr-warning); box-shadow: var(--jr-shadow-xs); }

.jr-btn-dup    { background: #fff; border-color: var(--jr-border-strong); color: var(--jr-teal); box-shadow: var(--jr-shadow-xs); }

.jr-btn-apps   { background: #fff; border-color: var(--jr-border-strong); color: var(--jr-text-soft); box-shadow: var(--jr-shadow-xs); }

.jr-btn-danger { background: #fff; border-color: var(--jr-border-strong); color: var(--jr-danger); box-shadow: var(--jr-shadow-xs); }

.jr-btn-secondary,
.jr-btn-back {
  background: #fff;
  color: var(--jr-text-soft);
  border-color: var(--jr-border-strong);
  box-shadow: var(--jr-shadow-xs);
}


/* ── Forms ────────────────────────────────────────────────── */
.jr-form label {
  display: block;
  margin: 0 0 6px;
  color: var(--jr-text-soft);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.jr-form input[type="text"],
.jr-form input[type="email"],
.jr-form input[type="tel"],
.jr-form input[type="file"],
.jr-form input[type="date"],
.jr-form input[type="url"],
.jr-form input[type="number"],
.jr-form input[type="search"],
.jr-form select,
.jr-form textarea,
.jr-filters input,
.jr-filters select,
.jr-app-note,
.jr-app-tags,
.jr-app-status,

.jr-form textarea,.jr-app-note { min-height: 110px; resize: vertical; }

.jr-form select,
.jr-filters select,
.jr-app-status,


.jr-form input:focus,
.jr-form select:focus,
.jr-form textarea:focus,
.jr-filters input:focus,
.jr-filters select:focus,
.jr-app-note:focus,
.jr-app-tags:focus,
.jr-app-status:focus,
.jr-bulk-select:focus {
  outline: none;
  border-color: var(--jr-primary-3);
  box-shadow: var(--jr-focus);
}

.jr-form input::placeholder,
.jr-form textarea::placeholder { color: var(--jr-muted); }

.jr-form input[type="file"] { padding: 8px 12px; }
.jr-form input[type="file"]::file-selector-button {
  margin-right: 10px;
  border: 1px solid var(--jr-border-strong);
  border-radius: var(--jr-radius-xs);
  padding: 5px 10px;
  background: var(--jr-surface-2);
  color: var(--jr-text-soft);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all .15s;
}


/* ── Alerts ───────────────────────────────────────────────── */
.jr-alert { margin: 0 0 16px; padding: 12px 16px; border-radius: var(--jr-radius-md); border: 1px solid var(--jr-border); background: var(--jr-surface-2); color: var(--jr-text-soft); font-size: 13px; }
.jr-alert-success { border-color: rgba(22,163,74,.2); background: var(--jr-success-soft); color: var(--jr-success); }
.jr-alert-error   { border-color: rgba(220,38,38,.2); background: var(--jr-danger-soft); color: var(--jr-danger); }

/* ── Pills & Badges ───────────────────────────────────────── */
.jr-badges,.jr-job-submeta,.jr-card-footer-meta,.jr-job-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }

.jr-pill,.jr-mini-pill,.jr-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  min-width: 36px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid var(--jr-border-strong);
  background: var(--jr-surface-3);
  color: var(--jr-text-soft);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1;
  white-space: nowrap;
}

html body .jr-wrap span.jr-pill--country,
html body .jr-wrap span.jr-pill--city,
html body .jr-wrap .jr-badges span.jr-pill--country,
html body .jr-wrap .jr-badges span.jr-pill--city {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 22px !important; min-width: 36px !important; padding: 0 9px !important; border-radius: 999px !important;
  background: rgba(29,78,216,.07) !important; color: var(--jr-primary) !important;
  border: 1px solid rgba(29,78,216,.2) !important;
  font-size: 11px !important; font-weight: 600 !important; white-space: nowrap !important; line-height: 1 !important; text-transform: none !important;
}
html body .jr-wrap span.jr-pill--dep,
html body .jr-wrap .jr-badges span.jr-pill--dep {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 22px !important; min-width: 36px !important; padding: 0 9px !important; border-radius: 999px !important;
  background: rgba(124,58,237,.07) !important; color: var(--jr-purple) !important;
  border: 1px solid rgba(124,58,237,.2) !important;
  font-size: 11px !important; font-weight: 600 !important; white-space: nowrap !important; line-height: 1 !important; text-transform: none !important;
}
html body .jr-wrap span.jr-pill--contract,
html body .jr-wrap .jr-badges span.jr-pill--contract {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 22px !important; min-width: 36px !important; padding: 0 9px !important; border-radius: 999px !important;
  background: var(--jr-surface-3) !important; color: var(--jr-text-soft) !important;
  border: 1px solid var(--jr-border-strong) !important;
  font-size: 11px !important; font-weight: 600 !important; white-space: nowrap !important; line-height: 1 !important; text-transform: none !important;
}
html body .jr-wrap span.jr-pill--salary,
html body .jr-wrap .jr-badges span.jr-pill--salary {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 22px !important; min-width: 42px !important; padding: 0 9px !important; border-radius: 999px !important;
  background: rgba(22,163,74,.07) !important; color: var(--jr-success) !important;
  border: 1px solid rgba(22,163,74,.2) !important;
  font-size: 11px !important; font-weight: 600 !important; white-space: nowrap !important; line-height: 1 !important; text-transform: none !important;
}
html body .jr-wrap span.jr-mini-pill--featured,
html body .jr-wrap .jr-badges span.jr-mini-pill--featured {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 22px !important; min-width: 36px !important; padding: 0 9px !important; border-radius: 999px !important;
  background: rgba(124,58,237,.08) !important; color: var(--jr-purple) !important;
  border: 1px solid rgba(124,58,237,.22) !important;
  font-size: 11px !important; font-weight: 700 !important; white-space: nowrap !important; line-height: 1 !important; text-transform: none !important;
}
html body .jr-wrap span.jr-mini-pill--closed,
html body .jr-wrap .jr-badges span.jr-mini-pill--closed {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 22px !important; min-width: 36px !important; padding: 0 9px !important; border-radius: 999px !important;
  background: var(--jr-danger-soft) !important; color: var(--jr-danger) !important;
  border: 1px solid rgba(220,38,38,.2) !important;
  font-size: 11px !important; font-weight: 700 !important; white-space: nowrap !important; line-height: 1 !important; text-transform: none !important;
}

/* Status badges */
html body .jr-wrap .jr-status.is-published { display:inline-flex!important;align-items:center!important;min-height:22px!important;min-width:36px!important;padding:0 9px!important;border-radius:999px!important;background:rgba(22,163,74,.08)!important;color:var(--jr-success)!important;border:1px solid rgba(22,163,74,.2)!important;font-size:11px!important;font-weight:600!important;white-space:nowrap!important;line-height:1!important;text-transform:none!important; }
html body .jr-wrap .jr-status.is-draft     { display:inline-flex!important;align-items:center!important;min-height:22px!important;min-width:36px!important;padding:0 9px!important;border-radius:999px!important;background:rgba(217,119,6,.08)!important;color:var(--jr-warning)!important;border:1px solid rgba(217,119,6,.2)!important;font-size:11px!important;font-weight:600!important;white-space:nowrap!important;line-height:1!important;text-transform:none!important; }
html body .jr-wrap .jr-status.is-pending   { display:inline-flex!important;align-items:center!important;min-height:22px!important;min-width:36px!important;padding:0 9px!important;border-radius:999px!important;background:var(--jr-primary-soft)!important;color:var(--jr-primary)!important;border:1px solid rgba(29,78,216,.2)!important;font-size:11px!important;font-weight:600!important;white-space:nowrap!important;line-height:1!important;text-transform:none!important; }
html body .jr-wrap .jr-status.is-closed    { display:inline-flex!important;align-items:center!important;min-height:22px!important;min-width:36px!important;padding:0 9px!important;border-radius:999px!important;background:var(--jr-danger-soft)!important;color:var(--jr-danger)!important;border:1px solid rgba(220,38,38,.2)!important;font-size:11px!important;font-weight:600!important;white-space:nowrap!important;line-height:1!important;text-transform:none!important; }
html body .jr-wrap .jr-status.is-private   { display:inline-flex!important;align-items:center!important;min-height:22px!important;min-width:36px!important;padding:0 9px!important;border-radius:999px!important;background:var(--jr-surface-3)!important;color:var(--jr-muted)!important;border:1px solid var(--jr-border)!important;font-size:11px!important;font-weight:600!important;white-space:nowrap!important;line-height:1!important;text-transform:none!important; }

/* ── Avatars ──────────────────────────────────────────────── */
.jr-avatar,.jr-avatar--circle,.jr-avatar--placeholder {
  width: 48px; min-width: 48px; height: 48px;
  border-radius: 10px;
  object-fit: cover;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--jr-surface-3) 0%, var(--jr-bg-2) 100%);
  border: 1px solid var(--jr-border);
  color: var(--jr-primary);
  font-weight: 700; font-size: 16px;
}
.jr-avatar--circle { border-radius: 50%; }

/* ── Card head ────────────────────────────────────────────── */
.jr-card-head { display: flex; gap: 12px; align-items: flex-start; margin: 0 0 14px; }
.jr-card-head-text { flex: 1; min-width: 0; }
.jr-job-title { margin: 0 0 7px; font-size: 16px; line-height: 1.3; font-weight: 400; }
.jr-job-title a { color: var(--jr-text); text-decoration: none; display: block; overflow-wrap: anywhere; transition: color .15s; }


.jr-card-footer-meta {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--jr-border);
  display: flex; flex-wrap: wrap; gap: 12px; align-items: center;
}
.jr-card-footer-meta__item { color: var(--jr-muted); font-size: 12px; font-weight: 500; }
.jr-excerpt {
  color: var(--jr-text-soft);
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  flex: none !important;
}
.jr-card .jr-actions {
  margin-top: auto;
  padding-top: 14px;
}
.jr-card .jr-actions .jr-btn { flex: 1 1 0; text-align: center; }

/* ── Page title ───────────────────────────────────────────── */
.jr-page-title { padding: 0 0 20px; background: var(--jr-bg); }
.jr-page-title__inner {
  position: relative;
  overflow: hidden;
  padding: 32px 32px 28px;
  border-left: 4px solid var(--jr-primary);
  border-radius: var(--jr-radius-lg);
  background: #fff;
}
.jr-page-title__h1 {
  font-size: clamp(24px, 3.5vw, 40px);
  margin: 0;
  color: var(--jr-text);
  font-weight: 400;
  letter-spacing: -.03em;
}
.jr-breadcrumbs {
  display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
  margin: 0 0 12px;
  color: var(--jr-muted);
  font-size: 12px; font-weight: 500; letter-spacing: .02em;
}
.jr-breadcrumbs a { color: var(--jr-muted); text-decoration: none; transition: color .15s; }

.jr-sep { opacity: .5; margin: 0 2px; }
.jr-crumb-current { color: var(--jr-text-soft); }

/* ── Breadcrumb UIkit separators ──────────────────────────── */
.jr-wrap .jr-breadcrumbs.uk-breadcrumb > * + *::before,
.jr-wrap .jr-breadcrumbs.uk-breadcrumb > li + li::before,
.jr-wrap .uk-breadcrumb > * + *::before,
.jr-wrap .uk-breadcrumb > li::before {
  content: none !important; display: none !important;
}

/* ── Table ────────────────────────────────────────────────── */
.jr-table-wrap { overflow-x: auto; padding: 0; background: var(--jr-surface); }
/* Jobs table wrapper: don't let apps panel expand column widths */
.jr-table-wrap > .jr-table { table-layout: fixed; }
.jr-table {
  width: 100%; border-collapse: collapse; min-width: 0; table-layout: fixed;
}
.jr-table thead tr {
  border-bottom: 2px solid var(--jr-border);
}
.jr-table thead th {
  padding: 10px 14px;
  color: var(--jr-muted);
  font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  border: 0; white-space: nowrap; text-align: left;
  background: var(--jr-surface-2);
}
.jr-table thead th:first-child { border-radius: var(--jr-radius-sm) 0 0 0; }
.jr-table thead th:last-child  { border-radius: 0 var(--jr-radius-sm) 0 0; }
.jr-table tbody tr {
  border-bottom: 1px solid var(--jr-border);
  transition: background .1s;
}

.jr-table tbody tr:last-child { border-bottom: none; }
.jr-table tbody td {
  padding: 13px 14px; vertical-align: middle; font-size: 13px; color: var(--jr-text);
}

.jr-check,
.jr-job-main a { color: var(--jr-text); font-weight: 600; font-size: 13px; text-decoration: none; transition: color .15s; }

.jr-job-submeta { gap: 5px; margin-top: 4px; display: flex; flex-wrap: wrap; }
.jr-views,.jr-app-count { color: var(--jr-text-soft); font-size: 12px; font-weight: 500; }

/* ── Stat cards ───────────────────────────────────────────── */
.jr-stat-card {
  position: relative; overflow: hidden; padding: 20px;
  background: var(--jr-surface);
  border: 1px solid var(--jr-border);
  border-radius: var(--jr-radius-lg);
  box-shadow: var(--jr-shadow-xs);
  border-top: 3px solid var(--jr-border);
}
.jr-stat-card:nth-child(1) { border-top-color: var(--jr-primary); }
.jr-stat-card:nth-child(2) { border-top-color: var(--jr-success); }
.jr-stat-card:nth-child(3) { border-top-color: var(--jr-warning); }
.jr-stat-card:nth-child(4) { border-top-color: var(--jr-purple); }

.jr-stat-card__label { display: block; margin-bottom: 10px; color: var(--jr-muted); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.jr-stat-card__value { display: block; font-size: 34px; line-height: 1; color: var(--jr-text); font-weight: 400; letter-spacing: -.04em; }
.jr-stat-card:nth-child(1) .jr-stat-card__value { color: var(--jr-primary); }
.jr-stat-card:nth-child(2) .jr-stat-card__value { color: var(--jr-success); }
.jr-stat-card:nth-child(3) .jr-stat-card__value { color: var(--jr-warning); }
.jr-stat-card:nth-child(4) .jr-stat-card__value { color: var(--jr-purple); }
.jr-stat-card__value--sm { font-size: 13px; letter-spacing: 0; line-height: 1.4; word-break: break-word; color: var(--jr-text-soft) !important; }

.jr-results-chip {
  position: relative; padding: 20px;
  background: var(--jr-surface);
  border: 1px solid var(--jr-border);
  border-radius: var(--jr-radius-lg);
  box-shadow: var(--jr-shadow-xs);
  display: flex; align-items: center; justify-content: center;
  text-align: center; min-height: 100%;
  color: var(--jr-text);
  font-size: 15px; font-weight: 400;
  border-left: 4px solid var(--jr-primary);
}

/* ── Pagination ───────────────────────────────────────────── */
.jr-pagination { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; margin-top: 28px; }
.jr-pagination .page-numbers {
  min-width: 36px; min-height: 36px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--jr-radius-sm); border: 1px solid var(--jr-border-strong);
  background: #fff; color: var(--jr-text-soft);
  text-decoration: none; font-weight: 600; font-size: 13px; transition: all .15s;
}
.jr-pagination .page-numbers.current,


/* ── Filters ──────────────────────────────────────────────── */
.jr-filters {
  display: grid; gap: 14px;
  padding: 18px 20px;
  border: 1px solid var(--jr-border);
  border-radius: var(--jr-radius-lg);
  background: var(--jr-surface);
  box-shadow: var(--jr-shadow-xs);
}
.jr-filter,.jr-field { display: grid; gap: 6px; }
.jr-filter label,.jr-field label {
  display: block; margin: 0;
  font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--jr-muted);
}
.jr-filter-actions { display: flex; gap: 8px; align-items: flex-end; }

/* ── Dashboard hero ───────────────────────────────────────── */
.jr-dashboard-hero,.jr-listing-hero {
  display: grid;
  grid-template-columns: minmax(0,1.6fr) minmax(200px,1fr);
  gap: 16px; align-items: stretch; margin: 0 0 20px;
}
.jr-dashboard-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }

.jr-dashboard-hero__content {
  padding: 28px;
  background: var(--jr-surface);
  border: 1px solid var(--jr-border);
  border-radius: var(--jr-radius-lg);
  border-left: 4px solid var(--jr-primary);
  box-shadow: var(--jr-shadow-xs);
  position: relative; overflow: hidden;
}

.jr-listing-hero > div:first-child {
  padding: 22px 28px;
  background: var(--jr-surface);
  border: 1px solid var(--jr-border);
  border-radius: var(--jr-radius-lg);
  border-left: 4px solid var(--jr-primary);
  box-shadow: var(--jr-shadow-xs);
  position: relative; overflow: hidden;
}

/* ── Dropzone ─────────────────────────────────────────────── */
.jr-dropzone {
  position: relative; display: grid; place-items: center; gap: 8px;
  min-height: 130px; padding: 20px;
  border: 2px dashed var(--jr-border-strong);
  border-radius: var(--jr-radius-md);
  background: var(--jr-surface-2);
  text-align: center; cursor: pointer;
  transition: all .15s;
}

.jr-dropzone.has-file { border-color: rgba(22,163,74,.4); background: rgba(22,163,74,.03); }
.jr-dropzone__input {
  position: absolute !important; inset: 0 !important;
  opacity: 0 !important; cursor: pointer !important;
  width: 100% !important; height: 100% !important;
  min-height: unset !important; padding: 0 !important;
  border: none !important; background: none !important; z-index: 2 !important;
}
.jr-dropzone__icon {
  width: 38px; height: 38px; border-radius: 10px;
  display: grid; place-items: center;
  background: var(--jr-primary-soft);
  border: 1px solid var(--jr-border-accent);
  color: var(--jr-primary);
  font-weight: 700; font-size: 16px;
}
.jr-dropzone__title { font-weight: 600; color: var(--jr-text); font-size: 13px; }
.jr-dropzone__meta { color: var(--jr-muted); font-size: 11px; }

/* ── Apply ────────────────────────────────────────────────── */
.jr-apply { margin-top: 24px; }
.jr-apply .jr-form {
  position: relative;
  border-left: 4px solid var(--jr-primary);
}




/* ── Apps panel ───────────────────────────────────────────── */
.jr-apps-panel { padding: 22px; }
.jr-apps-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.jr-apps-row { background: transparent !important; }
.jr-apps-row > td {
  padding: 0 !important; border: none !important; background: transparent !important;
  /* colspan cell: don't let inner content dictate column widths */
  overflow: visible !important; width: auto !important;
}
.jr-apps-row td .jr-apps-panel {
  border: 1px solid var(--jr-border-accent);
  border-radius: var(--jr-radius-lg);
  background: var(--jr-surface);
  box-shadow: var(--jr-shadow-sm);
  padding: 22px; margin: 10px 14px;
  border-left: 4px solid var(--jr-primary);
}
.jr-apps-panel__head {
  display: grid;
  grid-template-columns: minmax(0,1.6fr) minmax(140px,auto);
  gap: 16px; align-items: stretch; margin-bottom: 18px;
}
.jr-apps-panel__head .jr-results-chip {
  min-width: 120px; white-space: nowrap; padding: 16px;
}

/* Apps table */
.jr-apps-table { min-width: 0; table-layout: auto; width: 100%; }
/* apps table col widths — handled below */

/* Notes & Tags */
.jr-app-note,.jr-app-tags {
  width: 100%; min-height: 50px; padding: 7px 9px;
  border: 1px solid var(--jr-border-strong) !important;
  border-radius: var(--jr-radius-xs) !important;
  background: #fff !important; color: var(--jr-text) !important; font-size: 12px !important;
  resize: none;
}
.jr-app-note:focus,.jr-app-tags:focus { outline: none; border-color: var(--jr-primary-3) !important; box-shadow: var(--jr-focus) !important; }

/* App status select */
.jr-app-status {
  min-width: 125px !important; width: 125px !important;
  min-height: 34px !important; padding: 6px 26px 6px 9px !important;
  border-radius: var(--jr-radius-xs) !important;
  font-size: 12px !important; font-weight: 600 !important;
  border: 1px solid var(--jr-border-strong) !important;
  background-color: var(--jr-surface-2) !important;
  color: var(--jr-text-soft) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 8px center !important;
  -webkit-appearance: none !important; appearance: none !important; cursor: pointer;
}
.jr-app-status.is-new,.jr-wrap select.jr-app-status.uk-select.is-new           { border-color:rgba(29,78,216,.3)!important;background-color:rgba(29,78,216,.07)!important;color:var(--jr-primary)!important; }
.jr-app-status.is-viewed,.jr-wrap select.jr-app-status.uk-select.is-viewed     { border-color:var(--jr-border-strong)!important;background-color:var(--jr-surface-2)!important;color:var(--jr-text-soft)!important; }
.jr-app-status.is-contacted,.jr-wrap select.jr-app-status.uk-select.is-contacted{ border-color:rgba(13,148,136,.3)!important;background-color:var(--jr-teal-soft)!important;color:var(--jr-teal)!important; }
.jr-app-status.is-interview,.jr-wrap select.jr-app-status.uk-select.is-interview{ border-color:rgba(124,58,237,.3)!important;background-color:var(--jr-purple-soft)!important;color:var(--jr-purple)!important; }
.jr-app-status.is-offer,.jr-wrap select.jr-app-status.uk-select.is-offer       { border-color:rgba(217,119,6,.3)!important;background-color:var(--jr-warning-soft)!important;color:var(--jr-warning)!important; }
.jr-app-status.is-rejected,.jr-wrap select.jr-app-status.uk-select.is-rejected { border-color:rgba(220,38,38,.3)!important;background-color:var(--jr-danger-soft)!important;color:var(--jr-danger)!important; }
.jr-app-status.is-hired,.jr-wrap select.jr-app-status.uk-select.is-hired       { border-color:rgba(22,163,74,.3)!important;background-color:var(--jr-success-soft)!important;color:var(--jr-success)!important; }

/* ── Switches ─────────────────────────────────────────────── */
.jr-switches { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; padding-top: 6px; }
.jr-switch { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: var(--jr-text-soft); cursor: pointer; }

.jr-switch input { width: 15px; height: 15px; margin: 0; accent-color: var(--jr-primary); cursor: pointer; }

/* ── Save/copy states ─────────────────────────────────────── */
.jr-save-job.is-saved,button[data-jr-save-job].is-saved { background:var(--jr-teal-soft);border-color:rgba(13,148,136,.3);color:var(--jr-teal); }
.jr-copy-link.is-copied,button[data-jr-copy-link].is-copied { background:var(--jr-success-soft);color:var(--jr-success);border-color:rgba(22,163,74,.25); }

/* ── Toast ────────────────────────────────────────────────── */
.jr-toast {
  position: fixed; bottom: 20px; right: 20px; z-index: 9999;
  padding: 10px 16px; border-radius: var(--jr-radius-md);
  background: var(--jr-text); border: 1px solid rgba(255,255,255,.1);
  color: #fff; font-size: 13px; font-weight: 500;
  box-shadow: var(--jr-shadow-md); max-width: 300px;
  transform: translateY(12px); opacity: 0; transition: all .22s ease;
}
.jr-toast.is-on { transform: translateY(0); opacity: 1; }
.jr-toast.is-err { background: var(--jr-danger); }

/* ── HP ───────────────────────────────────────────────────── */
.jr-hp { position: absolute !important; left: -9999px !important; opacity: 0 !important; pointer-events: none !important; }

/* ── UIKit overrides ──────────────────────────────────────── */
.jr-wrap .uk-label { background:transparent!important;border:none!important;padding:0!important;font-size:inherit!important;line-height:inherit!important;text-transform:none!important;letter-spacing:inherit!important;border-radius:0!important;color:inherit!important; }
.jr-wrap .uk-input,.jr-wrap .uk-select,.jr-wrap .uk-textarea {
  background: #fff !important; border: 1px solid var(--jr-border-strong) !important;
  color: var(--jr-text) !important; border-radius: var(--jr-radius-sm) !important; font-size: 13px !important;
}
.jr-wrap .uk-input:focus,.jr-wrap .uk-select:focus,.jr-wrap .uk-textarea:focus {
  border-color: var(--jr-primary-3) !important; box-shadow: var(--jr-focus) !important; outline: none !important;
}
.jr-wrap input::placeholder,.jr-wrap textarea::placeholder { color: var(--jr-muted) !important; }
.jr-wrap .uk-button { border-radius:var(--jr-radius-sm)!important;font-weight:600!important;font-size:13px!important;min-height:38px!important;transition:all .15s!important; }
.jr-wrap .uk-button-primary { background:var(--jr-primary)!important;color:#fff!important;border-color:transparent!important; }

.jr-wrap .uk-button-default { background:#fff!important;border:1px solid var(--jr-border-strong)!important;color:var(--jr-text-soft)!important;box-shadow:var(--jr-shadow-xs)!important; }

.jr-wrap .uk-card-default,.jr-wrap .uk-card-default.uk-card-body { background:var(--jr-surface)!important;border:1px solid var(--jr-border)!important;color:var(--jr-text)!important;box-shadow:var(--jr-shadow-sm)!important; }
.jr-wrap .uk-table-divider>tr:not(:first-child),.jr-wrap .uk-table-divider tbody tr { border-top-color:var(--jr-border)!important; }
.jr-wrap .uk-table th { color:var(--jr-muted)!important; }
.jr-wrap .uk-table td { color:var(--jr-text)!important; }
.jr-wrap .uk-table-small td,.jr-wrap .uk-table-small th { padding:13px 14px!important; }
.jr-wrap .uk-form-stacked .uk-form-label,.jr-wrap label { color:var(--jr-text-soft)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin-bottom:6px!important;display:block!important; }
.jr-wrap select.jr-app-status.uk-select { -webkit-appearance:none!important;appearance:none!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;padding-right:26px!important; }
.jr-wrap .uk-input.jr-app-note,.jr-wrap .uk-textarea.jr-app-note,.jr-wrap .uk-input.jr-app-tags { background:#fff!important;border:1px solid var(--jr-border-strong)!important;color:var(--jr-text)!important;border-radius:var(--jr-radius-xs)!important;font-size:12px!important; }

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 767px) {
  .jr-wrap { padding: 16px 12px 36px; }
  .jr-card,.jr-form,.jr-apps-panel,.jr-page-title__inner { padding: 16px; }
  .jr-table { min-width: 660px; }
  .jr-grid { grid-template-columns: 1fr !important; }
  .jr-card { min-width: 0; max-width: 100%; }
  .jr-card-head-text { min-width: 0; overflow: hidden; }
  .jr-job-title { word-break: break-word; }
}
@media (max-width: 480px) {
  .jr-page-title__h1 { font-size: 22px; }
  .jr-stat-card__value { font-size: 26px; }
}

/* ── Candidate detail modal ───────────────────────────────── */
body.jr-modal-open { overflow: hidden; }

.jr-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.jr-modal.is-open { display: flex !important; }

.jr-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  cursor: pointer;
  animation: jr-fade-in .18s ease;
}

.jr-modal__box {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 540px;
  background: var(--jr-surface);
  border: 1px solid var(--jr-border);
  border-top: 4px solid var(--jr-primary);
  border-radius: var(--jr-radius-lg);
  box-shadow: var(--jr-shadow-md);
  display: flex;
  flex-direction: column;
  animation: jr-slide-up .18s ease;
  max-height: calc(100vh - 40px);
  overflow: hidden;
}

.jr-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 22px 16px;
  border-bottom: 1px solid var(--jr-border);
}
.jr-modal__name {
  font-size: 17px;
  font-weight: 700;
  color: var(--jr-text);
  line-height: 1.3;
}
.jr-modal__meta {
  margin-top: 4px;
  font-size: 12px;
  color: var(--jr-muted);
}
.jr-modal__close {
  appearance: none;
  border: 1px solid var(--jr-border-strong);
  background: var(--jr-surface-2);
  border-radius: var(--jr-radius-xs);
  width: 30px; height: 30px;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; color: var(--jr-muted);
  cursor: pointer; flex-shrink: 0;
  transition: all .15s;
}


.jr-modal__body {
  padding: 18px 22px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
  flex: 1;
}

.jr-modal__section { display: flex; flex-direction: column; gap: 7px; }
.jr-modal__section label {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--jr-muted) !important;
  margin: 0 !important;
}
.jr-modal__message {
  padding: 10px 12px;
  background: var(--jr-surface-2);
  border: 1px solid var(--jr-border);
  border-radius: var(--jr-radius-sm);
  font-size: 13px;
  color: var(--jr-text-soft);
  line-height: 1.6;
  min-height: 44px;
  white-space: pre-wrap;
  word-break: break-word;
}
.jr-modal__note { min-height: 90px; }
.jr-modal__tags { min-height: 40px; }

.jr-modal__foot {
  padding: 14px 22px 18px;
  border-top: 1px solid var(--jr-border);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  background: var(--jr-surface-2);
}
.jr-modal__saved {
  font-size: 12px;
  font-weight: 600;
  color: var(--jr-success);
}
.jr-modal__save {
  min-width: 150px;
}

@keyframes jr-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes jr-slide-up {
  from { opacity: 0; transform: translateY(12px) scale(.98); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* Apps table — coloane flexibile, fără lățimi fixe */
.jr-apps-table thead th,
.jr-apps-table tbody td { width: auto; white-space: nowrap; }
.jr-apps-table thead th:nth-child(2),
.jr-apps-table tbody td:nth-child(2) { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 640px) {
  .jr-modal__box { max-width: 100%; border-radius: var(--jr-radius-md); }
  .jr-modal { padding: 12px; }
}

/* ── Jobs table cell styles ──────────────────────────────── */
.jr-job-main {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.jr-job-nr {
  flex-shrink: 0;
  width: 24px; height: 24px;
  border-radius: 6px;
  background: var(--jr-surface-3);
  border: 1px solid var(--jr-border);
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700; color: var(--jr-muted);
  margin-top: 2px;
}
.jr-job-main__title {
  display: block;
  font-weight: 600;
  font-size: 13px;
  color: var(--jr-text);
  text-decoration: none;
  line-height: 1.35;
  transition: color .15s;
}

.jr-job-submeta {
  display: flex; flex-wrap: wrap; gap: 5px; align-items: center; margin-top: 5px;
}
.jr-job-date {
  font-size: 11px; color: var(--jr-muted); font-weight: 500;
}

/* Stats cell */
.jr-stats-cell {
  display: flex; flex-direction: column; gap: 4px;
}
.jr-stats-cell__row {
  display: flex; align-items: center; gap: 6px;
}
.jr-stats-cell__label {
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .06em; color: var(--jr-muted); width: 34px;
}
.jr-stats-cell__val {
  font-size: 13px; font-weight: 700; color: var(--jr-text);
}
.jr-stats-cell .jr-btn-apps {
  margin-top: 6px; align-self: flex-start;
}

/* ── Zebra striping — desktop only ──────────────────────── */
html body .jr-wrap table.jr-table[data-jr-table="jobs"] tbody tr:nth-child(odd):not(.jr-apps-row) td {
  background-color: #ffffff !important;
}
html body .jr-wrap table.jr-table[data-jr-table="jobs"] tbody tr:nth-child(even):not(.jr-apps-row) td {
  background-color: #f4f6fb !important;
}

/* ── Jobs table header — center align ───────────────────── */
.jr-wrap .jr-table[data-jr-table="jobs"] thead th {
  text-align: center !important;
}
.jr-wrap .jr-table[data-jr-table="jobs"] thead th.jr-col-info {
  text-align: left !important;
}

/* ── Job cell — nr + text centrat vertical, pills centrate ─ */
.jr-wrap .jr-col-info .jr-job-main {
  align-items: center !important;
}
.jr-wrap .jr-col-info .jr-job-submeta {
  justify-content: flex-start !important;
  align-items: center !important;
}

/* ── Job main body — nr centrat față de titlu ────────────── */
.jr-job-main {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}
.jr-job-nr {
  margin-top: 2px;
  flex-shrink: 0;
}
.jr-job-main__body {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}
.jr-job-submeta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  align-items: center !important;
  margin-top: 4px !important;
}

/* ── Fix nr aliniat sus, indiferent de pills ─────────────── */
html body .jr-wrap .jr-col-info .jr-job-main {
  align-items: flex-start !important;
}
html body .jr-wrap .jr-col-info .jr-job-nr {
  margin-top: 1px !important;
  flex-shrink: 0 !important;
}
html body .jr-wrap .jr-col-info .jr-job-main__body {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-width: 0 !important;
}
html body .jr-wrap .jr-col-info .jr-job-main__title {
  display: block !important;
  text-align: left !important;
}
html body .jr-wrap .jr-col-info .jr-job-submeta {
  justify-content: flex-start !important;
  text-align: left !important;
}

/* ── Remove apps panel head styles ──────────────────────── */
.jr-apps-panel__head { display: none !important; }
.jr-results-chip { display: none !important; }

/* ── Add/Edit Job form — hard reset UIkit ────────────────── */
html body .jr-wrap form.jr-form {
  background: #fff !important;
  border: 1px solid var(--jr-border) !important;
  border-radius: var(--jr-radius-lg) !important;
  box-shadow: var(--jr-shadow-sm) !important;
  padding: 28px !important;
  margin: 0 0 24px !important;
}
html body .jr-wrap form.jr-form .jr-row {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: 1fr !important;
}
html body .jr-wrap form.jr-form .jr-cols {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 16px !important;
}
html body .jr-wrap form.jr-form .jr-cols.jr-cols--3 {
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}
html body .jr-wrap form.jr-form .jr-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
html body .jr-wrap form.jr-form label,
html body .jr-wrap form.jr-form .jr-field label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--jr-text-soft) !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .jr-wrap form.jr-form input[type="text"],
html body .jr-wrap form.jr-form input[type="email"],
html body .jr-wrap form.jr-form input[type="date"],
html body .jr-wrap form.jr-form input[type="file"],
html body .jr-wrap form.jr-form select,
html body .jr-wrap form.jr-form textarea {
  width: 100% !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 9px 12px !important;
  border: 1px solid var(--jr-border-strong) !important;
  border-radius: var(--jr-radius-sm) !important;
  background: #fff !important;
  color: var(--jr-text) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color .15s, box-shadow .15s !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
}
html body .jr-wrap form.jr-form textarea {
  min-height: 100px !important;
  max-height: 180px !important;
  resize: vertical !important;
}
html body .jr-wrap form.jr-form input[type="file"] {
  padding: 7px 12px !important;
  cursor: pointer !important;
}
html body .jr-wrap form.jr-form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 11px center !important;
  padding-right: 34px !important;
}
html body .jr-wrap form.jr-form input:focus,
html body .jr-wrap form.jr-form select:focus,
html body .jr-wrap form.jr-form textarea:focus {
  border-color: var(--jr-primary-3) !important;
  box-shadow: var(--jr-focus) !important;
  outline: none !important;
}
html body .jr-wrap form.jr-form input::placeholder,
html body .jr-wrap form.jr-form textarea::placeholder {
  color: var(--jr-muted) !important;
}
/* switches row */
html body .jr-wrap form.jr-form .jr-switches {
  flex-direction: row !important;
  align-items: center !important;
  gap: 18px !important;
  padding-top: 22px !important;
}
html body .jr-wrap form.jr-form .jr-switch {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--jr-text-soft) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
}
html body .jr-wrap form.jr-form .jr-switch input {
  width: 15px !important; height: 15px !important;
  min-height: unset !important; max-height: unset !important;
  accent-color: var(--jr-primary) !important;
}
@media (max-width: 640px) {
  html body .jr-wrap form.jr-form .jr-cols {
    grid-template-columns: 1fr !important;
  }
}

/* ── JOB header centrat ──────────────────────────────────── */
.jr-wrap .jr-table[data-jr-table="jobs"] thead th.jr-col-info {
  text-align: center !important;
}

/* ── Apply form — 3 col row ──────────────────────────────── */
html body .jr-wrap .jr-apply-3col {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}
html body .jr-wrap .jr-apply-3col > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
@media (max-width: 640px) {
  html body .jr-wrap .jr-apply-3col {
    grid-template-columns: 1fr !important;
  }
}

/* ── Input with icon ─────────────────────────────────────── */
.jr-input-icon-wrap { display: flex; flex-direction: column; gap: 6px; }
.jr-input-icon-wrap label {
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: .08em !important; text-transform: uppercase !important;
  color: var(--jr-text-soft) !important; margin: 0 !important;
}
.jr-input-icon {
  position: relative;
  display: flex;
  align-items: center;
}
.jr-input-icon__svg {
  position: absolute;
  left: 11px;
  width: 16px; height: 16px;
  color: var(--jr-muted);
  pointer-events: none;
  flex-shrink: 0;
  z-index: 1;
}
html body .jr-wrap .jr-input-icon input.jr-has-icon,
html body .jr-wrap form.jr-form .jr-input-icon input.jr-has-icon {
  padding-left: 34px !important;
  width: 100% !important;
  min-height: 40px !important;
  max-height: 40px !important;
  border: 1px solid var(--jr-border-strong) !important;
  border-radius: var(--jr-radius-sm) !important;
  background: #fff !important;
  color: var(--jr-text) !important;
  font-size: 13px !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  resize: none !important;
}
html body .jr-wrap .jr-input-icon input.jr-has-icon:focus {
  border-color: var(--jr-primary-3) !important;
  box-shadow: var(--jr-focus) !important;
}
html body .jr-wrap .jr-input-icon input.jr-has-icon::placeholder {
  color: var(--jr-muted) !important;
}

/* ── Job detail meta cards ───────────────────────────────── */
.jr-job-detail-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--jr-text) !important;
  margin: 0 0 18px !important;
  letter-spacing: -.02em !important;
  line-height: 1.25 !important;
}
.jr-meta-cards {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 24px !important;
}
.jr-meta-card {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #fff !important;
  border: 1px solid var(--jr-border) !important;
  border-radius: var(--jr-radius-sm) !important;
  padding: 7px 13px 7px 10px !important;
  box-shadow: 0 1px 3px rgba(15,23,42,.05) !important;
}
.jr-meta-card__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important; height: 28px !important;
  border-radius: 7px !important;
  background: var(--jr-surface-2) !important;
  flex-shrink: 0 !important;
}
.jr-meta-card__icon svg {
  width: 14px !important; height: 14px !important;
  color: var(--jr-primary) !important;
}
.jr-meta-card__label {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  color: var(--jr-muted) !important;
  line-height: 1 !important;
  display: block !important;
}
.jr-meta-card__value {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--jr-text) !important;
  line-height: 1.2 !important;
  display: block !important;
}
.jr-meta-card__icon + .jr-meta-card__label {
  /* stack label + value vertically next to icon */
}
.jr-meta-card {
  flex-direction: row !important;
}
.jr-meta-card__icon ~ .jr-meta-card__label,
.jr-meta-card__icon ~ .jr-meta-card__value {
  display: block !important;
}
/* icon + text column */
.jr-meta-card__icon + span {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.jr-meta-card__text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

/* ── Job header card ─────────────────────────────────────── */
.jr-job-header-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
  background: #fff !important;
  border: 1px solid var(--jr-border) !important;
  border-left: 4px solid var(--jr-primary) !important;
  border-radius: var(--jr-radius-lg) !important;
  padding: 20px 24px !important;
  margin-bottom: 20px !important;
  box-shadow: var(--jr-shadow-sm) !important;
}
.jr-job-header-card__logo {
  width: 56px !important; height: 56px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--jr-border) !important;
  background: var(--jr-surface-2) !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.jr-job-header-card__logo img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important;
}
.jr-job-header-card__logo--placeholder svg {
  width: 28px !important; height: 28px !important;
  color: var(--jr-muted) !important;
}
.jr-job-header-card__right {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  flex: 1 !important;
  min-width: 0 !important;
}
.jr-job-header-card__eyebrow {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .09em !important;
  color: var(--jr-primary) !important;
}
.jr-job-header-card__title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--jr-text) !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -.02em !important;
}
.jr-job-header-card__location {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  font-size: 13px !important;
  color: var(--jr-text-soft) !important;
  margin-top: 2px !important;
}
.jr-job-header-card__location svg {
  width: 13px !important; height: 13px !important;
  color: var(--jr-muted) !important;
  flex-shrink: 0 !important;
}
.jr-job-header-card__sep {
  color: var(--jr-muted) !important;
  font-size: 12px !important;
}


/* ── Meta card label+value inline ───────────────────────── */
.jr-meta-card__text {
  flex-direction: row !important;
  align-items: center !important;
  gap: 5px !important;
}
.jr-meta-card__label {
  white-space: nowrap !important;
}
.jr-meta-card__value {
  white-space: nowrap !important;
}

/* ── Meta card text vertical align fix ──────────────────── */
.jr-meta-card__text {
  align-items: baseline !important;
}
.jr-meta-card__label {
  font-size: 10px !important;
  line-height: 1 !important;
  position: relative !important;
  top: 0 !important;
}
.jr-meta-card__value {
  font-size: 13px !important;
  line-height: 1 !important;
}

/* ── Public jobs grid responsive ────────────────────────── */
@media (max-width: 768px) {
  .jr-jobs-grid,
  .jr-cards-grid,
  [class*="uk-child-width-1-3"],
  .uk-grid > [class*="uk-width-1-3"] {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
  .uk-grid > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  .jr-card,
  .jr-job-card {
    width: 100% !important;
    min-width: 0 !important;
  }
  .jr-filters,
  .jr-filters .jr-row,
  .jr-filters .jr-cols,
  .jr-search-bar {
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
  }
  .jr-meta-cards { gap: 8px !important; }
  .jr-meta-card { flex: 1 1 calc(50% - 4px) !important; }
  .jr-apply-3col { grid-template-columns: 1fr !important; }
  .jr-job-header-card { flex-direction: column !important; gap: 12px !important; }
}
@media (max-width: 480px) {
  .jr-meta-card { flex: 1 1 100% !important; }
}

@media (max-width: 768px) {
  .jr-grid[style] { grid-template-columns: 1fr !important; display: grid !important; }
  .jr-grid > * { width: 100% !important; max-width: 100% !important; float: none !important; padding-left: 0 !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .jr-grid[style] { grid-template-columns: repeat(2, 1fr) !important; display: grid !important; }
  .jr-grid > * { width: 100% !important; max-width: 100% !important; float: none !important; padding-left: 0 !important; }
}

/* ── Jobs grid — CSS pur ─────────────────────────────────── */
.jr-grid { display: grid !important; gap: 20px !important; width: 100% !important; }
@media (max-width: 600px) {
  .jr-grid { grid-template-columns: 1fr !important; }
  .jr-grid > * { width: 100% !important; max-width: 100% !important; }
}
@media (min-width: 601px) and (max-width: 900px) {
  .jr-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .jr-grid > * { width: 100% !important; max-width: 100% !important; }
}

/* ── Filters — height fix ────────────────────────────────── */
html body .jr-filters input,
html body .jr-filters select,
html body .jr-filters input[type="search"],
html body .jr-filters input[type="text"] {
  min-height: 40px !important; max-height: 40px !important; height: 40px !important;
  padding: 9px 12px !important; font-size: 13px !important; line-height: 1.4 !important;
  border: 1px solid var(--jr-border-strong) !important; border-radius: var(--jr-radius-sm) !important;
  background: #fff !important; box-shadow: none !important;
  -webkit-appearance: none !important; appearance: none !important;
  box-sizing: border-box !important; width: 100% !important;
}
html body .jr-filters select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 11px center !important; padding-right: 34px !important;
}
html body .jr-filters input:focus,
html body .jr-filters select:focus {
  border-color: var(--jr-primary-3) !important; box-shadow: var(--jr-focus) !important; outline: none !important;
}

/* ── Filters redesign ────────────────────────────────────── */
html body .jr-filters {
  background: #fff !important; border: 1px solid var(--jr-border) !important;
  border-radius: var(--jr-radius-lg) !important; padding: 20px 24px !important;
  margin-bottom: 24px !important; box-shadow: var(--jr-shadow-sm) !important;
}
html body .jr-filters__grid {
  display: grid !important; grid-template-columns: repeat(7, minmax(0,1fr)) !important;
  gap: 16px !important; margin-bottom: 14px !important;
}
html body .jr-filter { display: flex !important; flex-direction: column !important; gap: 6px !important; }
html body .jr-filter label {
  display: flex !important; align-items: center !important; gap: 5px !important;
  font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important;
  letter-spacing: .08em !important; color: var(--jr-text-soft) !important; margin: 0 !important;
  white-space: nowrap !important;
}
html body .jr-filter label svg { width: 12px !important; height: 12px !important; color: var(--jr-primary) !important; flex-shrink: 0 !important; }
html body .jr-filter-actions { display: none !important; }
html body .jr-filter--reset { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; }
html body .jr-filter--reset label { visibility: hidden !important; }
html body .jr-filter--reset .jr-btn { width: 100% !important; justify-content: center !important; height: 40px !important; }
html body .jr-filter--reset .jr-btn svg { width: 13px !important; height: 13px !important; }
html body .jr-wrap > form.jr-filters,
html body .jr-wrap .jr-filters { width: 100% !important; box-sizing: border-box !important; float: none !important; clear: both !important; }

/* ── Filters responsive ──────────────────────────────────── */
@media (max-width: 1024px) { html body .jr-filters__grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; } }
@media (max-width: 768px) {
  /* Toggle buton filtre */
  .jr-filters-toggle {
    display: flex !important; align-items: center !important; gap: 8px !important;
    width: 100% !important; background: #fff !important; border: 1px solid var(--jr-border) !important;
    border-radius: var(--jr-radius-lg) !important; padding: 12px 16px !important;
    font-size: 14px !important; font-weight: 600 !important; color: var(--jr-text) !important;
    cursor: pointer !important; margin-bottom: 8px !important; box-shadow: var(--jr-shadow-sm) !important;
  }
  .jr-filters-toggle svg:first-child { width: 16px !important; height: 16px !important; color: var(--jr-primary) !important; }
  .jr-filters-toggle span { flex: 1 !important; text-align: left !important; }
  .jr-filters-toggle__arrow { width: 12px !important; height: 12px !important; color: var(--jr-muted) !important; transition: transform .2s ease !important; }
  .jr-filters-toggle[aria-expanded="true"] .jr-filters-toggle__arrow { transform: rotate(180deg) !important; }

  /* Filtre — ascunse/vizibile prin toggle */
  html body .jr-wrap .jr-filters:not(.is-open) { display: none !important; }
  html body .jr-wrap .jr-filters.is-open { display: block !important; }

  /* Grid 1 coloană pe mobil */
  html body .jr-filters__grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  /* Padding mai compact */
  html body .jr-filters { padding: 14px 14px !important; }

  /* Label vizibil pe mobil — e util să știi ce filtru e */
  html body .jr-filter label {
    font-size: 10px !important;
    letter-spacing: .06em !important;
  }

  /* Reset — full width, proeminent */
  html body .jr-filter--reset { margin-top: 4px !important; }
  html body .jr-filter--reset label { display: none !important; }
  html body .jr-filter--reset .jr-btn {
    width: 100% !important; justify-content: center !important;
    background: var(--jr-surface-2) !important;
    border: 1px solid var(--jr-border) !important;
    color: var(--jr-text-soft) !important;
    font-size: 12px !important; height: 38px !important;
  }

  /* Input și select — full width, înălțime confortabilă */
  html body .jr-filters input,
  html body .jr-filters select {
    height: 40px !important; font-size: 14px !important;
    width: 100% !important; box-sizing: border-box !important;
  }
}

.jr-filters-toggle { display: none; }

/* ── Featured ────────────────────────────────────────────── */
html body .jr-mini-pill--featured { display: none !important; }
.jr-featured-star {
  position: absolute; top: 10px; right: 12px;
  font-size: 14px; color: #6aad2a; line-height: 1; pointer-events: none; z-index: 1;
}

/* ── Card mobile fix ─────────────────────────────────────── */
@media (max-width: 600px) {
  .jr-card { padding: 16px !important; min-width: 0 !important; overflow: hidden !important; }
  .jr-card-head { gap: 10px !important; }
  .jr-card-head-text { min-width: 0 !important; overflow: hidden !important; }
  .jr-job-title { font-size: 14px !important; word-break: break-word !important; }
  .jr-excerpt { word-break: break-word !important; overflow-wrap: anywhere !important; -webkit-line-clamp: 3 !important; }
  .jr-badges { flex-wrap: wrap !important; }
  .jr-pill, .jr-mini-pill { max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .jr-card .jr-actions .jr-btn { width: 100% !important; }
}

/* ── 3-column form grid ──────────────────────────────────── */
.jr-cols--3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
@media (max-width: 767px) { .jr-cols--3 { grid-template-columns: 1fr !important; } }

/* ── Share button ────────────────────────────────────────── */
.jr-btn-share { background: #fff !important; color: var(--jr-teal); border-color: var(--jr-border-strong); }
.jr-share-popover {
  background: #fff; border: 1px solid var(--jr-border); border-radius: var(--jr-radius-md);
  box-shadow: var(--jr-shadow-md); padding: 8px; display: flex; flex-direction: column; gap: 4px; min-width: 160px;
}
.jr-share-btn {
  display: flex; align-items: center; gap: 10px; padding: 9px 12px;
  border-radius: var(--jr-radius-sm); font-size: 13px; font-weight: 500; color: var(--jr-text);
  text-decoration: none; background: none; border: none; cursor: pointer; width: 100%; text-align: left; transition: background .12s;
}
.jr-share-btn:hover { background: var(--jr-surface-2); }
.jr-share-linkedin { color: #0a66c2; }
.jr-share-facebook { color: #1877f2; }
.jr-share-copy     { color: var(--jr-text-soft); }

/* ── Disabled button ─────────────────────────────────────── */
.jr-btn:disabled, .jr-btn.is-disabled { opacity: 0.4 !important; cursor: not-allowed !important; pointer-events: none !important; }

/* ── Buttons uppercase ───────────────────────────────────── */
.jr-btn { text-transform: uppercase !important; }

/* ── Apply form mobile buttons ───────────────────────────── */
@media (max-width: 767px) {
  .jr-apply .jr-actions--between { flex-direction: column !important; gap: 10px !important; }
  .jr-apply .jr-actions--between .jr-btn { width: 100% !important; justify-content: center !important; }
}

/* ── Dashboard table desktop ─────────────────────────────── */
.jr-actions-td { white-space: normal; }
.jr-mobile-meta { display: none; }
.jr-mobile-actions { display: none; }
.jr-mobile-actions-row { display: none !important; }

/* ── Dashboard table mobile ──────────────────────────────── */
@media (max-width: 900px) {
  .jr-table tbody tr { border-bottom: none !important; }
  .jr-table-wrap { overflow-x: visible !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; }
  .jr-table { min-width: 0 !important; }

  .jr-table[data-jr-table="jobs"] thead { display: none !important; }
  .jr-table[data-jr-table="jobs"],
  .jr-table[data-jr-table="jobs"] tbody { display: block !important; width: 100% !important; }

  .jr-desktop-only { display: none !important; height: 0 !important; padding: 0 !important; border: none !important; overflow: hidden !important; }

  /* Each row = white card */
  .jr-table[data-jr-table="jobs"] tbody tr:not(.jr-apps-row) {
    display: block !important;
    background: #ffffff !important;
    border: 1px solid var(--jr-border) !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    box-shadow: none !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .jr-table[data-jr-table="jobs"] tbody tr:not(.jr-apps-row) td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
  }

  /* Override zebra on mobile — all cards white */
  html body .jr-wrap table.jr-table[data-jr-table="jobs"] tbody tr:nth-child(odd):not(.jr-apps-row) td,
  html body .jr-wrap table.jr-table[data-jr-table="jobs"] tbody tr:nth-child(even):not(.jr-apps-row) td {
    background-color: transparent !important;
  }
  html body .jr-wrap table.jr-table[data-jr-table="jobs"] tbody tr:nth-child(odd):not(.jr-apps-row),
  html body .jr-wrap table.jr-table[data-jr-table="jobs"] tbody tr:nth-child(even):not(.jr-apps-row) {
    background-color: #ffffff !important;
  }

  .jr-table[data-jr-table="jobs"] td.jr-col-actions,
  .jr-table[data-jr-table="jobs"] td.jr-col-status,
  .jr-table[data-jr-table="jobs"] td.jr-col-stats { display: none !important; height: 0 !important; padding: 0 !important; overflow: hidden !important; }

  /* Mobile meta */
  .jr-mobile-meta {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    width: 100% !important; gap: 8px !important; margin-top: 6px !important;
    padding-top: 6px !important; border-top: 1px solid var(--jr-border) !important;
  }
  .jr-mobile-stats { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 12px !important; }
  .jr-mobile-stats .jr-stats-cell__label { width: auto !important; font-size: 11px !important; font-weight: 600 !important; color: var(--jr-text-soft) !important; text-transform: uppercase !important; }
  .jr-mobile-stats strong { font-weight: 700 !important; }
  .jr-mobile-sep { color: var(--jr-border-strong) !important; }
  .jr-job-date { white-space: nowrap !important; font-size: 11px !important; }

  /* Mobile actions */
  .jr-mobile-actions {
    display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 5px !important;
    margin-top: 10px !important; padding-top: 8px !important; border-top: 1px solid var(--jr-border) !important;
  }
  .jr-mobile-actions .uk-button-primary { grid-column: 1 / -1 !important; }
  .jr-mobile-actions .jr-btn-apps       { grid-column: 1 / -1 !important; }
  .jr-mobile-actions .jr-btn-danger     { grid-column: 1 / -1 !important; }
  .jr-mobile-actions .jr-btn {
    width: 100% !important; justify-content: center !important;
    height: 32px !important; min-height: 32px !important;
    font-size: 12px !important; padding: 0 8px !important; margin: 0 !important;
  }

  /* Apps row — display controlled by JS (appsRow.style.display), nu forța display:block */
  .jr-table[data-jr-table="jobs"] tbody tr.jr-apps-row td { display: block !important; padding: 0 !important; }
}

/* ── Form mobile 1 col ───────────────────────────────────── */
@media (max-width: 767px) {
  html body .jr-wrap form.jr-form .jr-cols,
  html body .jr-wrap form.jr-form .jr-cols--3 { grid-template-columns: 1fr !important; }
}

/* ── Latest Jobs grid [ultimele_joburi] ──────────────────── */
.jr-latest-jobs__grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.jr-latest-jobs__grid--1col { grid-template-columns: 1fr; }
.jr-latest-jobs__grid--2col { grid-template-columns: repeat(2, minmax(0,1fr)); }
.jr-latest-jobs__grid--3col { grid-template-columns: repeat(3, minmax(0,1fr)); }
.jr-latest-jobs__grid--4col { grid-template-columns: repeat(4, minmax(0,1fr)); }
@media (max-width: 900px) {
  .jr-latest-jobs__grid,
  .jr-latest-jobs__grid--3col,
  .jr-latest-jobs__grid--4col { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .jr-latest-jobs__grid,
  .jr-latest-jobs__grid--2col,
  .jr-latest-jobs__grid--3col,
  .jr-latest-jobs__grid--4col { grid-template-columns: 1fr; }
}