#physics-stream {
	width: 100%;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	/* crucial for telemetry*/
	font-family: 'Courier New', monospace;
	white-space: pre-wrap; /*wrap text to new lines instead of scrolling right*/
	word-wrap: break-word;
	font-size: 14px;
	color: #0f0 /* classic retro green */
	overflow-x: hidden; /*prevents horizontal wobble on mobile*/
    user-select: text; /* Ensures Chrome allows selection */
}
.console-box {
    background: #222;
    color: #0f0;
    padding: 10px;
    font-family: 'Courier New', Courier, monospace; /* Monospaced for columns */
    white-space: pre-line; /* Keeps your line breaks but lets text select normally */
    user-select: text;    /* Explicitly allows selection */
    overflow-y: auto;
    height: 200px;
}
.monitor-box {
	width: 100vw !important; /* fills the container width*/
	min-height: 80vh;
	box-sizing: border-box; /* prevents padding from pushing the box off-screen */
	padding: 10px; 
	background-color: #000 /* keep it dark for contrast */
	border: 1px solid #333;
	overflow-x: auto; /* adds a scrollbar if the text is too long for the screen */
	white-space: pre-wrap; /* persists formatting but wraps long lines */
	word-wrap: break-word; /* forces long strings to break to avoid breaking the layout*/
}
/* ensure the parent containers don't have restrictive widths*/
.view-inspector {
	width: 100vw;
	padding: 0;
	margin: 0;
}
/*adjust font size for smaller mobile screens*/
@media (max-width: 600px) {
	font-size: 12px;
	padding: 5px;
}