/* ============================================================================
 * MelóPont — PRIVACY-TIERS-01 (2026.10.08) · előtag: mp-pv-
 * Nyilvános profil: „Ki mit lát?” jelzés (vendég / munkavállaló / cég / saját).
 * Fiókom: „Ki láthatja a bérigényedet?” választó a Bérigény mező alatt.
 * Színek, lekerekítés csak tokenből (melopont-style.css :root, card-radius.css).
 * ========================================================================== */
.mp-pv-note {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid var(--mp-ai-border);
  background: var(--mp-blue-light);
  border-radius: var(--mp-card-radius, 16px);
  color: var(--mp-text-primary);
  font-size: calc(14px * var(--mp-fs, 1));
  line-height: 1.5;
}
.mp-pv-note[hidden] { display: none; }
.mp-pv-head {
  display: flex; align-items: center; gap: 8px;
  margin: 0 0 6px; font-size: calc(15px * var(--mp-fs, 1)); font-weight: 600; color: var(--mp-text-primary);
}
.mp-pv-head svg { flex-shrink: 0; color: var(--mp-blue); width: 18px; height: 18px; }
.mp-pv-text { margin: 0; font-size: calc(14px * var(--mp-fs, 1)); color: var(--mp-text-primary); }
.mp-pv-more { margin-top: 8px; }
.mp-pv-list { margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.mp-pv-list li { font-size: calc(14px * var(--mp-fs, 1)); color: var(--mp-text-primary); }
.mp-pv-list strong { font-weight: 600; }
.mp-pv-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.mp-pv-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 0 16px; border-radius: var(--mp-radius-pill);
  font-size: calc(14px * var(--mp-fs, 1)); font-weight: 600; text-decoration: none;
  border: 1px solid var(--mp-green); background: var(--mp-green); color: var(--mp-white);
}
.mp-pv-btn:hover { background: var(--mp-green-dark); border-color: var(--mp-green-dark); }
.mp-pv-btn--ghost { background: var(--mp-white); color: var(--mp-blue); border-color: var(--mp-blue); }
.mp-pv-btn--ghost:hover { background: var(--mp-blue-light); color: var(--mp-blue-hover); border-color: var(--mp-blue-hover); }
.mp-pv-link { color: var(--mp-text-link); font-weight: 600; text-decoration: underline; }

/* Fiókom: bérigény láthatósága */
.mp-pv-pay { margin-top: 10px; border: 0; padding: 0; min-width: 0; }
.mp-pv-pay legend { padding: 0; margin: 0 0 6px; font-size: calc(14px * var(--mp-fs, 1)); font-weight: 600; color: var(--mp-text-primary); }
.mp-pv-opt {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 10px 12px; margin-top: 6px; min-height: 44px; box-sizing: border-box;
  border: 1px solid var(--mp-card-border); border-radius: var(--mp-card-radius, 16px);
  background: var(--mp-white); cursor: pointer; font-size: calc(14px * var(--mp-fs, 1)); color: var(--mp-text-primary);
}
.mp-pv-opt:has(input:checked) { border-color: var(--mp-blue); background: var(--mp-blue-light); }
.mp-pv-opt input { margin: 3px 0 0; width: 18px; height: 18px; flex-shrink: 0; accent-color: var(--mp-blue); }
.mp-pv-opt span { display: block; }
.mp-pv-opt small { display: block; font-size: calc(14px * var(--mp-fs, 1)); color: var(--mp-text-muted); }
.mp-pv-status { min-height: 20px; margin: 6px 0 0; font-size: calc(14px * var(--mp-fs, 1)); color: var(--mp-green-dark); }
.mp-pv-status.is-err { color: var(--mp-red-dark); }