/* File: /public/assets/css/neon-theme.css */

/* 1. Filosofi Visual (The Atmosphere) */
body {
    background-color: #050510; /* Deep Void Black [cite: 83] */
    color: #E0E0E0; /* Text Readable [cite: 165] */
    font-family: 'VT323', monospace; /* Body Text Terminal Style [cite: 91] */
    overflow-x: hidden;
}

/* Scanlines Effect (CRT Texture) [cite: 84] */
.scanlines {
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,0) 50%,
        rgba(0,0,0,0.1) 50%,
        rgba(0,0,0,0.1)
    );
    background-size: 100% 4px;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.6;
}

/* Headings Font */
h1, h2, h3, .brand-font {
    font-family: 'Press Start 2P', cursive; /* Retro Gaming Font [cite: 90] */
    text-transform: uppercase;
}

/* Neon Text Utilities */
.text-neon-cyan {
    color: #00FFFF;
    text-shadow: 0 0 5px #00FFFF, 0 0 10px #00FFFF;
}
.text-neon-magenta {
    color: #FF00FF;
    text-shadow: 0 0 5px #FF00FF, 0 0 10px #FF00FF;
}

/* Neon Containers (Glass & Border) [cite: 86] */
.neon-box {
    background: rgba(18, 11, 41, 0.7); /* Transparan Dark Cyber Purple */
    border: 1px solid #333;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.1); /* Subtle Glow */
    backdrop-filter: blur(4px);
}

.neon-box-admin { border-color: #00FFFF; box-shadow: 0 0 8px #00FFFF; }
.neon-box-warehouse { border-color: #FFBF00; box-shadow: 0 0 8px #FFBF00; }
.neon-box-pos { border-color: #FF00FF; box-shadow: 0 0 8px #FF00FF; }

/* Retro Button [cite: 103] */
.btn-retro {
    border: 2px solid #FF00FF;
    background: transparent;
    color: #FF00FF;
    font-family: 'Press Start 2P', cursive;
    font-size: 0.8rem;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.1s;
    text-transform: uppercase;
    box-shadow: 0 0 5px #FF00FF;
}

.btn-retro:hover {
    background: #FF00FF;
    color: #000;
    box-shadow: 0 0 20px #FF00FF;
}

.btn-retro:active {
    transform: translateY(2px); /* Click effect */
}