.queue-panel {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;

	h2 {
		margin: 0;
		font-size: 1.1rem;
	}

	&__empty {
		color: #666;
		font-size: 0.85rem;
	}

	&__list {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}

	&__item {
		border: 1px solid #eee;
		border-left-width: 4px;
		border-radius: 4px;
		padding: 0.5rem 0.75rem;

		&--completed {
			border-left-color: #2e7d32;
		}
		&--failed {
			border-left-color: #b00020;
		}
		&--running {
			border-left-color: #1565c0;
		}
		&--cancelled {
			border-left-color: #999;
		}
		&--pending {
			border-left-color: #999;
		}
	}

	&__item-title {
		margin: 0;
		font-size: 0.9rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	&__item-meta {
		margin: 0.15rem 0 0;
		font-size: 0.75rem;
		color: #666;
	}

	&__item-progress {
		width: 100%;
		margin-top: 0.35rem;
	}

	&__item-error {
		margin: 0.35rem 0 0;
		font-size: 0.75rem;
		color: #b00020;
	}

	&__item-actions {
		margin-top: 0.35rem;
		display: flex;
		gap: 0.5rem;
	}

	&__item-download {
		font-size: 0.85rem;
	}
}