jpcrm-listview-header#jpcrm-listview-header {

	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	height: 30px;

	header-item {
		display: flex;
		gap: 6px;
		align-items: center;

		button {
			background: none;
			color: inherit;
			border: none;
			padding: 0;
			margin-left: 5px;
			font: inherit;
			cursor: pointer;

			&.dashicons::before {
				font-family: dashicons;
				font-size: inherit;
				display: flex;
				width: 16px;
			}
		}

		.jpcrm-current-filter:not(.hidden) {
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
			margin: 0 1px;
			padding: 4px 4px;
			box-sizing: border-box;
			font-weight: 600;
			vertical-align: middle;
			display: inline-block;
			border: 1px solid var(--jp-gray-10);
			border-radius: 2px;
			height: 100%;
			width: 200px;
		}

	}

	input,
	select {
		box-sizing: border-box;
		border: 1px solid var(--jp-gray-10);
		vertical-align: middle;
		border-radius: 2px;
		height: 100%;
		width: 200px;
	}

	input[type="search"] {

		/* padding-left:30px; */
	}
}
