/* --- BINANCE ANOMALY RADAR - TRADINGVIEW DARK THEME STYLES --- */

:root {
    --bg-dark-primary: #0B0E14;
    --bg-dark-card: #131722;
    --bg-dark-header: #1E2329;
    --border-color: #2B313A;
    
    --color-buy: #0ECB81;
    --color-sell: #F6465D;
    --color-surge: #FCD535;
    --color-accent: #2B66F6;
    
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;
}

body {
    background-color: var(--bg-dark-primary);
    color: #EAECSF;
    font-family: var(--font-sans);
}

.font-mono {
    font-family: var(--font-mono);
}

/* Custom Scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #131722;
}

::-webkit-scrollbar-thumb {
    background: #2B313A;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #474D57;
}

/* Glow effects */
.glow-emerald {
    box-shadow: 0 0 10px rgba(14, 203, 129, 0.25);
}

.glow-amber {
    box-shadow: 0 0 10px rgba(252, 213, 53, 0.25);
}

/* Row Flash Animations on Update */
@keyframes flash-green {
    0% { background-color: rgba(14, 203, 129, 0.35); }
    100% { background-color: transparent; }
}

@keyframes flash-yellow {
    0% { background-color: rgba(252, 213, 53, 0.35); }
    100% { background-color: transparent; }
}

.row-flash-green {
    animation: flash-green 0.8s ease-out;
}

.row-flash-yellow {
    animation: flash-yellow 0.8s ease-out;
}

/* Depth Bar Styles */
.depth-bar-bid {
    background: linear-gradient(90deg, rgba(14, 203, 129, 0.15) 0%, rgba(14, 203, 129, 0.4) 100%);
}

.depth-bar-ask {
    background: linear-gradient(90deg, rgba(246, 70, 93, 0.4) 0%, rgba(246, 70, 93, 0.15) 100%);
}