/* ═══════════════════════════════════════════════════════════════
   SHIDODUTCH DEX — THEME ENGINE v2
   · DEFAULT      = PRO — de professionele look van raid.shidodutch.com
                    (scherpe hoeken · comic offset shadows · Orbitron ·
                    navy-grijs + neon-red accenten · scanlines)
   · body.light   = PRO-LIGHT — zelfde vormtaal, licht palet
   · body.rld     = RED LIGHT DISTRICT — de originele DEX-look
                    (alle overrides hieronder vallen weg; de originele
                    css van de site doet dan gewoon z'n werk)
   Opbouw: alles onder body:not(.rld) — de originele DEX-css wordt
   nooit gewijzigd, alleen visueel overtrokken.
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. PRO-PALETTE (default) — raid-waarden ─────────────────── */
body:not(.rld) {
    --bg: #05080b;
    --bg2: #0a0f14;
    --card: #0a0f14;
    --card2: #0d141b;
    --card-solid: #0d141b;
    --blue: #39a0ff;
    --green: #3ddc84;
    --red: #ff2d4d;
    --purple: #b48ce8;
    --gold: #e8b054;
    --text: #dbe7ee;
    --text2: #9fb1bd;
    --text3: #6f8595;
    --border: #16222c;
    --border-hi: #22384a;
    --line-soft: rgba(255, 45, 77, 0.26);
    --line-hard: rgba(255, 45, 77, 0.42);
    --edge-mid: rgba(255, 45, 77, 0.42);
    --shadow-lg: 4px 4px 0 rgba(0, 0, 0, 0.55), 0 0 26px rgba(255, 45, 77, 0.06);
    --shadow-sm: 2px 2px 0 rgba(0, 0, 0, 0.5);
    --shadow-inset: inset 2px 2px 0 rgba(0, 0, 0, 0.45);
    --neu-bg: #0d141b;
    --neon-red: #ff2d4d;
    --neon-red-glow: rgba(255, 45, 77, 0.16);
    --ring: rgba(255, 45, 77, 0.16);
    --ring-strong: rgba(255, 45, 77, 0.38);
    --accent-gradient: linear-gradient(135deg, #ff2d4d 0%, #a10f2a 100%);
    --radius: 3px;
    --radius-sm: 2px;
    --transition: 0.15s ease;
    background:
        repeating-linear-gradient(0deg, rgba(151, 167, 182, 0.022) 0 1px, transparent 1px 32px),
        repeating-linear-gradient(90deg, rgba(151, 167, 182, 0.022) 0 1px, transparent 1px 32px),
        var(--bg) !important;
    color: var(--text) !important;
}

body:not(.rld) ::selection { background: rgba(255, 45, 77, 0.35); color: #fff; }
body:not(.rld) ::-webkit-scrollbar { width: 9px; height: 9px; }
body:not(.rld) ::-webkit-scrollbar-track { background: var(--bg); }
body:not(.rld) ::-webkit-scrollbar-thumb { background: #22384a; border-radius: 2px; }
body:not(.rld) ::-webkit-scrollbar-thumb:hover { background: rgba(255, 45, 77, 0.5); }

/* achtergrond-decoratie: orbs subtiel blauwgrijs, graffiti/peertjes uit */
body:not(.rld) .orb { filter: hue-rotate(160deg) saturate(0.5) !important; opacity: 0.05 !important; }
body:not(.rld) .graffiti,
body:not(.rld) .paint-drip,
body:not(.rld) [class*="bulb-string"] { display: none !important; }

/* ── 2. CARDS: scherp, 1px rand, comic schaduw ───────────────── */
body:not(.rld) .glass,
body:not(.rld) .token-card,
body:not(.rld) .detail-panel,
body:not(.rld) .side-card,
body:not(.rld) .trade-card,
body:not(.rld) .de-wallen-meteo-card,
body:not(.rld) .dispatch-token-card,
body:not(.rld) .rl-vip-card,
body:not(.rld) .speech-bubble,
body:not(.rld) .forensic-sticker,
body:not(.rld) .search-wrap,
body:not(.rld) .twrap,
body:not(.rld) .mobile-sort,
body:not(.rld) .modal,
body:not(.rld) .modal-content,
body:not(.rld) .swap-token-item {
    border-radius: 3px !important;
    border: 1px solid var(--border) !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55), 0 0 26px rgba(255, 45, 77, 0.05) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
}

body:not(.rld) .token-card:hover,
body:not(.rld) .detail-panel:hover,
body:not(.rld) .side-card:hover,
body:not(.rld) .rl-vip-card:hover {
    border-color: rgba(255, 45, 77, 0.42) !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55), 0 0 22px rgba(255, 45, 77, 0.16) !important;
}

/* ── 3. KNOPPEN: raid-stijl ──────────────────────────────────── */
body:not(.rld) .sticker-btn,
body:not(.rld) .btn,
body:not(.rld) .btn-p,
body:not(.rld) .theme-btn,
body:not(.rld) .wrap-tab-btn,
body:not(.rld) .swap-token-select-btn,
body:not(.rld) .tog,
body:not(.rld) button {
    border-radius: 2px !important;
    border: 1px solid var(--border-hi) !important;
    background: var(--card2) !important;
    font-family: 'Orbitron', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.58rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    color: var(--text2) !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5) !important;
}

body:not(.rld) .sticker-btn:hover,
body:not(.rld) .btn:hover,
body:not(.rld) .theme-btn:hover,
body:not(.rld) .wrap-tab-btn:hover,
body:not(.rld) button:hover {
    color: #fff !important;
    border-color: rgba(255, 45, 77, 0.58) !important;
    transform: translate(-1px, -1px) !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55), 0 0 14px rgba(255, 45, 77, 0.22) !important;
}

/* ── 4. TYPE: Orbitron display, uppercase labels ─────────────── */
body:not(.rld) .logo,
body:not(.rld) .logo-sub,
body:not(.rld) .tag,
body:not(.rld) .nav a,
body:not(.rld) .stat .lbl,
body:not(.rld) .stat .val,
body:not(.rld) .side-title,
body:not(.rld) .term-val,
body:not(.rld) .wrap-tab-btn,
body:not(.rld) th {
    font-family: 'Orbitron', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

body:not(.rld) .logo-sub {
    font-size: 0.55rem !important;
    color: var(--text3) !important;
    letter-spacing: 2.5px !important;
}

body:not(.rld) .tag {
    border: 1px solid rgba(255, 45, 77, 0.42) !important;
    border-radius: 2px !important;
    background: rgba(255, 45, 77, 0.06) !important;
    color: var(--text2) !important;
}

/* ── NEON-SIGN in PRO: strak — dun kader, één subtiele gloed, géén geflikker.
   De letters houden een klein beetje neon (zoals het raid-logo). ── */
body:not(.rld) .header .logo,
body:not(.rld) #vegasLogo {
    animation: none !important;
    border: 1px solid rgba(255, 45, 77, 0.32) !important;
    border-radius: 3px !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: 0 0 22px rgba(255, 45, 77, 0.10) !important;
    text-shadow: none !important;
    color: var(--text) !important;
    padding: 14px 26px !important;
}
/* vegas-dubbellijn + knipperende hoeklampjes: uit in pro */
body:not(.rld) .header .logo::before,
body:not(.rld) .header .logo::after,
body:not(.rld) #vegasLogo::before,
body:not(.rld) #vegasLogo::after { display: none !important; }
/* subtitle-flikker uit */
body:not(.rld) .logo-sub { animation: none !important; }

body:not(.rld) .logo-letter {
    font-family: 'Orbitron', sans-serif !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
}
body:not(.rld) .logo-letter.l-red   { color: #ff2d4d !important; text-shadow: 0 0 12px rgba(255, 45, 77, 0.45) !important; }
body:not(.rld) .logo-letter.l-white { color: #edf3f7 !important; text-shadow: 0 0 8px rgba(237, 243, 247, 0.18) !important; }
body:not(.rld) .logo-letter.l-blue  { color: #e8b054 !important; text-shadow: 0 0 12px rgba(232, 176, 84, 0.35) !important; }

/* pro-light: sign nog subtieler */
body:not(.rld).light .header .logo,
body:not(.rld).light #vegasLogo {
    border-color: rgba(225, 29, 63, 0.22) !important;
    box-shadow: none !important;
}
body:not(.rld).light .logo-letter.l-red  { text-shadow: 0 0 8px rgba(225, 29, 63, 0.22) !important; }
body:not(.rld).light .logo-letter.l-blue { text-shadow: 0 0 8px rgba(176, 120, 24, 0.2) !important; }
body:not(.rld).light .logo-letter.l-white { text-shadow: none !important; }

/* ── 5. TABELLEN / INPUTS ────────────────────────────────────── */
body:not(.rld) th {
    background: #0d141b !important;
    border-bottom: 1px solid var(--border-hi) !important;
    color: var(--text2) !important;
    font-size: 0.55rem !important;
}
body:not(.rld) td { border-bottom: 1px solid var(--border) !important; }
body:not(.rld) tbody tr:hover { background: rgba(255, 45, 77, 0.04) !important; }

body:not(.rld) input,
body:not(.rld) select,
body:not(.rld) textarea,
body:not(.rld) .swap-input {
    border-radius: 2px !important;
    border: 1px solid var(--border) !important;
    background: #0c1117 !important;
    color: var(--text) !important;
}
body:not(.rld) input:focus,
body:not(.rld) select:focus,
body:not(.rld) textarea:focus {
    outline: none !important;
    border-color: var(--red) !important;
    box-shadow: 0 0 12px rgba(255, 45, 77, 0.22) !important;
}
body:not(.rld) input::placeholder,
body:not(.rld) textarea::placeholder { color: var(--text3) !important; }

/* ── 6. ACCENTEN ─────────────────────────────────────────────── */
body:not(.rld) .up   { color: #3ddc84 !important; }
body:not(.rld) .down { color: #ff2d4d !important; }
body:not(.rld) .live {
    background: #ff2d4d !important;
    box-shadow: 0 0 10px rgba(255, 45, 77, 0.8) !important;
}
body:not(.rld) a { color: var(--blue) !important; text-decoration: none !important; }
body:not(.rld) a:hover { color: #fff !important; }

/* ── 7. RLD-KNOP: actieve stand glowt (in beide modi) ────────── */
body.rld .rld-btn {
    border-color: rgba(255, 26, 58, 0.6) !important;
    color: #ff1a3a !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5), 0 0 18px rgba(255, 26, 58, 0.35) !important;
}
body:not(.rld) .rld-btn.on {
    border-color: rgba(255, 45, 77, 0.58) !important;
    color: #ff2d4d !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5), 0 0 18px rgba(255, 45, 77, 0.3) !important;
}

/* ═══ 8. PRO-LIGHT (body.light zonder .rld) ═══════════════════ */
body:not(.rld).light {
    --bg: #eef1f5;
    --bg2: #ffffff;
    --card: #ffffff;
    --card2: #f4f7fa;
    --card-solid: #ffffff;
    --blue: #1f7ae0;
    --green: #16a34a;
    --red: #e11d3f;
    --purple: #8b5cf6;
    --gold: #b07818;
    --text: #101820;
    --text2: #3f4b57;
    --text3: #7c8a96;
    --border: #d7dee6;
    --border-hi: #b9c6d2;
    --line-soft: rgba(225, 29, 63, 0.25);
    --line-hard: rgba(225, 29, 63, 0.45);
    --shadow-lg: 3px 3px 0 rgba(16, 24, 32, 0.10);
    --shadow-sm: 2px 2px 0 rgba(16, 24, 32, 0.08);
    --shadow-inset: inset 2px 2px 0 rgba(16, 24, 32, 0.06);
    --neu-bg: #ffffff;
    --ring: rgba(225, 29, 63, 0.14);
    --ring-strong: rgba(225, 29, 63, 0.35);
    background:
        repeating-linear-gradient(0deg, rgba(16, 24, 32, 0.018) 0 1px, transparent 1px 32px),
        repeating-linear-gradient(90deg, rgba(16, 24, 32, 0.018) 0 1px, transparent 1px 32px),
        var(--bg) !important;
}

body:not(.rld).light ::selection { background: rgba(225, 29, 63, 0.25); color: #101820; }
body:not(.rld).light ::-webkit-scrollbar-track { background: #e6ebf0; }
body:not(.rld).light ::-webkit-scrollbar-thumb { background: #b9c6d2; }

body:not(.rld).light .glass,
body:not(.rld).light .token-card,
body:not(.rld).light .detail-panel,
body:not(.rld).light .side-card,
body:not(.rld).light .trade-card,
body:not(.rld).light .twrap,
body:not(.rld).light .modal,
body:not(.rld).light .modal-content {
    box-shadow: 3px 3px 0 rgba(16, 24, 32, 0.10) !important;
}
body:not(.rld).light th { background: #f4f7fa !important; color: #3f4b57 !important; }
body:not(.rld).light tbody tr:hover { background: rgba(16, 24, 32, 0.03) !important; }

body:not(.rld).light input,
body:not(.rld).light select,
body:not(.rld).light textarea,
body:not(.rld).light .swap-input { background: #ffffff !important; }

body:not(.rld).light .sticker-btn,
body:not(.rld).light .btn,
body:not(.rld).light .theme-btn,
body:not(.rld).light .wrap-tab-btn,
body:not(.rld).light button {
    background: #ffffff !important;
    color: #3f4b57 !important;
    box-shadow: 2px 2px 0 rgba(16, 24, 32, 0.10) !important;
}
body:not(.rld).light .sticker-btn:hover,
body:not(.rld).light .btn:hover,
body:not(.rld).light .theme-btn:hover,
body:not(.rld).light button:hover {
    color: #e11d3f !important;
    border-color: rgba(225, 29, 63, 0.45) !important;
    box-shadow: 3px 3px 0 rgba(16, 24, 32, 0.10), 0 0 12px rgba(225, 29, 63, 0.15) !important;
}

body:not(.rld).light .logo-letter { text-shadow: none !important; }
body:not(.rld).light .logo-letter.l-red   { color: #e11d3f !important; }
body:not(.rld).light .logo-letter.l-white { color: #101820 !important; }
body:not(.rld).light .logo-letter.l-blue  { color: #b07818 !important; }

body:not(.rld).light .orb { opacity: 0.03 !important; }
body:not(.rld).light a { color: #1f7ae0 !important; }
body:not(.rld).light a:hover { color: #e11d3f !important; }


/* ═══ 9. VIP-WINDOWS + LIVE-BAR — ook in PRO-stijl ═════════════ */
body:not(.rld) { --neon-green: #3ddc84; --neon-pink: #ff2d95; }

/* de VIP-district-banner: geen candy-strepen, gewoon een pro-balk */
body:not(.rld) .rl-vip-district-grid::before {
    background: #0d141b !important;
    border: 1px solid var(--border-hi) !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55) !important;
    text-shadow: none !important;
    color: var(--text2) !important;
}

/* vip-kaarten: donker pro-card i.p.v. goud-met-glans */
body:not(.rld) .rl-vip-card {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55) !important;
}
body:not(.rld) .rl-vip-card:hover {
    border-color: rgba(255, 45, 77, 0.42) !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55), 0 0 18px rgba(255, 45, 77, 0.14) !important;
}
body:not(.rld) .rl-vip-card.vacant { background: var(--card2) !important; }
body:not(.rld) .rl-vip-card-top { border-bottom: 1px solid var(--border) !important; }

/* peertjes en glas-glanz weg in pro */
body:not(.rld) .rl-bulbs i { display: none !important; }
body:not(.rld) .rl-glass-sheen { display: none !important; }

/* gouden hoekjes → subtiel rode accent-hoeken (raid-detail) */
body:not(.rld) .rl-vip-corner-tl { border-top-color: rgba(255, 45, 77, 0.5) !important; border-left-color: rgba(255, 45, 77, 0.5) !important; }
body:not(.rld) .rl-vip-corner-tr { border-top-color: rgba(255, 45, 77, 0.5) !important; border-right-color: rgba(255, 45, 77, 0.5) !important; }
body:not(.rld) .rl-vip-corner-bl { border-bottom-color: rgba(255, 45, 77, 0.5) !important; border-left-color: rgba(255, 45, 77, 0.5) !important; }
body:not(.rld) .rl-vip-corner-br { border-bottom-color: rgba(255, 45, 77, 0.5) !important; border-right-color: rgba(255, 45, 77, 0.5) !important; }

/* slogan: leesbare pro-tekst i.p.v. cursief goud */
body:not(.rld) .rl-vip-slogan {
    font-style: normal !important;
    color: var(--text3) !important;
    letter-spacing: 0.5px !important;
    min-height: 28px !important;
}

/* rent/ape-knoppen: pro-knoppen met rood/groen accent */
body:not(.rld) button.rl-vip-rent-btn,
body:not(.rld) .rl-vip-rent-btn {
    background: var(--card2) !important;
    color: #ff2d4d !important;
    border: 1px solid rgba(255, 45, 77, 0.45) !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5) !important;
    font-size: 0.58rem !important;
    padding: 9px 12px !important;
}
body:not(.rld) button.rl-vip-rent-btn:hover,
body:not(.rld) .rl-vip-rent-btn:hover {
    transform: translate(-1px, -1px) !important;
    color: #fff !important;
    border-color: rgba(255, 45, 77, 0.65) !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55), 0 0 14px rgba(255, 45, 77, 0.25) !important;
}
body:not(.rld) button.rl-vip-ape-btn,
body:not(.rld) .rl-vip-ape-btn {
    background: var(--card2) !important;
    color: #3ddc84 !important;
    border: 1px solid rgba(61, 220, 132, 0.4) !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5) !important;
    font-size: 0.58rem !important;
    padding: 9px 12px !important;
}
body:not(.rld) button.rl-vip-ape-btn:hover,
body:not(.rld) .rl-vip-ape-btn:hover {
    transform: translate(-1px, -1px) !important;
    color: #fff !important;
    border-color: rgba(61, 220, 132, 0.6) !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55), 0 0 14px rgba(61, 220, 132, 0.2) !important;
}

/* live-bar (side-card): neutrale pro-rand i.p.v. neon, Orbitron titel */
body:not(.rld) .side-card {
    border: 1px solid var(--border) !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
}
body:not(.rld) .side-card:hover {
    border-color: rgba(255, 45, 77, 0.42) !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55), 0 0 16px rgba(255, 45, 77, 0.12) !important;
}
body:not(.rld) .side-title {
    font-family: 'Orbitron', sans-serif !important;
    letter-spacing: 2px !important;
}
body:not(.rld) .term-line {
    border-bottom: 1px solid var(--border);
    font-family: 'Consolas', 'Courier New', monospace;
}
body:not(.rld) #liveTrades::-webkit-scrollbar-thumb {
    background: rgba(255, 45, 77, 0.35) !important;
    border-radius: 2px !important;
}

/* pro-light: vip + live-bar meenemen */
body:not(.rld).light .rl-vip-card { background: #ffffff !important; }
body:not(.rld).light .rl-vip-card.vacant { background: #f4f7fa !important; }
body:not(.rld).light .rl-vip-district-grid::before { background: #f4f7fa !important; }
body:not(.rld).light button.rl-vip-rent-btn,
body:not(.rld).light .rl-vip-rent-btn { background: #ffffff !important; }
body:not(.rld).light button.rl-vip-ape-btn,
body:not(.rld).light .rl-vip-ape-btn { background: #ffffff !important; }
body:not(.rld).light .rl-vip-slogan { color: var(--text3) !important; }


/* ═══ 10. TOKEN-POPUP (#tokenDetail) in PRO-stijl ══════════════ */
/* de popup is inline-styled met neon-randen en gloed — deze regels
   forceren (met !important, net als het bestaande body.light-blok)
   de pro-look zonder token-detail.js aan te hoeven passen. */

/* backdrop: koel navy i.p.v. rood-zwart */
body:not(.rld) #tokenDetail,
body:not(.rld) .detail-panel {
    background: rgba(4, 7, 10, 0.95) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

/* alle kaart-secties: pro-card met comic schaduw */
body:not(.rld) #tokenDetail div[style*="background:var(--card-solid)"],
body:not(.rld) #tokenDetail div[style*="background: var(--card-solid)"],
body:not(.rld) #tokenDetail .detail-card,
body:not(.rld) #tokenDetail .trade-history-container,
body:not(.rld) #tokenDetail #chartSection {
    background: var(--card) !important;
    background-color: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 3px !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55) !important;
}

/* neon-frames (logo-kader e.d.): 2px rood-gloed → 1px pro-rand */
body:not(.rld) #tokenDetail div[style*="border:2px solid rgba(255,26,58"] {
    border: 1px solid var(--border-hi) !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5) !important;
}

/* rode neon-top-strips: weg */
body:not(.rld) #tokenDetail div[style*="linear-gradient(90deg,transparent,rgba(255,26,58"] {
    display: none !important;
}

/* alle text-glows uit in pro */
body:not(.rld) #tokenDetail *,
body:not(.rld) .detail-panel * {
    text-shadow: none !important;
}

/* chart-timeframe-knoppen + contract-copy: pro-knoppen */
body:not(.rld) #tokenDetail .chart-tf-btn,
body:not(.rld) #tokenDetail #contractCopy {
    background: var(--card2) !important;
    background-color: var(--card2) !important;
    color: var(--text2) !important;
    border: 1px solid var(--border-hi) !important;
    border-radius: 2px !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5) !important;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 0.55rem !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}
body:not(.rld) #tokenDetail .chart-tf-btn.active {
    color: #ff2d4d !important;
    border-color: rgba(255, 45, 77, 0.55) !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5), 0 0 12px rgba(255, 45, 77, 0.25) !important;
}

/* neon-groen in de popup → pro-groen */
body:not(.rld) #tokenDetail [style*="color:#00ff6a"],
body:not(.rld) #tokenDetail [style*="color: #00ff6a"] {
    color: #3ddc84 !important;
}

/* tabellen in de popup netjes */
body:not(.rld) #tokenDetail th {
    background: var(--card2) !important;
    border-bottom: 1px solid var(--border-hi) !important;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 0.55rem !important;
    letter-spacing: 1.5px !important;
    color: var(--text2) !important;
}
body:not(.rld) #tokenDetail td { border-bottom: 1px solid var(--border) !important; }
body:not(.rld) #tokenDetail tr:hover td { background: rgba(255, 45, 77, 0.04) !important; }

/* pro-light: popup-besturing volgt het bestaande body.light-blok in
   index.html — hier alleen de TF-knoppen bijsturen */
body:not(.rld).light #tokenDetail .chart-tf-btn,
body:not(.rld).light #tokenDetail #contractCopy {
    background: #ffffff !important;
    color: #3f4b57 !important;
    border: 1px solid #d7dee6 !important;
    box-shadow: 2px 2px 0 rgba(16, 24, 32, 0.1) !important;
}
body:not(.rld).light #tokenDetail .chart-tf-btn.active {
    color: #e11d3f !important;
    border-color: rgba(225, 29, 63, 0.45) !important;
}


/* ═══ 11. SWAP-TERMINAL + RECEIPT in PRO-stijl ═════════════════ */
/* swap-modal, token-dropdown, wrap-station, quote-box, execute —
   functie blijft 1-op-1 gelijk, alleen het uiterlijk wordt pro. */

/* backdrop: koel navy */
body:not(.rld) .swap-modal-overlay {
    background: rgba(4, 7, 10, 0.95) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

/* modal-window: 3px neon + gloed → 1px pro-rand + comic schaduw */
body:not(.rld) .swap-modal-window {
    background: var(--card) !important;
    background-color: var(--card) !important;
    border: 1px solid var(--border-hi) !important;
    border-radius: 3px !important;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.55) !important;
}

/* titel: wit, geen gloed */
body:not(.rld) .swap-title {
    color: var(--text) !important;
    text-shadow: none !important;
}
body:not(.rld) .swap-header { border-bottom: 1px solid var(--border) !important; }

/* hoofd-tabs (SWAP / WRAP): platte pro-tabs, actieve = rood accent */
body:not(.rld) .swap-main-tabs {
    background: var(--card2) !important;
    border: 1px solid var(--border) !important;
    border-radius: 2px !important;
}
body:not(.rld) .swap-main-tab { color: var(--text3) !important; }
body:not(.rld) .swap-main-tab.active {
    background: rgba(255, 45, 77, 0.08) !important;
    border-color: rgba(255, 45, 77, 0.45) !important;
    color: #ff2d4d !important;
    box-shadow: none !important;
}

/* token-boxen (from/to): rustig invoerveld */
body:not(.rld) .swap-token-box {
    background: var(--input-bg, #0c1117) !important;
    border: 1px solid var(--border) !important;
}
body:not(.rld) .swap-token-dropdown {
    background: var(--card-solid) !important;
    border: 1px solid var(--border-hi) !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55) !important;
}
body:not(.rld) .swap-token-search {
    background: var(--input-bg, #0c1117) !important;
    border-bottom: 1px solid var(--border) !important;
}
body:not(.rld) .swap-token-item:hover { background: rgba(255, 45, 77, 0.06) !important; }

/* MAX-knop + flip: pro-groen / pro-rood zonder neon */
body:not(.rld) .swap-max-btn {
    color: #3ddc84 !important;
    border-color: rgba(61, 220, 132, 0.45) !important;
}
body:not(.rld) .swap-max-btn:hover { background: transparent !important; color: #fff !important; }
body:not(.rld) .swap-flip-btn { color: #ff2d4d !important; }

/* slippage + quote-box: neutrale lijntjes */
body:not(.rld) .swap-slip-btn { border-color: var(--border) !important; }
body:not(.rld) .swap-quote-box {
    background: var(--card2) !important;
    border: 1px solid var(--border) !important;
}

/* EXECUTE-knop: plat raid-rood i.p.v. gradient + gloed */
body:not(.rld) .swap-execute-btn {
    background: #ff2d4d !important;
    border: 1px solid #c11330 !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55) !important;
    letter-spacing: 2px !important;
}
body:not(.rld) .swap-execute-btn:hover {
    transform: translate(-1px, -1px) !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.6) !important;
}

/* WRAP-station: goud-accent i.p.v. oranje neon */
body:not(.rld) .swap-wrap-section { border-top: 1px solid var(--border) !important; }
body:not(.rld) .wrap-tab-btn {
    background: var(--card2) !important;
    border: 1px solid var(--border) !important;
}
body:not(.rld) .wrap-tab-btn.active {
    background: rgba(232, 176, 84, 0.08) !important;
    border-color: rgba(232, 176, 84, 0.5) !important;
    color: #e8b054 !important;
    box-shadow: none !important;
}
body:not(.rld) .swap-wrap-btn {
    background: var(--card2) !important;
    border: 1px solid rgba(232, 176, 84, 0.5) !important;
    color: #e8b054 !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55) !important;
}
body:not(.rld) .swap-wrap-btn:hover {
    transform: translate(-1px, -1px) !important;
    color: #fff !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.6), 0 0 12px rgba(232, 176, 84, 0.2) !important;
}

/* token-logo's in de swap: neutrale rand */
body:not(.rld) #swapPanelContainer img,
body:not(.rld) .swap-panel img,
body:not(.rld) .swap-token-dropdown img,
body:not(.rld) .swap-token-list img,
body:not(.rld) .swap-token-item img {
    border: 1px solid var(--border-hi) !important;
}

/* RECEIPT-modal (na de swap): pro-window; de canvas zelf blijft zoals hij is */
body:not(.rld) .receipt-modal-overlay { background: rgba(4, 7, 10, 0.9) !important; }
body:not(.rld) .receipt-modal-window {
    background: var(--card) !important;
    border: 1px solid var(--border-hi) !important;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.55) !important;
}
body:not(.rld) .receipt-canvas-container {
    background: var(--card2) !important;
    border-color: var(--border) !important;
}

/* ── pro-light: swap + receipt ── */
body:not(.rld).light .swap-modal-window,
body:not(.rld).light .receipt-modal-window { background: #ffffff !important; }
body:not(.rld).light .swap-main-tabs { background: #f4f7fa !important; }
body:not(.rld).light .swap-main-tab.active {
    background: rgba(225, 29, 63, 0.07) !important;
    border-color: rgba(225, 29, 63, 0.4) !important;
    color: #e11d3f !important;
}
body:not(.rld).light .swap-token-box,
body:not(.rld).light .swap-token-search,
body:not(.rld).light .swap-quote-box { background: #f4f7fa !important; }
body:not(.rld).light .swap-token-dropdown { background: #ffffff !important; }
body:not(.rld).light .wrap-tab-btn { background: #f4f7fa !important; }
body:not(.rld).light .wrap-tab-btn.active {
    background: rgba(176, 120, 24, 0.08) !important;
    color: #b07818 !important;
    border-color: rgba(176, 120, 24, 0.45) !important;
}
body:not(.rld).light .swap-wrap-btn {
    background: #ffffff !important;
    color: #b07818 !important;
    border-color: rgba(176, 120, 24, 0.5) !important;
}
body:not(.rld).light .receipt-canvas-container { background: #f4f7fa !important; }


/* ═══ 12. METEO-STATION (De Wallen Meteo) in PRO-stijl ═════════ */
/* de weersignalisatie (kleur per conditie) blijft, de chrome wordt strak */

/* kaart: plat pro-card, geen inset-gloed, neutrale rand */
body:not(.rld) .de-wallen-meteo-card {
    background: var(--card) !important;
    background-image: none !important;
    border: 1px solid var(--border) !important;
    border-radius: 3px !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55) !important;
    font-family: 'Inter', sans-serif !important;
}

/* weer-effecten (regen/storm/mist/zon-strepen): uit in pro */
body:not(.rld) .de-wallen-meteo-card.weather-rain::before,
body:not(.rld) .de-wallen-meteo-card.weather-rain::after,
body:not(.rld) .de-wallen-meteo-card.weather-storm::before,
body:not(.rld) .de-wallen-meteo-card.weather-storm::after,
body:not(.rld) .de-wallen-meteo-card.weather-fog::before,
body:not(.rld) .de-wallen-meteo-card.weather-fog::after,
body:not(.rld) .de-wallen-meteo-card.weather-sun::before,
body:not(.rld) .de-wallen-meteo-card.weather-sun::after {
    display: none !important;
}

/* pulserende lamp: uit */
body:not(.rld) .meteo-bulb { display: none !important; }

/* hoek-brackets: subtiel rood accent (als de vip-hoeken) */
body:not(.rld) .meteo-corner-tl { border-top-color: rgba(255, 45, 77, 0.45) !important; border-left-color: rgba(255, 45, 77, 0.45) !important; }
body:not(.rld) .meteo-corner-tr { border-top-color: rgba(255, 45, 77, 0.45) !important; border-right-color: rgba(255, 45, 77, 0.45) !important; }
body:not(.rld) .meteo-corner-bl { border-bottom-color: rgba(255, 45, 77, 0.45) !important; border-left-color: rgba(255, 45, 77, 0.45) !important; }
body:not(.rld) .meteo-corner-br { border-bottom-color: rgba(255, 45, 77, 0.45) !important; border-right-color: rgba(255, 45, 77, 0.45) !important; }

/* status-tag: vlak, kleur-akcent blijft (weer-signalisatie) */
body:not(.rld) .meteo-status-tag {
    background: var(--card2) !important;
    box-shadow: none !important;
    border-radius: 2px !important;
}

/* titel-badge: Orbitron uppercase (past in de pro-typografie) */
body:not(.rld) .meteo-title-badge {
    font-family: 'Orbitron', sans-serif !important;
    letter-spacing: 2px !important;
}

/* wind-rij + breadth-rij: neutrale lijnen i.p.v. neon */
body:not(.rld) .meteo-wind-row {
    border-top: 1px solid var(--border) !important;
    border-bottom: 1px solid var(--border) !important;
    background: var(--card2) !important;
}
body:not(.rld) .meteo-breadth-row {
    border-bottom: 1px solid var(--border) !important;
    background: transparent !important;
}
body:not(.rld) .meteo-breadth-bar {
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid var(--border) !important;
    border-radius: 2px !important;
}
body:not(.rld) .meteo-breadth-up {
    background: #3ddc84 !important;
    box-shadow: none !important;
}
body:not(.rld) .meteo-breadth-down {
    background: #ff2d4d !important;
    box-shadow: none !important;
}
body:not(.rld) .meteo-breadth-nums .b-up { color: #3ddc84 !important; }
body:not(.rld) .meteo-breadth-nums .b-down { color: #ff2d4d !important; }

/* marquee: rustig, geen neon-kleur */
body:not(.rld) .meteo-marquee-content { color: var(--text2) !important; }

/* ── pro-light ── */
body:not(.rld).light .de-wallen-meteo-card {
    background: #ffffff !important;
    border: 1px solid #d7dee6 !important;
    box-shadow: 3px 3px 0 rgba(16, 24, 32, 0.1) !important;
}
body:not(.rld).light .meteo-wind-row { background: #f4f7fa !important; }
body:not(.rld).light .meteo-status-tag { background: #f4f7fa !important; }
body:not(.rld).light .meteo-breadth-bar { background: #eef1f5 !important; }


/* ═══ 13. STATS-HEADER + TOKEN-LIJST (grid · stickers · tabel) ═══ */

/* ── stats onder het logo: Total DEX Volume / Winner of the Day ── */
body:not(.rld) .stat {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 3px !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55) !important;
    padding: 12px 8px !important;
}
body:not(.rld) .stat::before { display: none !important; }
body:not(.rld) .stat:hover {
    transform: none !important;
    border-color: rgba(255, 45, 77, 0.42) !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55), 0 0 14px rgba(255, 45, 77, 0.12) !important;
}
body:not(.rld) .stat .lbl {
    font-family: 'Orbitron', sans-serif !important;
    font-size: 0.42rem !important;
    letter-spacing: 2px !important;
}
body:not(.rld) .stat .val { font-family: 'Orbitron', sans-serif !important; }
body:not(.rld) .val.g { color: #3ddc84 !important; -webkit-text-fill-color: #3ddc84 !important; }

/* ── sort-stickers (💰 MCAP · 💧 LIQ · ⚡ VOL · 👥 HOLD · 📈 24H) ── */
body:not(.rld) .sort-sticker {
    background: var(--card2) !important;
    border: 1px solid var(--border-hi) !important;
    color: var(--text2) !important;
    border-radius: 2px !important;
    transform: none !important;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 0.6rem !important;
    letter-spacing: 1.5px !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5) !important;
    transition: none !important;
}
body:not(.rld) .sort-sticker:hover {
    color: #ff2d4d !important;
    border-color: rgba(255, 45, 77, 0.55) !important;
    transform: none !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5), 0 0 12px rgba(255, 45, 77, 0.2) !important;
}

/* ── token-cards in de grid (rl-window/rl-frame + mobiele rl-card) ── */
body:not(.rld) .rl-frame {
    border: 1px solid var(--border) !important;
    background: var(--card) !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55) !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
body:not(.rld) .rl-window:hover .rl-frame,
body:not(.rld) .rl-frame:hover {
    border-color: rgba(255, 45, 77, 0.42) !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55), 0 0 16px rgba(255, 45, 77, 0.12) !important;
}
/* peertjes + glans-overlay op cards: uit in pro — .rl-glass zelf is de
   CONTENT-WRAPPER van elke token-card en moet natuurlijk blijven bestaan! */
body:not(.rld) .rl-bulbs { display: none !important; }
body:not(.rld) .rl-glass-sheen { display: none !important; }
/* .rl-glass = flex-layout-wrapper van de card-content — NIET aanraken */
/* mobiele cards */
body:not(.rld) .rl-card {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 3px !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55) !important;
}
body:not(.rld) .rl-card::before { display: none !important; }
body:not(.rld) .rl-card-badge.up   { color: #3ddc84 !important; background: rgba(61, 220, 132, 0.08) !important; }
body:not(.rld) .rl-card-badge.down { color: #ff2d4d !important; background: rgba(255, 45, 77, 0.08) !important; }

/* ── de tabel (twrap): plat, geen glow-headers ── */
body:not(.rld) .twrap {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 3px !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55) !important;
}
body:not(.rld) th {
    background: var(--card2) !important;
    text-shadow: none !important;
    border-bottom: 1px solid var(--border-hi) !important;
}
body:not(.rld) tbody tr:hover {
    background: rgba(255, 45, 77, 0.04) !important;
}

/* ── mobiele tabs + sort + zoek ── */
body:not(.rld) .mob-tab {
    font-family: 'Orbitron', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    border-radius: 2px !important;
}
body:not(.rld) .mobile-sort button {
    font-family: 'Orbitron', sans-serif !important;
    border-radius: 2px !important;
    letter-spacing: 1px !important;
}
body:not(.rld) .search-wrap input {
    border: 1px solid var(--border-hi) !important;
    border-radius: 2px !important;
}

/* ── pro-light ── */
body:not(.rld).light .stat { background: #ffffff !important; border-color: #d7dee6 !important; box-shadow: 2px 2px 0 rgba(16, 24, 32, 0.1) !important; }
body:not(.rld).light .sort-sticker { background: #ffffff !important; }
body:not(.rld).light .rl-frame,
body:not(.rld).light .rl-card { background: #ffffff !important; border-color: #d7dee6 !important; box-shadow: 2px 2px 0 rgba(16, 24, 32, 0.1) !important; }
body:not(.rld).light .twrap { background: #ffffff !important; border-color: #d7dee6 !important; box-shadow: 2px 2px 0 rgba(16, 24, 32, 0.1) !important; }
body:not(.rld).light th { background: #f4f7fa !important; }


/* ═══ 14. SIDEBAR-INHOUD: live trades · dex stats · top movers ═══ */

/* side-titel: geen text-glow meer (Bangers is al Orbitron via §9) */
body:not(.rld) .side-title { text-shadow: none !important; }

/* live-trade-regels: platte rij met subtiel rode streep, geen neon-hover */
body:not(.rld) .trade-card {
    background: var(--card2) !important;
    border: 1px solid var(--border) !important;
    border-left: 3px solid rgba(255, 45, 77, 0.5) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}
body:not(.rld) .trade-card:hover {
    transform: none !important;
    border-left-color: rgba(255, 45, 77, 0.8) !important;
    background: rgba(255, 45, 77, 0.04) !important;
    box-shadow: none !important;
}
/* grote trades: groene streep i.p.v. neon-groen + gloed */
body:not(.rld) .trade-big {
    border-left-color: rgba(61, 220, 132, 0.6) !important;
    box-shadow: none !important;
}

/* dex-stats-regels: neutrale scheidingslijnen */
body:not(.rld) .term-line { border-bottom: 1px solid var(--border) !important; }

/* top-movers: geen vol neon-kleurblokken maar rustige chips */
body:not(.rld) #topMovers .term-val.up,
body:not(.rld) #topMovers .term-val.green {
    background: rgba(61, 220, 132, 0.08) !important;
    color: #3ddc84 !important;
    -webkit-text-fill-color: #3ddc84 !important;
    border: 1px solid rgba(61, 220, 132, 0.35) !important;
    border-radius: 2px !important;
}
body:not(.rld) #topMovers .term-val.down,
body:not(.rld) #topMovers .term-val.red {
    background: rgba(255, 45, 77, 0.08) !important;
    color: #ff2d4d !important;
    -webkit-text-fill-color: #ff2d4d !important;
    border: 1px solid rgba(255, 45, 77, 0.35) !important;
    border-radius: 2px !important;
}

/* ── pro-light ── */
body:not(.rld).light .trade-card { background: #ffffff !important; border-color: #e2e8ef !important; }
body:not(.rld).light .trade-card:hover { background: #f8fafc !important; }
body:not(.rld).light .term-line { border-bottom-color: #e9eef4 !important; }
body:not(.rld).light #topMovers .term-val.up,
body:not(.rld).light #topMovers .term-val.green {
    background: rgba(22, 163, 74, 0.07) !important;
    color: #16a34a !important;
    -webkit-text-fill-color: #16a34a !important;
    border-color: rgba(22, 163, 74, 0.3) !important;
}
body:not(.rld).light #topMovers .term-val.down,
body:not(.rld).light #topMovers .term-val.red {
    background: rgba(225, 29, 63, 0.07) !important;
    color: #e11d3f !important;
    -webkit-text-fill-color: #e11d3f !important;
    border-color: rgba(225, 29, 63, 0.3) !important;
}


/* ═══ 15. FORENSIC X-RAY DOSSIER (🚓 de module in de DEX) ═══ */
body:not(.rld) .forensic-modal-overlay { background: rgba(3, 6, 10, 0.86) !important; }

body:not(.rld) .forensic-dossier-card {
    background: #0a0f14 !important;
    border: 1px solid rgba(255, 45, 77, 0.32) !important;
    border-radius: 3px !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55) !important;
    color: var(--text) !important;
}
body:not(.rld) .forensic-header { border-bottom: 1px solid #16222c !important; }
body:not(.rld) .forensic-title { color: #ff2d4d !important; }
body:not(.rld) .forensic-sec-title { color: #e8b054 !important; }
body:not(.rld) .forensic-score-box {
    background: #0d141b !important;
    border: 1px solid #16222c !important;
    border-radius: 3px !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55) !important;
}

/* stickers + status-badges: neon-blokken → rustige pro-chips */
body:not(.rld) .forensic-sticker,
body:not(.rld) .forensic-status-badge {
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5) !important;
    border-radius: 2px !important;
}
body:not(.rld) .forensic-sticker.red,
body:not(.rld) .forensic-status-badge.red {
    background: rgba(255, 45, 77, 0.08) !important;
    border: 1px solid rgba(255, 45, 77, 0.35) !important;
    color: #ff2d4d !important;
}
body:not(.rld) .forensic-sticker.green,
body:not(.rld) .forensic-status-badge.green {
    background: rgba(61, 220, 132, 0.08) !important;
    border: 1px solid rgba(61, 220, 132, 0.35) !important;
    color: #3ddc84 !important;
}
body:not(.rld) .forensic-sticker.orange,
body:not(.rld) .forensic-sticker.gold,
body:not(.rld) .forensic-status-badge.orange,
body:not(.rld) .forensic-status-badge.gold {
    background: rgba(232, 176, 84, 0.08) !important;
    border: 1px solid rgba(232, 176, 84, 0.35) !important;
    color: #e8b054 !important;
}
body:not(.rld) .forensic-sticker.blue,
body:not(.rld) .forensic-status-badge.blue {
    background: rgba(57, 160, 255, 0.08) !important;
    border: 1px solid rgba(57, 160, 255, 0.35) !important;
    color: #39a0ff !important;
}

/* actie-knop: neon groen→blauw gradient → plat pro-rood (zoals de swap-execute) */
body:not(.rld) .forensic-action-btn {
    background: #ff2d4d !important;
    color: #ffffff !important;
    border-radius: 2px !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5) !important;
}
body:not(.rld) .forensic-action-btn:hover {
    background: #e11d3f !important;
    transform: translate(-1px, -1px) !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55), 0 0 14px rgba(255, 45, 77, 0.25) !important;
}

/* dispatcher: token-lijst + disclaimer */
body:not(.rld) .dispatch-token-card {
    background: #0d141b !important;
    border: 1px solid #16222c !important;
    border-radius: 3px !important;
}
body:not(.rld) .dispatch-token-card:hover { border-color: rgba(255, 45, 77, 0.42) !important; }
body:not(.rld) .dispatcher-disclaimer {
    background: rgba(255, 45, 77, 0.05) !important;
    border: 1px dashed rgba(255, 45, 77, 0.35) !important;
    color: var(--text2) !important;
    border-radius: 3px !important;
}

/* de 🚓 X-RAY DOSSIER-knop zelf: rustig goud-chip in pro */
body:not(.rld) .sticker-btn.gold {
    font-family: 'Orbitron', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    background: rgba(232, 176, 84, 0.08) !important;
    border: 1px solid rgba(232, 176, 84, 0.4) !important;
    color: #e8b054 !important;
}
body:not(.rld) .sticker-btn.gold:hover {
    background: rgba(232, 176, 84, 0.16) !important;
    color: #ffd98a !important;
}

/* ── pro-light ── */
body:not(.rld).light .forensic-modal-overlay { background: rgba(233, 238, 244, 0.9) !important; }
body:not(.rld).light .forensic-dossier-card {
    background: #ffffff !important;
    border-color: #d7dee6 !important;
    box-shadow: 3px 3px 0 rgba(16, 24, 32, 0.12) !important;
}
body:not(.rld).light .forensic-header { border-bottom-color: #e2e8ef !important; }
body:not(.rld).light .forensic-title { color: #e11d3f !important; }
body:not(.rld).light .forensic-sec-title { color: #b07818 !important; }
body:not(.rld).light .forensic-score-box {
    background: #f4f7fa !important;
    border: 1px solid #d7dee6 !important;
    box-shadow: 2px 2px 0 rgba(16, 24, 32, 0.1) !important;
}
body:not(.rld).light .forensic-sticker.red,
body:not(.rld).light .forensic-status-badge.red {
    background: rgba(225, 29, 63, 0.07) !important;
    border-color: rgba(225, 29, 63, 0.3) !important;
    color: #e11d3f !important;
}
body:not(.rld).light .forensic-sticker.green,
body:not(.rld).light .forensic-status-badge.green {
    background: rgba(22, 163, 74, 0.07) !important;
    border-color: rgba(22, 163, 74, 0.3) !important;
    color: #16a34a !important;
}
body:not(.rld).light .forensic-sticker.orange,
body:not(.rld).light .forensic-sticker.gold,
body:not(.rld).light .forensic-status-badge.orange,
body:not(.rld).light .forensic-status-badge.gold {
    background: rgba(176, 120, 24, 0.07) !important;
    border-color: rgba(176, 120, 24, 0.3) !important;
    color: #b07818 !important;
}
body:not(.rld).light .forensic-sticker.blue,
body:not(.rld).light .forensic-status-badge.blue {
    background: rgba(31, 122, 224, 0.07) !important;
    border-color: rgba(31, 122, 224, 0.3) !important;
    color: #1f7ae0 !important;
}
body:not(.rld).light .forensic-action-btn { background: #e11d3f !important; }
body:not(.rld).light .dispatch-token-card { background: #ffffff !important; border-color: #d7dee6 !important; }
body:not(.rld).light .dispatcher-disclaimer {
    background: rgba(225, 29, 63, 0.04) !important;
    border-color: rgba(225, 29, 63, 0.3) !important;
    color: #3f4b57 !important;
}
body:not(.rld).light .sticker-btn.gold {
    background: rgba(176, 120, 24, 0.08) !important;
    border-color: rgba(176, 120, 24, 0.35) !important;
    color: #b07818 !important;
}


/* ═══ 16. NAV-KNOPPEN: 🎨 MEME FOUNDRY + ⚔️ SHIDORAID ═══ */
body:not(.rld) .sticker-btn.green {
    background: rgba(61, 220, 132, 0.08) !important;
    border: 1px solid rgba(61, 220, 132, 0.4) !important;
    color: #3ddc84 !important;
}
body:not(.rld) .sticker-btn.green:hover {
    background: rgba(61, 220, 132, 0.16) !important;
    color: #7ceba9 !important;
}
body:not(.rld) .sticker-btn.raid {
    background: linear-gradient(135deg, rgba(255, 45, 77, 0.12), rgba(161, 15, 42, 0.12)) !important;
    border: 1px solid rgba(255, 45, 77, 0.5) !important;
    color: #ff2d4d !important;
}
body:not(.rld) .sticker-btn.raid:hover {
    background: linear-gradient(135deg, rgba(255, 45, 77, 0.22), rgba(161, 15, 42, 0.22)) !important;
    color: #ffffff !important;
}
body:not(.rld).light .sticker-btn.green {
    background: rgba(22, 163, 74, 0.07) !important;
    border-color: rgba(22, 163, 74, 0.35) !important;
    color: #16a34a !important;
}
body:not(.rld).light .sticker-btn.green:hover { background: rgba(22, 163, 74, 0.14) !important; }
body:not(.rld).light .sticker-btn.raid {
    background: linear-gradient(135deg, rgba(225, 29, 63, 0.08), rgba(120, 10, 30, 0.08)) !important;
    border-color: rgba(225, 29, 63, 0.4) !important;
    color: #e11d3f !important;
}
body:not(.rld).light .sticker-btn.raid:hover {
    background: linear-gradient(135deg, rgba(225, 29, 63, 0.16), rgba(120, 10, 30, 0.16)) !important;
}