/*
**
**
**
**
**
** Nearby Jobs Card
** =================================
**
** The daily summary card telling managers how many jobs are open near them (scripts/nearbyjobs.js).
** Its shape and colors are the shared summary card (styles/summarycards.css); only the title chips
** are its own.
*/

/*
**
** Title Chips
** =================================
** One per role when the count spans two, such as "3 AGM" and "2 RGM"
*/

.TL-Jobs-Card-Chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 6px;
}

.TL-Jobs-Card-Chips[data-empty="true"] {
	display: none;
}

.TL-Jobs-Card-Chip {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	height: 22px;
	padding: 0 9px;
	font-size: 11.5px;
	font-weight: 600;
	background-color: var(--Summary-Glass, rgba(255, 255, 255, 0.2));
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.TL-Jobs-Card-Chip > b {
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}