/**
 * CNA_DVSC — tool-specific styles.
 *
 * Layered on top of cna-core.css / cna-core-fallback.css, which already
 * provide .cna-tool, .cna-field, .cna-btn, .cna-result, .cna-stats,
 * .cna-stat, .cna-suggestions, .cna-capture, .cna-disclaimer, etc. This
 * file only adds what's specific to this tool: the kit checklist and a
 * print stylesheet.
 *
 * @package CNA_DVSC
 */

.cna-dvsc [data-cna-dvsc-empty] {
	color: var(--cna-muted);
	font-style: italic;
}

.cna-dvsc-kit-list {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.cna-dvsc-kit-list li {
	display: flex;
	align-items: center;
	gap: 10px;
}

.cna-dvsc-kit-list input[type='checkbox'] {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
}

.cna-dvsc-kit-list label {
	cursor: pointer;
}

.cna-dvsc-kit-total {
	border-top: 1px solid var(--cna-line);
	padding-top: 10px;
	font-size: 1.05em;
}

.cna-dvsc [data-block='verdict'] .cna-result__headline {
	font-size: 1.3em;
}

/* -----------------------------------------------------------------
 * Print (BUILD-PROMPT §13 — print stylesheet OR lazy jsPDF; this tool
 * uses a print stylesheet so the "Print" button is just window.print()).
 * -------------------------------------------------------------- */
@media print {
	.cna-dvsc .cna-toolbar,
	.cna-dvsc form[data-cna-dvsc-form],
	.cna-dvsc .cna-actions,
	.cna-dvsc [data-block='suggestions'],
	.cna-dvsc .cna-capture {
		display: none !important;
	}

	.cna-dvsc .cna-result {
		box-shadow: none;
		border: 1px solid #000;
		break-inside: avoid;
	}
}