/*
	Блок «Placement» в свойствах (designer-panels.js, place.js): строки по осям, поля-выражения
	со значением справа. Поля и подписи — общие классы студии (.input, .field, .props_hint).
*/

.place_rows{
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 8px 0;
}

.place_row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
}

.place_label{
	flex: 0 0 100%;
	font-size: 12px;
	color: var(--text-2);
}

.place_text{
	font-size: 13px;
	overflow-wrap: anywhere;
}

.place_stmt{
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 1 1 100%;
	min-width: 0;
}

.place_key{
	flex: 0 0 34px;
	font-size: 12px;
	color: var(--text-2);
}

.place_expr{
	flex: 1 1 auto;
	min-width: 0;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12px;
}

.place_val{
	flex: 0 0 auto;
	font-size: 12px;
	color: var(--text-2);
	font-variant-numeric: tabular-nums;
}

.place_issues .place_issue{
	margin: 4px 0;
	font-size: 12px;
	overflow-wrap: anywhere;
}

.place_error{
	color: var(--danger);
}

.place_warning{
	color: var(--warn-text);
}

.place_info{
	color: var(--text-2);
}