/* «Нашли ошибку или неточность?» под статьёй «Базы знаний» и окно замечания (js/qwert-report.js, html/article.tpl) */
.qw-report {
	max-width: 860px;
	margin: 38px auto 0;
	padding: 15px 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 10px;
	border: 1px dashed #c9d5e3;
	border-radius: var(--codex-radius-sm, 14px);
	color: var(--codex-muted, #617087);
	font-size: 15px;
	line-height: 1.5;
}
.qw-report__link {
	padding: 0;
	border: 0;
	border-bottom: 1px solid #b4c3d6;
	background: none;
	color: var(--codex-ink, #07182f);
	font: inherit;
	font-weight: 800;
	cursor: pointer;
}
.qw-report__link:hover { border-color: var(--codex-blue, #075ff7); color: var(--codex-blue, #075ff7); }
.qw-report small { flex-basis: 100%; color: #8a98ab; font-size: 13px; }

html.qw-report-lock, html.qw-report-lock body { overflow: hidden; }
.qw-report-overlay {
	position: fixed;
	inset: 0;
	z-index: 100001; /* выше чата (#qwert-chat-root — 99999) */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(7, 24, 47, .55);
	font-family: "PT Sans", "Segoe UI", Arial, sans-serif;
}
.qw-report-overlay[hidden] { display: none; }
.qw-report-modal {
	position: relative;
	width: 100%;
	max-width: 520px;
	max-height: calc(100vh - 32px);
	overflow: auto;
	padding: 30px 30px 26px;
	border-radius: var(--codex-radius, 22px);
	background: #fff;
	box-shadow: var(--codex-shadow, 0 24px 70px rgba(11, 31, 61, .13));
	color: var(--codex-ink, #07182f);
	text-align: left;
}
.qw-report-close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 50%;
	background: var(--codex-mist, #f4f7fb);
	color: var(--codex-muted, #617087);
	font-size: 16px;
	line-height: 36px;
	cursor: pointer;
}
.qw-report-close:hover { background: #e6edf6; color: var(--codex-ink, #07182f); }
.qw-report-kicker { margin-bottom: 6px; color: var(--codex-blue, #075ff7); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.qw-report-modal h3 { margin: 0 0 8px; padding: 0; border: 0; background: none; color: var(--codex-ink, #07182f); font-size: 24px; font-weight: 800; line-height: 1.25; text-transform: none; }
.qw-report-sub { margin: 0 0 16px; color: var(--codex-muted, #617087); font-size: 15px; line-height: 1.5; }
.qw-report-modal form { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.qw-report-modal label { margin-top: 6px; color: #344a64; font-size: 14px; font-weight: 700; }
.qw-report-modal label i { color: #e5484d; font-style: normal; }
.qw-report-modal textarea,
.qw-report-modal input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 13px;
	border: 1px solid var(--codex-line, #dfe6ef);
	border-radius: 12px;
	background: #fff;
	color: var(--codex-ink, #07182f);
	font: inherit;
	font-size: 15px;
	line-height: 1.45;
	resize: vertical;
}
.qw-report-modal textarea:focus,
.qw-report-modal input[type="text"]:focus { outline: none; border-color: var(--codex-blue, #075ff7); box-shadow: 0 0 0 3px rgba(7, 95, 247, .12); }
.qw-report-modal textarea.qw-report-invalid { border-color: #e5484d; }
.qw-report-quote { max-height: 120px; overflow: auto; margin: 0 0 4px; padding: 10px 12px; border: 1px solid #f1dfb0; border-radius: 10px; background: #fff8e6; color: #5d4a1f; font-size: 14px; font-style: normal; line-height: 1.5; }
.qw-report-quote[hidden], .qw-report-agree[hidden], .qw-report-error[hidden], .qw-report-body[hidden], .qw-report-done[hidden] { display: none !important; }
.qw-report-modal .qw-report-agree { display: flex; align-items: flex-start; gap: 8px; color: var(--codex-muted, #617087); font-size: 13px; font-weight: 400; line-height: 1.45; cursor: pointer; }
.qw-report-agree input { flex: 0 0 auto; width: 16px; height: 16px; margin: 2px 0 0; }
.qw-report-agree a { color: var(--codex-blue, #075ff7); }
.qw-report-trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0; }
.qw-report-error { margin-top: 6px; padding: 9px 12px; border-radius: 10px; background: #fdecec; color: #b42328; font-size: 14px; line-height: 1.45; }
.qw-report-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 14px; }
.qw-report-actions .codex-button { min-height: 46px; }
.qw-report-actions .codex-button[disabled] { opacity: .65; cursor: default; transform: none; }
.qw-report-done { padding: 10px 0 4px; text-align: center; }
.qw-report-done p { margin: 0 0 18px; color: var(--codex-muted, #617087); font-size: 15px; }
.qw-report-check { width: 54px; height: 54px; margin: 0 auto 12px; border-radius: 50%; background: #e7f8ee; color: var(--codex-green, #18b653); font-size: 28px; font-weight: 800; line-height: 54px; }

@media (max-width: 760px) {
	.qw-report { margin-top: 30px; padding: 13px 16px; }
	.qw-report small { display: none; } /* Ctrl+Enter — только с клавиатуры */
	.qw-report-overlay { align-items: flex-end; padding: 0; }
	.qw-report-modal { max-width: none; max-height: 92vh; padding: 26px 18px 20px; border-radius: 22px 22px 0 0; }
	.qw-report-actions .codex-button { flex: 1; padding: 0 12px; }
}