/* Align filters+table row with the search box above by insetting the row
   instead of relying on Bootstrap’s negative-margin row. */
/*
.project-list-row {
	margin-left: 0;
	margin-right: 0;
	padding-left: var(--bs-gutter-x, 0.75rem);
	padding-right: var(--bs-gutter-x, 0.75rem);
}
*/

.list-body .list-row {
	cursor: pointer;
}

.list,
.list-filters {
	font-size: 90%;
	color: #000;
}

/* .list-filters-inputs, */
.list-body {
	overflow-x: hidden;
	overflow-y: scroll;
	max-height: 110vh;

	/* Prevent scrolling of parent when reaching either end of self */
	overscroll-behavior-y: contain;
}

.list-filters .field > label {
	font-weight: bold;
}

.list-filters .field + .field {
	margin-top: 10px;
}

.list-filters-inputs,
.list-body {
	margin-right: -30px;
	padding-right: 30px;
}

.list-headers {
	border-bottom: var(--bs-border-width) solid var(--bs-border-color);
}

.list-body > .list-row:not(:first-child) {
	border-top: var(--bs-border-width) solid var(--bs-border-color);
}

.list-row {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.list-row > div,
.list-secondary-row {
	padding: .5rem;
}

.list-row > div {
	display: flex;
}

.list-row > :nth-child(1) {
	--width: 12ch;
	min-width: var(--width);
	max-width: var(--width);
}

.list-row > :nth-child(2) {
	--width: 14ch;
	min-width: var(--width);
	max-width: var(--width);
}

.list-row > :nth-child(3) {
	flex-grow: 1;
}

.list-row > :nth-child(4) {
	--width: 15ch;
	min-width: var(--width);
	max-width: var(--width);
}

.list-headers {
	overflow-y: scroll;
	scrollbar-color: transparent transparent; /* Hide scrollbar on Firefox */
}

.list-headers::-webkit-scrollbar {
	visibility: hidden; /* Hide scrollbar on Chrome */
}

.list-headers > div {
	align-items: center;
	font-weight: bold;
}

#list-form {
	padding-top: var(--box-spacing);
}


/*** Slim search pattern box with fusioned buttons ********************/

.list-search {
	padding: 0;
	background: transparent;
	box-shadow: none !important;
}

.list-search .field label {
	display: none;
}

.list-search .field input,
.list-search .field select {
	-line-height: 2em;
}

.list-search .field select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}