/* MelóPont — „Adataim letöltése” kártya a Fiókom oldalon (GDPR-EXPORT-01, 2026.10.02). Csak tokenek, tartalékértékkel: a profile.html nem tölti a melopont-style.css-t. */
.mp-dx-text { font-size: calc(15px * var(--mp-fs, 1)); line-height: 1.5; color: var(--mp-text-primary, #191919); margin: 0 0 14px; }
.mp-dx-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.mp-dx-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 10px 20px; border-radius: var(--mp-radius-pill, 999px);
  background: var(--mp-blue, #0A66C2); color: var(--mp-white, #FFFFFF); border: 1px solid var(--mp-blue, #0A66C2);
  font-size: calc(15px * var(--mp-fs, 1)); font-weight: 700; cursor: pointer; font-family: inherit;
}
.mp-dx-btn:hover { background: var(--mp-blue-hover, #004182); border-color: var(--mp-blue-hover, #004182); }
.mp-dx-btn:focus-visible { outline: 2px solid var(--mp-blue-hover, #004182); outline-offset: 2px; }
.mp-dx-btn-sec { background: var(--mp-white, #FFFFFF); color: var(--mp-blue, #0A66C2); }
.mp-dx-btn-sec:hover { background: var(--mp-blue-light, #E8F0FE); color: var(--mp-blue-hover, #004182); }
.mp-dx-btn:disabled, .mp-dx-btn-sec:disabled {
  background: var(--mp-disabled-bg, #E8E7E4); color: var(--mp-disabled-text, #5E5E5E); border-color: var(--mp-disabled-border, #D6D5D2); cursor: wait;
}
.mp-dx-hint { font-size: calc(14px * var(--mp-fs, 1)); line-height: 1.5; color: var(--mp-text-muted, #5B6676); margin: 0; }
.mp-dx-msg { font-size: calc(15px * var(--mp-fs, 1)); font-weight: 600; color: var(--mp-green, #057642); margin: 10px 0 0; }
.mp-dx-msg:empty { display: none; }
.mp-dx-msg.mp-dx-msg-err { color: var(--mp-red, #CC1016); }
@media (max-width: 480px) { .mp-dx-btn { width: 100%; } }