.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;
}


:root {
  --ctl-radius: 14px;
  --ctl-border: 2px;
  --ctl-border-color: #222;
  --ctl-bg: #f2f2f2;
}

.settings-panel .settings-control.form-control {
  border-radius: var(--ctl-radius) !important;
  border: var(--ctl-border) solid var(--ctl-border-color) !important;
  background: var(--ctl-bg) !important;
  box-shadow: none !important;
}

.settings-panel .settings-control.dash-dropdown .Select-control,
.settings-panel .settings-control .Select-control {
  border-radius: var(--ctl-radius) !important;
  border: var(--ctl-border) solid var(--ctl-border-color) !important;
  background: var(--ctl-bg) !important;
  box-shadow: none !important;
  min-height: 44px;
}

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

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

.settings-panel .input-group.settings-control {
  border-radius: var(--ctl-radius) !important;
  border: var(--ctl-border) solid var(--ctl-border-color) !important;
  background: var(--ctl-bg) !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: 2px solid var(--ctl-border-color) !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: #222 !important;
  opacity: 1 !important;
  cursor: not-allowed;
}