/* 
   =============================================================================
   SYSTEM HUD (HEADS UP DISPLAY)
   =============================================================================
*/
.hud-layer {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    pointer-events: none; /* Let clicks pass through */
    z-index: 5; /* Below content, above background */
    display: flex;
    justify-content: space-between;
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hud-item {
    margin-bottom: 4px;
}

.hud-item span {
    color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
}

.status-ok {
    color: #00ff41 !important; /* Matrix Green */
    text-shadow: 0 0 5px rgba(0, 255, 65, 0.5);
}

/* Hide HUD on very small screens to avoid clutter */
@media (max-width: 600px) {
    .hud-layer {
        display: none;
    }
}