.grid {
  table th {
    color: var(--ADD-COLOR-3);
    font-family: var(--GRID-TH-FONT-FAMILY, var(--font-medium));
    font-weight: normal;
    text-transform: uppercase;
  }
  table td {
    font-family: var(--font);
    font-size: 13px;
    align-items: center;
    letter-spacing: 0;
  }
  td.mat-cell:first-of-type {
    padding-left: 0;
  }
}
.mat-mdc-menu-item:not([disabled]):hover {
  background: var(--GRAY) !important;
}

.sln-grid-multi-commands {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--GRID-MULTI-CMD-GAP, 8px);
  box-sizing: border-box;
  height: var(--GRID-MULTI-CMD-MIN-HEIGHT, 30px);
  min-height: 0;
  padding: 0 var(--GRID-MULTI-CMD-PADDING-X, 14px);
  border: none;
  border-radius: var(--GRID-MULTI-CMD-RADIUS, 8px);
  background: var(--GRID-MULTI-CMD-BG, #e8effe);
  color: var(--GRID-MULTI-CMD-COLOR, var(--PRIMARY));
  font-family: var(--font-medium);
  font-size: var(--GRID-MULTI-CMD-FONT-SIZE, 14px);
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  appearance: none;
  transition: background 0.15s ease;

  &:has(> .sln-filter-empty),
  &:has(> .sln-filter-delete),
  &:has(> .sln-filter-full) {
    width: var(--GRID-MULTI-CMD-MIN-HEIGHT, 30px);
    min-width: var(--GRID-MULTI-CMD-MIN-HEIGHT, 30px);
    padding: 0;
  }

  &:hover:not(:disabled) {
    background: var(--GRID-MULTI-CMD-BG-HOVER, #dce8fd);
  }

  &:disabled {
    opacity: 0.5;
    cursor: auto;
  }

  > div {
    flex: 0 0 auto;
    display: block;
    margin: 0;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
  }

  .sln-filter-empty,
  .sln-filter-delete,
  .sln-filter-full,
  .sln-grid-update-cw,
  .sln-grid-grid-management,
  .sln-grid-vertical-dots {
    width: var(--GRID-MULTI-CMD-ICON-SIZE, 16px);
    height: var(--GRID-MULTI-CMD-ICON-SIZE, 16px);
    background-size: var(--GRID-MULTI-CMD-ICON-SIZE, 16px);
  }
}

core-grid .sln-sort-indicator__arrow {
  width: var(--GRID-SORT-ARROW-SIZE, 16px);
  height: var(--GRID-SORT-ARROW-SIZE, 16px);
  border: none;
  background-image: var(--GRID-SORT-ARROW-UP);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

core-grid .sln-sort-indicator_desc .sln-sort-indicator__arrow {
  background-image: var(--GRID-SORT-ARROW-DOWN);
}
