/* ADMIN MONITOR - STANDALONE STYLES */
#dev-monitor-bar { 
    position: fixed; 
    top: auto;
    bottom: 0;
    left: 0; 
    width: 100%; 
    height: 40px; 
    background: #1a1a1a; 
    color: white; 
    z-index: 99999; 
    display: flex; 
    align-items: center; 
    font-family: monospace; 
    font-size: 12px; 
    border-top: 1px solid #333; 
    box-shadow: 0 -2px 10px rgba(0,0,0,0.5);
}


.monitor-brand-wrap {
    display: flex; 
    align-items: center; 
    width: 80px;
    padding-left: 10px;
}

.monitor-pulse {
    width: 8px; 
    height: 8px; 
    background: #00ff00; 
    border-radius: 50%;
    margin-left: 5px; 
    box-shadow: 0 0 5px #00ff00;
    animation: pulse 1.5s infinite;
}

.monitor-live-text {
    margin-left: 8px; 
    opacity: 0.7; 
    font-weight: bold;
}

.monitor-section { 
    padding: 0 15px; 
    border-left: 1px solid #333; 
    height: 100%; 
    display: flex; 
    align-items: center; 
}

.monitor-center { flex-grow: 1; }
.monitor-right { margin-left: auto; color: #ff5252; }

.flash-update { animation: flash 0.5s; }

@keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }
@keyframes flash { 0% { background: rgba(255,255,255,0.2); } 100% { background: transparent; } }
/* Feed color states (class-based; no inline styles) */
.monitor-feed-default { color: #4dd0e1; }
.monitor-feed-login { color: #00ff00; }
.monitor-feed-ai { color: #e040fb; }
.monitor-feed-doc { color: #40c4ff; }
.monitor-feed-sheet { color: #00f5ff; }
.monitor-feed-event { color: #ffffff; }