.list-item {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	padding: 0.875rem 1rem;
	background: var(--color-background-primary);
	border-bottom: 0.5px solid var(--color-border-tertiary);
	text-decoration: none;
	color: var(--color-text-primary);
	transition: background var(--transition-fast);
}

.list-item:last-child {
	border-bottom: none;
}
.list-item:hover {
	/* background: var(--color-background-secondary); */
}

.list-item__icon {
	width: 40px;
	height: 40px;
	border-radius: var(--border-radius-md);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.list-item__icon--success {
	background: var(--color-background-success);
	color: var(--color-text-success);
}
.list-item__icon--warning {
	background: var(--color-background-warning);
	color: var(--color-text-warning);
}
.list-item__icon--info {
	background: var(--color-background-info);
	color: var(--color-text-info);
}
.list-item__icon--secondary {
	background: var(--color-background-secondary);
	color: var(--color-text-secondary);
}

.list-item--col {
	flex-direction: column;
	align-items: stretch;
	gap: 0.75rem;
}

.list-item--warning {
	border-left: 3px solid var(--color-border-warning);
}

.list-item__body {
	flex: 1;
	min-width: 0;
}

.list-item__title {
	font-size: 0.9375rem;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0.15rem;
}

.list-item__sub {
	font-size: 0.8125rem;
	color: var(--color-text-secondary);
}

.list-item__right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.25rem;
	flex-shrink: 0;
}

.list-group {
	background: var(--color-background-primary);
	border: 0.5px solid var(--color-border-tertiary);
	border-radius: var(--border-radius-lg);
	overflow: hidden;
}