/* MelóPont — Push-értesítés próba kártya a Fiókom oldalon (PUSH-TEST-01, 2026.10.02).
   Csak tokenek, tartalékértékkel: a profile.html nem tölti a melopont-style.css-t. */
.mp-pt-why {
  display: flex; gap: 12px; align-items: flex-start;
  background: var(--mp-blue-light, #E8F0FE); border-radius: var(--mp-card-radius, 12px);
  padding: 14px 16px; margin-bottom: 16px; color: var(--mp-text-primary, #191919);
}
.mp-pt-why > svg { flex: 0 0 auto; color: var(--mp-blue, #0A66C2); margin-top: 2px; }
.mp-pt-why strong { display: block; font-size: calc(16px * var(--mp-fs, 1)); margin-bottom: 4px; }
.mp-pt-why p { margin: 0; font-size: calc(15px * var(--mp-fs, 1)); line-height: 1.5; }

.mp-pt-checks { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.mp-pt-row { display: flex; gap: 10px; align-items: flex-start; font-size: calc(15px * var(--mp-fs, 1)); line-height: 1.45; color: var(--mp-text-primary, #191919); }
.mp-pt-row strong { font-weight: 600; }
.mp-pt-ico { flex: 0 0 auto; display: inline-flex; margin-top: 1px; }
.mp-pt-ok .mp-pt-ico { color: var(--mp-green, #057642); }
.mp-pt-no .mp-pt-ico { color: var(--mp-red, #CC1016); }
.mp-pt-wait .mp-pt-ico { color: var(--mp-orange-text, #8A5300); }
.mp-pt-hint { display: block; font-size: calc(14px * var(--mp-fs, 1)); color: var(--mp-text-muted, #5B6676); margin-top: 2px; }

.mp-pt-actions { margin-bottom: 4px; }
.mp-pt-btn {
  display: inline-flex; align-items: center; justify-content: center;
  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-pt-btn[hidden] { display: none; }
.mp-pt-btn:hover { background: var(--mp-blue-hover, #004182); border-color: var(--mp-blue-hover, #004182); }
.mp-pt-btn:focus-visible { outline: 2px solid var(--mp-blue-hover, #004182); outline-offset: 2px; }
.mp-pt-btn:disabled {
  background: var(--mp-disabled-bg, #E8E7E4); color: var(--mp-disabled-text, #5E5E5E); border-color: var(--mp-disabled-border, #D6D5D2); cursor: wait;
}

.mp-pt-result:empty { display: none; }
.mp-pt-result {
  margin-top: 12px; padding: 12px 14px; border-radius: var(--mp-card-radius, 12px);
  font-size: calc(15px * var(--mp-fs, 1)); line-height: 1.5; color: var(--mp-text-primary, #191919);
  display: flex; gap: 10px; align-items: flex-start; flex-wrap: wrap;
}
.mp-pt-result > svg { flex: 0 0 auto; margin-top: 2px; }
.mp-pt-result > span { flex: 1 1 200px; }
.mp-pt-res-ok { background: var(--mp-green-light, #E8F5E9); }
.mp-pt-res-ok > svg { color: var(--mp-green, #057642); }
.mp-pt-res-wait { background: var(--mp-orange-light, #FFF3E0); }
.mp-pt-res-wait > svg { color: var(--mp-orange-text, #8A5300); }
.mp-pt-res-warn { background: var(--mp-orange-light, #FFF3E0); display: block; }
.mp-pt-res-err { background: var(--mp-red-light, #FDE8E8); color: var(--mp-red, #CC1016); font-weight: 600; display: block; }
.mp-pt-tips-title { margin: 10px 0 4px; font-weight: 600; }
.mp-pt-tips { margin: 0; padding-left: 20px; font-size: calc(15px * var(--mp-fs, 1)); }
.mp-pt-tips li { margin-bottom: 4px; }
@media (max-width: 480px) { .mp-pt-btn { width: 100%; } }

/* Horgonyra (#mp-push-test, #mp-app-update) görgetéskor a ragadós fejléc ne takarja a kártya tetejét */
#mp-content .mp-card { scroll-margin-top: calc(var(--mp-nav-height, 52px) + 16px); }