// Фильтры грида: кнопка +/- (размеры/цвета — --FILTER-BTN-* в теме)

.sln-column-filter-template {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;

  .sln-column-filter-template-btn {
    cursor: pointer;
    width: auto;
    height: var(--FILTER-BTN-HEIGHT, 44px);
    min-height: var(--FILTER-BTN-MIN-HEIGHT, var(--FILTER-BTN-HEIGHT, 44px));
    min-width: var(--FILTER-BTN-MIN-WIDTH, 45px);
    top: var(--FILTER-BTN-TOP, 6px);
    color: var(--DARK-GREY);
    font-size: larger;
    font-family: var(--font-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    border-left: var(--FILTER-BTN-BORDER-WIDTH, 1.4px) solid var(--FILTER-BTN-BORDER-COLOR, var(--GRAY));
    border-radius: var(--FILTER-BTN-RADIUS, 0 4px 4px 0);
    z-index: 33;
    transition: 0.15s ease;
    position: absolute;
    right: 0;
    &:hover {
      background: var(--FILTER-BTN-HOVER-BG, #e2e8ea75);
    }
  }
}

.sln-column-filter-template:has(.sln-input-s) .sln-column-filter-template-btn,
.multiple-combobox-with-btn:has(.sln-input-s) .sln-column-filter-template-btn {
  height: var(--FILTER-BTN-HEIGHT-S, 28px);
  min-width: var(--FILTER-BTN-MIN-WIDTH-S, 30px);
  top: var(--FILTER-BTN-TOP-S, 6px);
  min-height: auto;
  
  .sln-common-input-plus,
  .sln-common-input-minus {
    background-size: var(--FILTER-BTN-ICON-SIZE-S, 10px);
    width: var(--FILTER-BTN-ICON-SIZE-S, 10px);
    height: var(--FILTER-BTN-ICON-SIZE-S, 10px);
  }
}
