/* Form Components - loads after legacy style.css to override */
.setting-select, .ce-tray select, .ce-tray .select {
  width:100%; 
  min-height:40px; 
  padding:10px 12px;
  border:2px solid #e9ecef; 
  border-radius:var(--r-md);
  background:#fff; 
  font-size:14px; 
  line-height:1.2;
  white-space:nowrap; 
  overflow:hidden; 
  text-overflow:ellipsis;
}

.setting-input {
  width: 100%;
  padding: 10px 12px;
  border: 2px solid #e9ecef;
  border-radius: var(--r-md);
  font-size: 14px;
  background: white;
  transition: all 0.2s;
}

.setting-input:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.setting-label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom: 6px;
  font-weight: 500;
}

.setting-slider{width:100%}