// Кнопки тулбара грида (иконки): размеры/рамки — --GRID-BTN-* в теме
.sln-add-button,
.sln-availability-default,
.sln-close-sessions {
  background: transparent;
  border: var(--GRID-BTN-ICON-BORDER-WIDTH, 2px) solid var(--GRID-BTN-ICON-BORDER-COLOR, var(--DEFAULT));
  border-radius: var(--GRID-BTN-RADIUS, 4px);
  padding: var(--GRID-BTN-PADDING, 8px);
  height: var(--GRID-BTN-SIZE, 45px);
  width: var(--GRID-BTN-SIZE, 45px);
  min-width: var(--GRID-BTN-SIZE, 45px);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;

  img {
    width: auto;
    height: auto;
  }
}

.sln-add-button {
  border-color: var(--GRID-BTN-ADD-BORDER-COLOR, var(--PRIMARY));
  margin-top: var(--GRID-BTN-ADD-MARGIN-TOP, 15px);
  .sln-add-plus {
    width: 70%;
    height: 70%;
  }
}

.right-side-btn {
  display: inline-flex;
  box-sizing: border-box;
  line-height: 0;
  background-color: var(--WHITE);
  user-select: none;
  appearance: none;
  touch-action: manipulation;
  transition:
    box-shadow 0.18s ease-out,
    background 0.18s ease-out,
    color 0.18s ease-out,
    border-color 0.18s ease-out;
  height: var(--GRID-BTN-SIZE, 45px);
  width: var(--GRID-BTN-SIZE, 45px);
  min-width: var(--GRID-BTN-SIZE, 45px);
  padding: var(--GRID-BTN-PADDING, 8px);
  background: var(--GRID-BTN-BG, transparent);
  border: var(--GRID-BTN-BORDER-WIDTH, 0) solid var(--GRID-BTN-BORDER-COLOR, transparent);
  border-radius: var(--GRID-BTN-RADIUS, 4px);
  align-items: center;
  justify-content: center;
  cursor: pointer;

  img {
    width: 100%;
    height: 100%;
  }
}

.right-side-btn-s {
  margin-top: var(--GRID-BTN-ICON-GAP, 10px);
  height: var(--GRID-BTN-SIZE-S, 30px);
  width: var(--GRID-BTN-SIZE-S, 30px);
  min-width: var(--GRID-BTN-SIZE-S, 30px);
  padding: var(--GRID-BTN-PADDING-S, 5px);
}

.right-side-btn-xs {
  height: var(--GRID-BTN-SIZE-XS, 22px);
  width: var(--GRID-BTN-SIZE-XS, 22px);
  min-width: var(--GRID-BTN-SIZE-XS, 22px);
  padding: var(--GRID-BTN-PADDING-XS, 4px);
}

.right-side-btn-l {
  height: var(--GRID-BTN-SIZE-L, 60px);
  width: var(--GRID-BTN-SIZE-L, 60px);
  min-width: var(--GRID-BTN-SIZE-L, 60px);
  padding: var(--GRID-BTN-PADDING-L, 13px);
}

.right-side-btn-xl {
  height: var(--GRID-BTN-SIZE-XL, 90px);
  width: var(--GRID-BTN-SIZE-XL, 90px);
  min-width: var(--GRID-BTN-SIZE-XL, 90px);
  padding: var(--GRID-BTN-PADDING-XL, 16px);
}


.sln-btn-grid-menu {
  border: none;
  background: transparent;
  cursor: pointer;
}

.sln-cancel-btn {
  border: var(--GRID-BTN-ICON-BORDER-WIDTH, 2px) solid var(--GRID-BTN-CANCEL-BORDER-COLOR, var(--DANGER));
  border-radius: var(--GRID-BTN-RADIUS, 4px);
  width: var(--GRID-BTN-SIZE, 45px);
  height: var(--GRID-BTN-SIZE, 45px);
  min-width: var(--GRID-BTN-SIZE, 45px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  background: transparent;
  margin-right: var(--GRID-BTN-ICON-GAP, 10px);
}

.sln-save-btn {
  border: var(--GRID-BTN-ICON-BORDER-WIDTH, 2px) solid var(--GRID-BTN-SAVE-BORDER-COLOR, var(--PRIMARY));
  border-radius: var(--GRID-BTN-RADIUS, 4px);
  width: var(--GRID-BTN-SIZE, 45px);
  height: var(--GRID-BTN-SIZE, 45px);
  min-width: var(--GRID-BTN-SIZE, 45px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  background: transparent;
}

// Текстовые кнопки в гриде (sln-btn-full-*, sln-btn-light-*)
.sln-btn-full-xs {
  min-width: var(--GRID-BTN-SIZE-XS, 22px);
  min-height: var(--GRID-BTN-SIZE-XS, 22px);
  font-size: var(--BTN-FULL-FONT-XS, 9px);
  padding: 0 7.5px;
}

.sln-btn-full-s {
  min-width: var(--GRID-BTN-SIZE-S, 30px);
  min-height: var(--GRID-BTN-SIZE-S, 30px);
  font-size: var(--BTN-FULL-FONT-S, 10px);
  padding: 0 10px;
}

.sln-btn-full-l {
  min-width: var(--GRID-BTN-SIZE-L, 60px);
  min-height: var(--GRID-BTN-SIZE-L, 60px);
  font-size: var(--BTN-FULL-FONT-L, 16px);
  padding: 0 22.5px;
}

.sln-btn-full-xl {
  min-width: var(--GRID-BTN-SIZE-XL, 90px);
  min-height: var(--GRID-BTN-SIZE-XL, 90px);
  font-size: var(--BTN-FULL-FONT-XL, 22px);
  padding: 0 30px;
}

.sln-btn-light-xs {
  width: var(--GRID-BTN-SIZE-XS, 22px);
  height: var(--GRID-BTN-SIZE-XS, 22px);
  min-width: var(--GRID-BTN-SIZE-XS, 22px);
  min-height: var(--GRID-BTN-SIZE-XS, 22px);
  font-size: var(--BTN-FULL-FONT-XS, 9px);
  padding: 0 7.5px;
}

.sln-btn-light-s {
  min-width: var(--GRID-BTN-SIZE-S, 30px);
  min-height: var(--GRID-BTN-SIZE-S, 30px);
  font-size: var(--BTN-FULL-FONT-S, 10px);
  padding: 0 10px;
}

.sln-btn-light-l {
  min-width: var(--GRID-BTN-SIZE-L, 60px);
  min-height: var(--GRID-BTN-SIZE-L, 60px);
  font-size: var(--BTN-FULL-FONT-L, 16px);
  padding: 0 22.5px;
}

.sln-btn-light-xl {
  min-width: var(--GRID-BTN-SIZE-XL, 90px);
  min-height: var(--GRID-BTN-SIZE-XL, 90px);
  font-size: var(--BTN-FULL-FONT-XL, 22px);
  padding: 0 30px;
}
