body {
    background-color: #050505;
    margin: 0;
    font-family: 'Courier New', monospace;
    overflow-x: hidden; /* Prevent side-scrolling */
}

/* The long container that holds the monitor AND the drawer below it */
.desk-view {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
    min-height: 150vh; /* Extra height so you can scroll down to the drawer */
    background: linear-gradient(to bottom, #111 0%, #050505 100%);
}

.monitor-frame {
    background: #2a2a2a;
    padding: 30px;
    border-radius: 25px;
    border-bottom: 12px solid #151515;
    box-shadow: 0 30px 60px rgba(0,0,0,0.9);
    position: relative;
    z-index: 2;
}

.screen {
    width: 750px;
    height: 450px;
    background: #080f08;
    border-radius: 10px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    box-shadow: inset 0 0 40px rgba(0,255,65,0.1);
}

.active-glow {
    box-shadow: inset 0 0 60px rgba(0,255,65,0.2), 0 0 20px rgba(0,255,65,0.1);
}

/* THE DRAWER (Below the monitor) */
.desk-drawer {
    width: 800px;
    height: 400px;
    background: #1a1510; /* Wood look */
    margin-top: 200px; /* Space for the keyboard/desk gap */
    border: 10px solid #000;
    padding: 40px;
    color: #00ff41;
    position: relative;
    box-shadow: inset 0 0 50px #000;
}

.drawer-handle {
    width: 120px; height: 12px; background: #333;
    position: absolute; top: -20px; left: 50%;
    transform: translateX(-50%); border-radius: 6px;
}

/* STICKY NOTE ON THE BEZEL */
.bezel-sticky-note {
    position: absolute;
    bottom: -15px; left: -25px;
    background: #f1f179; color: #222;
    padding: 10px; transform: rotate(-8deg);
    font-family: 'Comic Sans MS', cursive;
    font-size: 11px; z-index: 10;
}

/* This forces ALL text inside the screen to be Neon Green */
.screen, 
.screen h1, 
.screen h2, 
.screen h3, 
.screen p, 
.screen a {
    color: #00ff41 !important; /* The classic terminal green */
    text-shadow: 0 0 8px rgba(0, 255, 65, 0.6); /* Adds the 'glow' */
    text-decoration: none;
}

/* Specifically fix the Character Cards (the old sticky notes) */
.char-card {
    background: rgba(0, 255, 65, 0.05) !important; /* Very faint green tint */
    border: 1px solid #00ff41 !important; /* Green glowing border */
    box-shadow: 0 0 10px rgba(0, 255, 65, 0.2) !important;
}

/* Ensure the 'View Profile' or 'Open File' text is also green */
.char-card p, .char-card h3 {
    color: #00ff41 !important;
}