:host {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  scrollbar-gutter: stable both-edges;
}

snk-grid {
  --snk-grid-padding: 0 var(--space--6, 6px) var(--space--6, 6px) var(--space--6, 6px);
}
stack-item.sc-snk-crud {
  display: grid;
  min-height: 100%;
}

.snk-crud__header {
  margin-bottom: var(--space--10, 10px);
}

.snk-crud__grid-stack-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 0 var(--space--2, 2px);
}

.snk-crud__header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space--8, 8px);
  padding-top: var(--space--12, 12px);
}

.snk-crud__header-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--space--8, 8px) 0 var(--space--6, 6px);
}

.snk-crud__header-bottom > snk-taskbar {
  padding-bottom: var(--space--8, 8px);
  margin-left: var(--space--12, 12px);
}

.snk-crud--hidden {
  display: none !important;
}

ez-record-navigation, ez-grid-pagination {
  margin-bottom: var(--space--8, 8px);
}
