/* CINERMA CLIENT FILTERS V2 */

#clientFilters{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 0 18px !important;
  padding:0 !important;
  overflow:hidden !important;

  border:1px solid #293750 !important;
  border-radius:15px !important;

  background:
    linear-gradient(
      180deg,
      #182238 0%,
      #151f33 100%
    ) !important;
}

#clientFilters .filters-head{
  min-height:52px !important;
  padding:0 18px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;

  border-bottom:
    1px solid rgba(126,151,188,.16) !important;
}

#clientFilters .filters-title{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

#clientFilters .filters-title strong{
  color:#f4f7fb !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
}

#clientFilters .filters-icon{
  color:#21d996 !important;
  font-size:15px !important;
}

#clientFilters .filters-chevron{
  color:#7b8da8 !important;
  font-size:11px !important;
}

#clientFilters .filter-clear{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:30px !important;
  padding:0 12px !important;

  border:
    1px solid rgba(255,78,96,.34) !important;

  border-radius:8px !important;

  background:
    rgba(115,25,40,.26) !important;

  color:#ff7080 !important;

  font-size:10px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

#clientFilters .filters-grid{
  display:grid !important;

  grid-template-columns:
    minmax(240px,1.4fr)
    minmax(140px,.7fr)
    minmax(150px,.8fr)
    minmax(150px,.8fr)
    minmax(150px,.8fr)
    minmax(150px,.75fr)
    minmax(150px,.75fr) !important;

  gap:13px !important;
  align-items:end !important;

  padding:17px 18px 18px !important;
}

#clientFilters .filter-field{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  min-width:0 !important;
}

#clientFilters .filter-field > span{
  display:block !important;

  color:#8ea8db !important;

  font-size:9px !important;
  line-height:1 !important;
  font-weight:800 !important;

  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

#clientFilters .filter-field input,
#clientFilters .filter-field select{
  appearance:auto;
  -webkit-appearance:auto;

  display:block !important;
  width:100% !important;
  height:36px !important;
  min-height:36px !important;

  box-sizing:border-box !important;

  margin:0 !important;
  padding:0 10px !important;

  border:1px solid #30425f !important;
  border-radius:9px !important;

  background:#101a2c !important;
  color:#edf3fb !important;

  font-family:inherit !important;
  font-size:10px !important;

  outline:none !important;
}

#clientFilters .filter-field select{
  color-scheme:dark !important;
}

#clientFilters .filter-field input[type="date"]{
  color-scheme:dark !important;
}

#clientFilters .filter-field input::placeholder{
  color:#6d809d !important;
}

#clientFilters .filter-field input:focus,
#clientFilters .filter-field select:focus{
  border-color:#6c5ce7 !important;

  box-shadow:
    0 0 0 3px
    rgba(108,92,231,.11) !important;
}

#clientFilters .filter-submit{
  grid-column:1 !important;

  display:flex !important;
  align-items:flex-end !important;
}

#clientFilters .filter-submit .button{
  width:100% !important;
  height:36px !important;
  min-height:36px !important;
  border-radius:9px !important;
}

@media(max-width:1500px){
  #clientFilters .filters-grid{
    grid-template-columns:
      repeat(4,minmax(150px,1fr)) !important;
  }

  #clientFilters .filter-field.search{
    grid-column:span 2 !important;
  }

  #clientFilters .filter-submit{
    grid-column:auto !important;
  }
}

@media(max-width:900px){
  #clientFilters .filters-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  #clientFilters .filter-field.search{
    grid-column:span 2 !important;
  }
}

@media(max-width:620px){
  #clientFilters .filters-grid{
    grid-template-columns:1fr !important;
    padding:14px !important;
  }

  #clientFilters .filter-field.search{
    grid-column:auto !important;
  }
}


/* V84 · filtros alinhados à Visão geral */
#clientFilters{
  border-color:#223651 !important;
  border-radius:13px !important;
  background:#101b2e !important;
}
#clientFilters .filters-head{border-bottom-color:#223651 !important}
#clientFilters .filter-field > span{color:#7e94b2 !important}
#clientFilters .filter-field input,
#clientFilters .filter-field select{
  border-color:#304765 !important;
  background:#091526 !important;
}
#clientFilters .filter-field input:focus,
#clientFilters .filter-field select:focus{
  border-color:#6e5ce0 !important;
  box-shadow:0 0 0 3px rgba(110,92,224,.12) !important;
}