/* ==========================================================================
   40-dashboard-machine-controles.css
   Proposito: compactacion de controles, radios y sliders del dashboard Machine.
   Impacto: clases ml-* usadas en esa vista.
   ========================================================================== */

/* Densidad y tipografia */
.ml-compact .form-label { font-size: 0.74rem; margin-bottom: 2px; }
.ml-compact .form-check { margin-bottom: 2px; }
.ml-compact .Select, .ml-compact .Select-control { min-height: 26px; }
.ml-compact .form-control, .ml-compact .form-select { padding: 2px 6px; font-size: 0.78rem; }

/* Slider fino */
.ml-compact-slider .rc-slider { padding: 4px 0; }
.ml-compact-slider .rc-slider-rail { height: 2px; }
.ml-compact-slider .rc-slider-track { height: 2px; }
.ml-compact-slider .rc-slider-handle { width: 12px; height: 12px; margin-top: -5px; }
.ml-compact-slider .rc-slider-mark { font-size: 10px; }

/* Radio tipo segmented */
.ml-compact-radio .form-check-inline {
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  padding: 3px 8px;
  margin-right: 6px;
}
.ml-compact-radio .form-check-input { display: none; }
.ml-compact-radio .form-check-input:checked + label,
.ml-compact-radio .form-check-input:checked ~ .form-check-label {
  font-weight: 700;
}