/* ==========================================================================
 * NEAR-TALENT-01 (2026.10.25): Munkavállalók a közelben — js/near-talent.js
 * A közös mp-na- elrendezés (css/job-alert.css) céges változata: a szerepkör-szín zöld,
 * és a találat-kártya munkavállalót mutat (monogram, szakmák, címkék, Meghívom / Üzenet / Profil).
 * Előtag: mp-nt- (saját elemek), .mp-na--co (céges színek a közös elemeken).
 * ========================================================================== */
[data-mp-nt][hidden] { display: none; }

.mp-na.mp-na--co { background: var(--mp-tint-company, #F1F8F4); border-color: var(--mp-tint-company-line, #CDE6D7); }
.mp-na.mp-na--co.mp-na--compact { background: var(--mp-white, #FFFFFF); border-color: var(--mp-card-border, #D8DEE6); }
.mp-na--co .mp-na-pill svg { color: var(--mp-green, #057642); }
.mp-na--co .mp-na-pill:hover { border-color: var(--mp-green, #057642); }
.mp-na--co .mp-na-pill.is-on { background: var(--mp-green, #057642); border-color: var(--mp-green, #057642); color: var(--mp-white, #FFFFFF); }
.mp-na--co .mp-na-pill.is-on svg { color: var(--mp-white, #FFFFFF); }
.mp-na--co .mp-na-pill:focus-visible,
.mp-na--co .mp-na-btn:focus-visible,
.mp-na--co .mp-na-ghost:focus-visible,
.mp-na--co .mp-na-range:focus-visible { outline-color: var(--mp-green-dark, #045E35); }
.mp-na--co .mp-na-hint a,
.mp-na--co .mp-na-link,
.mp-na--co .mp-na-more { color: var(--mp-green-dark, #045E35); }
.mp-na--co .mp-na-val { color: var(--mp-green-dark, #045E35); }
.mp-na--co .mp-na-range { accent-color: var(--mp-green, #057642); }
.mp-na--co .mp-na-range::-moz-range-progress { background: var(--mp-green, #057642); }
.mp-na--co .mp-na-btn { background: var(--mp-green, #057642); border-color: var(--mp-green, #057642); color: var(--mp-white, #FFFFFF); }
.mp-na--co .mp-na-btn:hover { background: var(--mp-green-dark, #045E35); border-color: var(--mp-green-dark, #045E35); color: var(--mp-white, #FFFFFF); }
.mp-na--co .mp-na-btn:disabled { background: var(--mp-disabled-bg, #E8E7E4); color: var(--mp-disabled-text, #5E5E5E); border-color: var(--mp-disabled-border, #D6D5D2); }
.mp-na--co .mp-na-ghost { color: var(--mp-green-dark, #045E35); border-color: var(--mp-green, #057642); }
.mp-na--co .mp-na-ghost:hover { background: var(--mp-green-light, #E8F5E9); }
.mp-na--co .mp-na-pin:focus { outline-color: var(--mp-green-light, #E8F5E9); border-color: var(--mp-green, #057642); }
.mp-na--co .mp-na-sugg button:hover,
.mp-na--co .mp-na-sugg button:focus-visible { border-color: var(--mp-green, #057642); color: var(--mp-green-dark, #045E35); }
.mp-na--co .mp-na-jobc:has(> a.mp-na-job:hover) { border-color: var(--mp-green, #057642); }
.mp-na--co .mp-na-job-k { background: var(--mp-green-light, #E8F5E9); color: var(--mp-green-dark, #045E35); }

/* Munkavállaló-kártya */
.mp-nt-av {
  flex: 0 0 auto; width: calc(40px * var(--mp-fs, 1)); height: calc(40px * var(--mp-fs, 1)); border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--mp-tint-worker, #EEF5FD); color: var(--mp-blue, #0A66C2); border: 1px solid var(--mp-tint-worker-line, #CFE2F8);
  font-size: calc(15px * var(--mp-fs, 1)); font-weight: 800;
}
.mp-nt-more { font-weight: 700; color: var(--mp-text-primary, #191919); white-space: nowrap; }
.mp-nt-tags { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 12px 10px; }
.mp-nt-tag {
  display: inline-flex; align-items: center; padding: 3px 10px; border-radius: var(--mp-radius-pill, 999px);
  font-size: calc(14px * var(--mp-fs, 1)); font-weight: 600; line-height: 1.35;
  background: var(--mp-st-info-bg, #DCEBFA); color: var(--mp-st-info-ink, #0A5CAD); border: 1px solid var(--mp-st-info-line, #A9CBEF);
}
.mp-nt-tag--hot { background: var(--mp-st-ok-bg, #DDF1E5); color: var(--mp-st-ok-ink, #146C43); border-color: var(--mp-st-ok-line, #A9D9BC); }
.mp-nt-tag--match { background: var(--mp-st-todo-bg, #FDF1DE); color: var(--mp-st-todo-ink, #8A4204); border-color: var(--mp-st-todo-line, #F2CF9B); }
.mp-nt-tag--ap { background: var(--mp-surface-2, #F6F8FB); color: var(--mp-text-primary, #191919); border-color: var(--mp-line-1, #D8DEE6); }

.mp-nt-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; max-width: 100%;
  padding: 8px 16px; border-radius: var(--mp-radius-pill, 999px); box-sizing: border-box; cursor: pointer;
  background: var(--mp-white, #FFFFFF); border: 1px solid var(--mp-green, #057642); color: var(--mp-green-dark, #045E35);
  font: inherit; font-size: calc(15px * var(--mp-fs, 1)); font-weight: 700; text-decoration: none; text-align: center;
}
.mp-nt-btn:hover { background: var(--mp-green-light, #E8F5E9); color: var(--mp-green-dark, #045E35); text-decoration: none; }
.mp-nt-btn:focus-visible { outline: 3px solid var(--mp-green-dark, #045E35); outline-offset: 2px; }
.mp-nt-btn svg { flex: 0 0 auto; }
.mp-nt-btn--main { background: var(--mp-green, #057642); color: var(--mp-white, #FFFFFF); }
.mp-nt-btn--main:hover { background: var(--mp-green-dark, #045E35); color: var(--mp-white, #FFFFFF); }
/* a lapok saját link- / span-színe ne fesse át a gombokat (mint a NEAR-APPLY-01-nél) */
.mp-na .mp-nt-btn--main, .mp-na .mp-nt-btn--main :is(span, svg) { color: var(--mp-white, #FFFFFF) !important; }
.mp-na a.mp-nt-btn:not(.mp-nt-btn--main), .mp-na a.mp-nt-btn:not(.mp-nt-btn--main) :is(span, svg) { color: var(--mp-green-dark, #045E35) !important; }
@media (max-width: 600px) { .mp-nt-acts .mp-nt-btn { flex: 1 1 100%; } }

/* Fiókom értesítés-beállításai: a „Munkavállalók a közelben” állapota (a .mp-npn mintájára) */
.mp-npn.mp-npn--co a { color: var(--mp-green-dark, #045E35); }

/* REVEAL-BUDGET-01: miért nem látszik mindenki névvel */
.mp-nt-limit { margin: 12px 0 0; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--mp-st-info-line); background: var(--mp-st-info-bg); color: var(--mp-st-info-ink); font-size: calc(14px * var(--mp-fs, 1)); line-height: 1.5; }

/* NEAR-MODERN-01 (10.27): a közös új megjelenés céges színe (css/job-alert.css --na-c) */
.mp-na.mp-na--co { --na-c: var(--mp-green, #057642); --na-c-dk: var(--mp-green-dark, #045E35); --na-soft: var(--mp-green-light, #E8F5E9); }
.mp-na--co .mp-na-pill.is-on { background: color-mix(in srgb, var(--na-c) 7%, #FFFFFF); border-color: var(--na-c); color: var(--mp-text-primary, #191919); }
.mp-na--co .mp-na-pill.is-on svg { background: var(--na-c); color: var(--mp-white, #FFFFFF); }
.mp-na--co .mp-na-pill svg { color: var(--na-c); }
.mp-na--co .mp-na-val { color: var(--na-c-dk); }
.mp-na--co .mp-na-job-k { background: none; }
.mp-nt-av {
  width: calc(44px * var(--mp-fs, 1)); height: calc(44px * var(--mp-fs, 1)); border-radius: 12px;
  background: linear-gradient(135deg, var(--mp-tint-worker, #EEF5FD), #DCEBFA); font-size: calc(16px * var(--mp-fs, 1));
}
.mp-nt-tags { padding: 0 14px 12px; }
.mp-nt-acts { gap: 8px; }