:root { --bg-main: #020203; --text-main: #e2e8f0; --glass-bg: rgba(8, 8, 12, 0.96); --neon-blue: #00f3ff; --neon-green: #00ff9d; --neon-red: #ff0055; } 
body { background-color: var(--bg-main); color: var(--text-main); font-family: 'Inter', sans-serif; height: 100vh; overflow: hidden; display: flex; flex-direction: column; font-weight: 800; cursor: default; } 
.glass { background: var(--glass-bg); backdrop-filter: blur(24px); border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 20px 50px rgba(0,0,0,0.6); transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); } 
.hidden { display: none !important; } 

.flag-active { filter: drop-shadow(0 0 8px rgba(0, 243, 255, 0.8)) grayscale(0) !important; opacity: 1 !important; transform: scale(1.1); }

.active-chart, .active-tf, .coin-btn.active, .draw-active { 
    background: rgba(0, 243, 255, 0.15) !important; 
    border: 1px solid var(--neon-blue) !important; 
    color: #ffffff !important; 
    box-shadow: 0 0 20px rgba(0, 243, 255, 0.1) !important; 
    border-radius: 12px; 
    transition: background 0.2s ease, border-color 0.2s ease; 
} 
.parlak-text { color: #ffffff !important; text-shadow: 0 0 10px rgba(255,255,255,0.9), 0 0 25px rgba(255,255,255,0.5) !important; font-weight: 900 !important; transition: text-shadow 0.7s ease; } 
.terminal-text { color: #d1d5db !important; font-weight: 500 !important; letter-spacing: 0.02em; text-shadow: none !important; } 
.status-online { color: var(--neon-green) !important; text-shadow: 0 0 12px var(--neon-green) !important; } 
.status-offline { color: var(--neon-red) !important; text-shadow: 0 0 12px var(--neon-red) !important; } 
.glow-up { background: radial-gradient(circle at center, rgba(0, 255, 157, 0.3) 0%, transparent 85%); } 
.glow-down { background: radial-gradient(circle at center, rgba(255, 0, 85, 0.3) 0%, transparent 85%); } 

/* TF ve Coin Buton Ortak Stili */
.coin-btn { padding: 8px 16px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; font-size: 10px; white-space: nowrap; transition: all 0.3s; cursor: pointer; } 

.flag-active { filter: drop-shadow(0 0 10px var(--neon-blue)) grayscale(0) !important; transform: scale(1.1); opacity: 1 !important; border-bottom: 2px solid var(--neon-blue); transition: all 0.5s ease; } 
.flag-inactive { filter: grayscale(1); opacity: 0.4 !important; transition: all 0.5s ease; } 
.grid-pattern { background-image: linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px); background-size: 40px 40px; transition: opacity 0.7s ease; } 
.custom-scroll::-webkit-scrollbar { width: 4px; } .custom-scroll::-webkit-scrollbar-thumb { background: var(--neon-blue); border-radius: 10px; } 
.dimmed { opacity: 0.3 !important; filter: grayscale(0.8) !important; pointer-events: none; transition: all 1s ease; } #drawingCanvas { cursor: crosshair; }

/* --- GÜVENLİ CANLI SİMGE EFEKTİ --- */
@keyframes nefes-al {
    0% { transform: scale(1); filter: drop-shadow(0 0 5px rgba(0, 243, 255, 0.5)); }
    50% { transform: scale(1.15); filter: drop-shadow(0 0 15px rgba(0, 243, 255, 1)); }
    100% { transform: scale(1); filter: drop-shadow(0 0 5px rgba(0, 243, 255, 0.5)); }
}

.living-icon {
    color: #00f3ff !important; 
    animation: nefes-al 2s infinite ease-in-out;
}

/* --- YENİ EKLENEN HABER AKIŞI VE SİNYAL KUTUSU STİLLERİ --- */

/* Haber metnini 3-4 satırda sınırlar ve "..." koyar */
.news-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 3. satırda keser, böylece 4 satırlık alana sığar */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6em; /* Satır aralığını açarak okunabilirliği artırdık */
}

/* Sinyal Kutusu Durumları */
.ticker-bull { 
    border-color: var(--neon-green) !important; 
    background: rgba(0, 255, 157, 0.1) !important; 
    box-shadow: 0 0 20px rgba(0, 255, 157, 0.15) !important; 
}
.ticker-bull #tickerCoin { color: var(--neon-green) !important; }
.ticker-bull #tickerIcon { background-color: var(--neon-green) !important; box-shadow: 0 0 10px var(--neon-green) !important; }

.ticker-bear { 
    border-color: var(--neon-red) !important; 
    background: rgba(255, 0, 85, 0.1) !important; 
    box-shadow: 0 0 20px rgba(255, 0, 85, 0.15) !important; 
}
.ticker-bear #tickerCoin { color: var(--neon-red) !important; }
.ticker-bear #tickerIcon { background-color: var(--neon-red) !important; box-shadow: 0 0 10px var(--neon-red) !important; }

.ticker-neutral { 
    border-color: #facc15 !important; 
    background: rgba(250, 204, 21, 0.1) !important; 
    box-shadow: 0 0 20px rgba(250, 204, 21, 0.15) !important; 
}
.ticker-neutral #tickerCoin { color: #facc15 !important; }
.ticker-neutral #tickerIcon { background-color: #facc15 !important; box-shadow: 0 0 10px #facc15 !important; }