.settings-panel {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 0.8rem;
}

.settings-row {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  align-items: center;
  gap: 0.6rem;
}

.settings-label {
  font-size: 0.95rem;
  opacity: 0.85;
}



.settings-panel {
  background-color: #f7f7f7;
  color: #111;              
  border-radius: 6px;
}

.settings-label {
  color: #111;              
  font-size: 0.95rem;
}


.settings-panel .settings-control.form-control {
  border-radius: 0.375rem !important;
  border: 1px solid #ced4da !important;
  background: #fff !important;
  box-shadow: none !important;
}

.settings-panel .settings-control.dash-dropdown .Select-control,
.settings-panel .settings-control .Select-control {
  border-radius: 0.375rem !important;
  border: 1px solid #ced4da !important;
  background: #fff !important;
  box-shadow: none !important;
  min-height: 38px;
}

.settings-panel .settings-control .Select-placeholder,
.settings-panel .settings-control .Select-value {
  line-height: 36px !important;
}

.settings-panel .settings-control .Select-input {
  height: 36px !important;
}

.settings-panel .input-group.settings-control {
  border-radius: 0.375rem !important;
  border: 1px solid #ced4da !important;
  background: #fff !important;
  overflow: hidden;              
}

.settings-panel .input-group.settings-control > .form-control {
  border: 0 !important;          
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.settings-panel .input-group.settings-control > .form-control + .form-control {
  border-left: 1px solid #ced4da !important;
}

.settings-panel .settings-control:focus,
.settings-panel .settings-control .Select-control:focus,
.settings-panel .settings-control .Select-control.is-focused {
  box-shadow: none !important;
  outline: none !important;
}


.settings-panel .form-control:disabled,
.settings-panel .form-control[disabled] {
  background: #e9ecef !important;   
  color: #6c757d !important;        
  opacity: 1 !important;            
  cursor: not-allowed;
}

.settings-panel .input-group.settings-control > .form-control:disabled,
.settings-panel .input-group.settings-control > .form-control[disabled] {
  background: #e9ecef !important;
  color: #6c757d !important;
}

.settings-panel .input-group.settings-control {
}

.settings-panel .settings-control .Select.is-disabled > .Select-control {
  background: #e9ecef !important;
  border-color: #ced4da !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

/* Match switch look with Constants tab */
.settings-panel .integration-switch.form-check {
  margin-bottom: 0;
}

.settings-panel #t-eval-enabled.form-check-input {
  width: 2.35em;
  height: 1.3em;
  background-color: #d0d4da;
  border-color: #5f6670;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}

.settings-panel #t-eval-enabled.form-check-input:checked {
  background-color: #2f8f5b;
  border-color: #2f8f5b;
}