/* assets/css/style.css */
/* COMPLETE MERGED CSS */

/* --- CHART PAGE STYLES --- */

/* Highlights */
.highlight-cell { 
    background-color: #FACC15 !important; 
    color: black !important; 
    font-weight: 900; 
    transform: scale(1.1); 
    border-radius: 4px; 
    box-shadow: 0 0 10px rgba(250, 204, 21, 0.6); 
    z-index: 20; 
    position: relative;
}

/* Pattern Match */
.pattern-match {
    box-shadow: inset 0 0 0 3px #ef4444 !important;
    border-radius: 4px; 
    position: relative;
}
.pattern-match::after {
    content: '🔄'; 
    position: absolute; 
    top: -8px; right: -5px; 
    font-size: 10px;
    background: white; 
    border-radius: 50%; 
    padding: 1px; 
    box-shadow: 0 0 2px black; 
    z-index: 10;
}

/* Heatmap */
.heatmap-mode tr:nth-child(even) { background-color: rgba(0,0,0,0.05); }
.heatmap-hot { background-color: #f87171 !important; color: white !important; font-weight: bold; }
.heatmap-cold { background-color: #60a5fa !important; color: white !important; font-weight: bold; }

/* Utilities */
.mode-jodi-only .pana-txt { display: none !important; }
td { vertical-align: middle; }

/* Ticker */
.ticker-wrap { width: 100%; overflow: hidden; background-color: #0F172A; border-bottom: 1px solid #FFD700; color: #FFD700; font-size: 12px; white-space: nowrap; }
.ticker { display: inline-block; padding-left: 100%; animation: ticker 20s linear infinite; }
@keyframes ticker { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } }

/* Sidebar */
.year-sidebar { position: fixed; right: 5px; top: 50%; transform: translateY(-50%); z-index: 40; display: flex; flex-direction: column; gap: 6px; }
@media (max-width: 1024px) { .year-sidebar { display: none; } }
.year-pill { background: rgba(15, 23, 42, 0.8); border: 1px solid #FFD700; color: #FFD700; font-size: 10px; padding: 4px 8px; border-radius: 20px; cursor: pointer; transition: 0.2s; }
.year-pill:hover { background: #FFD700; color: black; transform: translateX(-5px); }


/* --- INDEX PAGE STYLES --- */

/* Spotlight Container */
.spotlight-container {
    perspective: 1000px;
}

/* Grid Animations */
.market-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}
@media (min-width: 768px) { .market-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .market-grid { grid-template-columns: repeat(4, 1fr); } }

/* Live Pulse Animation */
@keyframes glow-green {
    0% { box-shadow: 0 0 5px rgba(34, 197, 94, 0.2); border-color: rgba(34, 197, 94, 0.5); }
    50% { box-shadow: 0 0 15px rgba(34, 197, 94, 0.6); border-color: rgba(34, 197, 94, 1); }
    100% { box-shadow: 0 0 5px rgba(34, 197, 94, 0.2); border-color: rgba(34, 197, 94, 0.5); }
}

/* Helper Text Truncate */
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}