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

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

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

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

/* Formatting guidelines */
.vjmt-guidelines h3 { margin: 1.4em 0 .4em; font-size: 1.1em; }
.vjmt-guidelines h3:first-child { margin-top: 0; }
.vjmt-guidelines ul,
.vjmt-guidelines ol { margin: 0 0 .8em 1.3em; padding: 0; }
.vjmt-guidelines li { margin: 0 0 .25em; }
.vjmt-guidelines .vjmt-dl { margin-top: 1.2em; }