/* Tutar efekti (money-fx.js): site, panel ve affiliate ortak. Artış yeşil ▲ aşağıdan yukarı, azalış kırmızı ▼ yukarıdan aşağı. */
.mfx { display: inline-block; white-space: nowrap; font-variant-numeric: tabular-nums; transition: color .8s ease; }
.mfx__a { display: inline-block; margin-left: 4px; font-style: normal; font-size: .72em; vertical-align: .08em; animation: mfx-arrow 3.5s ease forwards; }
.mfx--up { color: var(--ok, #22c55e); animation: mfx-up .45s ease-out; }
.mfx--down { color: var(--red, #dc2626); animation: mfx-down .45s ease-out; }
.mfx--in { animation: mfx-in .5s ease-out; }
@keyframes mfx-up { from { transform: translateY(.6em); opacity: 0; } }
@keyframes mfx-down { from { transform: translateY(-.6em); opacity: 0; } }
@keyframes mfx-in { from { transform: translateY(.35em); opacity: 0; } }
@keyframes mfx-arrow { 0%, 80% { opacity: 1; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .mfx, .mfx__a { animation: none !important; } }