/*──────────────────────────────────────────────────────────
  2.  Barra de filtros
───────────────────────────────────────────────────────────*/
.filter-bar {
    background: #fff;
    padding: 1rem;
    border-radius: .25rem;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
  }
  .small-input {
    max-width: 9ch;
  }
  .rut-mask {
    max-width: 15ch;
  }

  /* Modales de filtros (actividad y ubicación) */
  .modal-content {
    /* si necesitas personalizar modal, ponlo aquí */
  }

  /* barra de filtros */
#extraFilters .form-label{font-size:.80rem;font-weight:600}
#extraFilters .small-input{max-width:5rem}
.select2-container{width:100%!important}


/* alineación vertical en xl */
@media (min-width: 1200px){
  #extraFilters .col-md-2,
  #extraFilters .col-md-3{display:flex; flex-direction:column;}
  #extraFilters .col-md-2 > label:first-child,
  #extraFilters .col-md-3 > label:first-child{margin-top:-.25rem;}
}

/* botones */
#extraFilters .btn{font-size:.80rem; padding:.35rem .6rem}

#extraFilters label{margin-top:.15rem;}

/* mayor separación vertical entre controles de la MISMA columna */
#extraFilters .form-label        { margin-bottom:.25rem }
#extraFilters .form-control,
#extraFilters .form-select,
#extraFilters .btn-outline-secondary { margin-bottom:.35rem }

.btn-outline-secondary.btn-sm {    /* que midan igual que los otros */
  min-width: 140px;
}


/* 1 → separa un poco cada control sin disparar la altura */
#extraFilters .form-control,
#extraFilters .form-select,
#extraFilters .btn-sm        { margin-bottom:.35rem }
#extraFilters .col-md-2,
#extraFilters .col-md-3 {
    margin-bottom: 0;
  padding-right: .75rem;   /* ← separa visualmente las columnas */
  margin-bottom: 0;
}


/* 2 → altura idéntica en los grupos año/trabajadores  */
.input-group-sm > .form-control,
.input-group-sm > .input-group-text{height:calc(1.5em + .50rem + 2px)}

/* 3 → ancho estable para los dos botones modales */
.btn-outline-secondary.btn-sm{min-width:135px}

/* 4 → cuadro de check list horizontal */
.check-row{display:flex;gap:.5rem}

/* botones de acción con mismo ancho y espaciado */
.btn-action         { min-width:130px }
#extraFilters .btn  { margin-bottom:.35rem }   /* respiro vertical */

.check-row label    { margin-right:1.1rem }    /* aire entre switches */

/* input-groups de números con guion perfectamente alineado */
.input-group-sm > .input-group-text{padding:.25rem .4rem}

#extraFilters .form-control:not(.small-input),
#extraFilters .form-select,
#extraFilters .btn-outline-secondary {
  margin-bottom: .6rem;   /* antes .35rem */
}
#extraFilters > [class*='col-md-'] { padding-right: 1rem; }