/* Villkorsdokument och godkännandeformulär. */

.kdvillkor-dokument {
	max-width: 74ch;
	margin: 0 auto;
	line-height: 1.7;
}

.kdvillkor-fristaende {
	margin: 0;
	padding: 40px 20px 64px;
	background: #fff;
	color: #1a1a1a;
	font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

.kdvillkor-huvud {
	margin-bottom: 28px;
	padding-bottom: 16px;
	border-bottom: 2px solid #e2e2e2;
}

.kdvillkor-huvud h1 {
	margin: 0 0 6px;
	font-size: 1.7rem;
	line-height: 1.25;
}

.kdvillkor-version {
	margin: 0;
	font-size: .9rem;
	color: #666;
}

.kdvillkor-innehall h2 {
	margin: 32px 0 10px;
	font-size: 1.22rem;
	line-height: 1.3;
}

.kdvillkor-innehall h3 {
	margin: 24px 0 8px;
	font-size: 1.05rem;
}

.kdvillkor-innehall table {
	width: 100%;
	border-collapse: collapse;
	margin: 16px 0;
	font-size: .94rem;
}

.kdvillkor-innehall th,
.kdvillkor-innehall td {
	padding: 8px 10px;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
}

.kdvillkor-innehall th {
	background: #f6f6f6;
	font-weight: 600;
}

.kdvillkor-kommande {
	margin-top: 32px;
	padding: 12px 14px;
	background: #fff8e5;
	border-left: 4px solid #d4a017;
	font-size: .92rem;
}

/* Godkännandeformuläret */

.kdvillkor-godkann {
	max-width: 62ch;
	padding: 20px 22px 24px;
	border: 1px solid #d6d6d6;
	border-radius: 8px;
	background: #fcfcfc;
}

.kdvillkor-godkann h2 {
	margin: 0 0 8px;
	font-size: 1.25rem;
}

.kdvillkor-rad {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin: 14px 0;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	cursor: pointer;
}

.kdvillkor-rad input {
	margin-top: 3px;
	flex: 0 0 auto;
}

.kdvillkor-rad:hover {
	border-color: #b9b9b9;
}

.kdvillkor-notis {
	font-size: .86rem;
	color: #666;
}

.kdvillkor-knapp {
	padding: 10px 20px;
	border: 0;
	border-radius: 6px;
	background: #1a5fa8;
	color: #fff;
	font-size: 1rem;
	cursor: pointer;
}

.kdvillkor-knapp:hover {
	background: #16518f;
}

.kdvillkor-klart {
	padding: 10px 14px;
	background: #edf7ed;
	border-left: 4px solid #2e7d32;
}

.kdvillkor-tabell {
	width: 100%;
	border-collapse: collapse;
	margin-top: 14px;
	font-size: .93rem;
}

.kdvillkor-tabell th,
.kdvillkor-tabell td {
	padding: 7px 10px;
	border-bottom: 1px solid #e4e4e4;
	text-align: left;
}

@media (prefers-color-scheme: dark) {
	.kdvillkor-fristaende {
		background: #151515;
		color: #e8e8e8;
	}

	.kdvillkor-huvud {
		border-bottom-color: #383838;
	}

	.kdvillkor-version,
	.kdvillkor-notis {
		color: #a4a4a4;
	}

	.kdvillkor-innehall th,
	.kdvillkor-innehall td {
		border-color: #3a3a3a;
	}

	.kdvillkor-innehall th {
		background: #222;
	}

	.kdvillkor-kommande {
		background: #2c2616;
		border-left-color: #b8901a;
	}

	.kdvillkor-godkann {
		background: #1c1c1c;
		border-color: #383838;
	}

	.kdvillkor-rad {
		background: #222;
		border-color: #3a3a3a;
	}

	.kdvillkor-klart {
		background: #17281a;
		border-left-color: #4c9a50;
	}

	.kdvillkor-tabell th,
	.kdvillkor-tabell td {
		border-bottom-color: #383838;
	}
}

@media print {
	.kdvillkor-fristaende {
		padding: 0;
		font-size: 11pt;
	}

	.kdvillkor-kommande {
		display: none;
	}
}

/*
 * Tidigare godkännanden.
 *
 * Nedtonat och ihopfällt: de ska gå att hitta, men inte konkurrera med
 * raderna som faktiskt gäller.
 */
.kdvillkor-tidigare {
	margin-top: 16px;
	border-top: 1px solid #ececec;
	padding-top: 12px;
}

.kdvillkor-tidigare summary {
	cursor: pointer;
	color: #555;
	font-size: 14px;
}

.kdvillkor-tidigare .kdvillkor-tabell {
	opacity: .75;
	margin-top: 8px;
}