/* =========================================================================
   skaters.css — Skaters screen (filter panel + stats table)
   ========================================================================= */

/* --- Filter accordion: grey panel to match the app ---------------------- */
.accordion-body,
.accordion-button,
.accordion-button:not(.collapsed) {
  background-color: #eef3f6;
  color: inherit;
}
.accordion-body {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding: 12px 14px 10px;
}
.accordion-button {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: none;
}
.accordion-button:hover {
  background-color: #e6ecef;
}
.accordion-button:focus {
  box-shadow: none;
}

/* --- Filter controls ----------------------------------------------------
   Auto-fitting grid that wraps left-to-right. (The old skaters_table.css
   redefined this block four times; these are the resolved values.) */
.filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  column-gap: 16px;
  row-gap: 10px;
  align-items: end;
}

/* Let grid children shrink and fill their cell */
.filter-grid > * {
  min-width: 0;
}
.filter-grid .form-group,
.filter-grid .selectize-control,
.filter-grid .selectize-control .selectize-input,
.filter-grid .form-control,
.filter-grid .irs {
  width: 100% !important;
  margin-bottom: 0 !important;
}
.filter-grid .control-label {
  margin-bottom: 4px !important;
}

/* Sliders are tall — trim their vertical footprint */
.filter-grid .irs {
  margin-top: -2px;
  margin-bottom: -6px;
}

/* --- Submit button: sits at the bottom of its grid cell ----------------- */
.filter-submit {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.filter-submit .btn {
  width: fit-content;
  min-width: 120px;
}