/* Template box on the submission page */
.qmt-box-f {
	--qmt-accent: var(--qsub-accent, #1d4f91);
	--qmt-line: var(--qsub-line, #d0d7de);
	--qmt-soft: var(--qsub-soft, #f6f8fa);
	--qmt-muted: var(--qsub-muted, #57606a);
	border: 1px solid var(--qmt-line);
	border-left: 4px solid var(--qmt-accent);
	border-radius: 8px;
	background: var(--qmt-soft);
	padding: 14px 18px 12px;
	margin: 0 0 24px;
	box-sizing: border-box;
	max-width: 100%;
}
.qmt-box-f h3 { margin: 0 0 8px; font-size: 1.1em; }
.qmt-box-f p { margin: 0 0 10px; }
.qmt-note-f { color: #9a6700; font-weight: 600; }
.qmt-muted-f { color: var(--qmt-muted); font-size: .88em; margin-left: 6px; }
.qmt-dl { display: flex; flex-wrap: wrap; gap: 8px; }
.qmt-btn {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid var(--qmt-accent);
	border-radius: 6px;
	background: var(--qmt-accent);
	color: #fff !important;
	font: inherit;
	font-weight: 600;
	text-decoration: none !important;
	cursor: pointer;
	line-height: 1.3;
}
.qmt-btn:hover, .qmt-btn:focus { filter: brightness(1.12); }
.qmt-btn[disabled] { opacity: .6; cursor: progress; }
.qmt-btn-2 { background: #fff; color: var(--qmt-accent) !important; }
.qmt-more { margin: 0 0 10px; }
.qmt-more > summary { cursor: pointer; font-weight: 600; }
.qmt-more ul { margin: 8px 0 6px 1.2em; padding: 0; }
.qmt-more li { margin: 0 0 2px; }
.qmt-sec-h { font-weight: 600; margin: 8px 0 4px !important; }
.qmt-secs { margin: 0 0 4px 1.6em; padding: 0; columns: 2 220px; }
.qmt-opt { color: var(--qmt-muted); font-size: .88em; }

.qmt-widget { border-top: 1px solid var(--qmt-line); padding-top: 10px; margin-top: 4px; }
.qmt-w-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.qmt-w-row input[type=file] { max-width: 100%; }
.qmt-out { margin-top: 8px; }
.qmt-out:empty { display: none; }
.qmt-msg { margin: 0; padding: 8px 12px; border-radius: 6px; background: #fff; border: 1px solid var(--qmt-line); }
.qmt-msg-error { border-color: #b42318; color: #b42318; }
.qmt-busy { color: var(--qmt-muted); }

/* Result on the form itself, under the file field */
.qmt-form-out { margin: 10px 0 0; }
.qmt-form-out:empty { display: none; }

/* Result built by frontend.js (same look as the server-side report) */
.qmt-rp .qmt-rp-h { margin: 0 0 6px; font-weight: 600; }
.qmt-rp-js .qmt-det { margin-left: 58px; }