/* --- THE STEALTH HUB: FULL-FRAME ARCHITECTURE --- */

:root {
    --body-bg: #121212 !important;       /* Inner Dark for the main area */
    --window-bg: #121212 !important;
    --sidebar-bg: #0a0a0a !important;     /* Slightly darker sidebar for depth */
    --primary-color: #76ff03 !important; /* Pixie Green */
}

/* 1. Reset Global Font & Background to the "Street Gray" */
html, body, #thelounge {
    background-color: #1a1a1a !important; /* The background behind everything */
    font-family: 'Courier New', Courier, monospace !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Full-Length Viewport (No Borders, No Margins) */
#viewport {
    border: none !important;
    margin: 0 !important;
    height: 100vh !important;
    width: 100vw !important;
    background-color: #121212 !important;
}

/* 3. Style the Input Box to match the landing page buttons */
#input {
    background-color: #000 !important;
    border: 1px solid #333 !important;
    color: #76ff03 !important;
    border-radius: 0px !important;
}

#input:focus {
    border-color: #76ff03 !important;
}

/* 4. Total Stealth - Keep the distractions hidden */
/* KILL THE LOGO & SIDEBAR HEADERS FOR STEALTH */
#logo, 
.logo-container, 
#sidebar .header, 
#sidebar .logo {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure the sidebar starts higher up now that the logo is gone */
#sidebar {
    padding-top: 10px !important;
}

/* Hide the user/appearance settings from the bottom left too if you want it cleaner */
#sidebar .footer .settings {
    /* Optional: Uncomment the next line if you want to hide the gear icon */
    /* display: none !important; */
}

/* 5. Buttons: Keep the "THE CHAT" bordered style */
.btn, #connect .btn {
    background-color: transparent !important;
    border: 1px solid #76ff03 !important;
    color: #76ff03 !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
}
/* KILL THE LOGO & LOGO BRANDING COMPLETELY */
#logo, 
.logo, 
.logo-container, 
#sidebar .header .logo, 
#sidebar .header img {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* Adjust the sidebar top padding since the logo space is now gone */
#sidebar .header {
    height: 10px !important;
    border: none !important;
}

/* Optional: Make the channel header even cleaner */
#chat-container .header {
    background-color: #121212 !important;
    border-bottom: 1px solid #333 !important;
}