/* .manimp-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.manimp-container {
	flex: 1 1 calc(50% - 20px);
	min-width: 300px;
	max-width: 600px;
	border: 1px solid #ccc;
	padding: 10px;
}

#bp_variable_twr_selector, #bp_variable_date_selector, #bp_variable_op_selector {
	display: flex;
}

#bp_variable_selector p {
	padding-right: 2rem;
}

#bp_variable_selector label {
	padding-right: 2.5rem;
}

input[type="radio"] {
	margin-right: 0.5rem;
}
 */



#bp_variable_twr_selector {
	padding-right: 1.5rem;
}



/* .manimp-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
} */

.manimp-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;

  /* Use % width of the container */
  width: 75%;

  /* Optional: fill vertical space if desired */
  min-height: 100vh;

  padding: 20px; /* Optional internal spacing */
  box-sizing: border-box;
  align-content: flex-start;
}


.manimp-grid > div {
  flex: 1 1 calc(50% - 20px); /* Adjust for desired # of items per row */
  min-width: 250px;           /* Prevents items from shrinking too much */
}




/* .manimp-container {
  position: relative;
  width: fit-content;
} */

/* .manimp-container {
	flex: 1 1 calc(50% - 20px);
	min-width: 300px;
	max-width: 600px;
	border: 1px solid #ccc;
	padding: 10px;
} */


.plot-wrapper {
  position: relative;
}

canvas {
  border: 1px solid #ccc;
  display: block;
  width: 300px;
  height: 200px;
}

.radio-overlay {
  position: relative;
  top: 10px;
  left: 10px;
  background-color: rgba(255,255,255,0.9);
  padding: 10px;
  border-radius: 8px;
  z-index: 1;
}

input[type="radio"] {
	margin-right: 0.5rem;
}

.bp_radio_btns {
	display: inline-flex;
}

.ui-tooltip {
  max-width: 300px; /* or a specific width like 200px */
  width: auto;      /* you can set this to fixed width if needed */
}