/* ============================================ */
/* LOADING STATES - Simple Fade-In Only */
/* ============================================ */

/* Hide elements initially - they will fade in when loaded */
[data-dynamic],
h3[style*="opacity:0"],
strong[style*="opacity:0"] {
    opacity: 0;
    transition: opacity 0.4s ease-in;
}

/* Show elements when loaded */
.loaded,
[style*="opacity: 1"],
[style*="opacity:1"] {
    opacity: 1 !important;
}

/* Prevent layout shift during loading */
.preserve-space {
    min-height: 1em;
}