/* ==========================================================================
   styles.css — Legacy overrides and dynamically-injected element styles
   (Modular CSS is loaded via <link> elements in index.html for parallel fetch)
   ========================================================================== */

/* Legacy inline styles that are still referenced by JS — will be removed gradually */
/* Keep minimal fallbacks for any dynamically created elements */

.p-grayed-out {
    opacity: 0.18 !important;
    filter: grayscale(85%);
    pointer-events: none;
}

/* Any other legacy styles that JS might inject dynamically */