/* PPQE question reporting (v1.3.1) — deliberately quiet.
   One small gray flag icon under each question (icon-only since
   v1.3.1; the wording is the button's tooltip / accessible name),
   collapsed by default: it should read as a footnote to the
   question, never as a call to action, and the panel opens inline
   without moving the player's own controls. A reported question
   shows the same flag filled emerald. */
.ppqe-flag {
	margin: 0.35em 0 0;
	font-size: 0.82em;
	line-height: 1.4;
}

.ppqe-flag-btn {
	background: none;
	border: 0;
	padding: 0.1em 0.3em;
	font: inherit;
	color: #757575;
	cursor: pointer;
}

.ppqe-flag-btn:hover,
.ppqe-flag-btn:focus {
	color: #2b3440;
}

.ppqe-flag-done {
	padding: 0.1em 0.3em;
	color: #0f7a4d;
	cursor: default;
}

.ppqe-flag-panel {
	margin-top: 0.4em;
	padding-top: 0.4em;
	border-top: 1px dotted #dcdcde;
	max-width: 34em;
}

.ppqe-flag-q {
	margin-bottom: 0.25em;
	color: #2b3440;
}

.ppqe-flag-reason {
	display: block;
	margin: 0.15em 0;
	cursor: pointer;
}

.ppqe-flag-reason input {
	margin-right: 0.45em;
}

.ppqe-flag-comment {
	display: block;
	width: 100%;
	margin-top: 0.4em;
	font: inherit;
}

.ppqe-flag-actions {
	margin-top: 0.4em;
}

.ppqe-flag-send,
.ppqe-flag-cancel {
	font: inherit;
	padding: 0.15em 0.7em;
	cursor: pointer;
}

.ppqe-flag-cancel {
	background: none;
	border: 0;
	color: #757575;
	text-decoration: underline;
}

.ppqe-flag-note {
	margin-left: 0.6em;
	color: #8a6d00;
}