.hourgate-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	width: fit-content;
}

.hourgate-badge-default {
	background: #f0f0f1;
	color: #50575e;
}

.hourgate-badge-success {
	background: #edfaef;
	color: #137333;
}

.hourgate-badge-warning {
	background: #fff8e1;
	color: #b26a00;
}

.hourgate-badge-error {
	background: #fdecec;
	color: #c62828;
}

.hourgate-badge-info {
	background: var(--hourgate-info-soft-color, #eff6ff);
	color: var(--hourgate-info-color, #2563eb);
}