/* ═══════════════════ ROOM INFO BAR ═══════════════════ */
.room-info-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--sp-2);
    width: 100%;
    margin: 0 0 var(--sp-3);
    padding: var(--sp-2) var(--sp-4);
    background: var(--bg-card);
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: var(--r-md);
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.2);
}

.room-info-bar .stat-item {
    display: flex;
    align-items: center;
    gap: var(--sp-1);
    font-family: var(--font-body);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.room-info-bar .stat-item .value {
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: 0.9rem;
    letter-spacing: 2px;
}

.room-info-bar .status-text {
    color: var(--yellow);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.room-info-bar .status-text.connected {
    color: var(--green);
}