/* ===== Evaluation Cycle Status===== */
.eval_status_tag{
  text-align: center;
  margin-left: inherit;
  border-radius: var(--space-5xl);
  width: var(--button-min-width);
  height: var(--tabu-icon-height);
  font-size: var(--font-base);
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.eval_in_prep{
  background:var(--color-approval-withdrawal-background);
  color: var(--color-approval-withdrawal-text);
}
.eval_in_progress{
  background:var(--color-approval-unprocessed-background);
  color: var(--color-approval-unprocessed-text);
}
.eval_completed{
  background:var(--color-approval-approved-background);
  color: var(--color-approval-approved-text);
}
.eval_end{
  background:var(--color-eval-end-background);
  color: var(--color-eval-end-text);
}
/* Evaluation Group Toggle Buttons */
.eval-toggle-btn {
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  margin-right: var(--space-sm);
  border: 1px solid var(--color-text-dark);
  border-radius: 1px;
  background: rgba(0, 0, 0, .1);
  overflow: hidden;
  font-size: var(--font-sm);
  height: var(--space-lg);
  width: var(--space-lg);
  padding: 0;
}

.eval-toggle-btn:hover {
  background: rgba(0, 0, 0, .333);
}

.eval-toggle-btn:focus {
  box-shadow: none;
}

.toggle-text {
  font-family: monospace;
  font-weight: bold;
  font-size: var(--font-sm);
  line-height: 1.5;
  user-select: none;
}
/* Eval Submit Form */
#eval_submit_form table {
		border-spacing: 0;
		border-collapse: collapse;
		background-color: var(--color-white);
		font-size: var(--font-sm);
		text-align: left;
		box-shadow: none;
		border-radius: var(--radius-xs);
		color: var(--color-text);
		background-color: var(--color-bg-lightest);
	}

#eval_submit_form	th,	
#eval_submit_form	td {
		white-space: pre-wrap;
		word-wrap: break-word;
		height: var(--eval-table-row-height);
	}

#eval_submit_form	th {
		font-weight: bold;
		color: var(--color-text-lighter) !important;
		background-color: var(--color-background-alt);
		border: 1px solid var(--color-border);
		padding-left: var(--space-sm);
	}
#eval_submit_form	th>textarea {
		background-color: var(--color-background-alt);
		padding-left: var(--space-lg);
	}

#eval_submit_form	.cell_item1 {
		border-bottom: 0px;
	}

#eval_submit_form	.cell_item2 {
		border-top: 0px;
	}

#eval_submit_form	td {
		vertical-align: middle;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

#eval_submit_form	.wrapper {
		width: 100%;
		overflow-x: scroll;
		outline: 1px solid var(--color-border);
		background-color: var(--color-bg-lightest);

	}

#eval_submit_form .eval_checkbox_col{
  width: var(--eval-table-checkbox-col-width); 
  min-width: var(--eval-table-checkbox-col-width);
}
#eval_submit_form .eval_desc_col{
  width: var(--eval-table-desc-col-width); 
  min-width: var(--eval-table-desc-col-min-width);
}
#eval_submit_form .eval_main_col{
  width: var(--eval-table-main-col-width); 
  min-width: var(--eval-table-main-col-width);
}
#eval_submit_form	.frozen {
		position: sticky;
		left: 0;
		z-index: 1;
	}

#eval_submit_form	.f2{
		left: var(--eval-table-checkbox-col-width);
	}

#eval_submit_form	.f3{
		left:calc(var(--eval-table-checkbox-col-width) * 2);
	}
#eval_submit_form	.f4{
		left:calc(var(--eval-table-checkbox-col-width) * 3);
	}
#eval_submit_form	.f5{
		left:calc(var(--eval-table-checkbox-col-width) * 4);
	}
#eval_submit_form	.f6{
		left:calc(var(--eval-table-checkbox-col-width) * 5);
	}

#eval_submit_form	.required_span {
		position: absolute;
		margin-left: -2px;
	}

#eval_submit_form	.hidden-row{
		display: none;
	}
#eval_submit_form	.customTextInput:after {
		content: ' \2193' !important;
		margin-top: var(--space-xl);
		position: absolute;
		right: var(--space-md);
		font-weight: bold;
	}
#xitm_textarea_row_num {
    width: 150px;
}

/* Disabled state styling */
#textarea_row_value.disabled {
    opacity: 0.5;
    color: var(--color-text);
}

.form-group.range-disabled {
    opacity: 0.6;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #xitm_textarea_row_num {
        max-width: 200px;
    }
}

@media (max-width: 480px) {
    #xitm_textarea_row_num {
        max-width: 150px;
    }
}

#eval_submit_form .eval_submit_btn {
  min-width: var(--eval-button-width) !important;
  width: var(--eval-button-width) !important;
}
#eval_submit_form .th_desc_textarea{
  width:100%; 
  height:100%; 
  resize:none; 
  border: 0px; 
  margin-top: var(--space-lg); 
  white-space: pre-wrap !important; 
  overflow-y:auto;
  line-height: 1.5;
}

/* Toggle label text overflow handling for eval submit form */
.eval-toggle-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  max-width: calc(100% - 60px); /* Account for checkbox and toggle switch width */
  display: inline-block;
  vertical-align: middle;
}