.r_console_code{
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Base styling */
.CodeMirror {
  /*border-radius: 8px*/;
  border: 1px solid #ddd;
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

/* On focus */
.CodeMirror-focused {
  border-color: teal; /* like Jupyter blue */
  box-shadow: 0 0 10px rgba(0, 122, 204, 0.5);
  animation: cell-focus 0.4s ease;
}

.r_console_code_buttons .fa-python {
  background-color: #1b228a;
  color: #ffd343;
  /*right: 0px;
  position: absolute;*/
}

/*.r_console_code_buttons .fa-r-project{
	right: 0px;
	position: absolute;
}
*/

.CodeMirror{
	min-height: 100%;
	background-color: #f7f7ed;
	padding: 10px 0;
}


.r_console_code_buttons{
	background: wheat;
	justify-content: space-between;
}


.code-cell-header {
	background: #f8f9fa;
	padding: 10px 15px;
	border-bottom: 1px solid #e9ecef;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.9rem;
	color: #6c757d;
}

.action-button.running {
	transform: translateX(10px);
    box-shadow: 0 4px 15px rgba(106, 90, 205, 0.3);
}
		
/* Status indicator */
.code-status-indicator {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 8px;
}

.status-queued {
	background-color: #6c757d;
}

.status-running {
	background-color: #fd7e14;
	animation: pulse 1.5s infinite;
}

.status-completed {
	background-color: #00b894;
}

#run_all_rpython_code.action-button{
	background-color: rgba(255, 255, 255, 0.2);
	color: white;
	margin-left: 3px;
	font-style: italic;
	font-weight: bold;
	font-size-adjust: ;
}

#run_all_rpython_code.codes-are-running{
	background: #00b894;
	pointer-events: none;
}

/*Number the code cells*/
/* Reset counter for active tab */
.tab-pane.dashboard-tabpane.active {
  counter-reset: codecell;  /* initialize counter */
}

/* Increment for each code cell header */
.tab-pane.dashboard-tabpane.active .code-cell-header {
  counter-increment: codecell;  
}

/* Show the counter value */
.tab-pane.dashboard-tabpane.active .code-cell-header > span:first-child::after {
  content: " " counter(codecell);
  font-weight: bold;
  font-size: larger;
}