/* Kimman artikelfilter. Tokens taken from the O-rings design page (2026-10-27). */
.kimman-artikelen {
	--ka-navy: #08294c;
	--ka-ink: #3c434a;
	--ka-line: #cfd9e5;
	--ka-soft: #f3f6fa;
	--ka-hi: #fff4cc;
	font-family: Raleway, sans-serif;
	color: var(--ka-navy);
	font-size: 14px;
}
.kimman-artikelen .ka-section { transition: opacity .15s; }
.kimman-artikelen .ka-busy { opacity: .55; }
.kimman-artikelen .ka-title { font-size: 14px; font-weight: 700; color: #0f2f52; margin: 0 0 6px; }
.kimman-artikelen .ka-tip { font-size: 12px; color: #6b7785; margin: 0 0 12px; line-height: 1.4; }
.kimman-artikelen .ka-field { display: grid; grid-template-columns: 120px 1fr; gap: 8px; align-items: start; margin-bottom: 10px; }
.kimman-artikelen .ka-label { font-size: 13px; padding-top: 7px; }
.kimman-artikelen .ka-input,
.kimman-artikelen .ka-select { font: inherit; font-size: 13px; border: 1px solid var(--ka-line); border-radius: 5px; padding: 6px 8px; background: #fff; color: var(--ka-ink); max-width: 100%; }
.kimman-artikelen .ka-dim-inputs { display: flex; gap: 6px; flex-wrap: wrap; }
.kimman-artikelen .ka-dim-inputs .ka-input { width: 110px; }
.kimman-artikelen .ka-field .ka-select { width: 100%; }
.kimman-artikelen .ka-dim-inputs .ka-select { width: auto; }
.kimman-artikelen .ka-chips { display: flex; flex-direction: column; gap: 6px; margin-bottom: 8px; }
.kimman-artikelen .ka-chip { display: flex; justify-content: space-between; align-items: center; gap: 8px; font: inherit; font-size: 13px; font-weight: 700; color: var(--ka-ink); background: #fff; border: 1px solid var(--ka-line); border-radius: 5px; padding: 8px 10px; cursor: pointer; text-align: left; }
.kimman-artikelen .ka-chip:hover { border-color: var(--ka-navy); }
.kimman-artikelen .ka-chip.is-on { background: var(--ka-navy); border-color: var(--ka-navy); color: #fff; }
.kimman-artikelen .ka-chip[disabled] { opacity: .45; cursor: default; }
.kimman-artikelen .ka-chip-count { font-weight: 400; font-size: 12px; opacity: .8; }
.kimman-artikelen .ka-chosen { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.kimman-artikelen .ka-tag { font: inherit; font-size: 12px; background: var(--ka-soft); border: 1px solid var(--ka-line); border-radius: 12px; padding: 2px 8px; color: var(--ka-navy); cursor: pointer; }
.kimman-artikelen .ka-tag:hover { border-color: var(--ka-navy); }
.kimman-artikelen .ka-button { display: inline-block; font: inherit; font-size: 14px; font-weight: 600; color: #fff; background: var(--ka-navy); border: 0; border-radius: 5px; padding: 9px 16px; cursor: pointer; text-decoration: none; }
.kimman-artikelen .ka-button:hover { color: #fff; opacity: .9; }
.kimman-artikelen .ka-button[disabled],
.kimman-artikelen .ka-button.is-disabled { opacity: .4; cursor: not-allowed; }
.kimman-artikelen .ka-button.ka-light { background: #fff; color: var(--ka-navy); border: 1px solid var(--ka-line); }
.kimman-artikelen .ka-results-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 8px 0 10px; }
.kimman-artikelen .ka-count { margin: 0; font-size: 16px; }
.kimman-artikelen .ka-table-wrap { overflow-x: auto; }
.kimman-artikelen .ka-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.kimman-artikelen .ka-table th { text-align: left; font-size: 12px; border-bottom: 2px solid var(--ka-navy); padding: 6px 8px; white-space: nowrap; }
.kimman-artikelen .ka-table td { border-bottom: 1px solid var(--ka-line); padding: 6px 8px; }
.kimman-artikelen .ka-table td.ka-num { text-align: right; font-variant-numeric: tabular-nums; }
/* Nine columns or more: wrapping headers and tighter cells, so a 12-column classification fits a 1,000 px column instead of scrolling (Bart, 2026-10-29). */
.kimman-artikelen .ka-table.ka-wide th, .kimman-artikelen .ka-table.ka-wide td { padding: 5px 6px; }
.kimman-artikelen .ka-table.ka-wide th { white-space: normal; vertical-align: bottom; hyphens: auto; }
.kimman-artikelen .ka-table.ka-wide th .ka-sort { white-space: normal; text-align: left; }
/* Values never break mid-word: article numbers, cluster codes and numbers stay on one line; text (temperature ranges, lists) wraps at spaces. */
.kimman-artikelen .ka-table.ka-wide td.ka-num, .kimman-artikelen .ka-table.ka-wide td:first-child, .kimman-artikelen .ka-table.ka-wide td:nth-child(2) { white-space: nowrap; }
.kimman-artikelen .ka-table tr.is-highlight td { background: var(--ka-hi); font-weight: 700; }
.kimman-artikelen .ka-sort { font: inherit; font-weight: 700; color: var(--ka-navy); background: none; border: 0; padding: 0; cursor: pointer; }
.kimman-artikelen .ka-sort.is-on { text-decoration: underline; }
.kimman-artikelen .ka-pager { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.kimman-artikelen .ka-page { font-size: 13px; }
.kimman-artikelen .ka-empty { padding: 16px; background: var(--ka-soft); border-radius: 5px; }
@media (max-width: 600px) {
	.kimman-artikelen .ka-field { grid-template-columns: 1fr; }
	.kimman-artikelen .ka-label { padding-top: 0; }
}

/* decision 31: cluster thumbnail on the profile chip */
/* Salient's .row .col img (height:auto) outranks two classes; hence the element and !important. */
.kimman-artikelen .ka-chip img.ka-chip-img { height: 28px !important; width: auto !important; max-width: 44px; margin: 0 8px 0 0; vertical-align: middle; border-radius: 4px; background: #f2f4fa; }