/* =========================================================
   Morganti Ju-Jitsu — Estilo das faixas (compartilhado)
   Blindado contra resets de tema (span/display/background).
   ========================================================= */
.mgen-belts {
	display: inline-flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	align-items: center !important;
	line-height: 1 !important;
}

.mgen-belt {
	--belt-w: 99px;   /* 9 segmentos de 11px: coral começa e termina certo */
	--belt-h: 16px;
	display: flex !important;
	width: var(--belt-w) !important;
	min-width: var(--belt-w) !important;
	height: var(--belt-h) !important;
	border-radius: 3px !important;
	overflow: hidden !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3) !important;
	position: relative !important;
	box-sizing: border-box !important;
	padding: 0;
	margin: 0;
}

/* ---- Faixa preta LISA com graus brancos ---- */
.mgen-belt--preta {
	background: linear-gradient(180deg, #2b3037 0%, #16191e 48%, #0a0c0f 100%) !important;
	justify-content: flex-end !important;
	align-items: center !important;
	padding-right: 8px !important;
}
.mgen-belt-graus {
	display: flex !important;
	flex-direction: row !important;
	gap: 3px !important;
	align-items: center !important;
	height: 100% !important;
}
.mgen-belt-risco {
	display: block !important;
	width: 3px !important;
	min-width: 3px !important;
	height: 72% !important;
	background: #ffffff !important;
	border-radius: 1px !important;
	box-shadow: 0 0 1px rgba(0, 0, 0, .7) !important;
	flex: 0 0 auto !important;
}

/* ---- Faixa coral (vermelha e branca) — segmentos IGUAIS ---- */
.mgen-belt--coral {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(0, 0, 0, .14) !important;
}
/* Extremidades vermelhas: R W R W ... R (segmentos de 11px iguais) */
.mgen-coral-vermelha {
	background: repeating-linear-gradient(
		90deg,
		#c0141f 0, #c0141f 11px,
		#ffffff 11px, #ffffff 22px
	) !important;
}
/* Extremidades brancas: W R W R ... W */
.mgen-coral-branca {
	background: repeating-linear-gradient(
		90deg,
		#ffffff 0, #ffffff 11px,
		#c0141f 11px, #c0141f 22px
	) !important;
}

.mgen-belt-legenda {
	display: block;
	font-size: 11px;
	color: #4a4a4a;
	margin-top: 2px;
	font-weight: 600;
	text-align: center;
}