.estoque-kardex-periodos-rapidos {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: var(--ui-space-1);
  margin-bottom: var(--ui-space-3);
}

.estoque-kardex-periodos-rapidos > label {
  display: block;
  margin-bottom: 0;
}

.estoque-kardex-periodos-rapidos-botoes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.estoque-kardex-periodos-rapidos .btnPeriodoKardex {
  min-width: 48px;
  padding-right: 10px;
  padding-left: 10px;
}

.kardex-movimento-chip > i {
  margin-right: 4px;
}

.estoque-kardex-contexto {
  margin-top: var(--ui-space-3);
}

.panelKardexContexto .estoque-kardex-contexto {
  margin-top: 0;
}

.estoque-kardex-lancamento {
  margin-top: var(--ui-space-3);
}

.estoque-kardex-contexto > .produto-resumo-card {
  margin-bottom: var(--ui-space-3);
}

.estoque-kardex-contexto .ui-inner-panel + .ui-inner-panel {
  margin-top: var(--ui-space-3);
}

.estoque-kardex-estoques-tabela {
  margin-bottom: 0;
}

.estoque-kardex-estoques-estado {
  margin: 0 14px 14px;
}

.estoque-kardex-estoques-tabela th,
.estoque-kardex-estoques-tabela td {
  vertical-align: middle !important;
}

.estoque-kardex-estoques-tabela .ui-empty-state {
  margin: var(--ui-space-2);
}

.estoque-kardex-acoes-pesquisa {
  margin-top: var(--ui-space-4);
}

.estoque-kardex-local-selecao,
.estoque-kardex-local-opcao-cabecalho {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
}

.estoque-kardex-local-selecao > span:not(.estoque-kardex-local-cor),
.estoque-kardex-local-opcao-cabecalho > strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.estoque-kardex-local-selecao > small {
  color: var(--ui-color-text-subtle);
  white-space: nowrap;
}

.estoque-kardex-local-cor {
  display: inline-block;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50%;
}

.estoque-kardex-local-opcao {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 3px 0;
}

.estoque-kardex-local-opcao > small {
  color: var(--ui-color-text-subtle);
  line-height: 1.35;
  white-space: normal;
}

.estoque-kardex-valor--positivo {
  color: var(--ui-color-success) !important;
  font-weight: 700;
}

.estoque-kardex-valor--negativo {
  color: var(--ui-color-danger) !important;
  font-weight: 700;
}