body {
	background-color: #0b0f17;
}
.card {
	background-color: #121a27;
	border-color: #233045;
}
.card-subtle {
	background: #101827;
}
.text-muted {
	color: #8aa0b6 !important;
}

.pill {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.25rem 0.6rem;
	border-radius: 50rem;
	font-size: 0.75rem;
	border: 1px solid #233045;
}

.thread {
	max-height: 340px;
	overflow: auto;
}
.bubble {
	max-width: 85%;
	border-radius: 1rem;
	padding: 0.6rem 0.8rem;
}

.bubble.customer {
	background: rgba(44, 116, 255, 0.14);
}

.bubble.admin {
	background: rgba(255, 255, 255, 0.06);
	margin-left: auto;
}

.modal-content * {
	background-color: #101827;
}

.file-row {
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid #233045;
	border-radius: 1rem;
}

form input, form select {
	background-color: #101827 !important;
}