:host {
  --snk-grid-min-height: 300px;
  --snk-grid-padding: unset;
  --snk-grid-margin: var(--space--small);
  --snk-grid-box-shadow: var(--shadow--small);
  --snk-grid__header-padding: unset;
}

.snk-grid__container {
  display: flex;
  height: 100%;
  margin: var(--snk-grid-margin);
  outline: none;
  border: 1px solid var(--color--strokes, #E1E2E5);
  border-radius: var(--border--radius-12, 12px);
  box-shadow: var(--snk-grid-box-shadow);
  padding:  var(--snk-grid-padding);

  --snk-grid-header--min-height: var(--space--52);
}

.snk-grid__header {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: var(--snk-grid-header--min-height);
  padding-top: var(--snk-grid__header-padding);
  padding-right: var(--snk-grid__header-padding);
}

.snk-grid__filter-bar {
  width: 100%;
}

.snk-grid__header-divider {
  /*public*/
  margin-bottom: var(--space--medium);
  margin-right: var(--space--0);
  align-self: stretch;
}

.snk-grid__header snk-taskbar {
  display: flex;
  align-items: flex-start;
  min-height: var(--snk-grid-header--min-height);
}

.snk-grid__header ez-tooltip {
  width: auto;
  margin-inline: var(--space--8, 8px);
}

.snk-grid__table {
  min-height: var(--snk-grid-min-height);
}

.snk-grid-container__without-shadow {
  --ezgrid__container--shadow: unset;
}

.snk-grid-container__footer {
  background-color: var(--background--xlight, #FFF);
  border-radius: 0 0 var(--border--radius-medium) var(--border--radius-medium);
}

.snk-grid-container__footer:has(*) {
  border-top: 1px solid var(--color--strokes, #E1E2E5);
}
