/* Lightweight neon overlay for pages still carrying legacy inline styles */

body {
    background: var(--bg) !important;
    color: var(--text) !important;
    font-family: var(--font-body) !important;
}

.header, .m-header {
    background: linear-gradient(180deg, var(--panel) 0%, var(--bg-elevated) 100%) !important;
    border-bottom: 1px solid var(--border) !important;
    box-shadow: 0 0 24px rgba(0, 229, 255, 0.06) !important;
}

.logo, .m-logo {
    font-family: var(--font-display) !important;
    letter-spacing: 0.14em !important;
    color: var(--primary) !important;
    text-shadow: 0 0 16px var(--primary-glow) !important;
}

.summary-row, .m-summary-scroll {
    background: var(--panel) !important;
    border-bottom: 1px solid var(--border) !important;
}

.summary-value, .m-summary-value {
    font-family: var(--font-mono) !important;
    color: var(--primary) !important;
}

.summary-label, .m-summary-label {
    font-family: var(--font-display) !important;
    letter-spacing: 0.1em !important;
    color: var(--muted) !important;
}

.panel, .panel-users, .panel-positions, .panel-leaderboard,
.main-layout > div {
    background: var(--panel) !important;
    border-color: var(--border) !important;
}

.panel-title, .half-header {
    font-family: var(--font-display) !important;
    letter-spacing: 0.1em !important;
    border-color: var(--border) !important;
    background: linear-gradient(90deg, rgba(0, 229, 255, 0.06), transparent) !important;
}

.half-header.winning { color: var(--positive) !important; }
.half-header.losing { color: var(--danger) !important; }

.positive, .pnl-positive { color: var(--positive) !important; }
.negative, .pnl-negative { color: var(--danger) !important; }

button, .btn {
    font-family: var(--font-display) !important;
}

input, select, textarea {
    background: var(--bg) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}

a { color: var(--primary); }