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

snk-grid {
  --snk-grid-padding: 0 var(--space--6, 6px) var(--space--6, 6px) var(--space--6, 6px);
}

ez-view-stack {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

stack-item.sc-snk-dynaform {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

stack-item.sc-snk-dynaform > snk-dynaform-guides-view {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.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--hidden {
  display: none !important;
}

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