/* ============================================================================
 * MelóPont — „Ellenőrzött cég” jelvény + Fiókom „Cég-ellenőrzés” kártya (COMPANY-VERIFY-01, 2026.10.05)
 * Előtag: mp-vb- (jelvény), mp-cv- (kártya). A profile.html nem tölti a melopont-style.css-t,
 * ezért minden tokennek van tartalék értéke.
 * ========================================================================== */
.mp-vb {
  display: inline-flex; align-items: center; gap: 4px; vertical-align: middle;
  max-width: 100%; min-width: 0; white-space: normal;   /* BOX-FIT-01: nagy betűnél tördel, nem lóg ki a sorából */
  padding: 2px 9px 2px 6px; border-radius: var(--mp-radius-pill, 999px);
  background: var(--mp-green-light, #E8F5E9); color: var(--mp-green-dark, #045E35);
  font-size: calc(14px * var(--mp-fs, 1)); font-weight: 700; line-height: 1.4;
}
.mp-vb svg { flex: 0 0 auto; color: var(--mp-green, #057642); }
.mp-vb > span:not(.mp-vb-sr) { min-width: 0; overflow-wrap: anywhere; }   /* BOX-FIT-01: a felirat is törhet a jelvényen belül */
.mp-vb-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
[data-mp-vuid]:empty { display: none; }
[data-mp-vuid] { margin-left: 6px; }
.mp-vb-line { margin: 6px 0 0; }
.mp-poster-card [data-mp-vuid] { display: block; margin: 6px 0 0; text-align: center; }
.br-person [data-mp-vuid] { display: block; margin: 4px 0 0; }
.jb-poster [data-mp-vuid] { margin-left: 4px; }
/* keskeny kártyán a jelvény új sorba törhet (a hosszabb „Bemutató álláshirdetés” 360 px-en kilógott) */
.jb-poster, .jb-poster-who { flex-wrap: wrap; row-gap: 4px; }

/* ---- Fiókom: Cég-ellenőrzés ---- */
.mp-cv-intro { margin: 0 0 14px; font-size: calc(15px * var(--mp-fs, 1)); line-height: 1.55; color: var(--mp-text-primary, #191919); }
.mp-cv-muted { color: var(--mp-text-muted, #5B6676); font-size: calc(14px * var(--mp-fs, 1)); }
.mp-cv-step { margin: 10px 0 6px; font-size: calc(15px * var(--mp-fs, 1)); font-weight: 700; color: var(--mp-text-primary, #191919); }
.mp-cv-list { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 6px; }
.mp-cv-list li { display: flex; gap: 8px; align-items: flex-start; font-size: calc(15px * var(--mp-fs, 1)); line-height: 1.45; color: var(--mp-text-primary, #191919); }
.mp-cv-list li svg { flex: 0 0 auto; margin-top: 3px; }
.mp-cv-list li.is-ok svg { color: var(--mp-green, #057642); }
.mp-cv-list li.is-miss svg { color: var(--mp-text-muted, #5B6676); }
.mp-cv-state { padding: 12px 14px; border-radius: 12px; margin: 0 0 12px; font-size: calc(15px * var(--mp-fs, 1)); line-height: 1.5; }
.mp-cv-state p { margin: 6px 0 0; }
.mp-cv-state p:first-child { margin-top: 0; }
.mp-cv-state.is-ok { background: var(--mp-green-light, #E8F5E9); color: var(--mp-green-dark, #045E35); }
.mp-cv-state.is-ok .mp-vb { background: var(--mp-white, #FFFFFF); }
.mp-cv-state.is-wait { background: var(--mp-blue-light, #E8F0FE); color: var(--mp-text-primary, #191919); }
.mp-cv-state.is-bad { background: var(--mp-orange-light, #FFF3E0); color: var(--mp-orange-dark, #8F3A06); }
/* COMPANY-VERIFY-02: feltétel-lista megvan / hiányzik + Pótolom, összegző sor, menet */
.mp-cv-statusline { margin: 0 0 10px; }
.mp-cv-sum { display: flex; gap: 8px; align-items: flex-start; margin: 0 0 6px; padding: 10px 12px; border-radius: 12px;
  font-size: calc(15px * var(--mp-fs, 1)); line-height: 1.45; font-weight: 600; }
.mp-cv-sum svg { flex: 0 0 auto; margin-top: 3px; }
.mp-cv-sum.is-ok { background: var(--mp-st-ok-bg, #E7F5EC); color: var(--mp-st-ok-ink, #0B5A2E); border: 1px solid var(--mp-st-ok-line, #B6DFC4); }
.mp-cv-sum.is-miss { background: var(--mp-st-todo-bg, #FFF4DE); color: var(--mp-st-todo-ink, #7A4A00); border: 1px solid var(--mp-st-todo-line, #F1D39A); }
.mp-cv-list li { padding: 8px 10px; border-radius: 10px; background: var(--mp-surface-2, #F6F8FB); border: 1px solid var(--mp-line-2, #E4E9EF); flex-wrap: wrap; }
.mp-cv-list li.is-miss { background: var(--mp-st-todo-bg, #FFF4DE); border-color: var(--mp-st-todo-line, #F1D39A); }
.mp-cv-list li.is-miss svg { color: var(--mp-st-urgent-ink, #A11B1B); }
.mp-cv-list li.is-opt svg { color: var(--mp-text-muted, #5B6676); }
.mp-cv-li-main { flex: 1 1 12em; min-width: 0; display: flex; flex-direction: column; }
.mp-cv-li-t { font-weight: 700; }
.mp-cv-li-d { font-size: calc(14px * var(--mp-fs, 1)); color: var(--mp-text-secondary, #3B4654); }
.mp-cv-fix { align-self: center; display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: var(--mp-radius-pill, 999px);
  border: 1px solid var(--mp-green, #057642); color: var(--mp-green-dark, #045E35); background: var(--mp-white, #FFFFFF);
  font-size: calc(14px * var(--mp-fs, 1)); font-weight: 700; text-decoration: none; }
.mp-cv-fix:hover { background: var(--mp-green-light, #E8F5E9); }
.mp-cv-how { margin: 16px 0 0; padding: 12px 14px; border-radius: 12px; background: var(--mp-surface-2, #F6F8FB); border: 1px solid var(--mp-line-2, #E4E9EF); }
.mp-cv-how summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-weight: 700; font-size: calc(15px * var(--mp-fs, 1)); color: var(--mp-text-primary, #191919); }
.mp-cv-how .mp-orb-list { margin: 8px 0 0; }
.mp-cv-note { margin: 10px 0 0; line-height: 1.5; }
.mp-cv-btn {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 18px;
  border-radius: var(--mp-radius-pill, 999px); border: 1px solid var(--mp-green, #057642);
  background: var(--mp-green, #057642); color: var(--mp-white, #FFFFFF);
  font: inherit; font-size: calc(15px * var(--mp-fs, 1)); font-weight: 700; cursor: pointer;
}
.mp-cv-btn:hover { background: var(--mp-green-dark, #045E35); }
.mp-cv-btn:focus-visible { outline: 3px solid var(--mp-blue, #0A66C2); outline-offset: 2px; }
.mp-cv-btn:disabled { background: var(--mp-disabled-bg, #E8E7E4); color: var(--mp-disabled-text, #5E5E5E); border-color: var(--mp-disabled-border, #D6D5D2); cursor: wait; }

/* ---- Céges vezérlőpult: jelvény / meghívás az üdvözlő kártyán ---- */
.mp-vb-welcome { margin: 8px 0 0; }
.mp-vb-welcome[hidden] { display: none; }
.mp-vb-cta {
  display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 6px 0;
  font-size: calc(14px * var(--mp-fs, 1)); font-weight: 700; color: var(--mp-green-dark, #045E35); text-decoration: underline; text-underline-offset: 3px;
}
.mp-vb-cta svg { flex: 0 0 auto; color: var(--mp-green, #057642); }
.mp-vb-wait { font-size: calc(14px * var(--mp-fs, 1)); font-weight: 600; color: var(--mp-text-muted, #5B6676); }

/* ---- Bemutató (teszt) fiók: jelölés + álláshirdetés-sáv (DEMO-ACCOUNT-01, 2026.10.05; sáv előtag: mp-dj-) ---- */
.mp-vb.mp-vb-demo { background: var(--mp-orange-light, #FFF3E0); color: var(--mp-orange-dark, #8F3A06); }
.mp-vb.mp-vb-demo svg { color: var(--mp-orange-dark, #8F3A06); }
.mp-dj-note {
  display: flex; gap: 10px; align-items: flex-start; width: 100%; box-sizing: border-box;
  margin: 0 0 4px; padding: 12px 14px; border-radius: 12px;
  background: var(--mp-orange-light, #FFF3E0); color: var(--mp-orange-dark, #8F3A06);
  font-size: calc(15px * var(--mp-fs, 1)); line-height: 1.5;
}
.mp-dj-note svg { flex: 0 0 auto; margin-top: 2px; }
.mp-dj-note strong { display: block; font-weight: 700; }
.mp-dj-note span { display: block; color: var(--mp-text-primary, #191919); }