.contact-search-dropdown .display {
	border: none;
	border-radius: 0 .4em .4em 0 !important;
}
.contact-search-dropdown .display-text {
	display: flex;
	gap: .5em;
	justify-content: space-between;
}


/* Filter styles */
.contact-filter {
	display: flex;
	gap: 0.5em;
	align-items: center;
	margin-bottom: 1em;
}

.contact-filter-item {
	display: flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.25em 0.5em;
	background-color: var(--bg-c2);
	border: 1px solid var(--border-3);
	border-radius: 0.25em;
}

.contact-filter-item .filter-field {
	font-weight: bold;
	color: var(--text-c2);
}

.contact-filter-item .filter-value {
	color: var(--text-c1);
}

.contact-filter-item .remove-filter {
	cursor: pointer;
	color: var(--text-c3);
	padding: 0.25em;
	border-radius: 0.25em;
}

.contact-filter-item .remove-filter:hover {
	background-color: var(--bg-c3);
	color: var(--text-c1);
}

.filter {
	align-items: center;
	font-size: 13px;
	background-color: var(--bg-c2);
	padding: 0 .3em;
	border-radius: .4em;
}
.filter-container {
	gap: .5em;
	align-items: center;
	background-color: var(--bg-c2);
	border-top-left-radius: .4em;
	border-top-right-radius: .4em;
	border-bottom: 1px solid var(--border-3);
	padding: .2em;
	display: flex; 
	justify-content: space-between;
}

/* Select dropdown styles */
.ps-select-input {
	width: 100%;
	border: none;
	background: transparent;
	padding: 0.5em;
	cursor: pointer;
}

.ps-select-input:focus {
	outline: none;
}

/* Field styles */
.contact-field {
	margin-bottom: 1em;
}

.contact-field:last-child {
	margin-bottom: 0;
}

.contact-field label {
	display: block;
	margin-bottom: 0.25em;
	color: var(--text-c2);
	font-weight: bold;
}


/* Contact Table styles */
.contact-table {
	background-color: var(--bg-c1);
	width: 100%;
	border-collapse: collapse;
}

.contact-table th {
	text-align: left;
	padding: 0.75em;
	background-color: var(--bg-c2);
	border-bottom: 2px solid var(--border-3);
	color: var(--text-c2);
	font-weight: bold;
}

.contact-table td {
	padding: 0.75em;
	border-bottom: 1px solid var(--border-3);
}

.contact-table tr:hover {
	background-color: var(--bg-c2);
} 

.table-wrapper {
	overflow-x: auto;
	max-height: 90vh;
	overflow-y: auto;
}

/* Column styling */
.contact-table td {
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	padding: 0.5em;
}

.contact-table td a:hover {
	white-space: normal;
}

/* Header styling */
.contact-table thead th {
	position: sticky;
	top: 0;
	z-index: 1;
	background-color: var(--bg-c2);
	border-bottom: 1px solid var(--border-3);
}

.contact-table tbody td {
	border-bottom: 1px solid var(--bg-c2);
}

/* Sticky positioning for first column */
.contact-table tbody td:first-child {
	position: sticky;
	left: 0;
	z-index: 2;
	background-color: var(--bg-c1);
	border-right: 1px solid var(--bg-c2);
	filter: brightness(0.95);
}

.contact-table tbody td:first-child:hover {
	background-color: var(--bg-c2);
}

.contact-table thead th:first-child {
	position: sticky;
	left: 0;
	top: 0;
	z-index: 3;
}

.clickable-cell {
	cursor: pointer;
}

.contact-table tbody tr:hover {
	background-color: var(--bg-c2);
}

/* Contact Card View Styles */
.contact-card-wrapper {
	display: inline-grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1em;
}

.contact-card-content {
	height: 13em;
	width: 22em;
	overflow: scroll;
	display: flex;
	gap: 1em;
	margin-bottom: 1em;
	padding: 1em;
	border-radius: 0.5em;
	box-shadow: 2px 0 7px 1px var(--bg-c2);
}

.contact-card-image {
	flex-shrink: 0;
}

/*# sourceMappingURL=ui-ps-contacts.css.map */