/**
 * =========================================================================================
 *  PWNBOX ARCHITECT SECRETS & CLASSIFIED GATEWAYS BLUEPRINT
 *  Lead Architect & Core Sovereign: Pranav Pushya
 *  System Revision: v3.4.0 // Codename: OMEGA-VAULT
 * =========================================================================================
 * 
 *  This file acts as the master style sheet and developer index for all unlisted,
 *  hidden, and air-gapped secret gateways integrated across the PwnBox cyber ecosystem.
 *  Normal users traversing the site will never see these gateways or their contents
 *  unless they execute the exact cryptographically sealed interaction triggers below.
 * 
 * -----------------------------------------------------------------------------------------
 *  [GATEWAY 01] 🕵️‍♂️ SECRET 8TH MODULE: "M-08 BLACK OPS & C2 EVASION"
 * -----------------------------------------------------------------------------------------
 *  - Location: dashboard.html (Curriculum Tracks Section)
 *  - Trigger Mechanism:
 *      * The M-08 module card is completely invisible (display: none) by default.
 *      * Next to "🛡️ Training Curriculum Tracks" header, there is a clandestine skull icon:
 *        <span id="secretM08Trigger">💀</span>
 *      * CLICKING THIS SKULL ICON EXACTLY 3 TIMES within 1000ms triggers the classified bypass.
 *      * No browser alert/prompt boxes are used.
 *      * It triggers a purple neon glitch burst, sets localStorage.pwnbox_m08_unlocked = "true",
 *        unhides the card (display: flex), and smoothly scrolls into view.
 *  - What It Opens:
 *      * Complete Module 08 at "modules/BlackOps.html".
 *      * 6 Advanced Weaponized Stealth Tools: Cobalt Strike / Havoc C2 Beaconing,
 *        Memory AMSI / ETW Bypasses, LOLBins Living-off-the-Land Binaries,
 *        BloodHound Active Directory attack graphs, Mimikatz Kerberos Golden Ticket forge,
 *        and Chisel SOCKS5 pivot tunneling.
 *      * Embedded Interactive C2 Command Console.
 *      * AI Black Ops Mentor powered by Groq LLaMA-3.3-70b.
 *      * Module 08 Classified Certification Quiz.
 * 
 * -----------------------------------------------------------------------------------------
 *  [GATEWAY 02] 🔢 AIR-GAPPED CIPHER PINPAD (FOOTER VERSION TAG v3.4.0)
 * -----------------------------------------------------------------------------------------
 *  - Location: index.html (Global Footer Version Badge: #footerVersionTrigger)
 *  - Trigger Mechanism:
 *      * TRIPLE-CLICKING the "v3.4.0" version badge in the footer within 700ms.
 *      * Summons the modal: #airgapPinpadModal ("PWNBOX AIR-GAPPED CIPHER VAULT").
 *      * Presents a hardware-style 12-key tactile numeric cipher pinpad.
 *  - What It Opens (Dependent on Entered PIN):
 *      1. PIN [1337] -> Unlocks "⚡ RED TEAM OPERATOR'S INSTANT PAYLOAD GENERATOR & EXPLOIT FACTORY"
 *         - Live reactive LHOST & LPORT injection engine.
 *         - Filterable categories: Linux / Bash, Windows / PowerShell, AMSI Bypasses & Stagers,
 *           Web Shells, MSFVenom Command Builder, and Attacker Catchers / One-Liner Listeners.
 *         - On-the-fly encoding: Plaintext, Base64, UTF-16 PowerShell EncodedCommand, URL encoded.
 *         - Instant 1-Click Clipboard Copy + Direct Script Download (.sh, .ps1, .php, .bat).
 *      2. PIN [0000] / [6666] / [9999] -> Unlocks "🧅 THE UNDERGROUND TOR / DARKNET CLI TERMINAL"
 *         - Authenticated hidden service simulation on: pwnbox7x9k2v6m3q8h.onion:443.
 *         - Multi-hop circuit telemetry (Guard [DE] -> Middle [IS] -> Exit [NL]).
 *         - Interactive command suite:
 *           * 'market' / 'shop': Underground Cyber Black Market & 0-Day Exploit Broker.
 *             Browse Fortinet Pre-Auth RCEs, iOS WebKit zero-days, SCADA firmware implants.
 *           * 'irc' / 'chat': Live clandestine darknet chatroom (#darknet-underground).
 *           * 'crack <hash>': Interactive Rainbow Table MD5 / NTLM Hash Cracker.
 *           * 'leaks': Intercepted corporate breach databases and credential dumps.
 *           * 'neofetch': Clandestine Onion ASCII system telemetry and kernel info.
 *           * 'circuits': Real-time relay route inspection.
 *           * 'decrypt': Decrypts the master darknet flag: PWNBOX{ARCHITECT_PRANAV_ROOT_ACCESS}.
 * 
 * -----------------------------------------------------------------------------------------
 *  [GATEWAY 03] ⚡ BREACH OVERCLOCK CIPHER (BREACH THE FRAME MINIGAME)
 * -----------------------------------------------------------------------------------------
 *  - Location: index.html (Breach the Frame interactive protocol minigame)
 *  - Trigger Mechanism:
 *      * Selecting hex code "FF" during the memory buffer injection sequence, OR
 *      * Solving the breach puzzle rapidly in under 8.00 seconds.
 *      * Summons modal: #architectGodModeModal ("OVERCLOCK CIPHER // ARCHITECT GODMODE").
 *  - What It Opens:
 *      1. Architect GodMode & 3 Secret Unlisted VIP Themes:
 *         * '1999 MATRIX': Phosphor CRT monochrome green theme.
 *         * 'NIGHT CITY': Cyberpunk 2077 high-voltage neon yellow and deep void purple.
 *         * 'SYNTHWAVE 84': Outrun sunset retro neon cyan & magenta palette.
 *         * 'Rainbow Holographic ID Badge': Prismatic animated Root Architect credential.
 *         * 'Cyber Synth Ambient Deck': Procedural generative Web Audio API synth drone.
 *      2. Retro "WarGames / W.O.P.R." Mainframe Text Arcade:
 *         * Falken terminal defense simulation against NORAD W.O.P.R. supercomputer.
 *         * 3-Stage hacking puzzle: Probing military nodes, bypassing defense firewalls,
 *           and injecting global launch abort codes to trigger TIC-TAC-TOE stalemate.
 * 
 * -----------------------------------------------------------------------------------------
 *  [GATEWAY 04] 🎯 3D QUANTUM CORE "HYPERDRIVE COLLAPSE" (TRIPLE-CLICK CORE SPHERE)
 * -----------------------------------------------------------------------------------------
 *  - Location: index.html (Three.js 3D Quantum Core Hero Model)
 *  - Trigger Mechanism:
 *      * TRIPLE-CLICKING the central glowing core sphere or particle shield within 750ms.
 *      * Initiates raycaster collision warp: camera zooms into singularity, core particles
 *        burst outward in high-speed cyan/red shockwaves, sound plays, and singularity collapses.
 *      * Summons modal: #declassifiedArchiveModal ("TOP SECRET // CLASSIFIED CYBER DECLASSIFIED ARCHIVE").
 *  - What It Opens:
 *      * Special Access Program (SAP) / EYES ONLY deep-dive case files:
 *        1. Operation Olympic Games (Stuxnet): 4 zero-days, Siemens S7-300 centrifuge sabotage.
 *        2. EternalBlue & WannaCry: NSA Equation Group SMBv1 exploit, Shadow Brokers leak.
 *        3. SolarWinds SUNBURST: Nation-state supply chain compromise of Orion build pipeline.
 *        4. Equation Group & TAO: Hard drive firmware rootkits & FOXACID quantum insertion.
 * 
 * -----------------------------------------------------------------------------------------
 *  [GATEWAY 05] ⌨️ CLANDESTINE CHEAT SHEET TERMINAL (C OR c ON DASHBOARD ONLY)
 * -----------------------------------------------------------------------------------------
 *  - Location: dashboard.html
 *  - Trigger Mechanism:
 *      * The Cheat Sheet button has been permanently removed from the top navigation bar.
 *      * It can ONLY be summoned by pressing single keystroke: [C] or [c]
 *        anywhere on the dashboard while not typing into an input field.
 *      * Summons the slide-out quick-reference drawer containing 80+ essential pentesting,
 *        nmap, hydra, metasploit, sqlmap, and reverse-shell commands with 1-click clipboard copy.
 * 
 * =========================================================================================
 */

/* ======================================================== */
/* UPGRADED RED TEAM PAYLOAD FACTORY STYLES                 */
/* ======================================================== */

.payload-filter-bar {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 12px;
}

.payload-filter-btn {
    font-family: 'Space Mono', monospace;
    font-size: 0.68rem;
    font-weight: 800;
    padding: 5px 10px;
    background: #090e17;
    color: #94a3b8;
    border: 1px solid #1e293b;
    cursor: pointer;
    transition: all 0.15s ease;
    text-transform: uppercase;
}

.payload-filter-btn:hover {
    color: #38bdf8;
    border-color: #38bdf8;
    background: rgba(56, 189, 248, 0.06);
}

.payload-filter-btn.active {
    background: #0284c7;
    color: #ffffff;
    border-color: #38bdf8;
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.35);
}

.payload-tools-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.payload-search-box {
    flex: 1;
    min-width: 200px;
    position: relative;
}

.payload-search-input {
    width: 100%;
    box-sizing: border-box;
    background: #03060c;
    border: 1px solid #334155;
    color: #f1f5f9;
    font-family: 'Space Mono', monospace;
    font-size: 0.76rem;
    padding: 7px 10px 7px 28px;
    outline: none;
    transition: border-color 0.15s;
}

.payload-search-input:focus {
    border-color: #38bdf8;
    box-shadow: 0 0 8px rgba(56, 189, 248, 0.25);
}

.payload-search-icon {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.72rem;
    color: #64748b;
    pointer-events: none;
}

.payload-counter-pill {
    font-family: 'Space Mono', monospace;
    font-size: 0.7rem;
    color: #94a3b8;
    background: rgba(255, 255, 255, 0.05);
    padding: 5px 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.payload-item-row {
    background: #050913;
    border: 1px solid #1a2536;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: all 0.15s ease;
    box-shadow: 2px 2px 0 #000;
}

.payload-item-row:hover {
    border-color: #38bdf8;
    background: #080f20;
    box-shadow: 3px 3px 0 rgba(56, 189, 248, 0.2);
}

.payload-item-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.payload-title-badge {
    font-family: 'Space Mono', monospace;
    font-size: 0.74rem;
    font-weight: 800;
    color: #38bdf8;
    display: flex;
    align-items: center;
    gap: 6px;
}

.payload-os-tag {
    font-size: 0.62rem;
    padding: 2px 6px;
    border-radius: 2px;
    font-weight: 700;
    text-transform: uppercase;
}

.tag-linux { background: rgba(34, 197, 94, 0.18); color: #22c55e; border: 1px solid rgba(34, 197, 94, 0.4); }
.tag-windows { background: rgba(56, 189, 248, 0.18); color: #38bdf8; border: 1px solid rgba(56, 189, 248, 0.4); }
.tag-web { background: rgba(234, 179, 8, 0.18); color: #eab308; border: 1px solid rgba(234, 179, 8, 0.4); }
.tag-stager { background: rgba(168, 85, 247, 0.18); color: #c084fc; border: 1px solid rgba(168, 85, 247, 0.4); }
.tag-listener { background: rgba(239, 68, 68, 0.18); color: #f87171; border: 1px solid rgba(239, 68, 68, 0.4); }

.payload-actions-group {
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-payload-tool {
    font-family: 'Space Mono', monospace;
    font-size: 0.66rem;
    font-weight: 800;
    padding: 5px 9px;
    background: #0f172a;
    color: #cbd5e1;
    border: 1px solid #334155;
    cursor: pointer;
    transition: all 0.12s;
    box-shadow: 2px 2px 0 #000;
}

.btn-payload-tool:hover {
    background: #38bdf8;
    color: #000;
    border-color: #38bdf8;
}

.btn-payload-tool.copied {
    background: #10b981 !important;
    color: #ffffff !important;
    border-color: #10b981 !important;
}

.payload-code-container {
    background: #020409;
    border: 1px solid #141e2e;
    padding: 9px 12px;
    font-family: 'Space Mono', monospace;
    font-size: 0.73rem;
    color: #4ade80;
    word-break: break-all;
    white-space: pre-wrap;
    max-height: 120px;
    overflow-y: auto;
    line-height: 1.45;
}

/* ======================================================== */
/* UPGRADED UNDERGROUND TOR DARKNET CLI TERMINAL STYLES    */
/* ======================================================== */

.darknet-circuit-header {
    background: #020904;
    border-bottom: 1px solid #00ff66;
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Space Mono', monospace;
    font-size: 0.7rem;
    flex-wrap: wrap;
    gap: 6px;
}

.darknet-hops-strip {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.65rem;
    color: #86efac;
}

.darknet-hop-node {
    background: rgba(0, 255, 102, 0.1);
    border: 1px solid rgba(0, 255, 102, 0.3);
    padding: 2px 6px;
    color: #00ff66;
    font-weight: 700;
}

.darknet-quick-actions-bar {
    display: flex;
    gap: 5px;
    padding: 6px 12px;
    background: #040d07;
    border-bottom: 1px solid rgba(0, 255, 102, 0.2);
    overflow-x: auto;
}

.darknet-quick-pill {
    font-family: 'Space Mono', monospace;
    font-size: 0.65rem;
    font-weight: 700;
    background: #021206;
    color: #4ade80;
    border: 1px solid rgba(0, 255, 102, 0.35);
    padding: 3px 8px;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.12s;
}

.darknet-quick-pill:hover {
    background: #00ff66;
    color: #000;
}

.darknet-terminal-screen {
    position: relative;
    background: #020704;
    background-image: radial-gradient(rgba(0, 255, 102, 0.04) 1px, transparent 0);
    background-size: 16px 16px;
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.9);
}

.darknet-terminal-screen::after {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.15),
        rgba(0, 0, 0, 0.15) 1px,
        transparent 1px,
        transparent 2px
    );
    pointer-events: none;
    opacity: 0.6;
}

.darknet-market-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Space Mono', monospace;
    font-size: 0.7rem;
    margin: 8px 0;
}

.darknet-market-table th {
    background: rgba(0, 255, 102, 0.15);
    color: #00ff66;
    padding: 6px 8px;
    text-align: left;
    border: 1px solid rgba(0, 255, 102, 0.3);
}

.darknet-market-table td {
    padding: 6px 8px;
    border: 1px solid rgba(0, 255, 102, 0.2);
    color: #bbf7d0;
}

.darknet-market-table tr:hover td {
    background: rgba(0, 255, 102, 0.08);
}

.darknet-price-xmr {
    color: #fb923c;
    font-weight: 800;
}

.darknet-status-verified {
    color: #00ff66;
    font-weight: 800;
}

.darknet-chat-row {
    margin: 3px 0;
    line-height: 1.4;
}

.darknet-chat-user {
    color: #38bdf8;
    font-weight: 800;
}

.darknet-chat-time {
    color: #64748b;
    font-size: 0.62rem;
}

/* ======================================================== */
/* GLOBAL VIP THEMES ENGINE (APPLIES ACROSS WHOLE SITE)     */
/* ======================================================== */

[data-theme="matrix"] {
    --bg-base: #020804 !important;
    --bg-panel: #051208 !important;
    --bg-chat: #051208 !important;
    --text-main: #00ff66 !important;
    --text-muted: #22c55e !important;
    --border-color: #00ff66 !important;
    --border-dim: #00ff66 !important;
    --accent-primary: #00ff66 !important;
    --accent-glow: rgba(0, 255, 102, 0.4) !important;
    --bauhaus-red: #00ff66 !important;
    --bauhaus-blue: #15803d !important;
    --bauhaus-yellow: #86efac !important;
    --grid-dot: #003311 !important;
    --box-shadow: 4px 4px 0 #00ff66 !important;
}

[data-theme="cyberpunk"] {
    --bg-base: #0b0514 !important;
    --bg-panel: #140924 !important;
    --bg-chat: #140924 !important;
    --text-main: #00f0ff !important;
    --text-muted: #c084fc !important;
    --border-color: #ffe600 !important;
    --border-dim: #ffe600 !important;
    --accent-primary: #ffe600 !important;
    --accent-glow: rgba(255, 230, 0, 0.5) !important;
    --bauhaus-red: #ff0055 !important;
    --bauhaus-blue: #00f0ff !important;
    --bauhaus-yellow: #ffe600 !important;
    --grid-dot: #2e1065 !important;
    --box-shadow: 4px 4px 0 #ffe600 !important;
}

[data-theme="synthwave"] {
    --bg-base: #0d061a !important;
    --bg-panel: #180c2e !important;
    --bg-chat: #180c2e !important;
    --text-main: #ff71ce !important;
    --text-muted: #b983ff !important;
    --border-color: #ff007f !important;
    --border-dim: #ff007f !important;
    --accent-primary: #ff007f !important;
    --accent-glow: rgba(255, 0, 127, 0.5) !important;
    --bauhaus-red: #ff007f !important;
    --bauhaus-blue: #01cdfe !important;
    --bauhaus-yellow: #05ffa1 !important;
    --grid-dot: #3b0764 !important;
    --box-shadow: 4px 4px 0 #ff007f !important;
}

/* ======================================================== */
/* UPGRADED ARCHITECT GODMODE BADGE & IN-GAME PERKS         */
/* ======================================================== */

.godmode-rank-badge {
    background: linear-gradient(135deg, #facc15, #f59e0b, #ef4444, #a855f7, #06b6d4, #facc15) !important;
    background-size: 300% 300% !important;
    animation: godmodeRankShift 3.5s ease infinite !important;
    color: #000000 !important;
    font-weight: 900 !important;
    padding: 3px 8px !important;
    border-radius: 3px !important;
    border: 1px solid #ffffff !important;
    box-shadow: 0 0 12px rgba(250, 204, 21, 0.7) !important;
    display: inline-block !important;
    letter-spacing: 0.5px;
}

@keyframes godmodeRankShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Shimmering Prismatic Holographic Foil across ID card */
.id-card-inner.godmode-hologram-active {
    position: relative;
    box-shadow: 0 0 25px rgba(250, 204, 21, 0.4), 6px 6px 0 #000 !important;
}

.id-card-inner.godmode-hologram-active::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        125deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 0, 128, 0.12) 25%,
        rgba(0, 255, 255, 0.18) 50%,
        rgba(255, 230, 0, 0.15) 75%,
        rgba(255, 255, 255, 0) 100%
    );
    background-size: 200% 200%;
    animation: holoFoil 5s ease infinite;
    pointer-events: none;
    z-index: 10;
}

@keyframes holoFoil {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 100%; }
    100% { background-position: 0% 0%; }
}

/* Floating HUD pill indicator when GodMode is active */
.godmode-hud-indicator {
    position: fixed;
    bottom: 18px;
    right: 18px;
    z-index: 99999;
    background: #090e17;
    border: 2px solid #facc15;
    box-shadow: 4px 4px 0 #000, 0 0 20px rgba(250, 204, 21, 0.35);
    padding: 7px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Space Mono', monospace;
    font-size: 0.72rem;
    font-weight: 800;
    color: #facc15;
    cursor: pointer;
    transition: all 0.2s;
    user-select: none;
}

.godmode-hud-indicator:hover {
    transform: translateY(-2px);
    box-shadow: 6px 6px 0 #000, 0 0 28px rgba(250, 204, 21, 0.6);
}

.godmode-pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #facc15;
    box-shadow: 0 0 8px #facc15;
    animation: godmodeDotPulse 1.2s infinite alternate;
}

@keyframes godmodeDotPulse {
    from { transform: scale(0.8); opacity: 0.7; }
    to { transform: scale(1.3); opacity: 1; }
}

/* ======================================================== */
/* UNIVERSAL POPUP & MODAL SCROLL ISOLATION                 */
/* Prevents background website scroll chaining on popups   */
/* ======================================================== */
.modal, .modal-box, .modal-card, .modal-content, .modal-dialog,
.pwn-popup-box, .pwn-popup-overlay, .pwn-popup-body,
.pwn-shortcuts-box, .pwn-shortcuts-overlay, .pwn-shortcuts-list-feed,
.pwn-settings-box, .pwn-settings-overlay, .pwn-settings-body,
.drawer-overlay, .cheat-drawer, #cheatDrawer, .drawer-content,
.auth-modal, .auth-modal-card,
.profile-dropdown, .id-card-wrapper, .id-card-inner, .id-card-front, .id-card-back,
.reset-modal-overlay, .reset-modal-box, .reset-modal,
.secret-vault-modal, .secret-vault-card, .declassified-body-container,
.secret-modal, .secret-modal-box,
.challenge-modal, .lab-modal,
dialog, [role="dialog"], [role="alertdialog"],
[class*="popup"], [class*="modal"] {
    overscroll-behavior: contain !important;
}

/* ======================================================== */
/* UNIVERSAL THEME-AWARE SCROLLBAR SYSTEM                   */
/* Automatically adapts scrollbar & scroll wheel colors     */
/* to Light, Dark, Matrix, Cyberpunk, and Synthwave themes  */
/* ======================================================== */
:root {
    --scrollbar-track: rgba(0, 0, 0, 0.05);
    --scrollbar-thumb: var(--accent-primary, #D9291C);
    --scrollbar-thumb-hover: #b01b10;
    --scrollbar-border: rgba(0, 0, 0, 0.12);
    --scrollbar-glow: rgba(217, 41, 28, 0.35);
}

[data-theme="dark"] {
    --scrollbar-track: rgba(0, 0, 0, 0.4);
    --scrollbar-thumb: var(--accent-primary, #D9291C);
    --scrollbar-thumb-hover: #ff4d40;
    --scrollbar-border: rgba(255, 255, 255, 0.12);
    --scrollbar-glow: rgba(217, 41, 28, 0.45);
}

[data-theme="matrix"] {
    --scrollbar-track: #050d08;
    --scrollbar-thumb: #00ff66;
    --scrollbar-thumb-hover: #33ff88;
    --scrollbar-border: rgba(0, 255, 102, 0.35);
    --scrollbar-glow: rgba(0, 255, 102, 0.6);
}

[data-theme="cyberpunk"] {
    --scrollbar-track: #0c0814;
    --scrollbar-thumb: #00f0ff;
    --scrollbar-thumb-hover: #ffe600;
    --scrollbar-border: rgba(255, 0, 127, 0.4);
    --scrollbar-glow: rgba(0, 240, 255, 0.6);
}

[data-theme="synthwave"] {
    --scrollbar-track: #120726;
    --scrollbar-thumb: #ff71ce;
    --scrollbar-thumb-hover: #01cdfe;
    --scrollbar-border: rgba(1, 205, 254, 0.4);
    --scrollbar-glow: rgba(255, 113, 206, 0.6);
}

/* Universal scrollbar application */
html, body, * {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}

::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 4px;
    border: 1px solid var(--scrollbar-border, transparent);
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
    box-shadow: 0 0 10px var(--scrollbar-glow, var(--scrollbar-thumb-hover));
}

::-webkit-scrollbar-corner {
    background: var(--scrollbar-track);
}

/* ==========================================================================
   PWNBOX TACTICAL TELEMETRY CONSENT BANNER (SCOPED & ISOLATED)
   ========================================================================== */
.consent-banner-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(10, 14, 23, 0.96);
    backdrop-filter: blur(12px);
    border-top: 2px solid #00ff66;
    padding: 1.25rem 2rem;
    z-index: 9999;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    animation: slideUpConsent 0.35s ease-out;
}

[data-theme="light"] .consent-banner-wrapper {
    background: rgba(255, 255, 255, 0.96);
    border-top: 2px solid #059669;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.12);
}

@keyframes slideUpConsent {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

.consent-text {
    font-size: 0.9rem;
    color: #94a3b8;
    max-width: 800px;
    line-height: 1.5;
    font-family: 'Work Sans', sans-serif;
}

[data-theme="light"] .consent-text {
    color: #475569;
}

.consent-text strong {
    color: #f8fafc;
    font-family: 'Space Mono', monospace;
}

[data-theme="light"] .consent-text strong {
    color: #0f172a;
}

.consent-text a {
    color: #00f0ff;
    text-decoration: underline;
}

[data-theme="light"] .consent-text a {
    color: #0891b2;
}

.consent-buttons {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}

.consent-btn-accept {
    background: #00ff66;
    color: #030712;
    border: none;
    padding: 0.55rem 1.1rem;
    border-radius: 6px;
    font-family: 'Space Mono', monospace;
    font-weight: 800;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.consent-btn-accept:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 255, 102, 0.3);
}

.consent-btn-deny {
    background: #1e293b;
    border: 1px solid #334155;
    color: #f8fafc;
    padding: 0.55rem 1.1rem;
    border-radius: 6px;
    font-family: 'Space Mono', monospace;
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

[data-theme="light"] .consent-btn-deny {
    background: #e2e8f0;
    border-color: #cbd5e1;
    color: #0f172a;
}

.consent-btn-deny:hover {
    border-color: #64748b;
}

@media (max-width: 768px) {
    .consent-banner-wrapper {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem 1.25rem;
    }
    .consent-buttons {
        justify-content: flex-end;
    }
}

/* ==========================================================================
   SUPPRESS FLOATING AI ASSISTANT ON ALL MODULE PAGES (Built-in Assistant present)
   ========================================================================== */
body.tab-tools #pwnFloatingAiToggle,
body.tab-tools #pwnFloatingAiDrawer,
body.tab-tools .pwn-copilot-toggle,
body.tab-tools .pwn-copilot-card,
body[class*="module"] #pwnFloatingAiToggle,
body[class*="module"] #pwnFloatingAiDrawer {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}



