/* ==========================================================================
   THE ARCADE NETWORK // NEON MATRIX CORE COMPLIANCE BLUEPRINT
   ========================================================================== */

/* 1. Global Document View Baseline */
body, .homepage-layout {
    background-color: #0d0f12;
    color: #c5c9db;
    font-family: "Courier New", Courier, monospace;
}

/* 2. Top Application Navigation Bar & Header Deck */
header {
    border-bottom: 2px dashed #3a3f50;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

h1.logo-text { 
    color: #00ff66; 
}

.subtitle { 
    color: #8a90a6; 
}

/* Interface Scheme Selector Container Dropdown */
.scheme-dropdown-container {
    background: #14171f;
    border: 1px solid #2d313f;
    color: #c5c9db;
}

#interfaceSchemeSelect.scheme-selector-dropdown {
    background: #1b1524;
    border: 1px solid #382c4a;
    color: #00ffaa;
}

#interfaceSchemeSelect.scheme-selector-dropdown option {
    background: #14171f;
    color: #c5c9db;
}

/* ==========================================================================
   THE ARCADE NETWORK // CENTRAL CAPSULE & CARD ARCHITECTURE
   ========================================================================== */

/* 3. Central Content Panels & Card Architecture */
.panel {
    background: #14171f;
    border: 1px solid #2d313f;
    box-shadow: none;
}

.panel-title {
    color: #00e1ff;
    border-bottom: 1px solid #2d313f;
}

.text-action-btn {
    background: #221a2e;
    color: #00ffaa;
    border: 1px solid #00ffaa;
    font-family: monospace;
    font-weight: bold;
}

/* Inner Layout Row Previews (Streams & Local Storage Forum Previews) */
.stream-entry, .meme-card {
    background: #1a1e29;
    border: 1px solid #2d313f;
    border-left: 3px solid #00ff66;
}

.stream-entry.full-room { 
    border-left-color: #3a3f50; 
}

/* Text Element Color Layout Maps & Hyperlinks */
.stream-entry h4 a, #forum-homepage-dynamic h4 a, .forum-link {
    color: #c5c9db;
    text-decoration: none;
    border-bottom: 1px dotted #2d313f;
}

.stream-entry h4 a:hover, #forum-homepage-dynamic h4 a:hover, .forum-link:hover { 
    background: #1a1e29; 
    color: #00e1ff; 
}

.stream-tag, .alert-text { 
    color: #ff0077; 
    font-weight: bold; 
}

.meta-text, .meme-cap, .thread-meta { 
    color: #8a90a6; 
}

.warning-text { 
    color: #ff3b30; 
}

/* ==========================================================================
   THE ARCADE NETWORK // FORUM & ARCHIVE STORAGE TABLE PARAMETERS
   ========================================================================== */

.forum-table th { 
    background: #1a1e29; 
    color: #00e1ff; 
    border-bottom: 1px solid #2d313f; 
}

.thread-row { 
    border-bottom: 1px dotted #2d313f; 
    background: #14171f; 
}

.thread-row:hover { 
    background: #1a1e29; 
}

.border-vault { 
    border-left: 4px solid #00ff66; 
}

.thread-title-link { 
    color: #c5c9db; 
}

.thread-title-link:hover { 
    color: #00e1ff; 
}

/* ==========================================================================
   THE ARCADE NETWORK // CHAT AREA ECOSYSTEM INJECTIONS
   ========================================================================== */

/* 4. Chat Area Ecosystem Injections */
#chat-messages-container, .xat-chat-box { 
    background: #090b0e; 
    border: 1px solid #2d313f; 
}

.xat-screen { 
    background: #050608; 
}

.xat-msg .xat-bubble { 
    color: #c5c9db; 
}

.xat-msg .xat-user { 
    color: #00e1ff; 
}

#chat-form-controller .xat-input-area { 
    background: #14171f; 
    border-top: 1px solid #2d313f; 
}

#chat-form-controller input#chat-input, .xat-input { 
    background: #1a1e29; 
    color: #fff; 
    border: 1px solid #2d313f; 
}

.xat-btn { 
    background: #3a3f50; 
    color: #00ff66; 
}

.view-btn { 
    background: #00ff66; 
    color: #000; 
}

.view-btn.full { 
    background: #3a3f50; 
    color: #8a90a6; 
}

/* ==========================================================================
   THE ARCADE NETWORK // UTILITY STATE ELEMENTS & EXPIRATION BADGES
   ========================================================================== */

/* 5. Utility State Elements & Global Expiration Badges */
.timer-badge.vault { 
    color: #00ff66; 
    font-weight: bold; 
}

.timer-badge.ticking { 
    color: #ffcc00; 
}

/* ==========================================================================
   THE ARCADE NETWORK // NEON MATRIX LAYOUT ADDITIONS
   ========================================================================== */
.xat-msg {
    background: #0d0a12;
    border: 1px solid #2d313f;
    /* 🔴 RESTORED: Your signature Neon Matrix left-hand infraction crimson border line! */
    border-left: 2px solid #ff0055;
    padding: 12px 14px;
    margin-bottom: 8px;
    box-sizing: border-box;
    width: 100%;
}