@charset "UTF-8";

section#markets.panel.list
	> div.row:nth-of-type(1)
	> span[data-column="end"]
	> i.home {
	margin-top: 5px;
	height: 12px;
}

section#markets.panel.list
	> div.row
	> span:is(
		[data-column="account"],
		[data-column="market"],
		[data-column="name"],
		[data-column="number"],
		[data-column="mail"],
		[data-column="address"],
		[data-column="type"],
		[data-column="commentary"],
		[data-column="status"],
	) {
	min-width: 220px;
	width: 220px;
	display: inline;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

section#markets.panel.list > div.row > span:is([data-column="account"], [data-column="market"]) {
	font-weight: bold;
}

section#markets.panel.list > div.row:nth-of-type(1) > span[data-column="account"] {
	text-align: center;
}

section#markets.panel.list > div.row > span[data-column="account"] {
	min-width: 102px;
	width: 102px;
	text-align: center;
}

section#markets.panel.list > div.row > span[data-column="market"] {
	min-width: 67px;
	width: 67px;
}

section#markets.panel.list > div.row > span[data-column="name"] {
	min-width: 130px;
	width: 130px;
}

section#markets.panel.list > div.row > span[data-column="number"] {
	min-width: 160px;
	width: 160px;
}

section#markets.panel.list > div.row:not(:nth-of-type(1)) > span[data-column="number"] {
	text-align: center;
}

section#markets.panel.list > div.row > span[data-column="mail"] {
	min-width: 140px;
	width: 140px;
}

section#markets.panel.list > div.row:not(:nth-of-type(1)) > span[data-column="mail"] {
	text-align: center;
}

section#markets.panel.list > div.row > span[data-column="address"] {
	min-width: 180px;
	width: 180px;
}

section#markets.panel.list > div.row:not(:nth-of-type(1)) > span[data-column="type"] {
	text-align: center;
}

section#markets.panel.list > div.row > span[data-column="type"] {
	min-width: 80px;
	width: 80px;
	font-size: small;
	line-height: 250%;
}

section#markets.panel.list > div.row > span[data-column="commentary"] {
	min-width: unset;
	width: 100%;
}

section#markets.panel.list > div.row > span[data-column="status"] {
	min-width: 80px;
	width: 80px;
	font-size: small;
	line-height: 250%;
}

section#markets.panel.list > div.row:not(:nth-of-type(1)) > span[data-column="status"] {
	text-align: center;
}
