#kdnat-app {
	max-width: 1240px;
	margin: 0 auto;
}

.kdnat-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	padding: 10px 14px;
	background: #2c3338;
	border: 1px solid #dcdcde;
	border-bottom: none;
}

.kdnat-tool-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	min-width: 0;
	max-width: 100%;
}

.kdnat-toolbar label {
	color: #f0f0f1;
	font-size: 13px;
}

.kdnat-toolbar input[type="text"] {
	font-size: 13px;
}

.kdnat-tool-btn {
	padding: 6px 10px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: none;
	color: #f0f0f1;
	font-size: 13px;
	cursor: pointer;
}

.kdnat-tool-btn:hover {
	background: #3c434a;
}

.kdnat-tool-btn-active {
	background: #2271b1;
	border-color: #2271b1;
}

.kdnat-canvas-wrap {
	border: 1px solid #dcdcde;
	overflow: auto;
	background: #fff;
}

#kdnat-canvas {
	display: block;
	cursor: crosshair;
}

/* -- Sidopaneler (uttag/accesspunkt) -------------------------------- */

.kdnat-side-panel {
	position: fixed;
	top: 80px;
	right: 20px;
	width: 320px;
	padding: 16px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 6px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
	z-index: 100;
}

.kdnat-side-panel h3 {
	margin-top: 0;
	font-size: 15px;
}

.kdnat-side-panel p {
	margin: 10px 0;
}

.kdnat-side-panel label {
	display: block;
	font-size: 12.5px;
	font-weight: 600;
	margin-bottom: 4px;
}

.kdnat-side-panel input[type="text"],
.kdnat-side-panel select {
	width: 100%;
	box-sizing: border-box;
}

/* -- Kontextmeny (samma stil som larm-/kameraritverktygen) ---------- */

.kdnat-context-menu {
	position: fixed;
	z-index: 1000;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	min-width: 160px;
	padding: 4px 0;
}

.kdnat-context-menu-title {
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 600;
	color: #646970;
	border-bottom: 1px solid #f0f0f1;
	margin-bottom: 2px;
}

.kdnat-context-menu-item {
	display: block;
	width: 100%;
	text-align: left;
	padding: 8px 12px;
	border: none;
	background: none;
	cursor: pointer;
	font-size: 14px;
}

.kdnat-context-menu-item:hover {
	background: #f0f0f1;
}

/* -- Sparade ritningar-lista ------------------------------------------ */

.kdnat-drawing-list {
	position: fixed;
	top: 80px;
	right: 20px;
	width: 320px;
	max-height: 400px;
	overflow-y: auto;
	padding: 12px 16px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 6px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
	z-index: 100;
}

.kdnat-drawing-row {
	padding: 8px 0;
	border-bottom: 1px solid #f0f0f1;
}

.kdnat-drawing-row a {
	text-decoration: none;
	font-size: 13px;
}

/* -- Fas 2: Switchar och IP-lista ------------------------------------ */

.kdnat-switches-panel,
.kdnat-iplist-panel {
	width: 460px;
	max-height: 80vh;
	overflow-y: auto;
}

.kdnat-iplist-panel {
	width: 820px;
	max-width: 92vw;
}

.kdnat-add-row {
	display: flex;
	gap: 8px;
	margin-bottom: 12px;
	flex-wrap: wrap;
}

.kdnat-add-row input {
	padding: 6px 8px;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
}

.kdnat-switches-table,
.kdnat-iplist-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 16px;
	font-size: 12.5px;
}

.kdnat-switches-table th,
.kdnat-switches-table td,
.kdnat-iplist-table th,
.kdnat-iplist-table td {
	text-align: left;
	padding: 6px 6px;
	border-bottom: 1px solid #eee;
}

.kdnat-iplist-table input,
.kdnat-iplist-table select {
	width: 100%;
	box-sizing: border-box;
	padding: 4px 6px;
	border: 1px solid #c3c4c7;
	border-radius: 3px;
	font-size: 12.5px;
}



/* HANDLINGAR: kabellista, kanalisation, provningsprotokoll.
 *
 * Tabeller som ska gå att läsa både på skärm och på papper –
 * installatören tar med utskriften ut på plats. */
.kdnat-docs-panel {
	max-width: 900px;
}

.kdnat-docs-tabs {
	display: flex;
	gap: 2px;
	margin-bottom: -1px;
	border-bottom: 1px solid rgba(18, 24, 31, 0.18);
}

.kdnat-docs-tab {
	padding: 9px 16px;
	border: 1px solid transparent;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
	background: none;
	font: inherit;
	font-size: 13px;
	color: #5B6B7A;
	cursor: pointer;
}

.kdnat-docs-tab.is-active {
	background: #fff;
	border-color: rgba(18, 24, 31, 0.18);
	color: #12181F;
	font-weight: 600;
	box-shadow: 0 1px 0 0 #fff;
}

.kdnat-docs-panel-inner { display: none; }
.kdnat-docs-panel-inner.is-active { display: block; }
.kdnat-docs-body { padding: 16px 0; }

.kdnat-doc h3 { margin: 0 0 10px; font-size: 15px; }
.kdnat-doc h4 { margin: 18px 0 8px; font-size: 14px; }

.kdnat-doc-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	margin-bottom: 8px;
}

.kdnat-doc-table th,
.kdnat-doc-table td {
	padding: 6px 9px;
	border: 1px solid rgba(18, 24, 31, 0.18);
	text-align: left;
	vertical-align: top;
}

.kdnat-doc-table th {
	background: #f2f3f4;
	font-weight: 600;
	white-space: nowrap;
}

.kdnat-doc-table--narrow { max-width: 420px; }

.kdnat-doc-table input,
.kdnat-doc-table select {
	width: 100%;
	padding: 3px 5px;
	border: 1px solid #c3c4c7;
	border-radius: 3px;
	font: inherit;
	font-size: 12px;
	box-sizing: border-box;
}

/* Stråk över gränsen syns rött – felet ska inte gå att missa när
 * listan skummas. */
.kdnat-row-over td { background: #fcf0f1; }
.kdnat-row-warn td { background: #fdf6e3; }

.kdnat-row-note td {
	background: #fcf0f1;
	font-size: 12px;
	color: #8a2a24;
	border-top: 0;
}

.kdnat-muted { color: #8a8f94; }

.kdnat-doc-empty {
	padding: 14px 16px;
	background: #f6f7f7;
	border-radius: 6px;
	color: #5B6B7A;
	font-size: 13px;
}

.kdnat-doc-bad,
.kdnat-doc-warn {
	padding: 10px 14px;
	border-radius: 0 4px 4px 0;
	font-size: 13px;
	margin: 0 0 12px;
}

.kdnat-doc-bad {
	background: #fcf0f1;
	border-left: 4px solid #b3261e;
	color: #8a2a24;
}

.kdnat-doc-warn {
	background: #fdf6e3;
	border-left: 4px solid #8a5a00;
	color: #6b4600;
}

.kdnat-doc-note,
.kdnat-doc-status {
	font-size: 12px;
	color: #5B6B7A;
	margin: 4px 0 12px;
}

@media print {
	.kdnat-toolbar,
	.kdnat-canvas-wrap,
	.kdnat-docs-tabs,
	#kdnat-docs-print,
	#kdnat-docs-close { display: none !important; }

	/* Alla handlingar skrivs ut, inte bara den öppna fliken. */
	.kdnat-docs-panel-inner { display: block !important; page-break-after: always; }
	.kdnat-docs-panel-inner:last-child { page-break-after: auto; }
	.kdnat-doc-table tr { page-break-inside: avoid; }
}

/* MONTERINGSRITNING enligt SS 455 12 01 bilaga J.
 *
 * Flera stativ sida vid sida på skärmen, eget blad i utskrift –
 * samma val som i kameramodulens rackvy. */
.kdnat-racks--multi {
	display: flex;
	gap: 34px;
	align-items: flex-start;
	overflow-x: auto;
	padding-bottom: 8px;
}

.kdnat-rack-col { flex: 0 0 auto; }

.kdnat-rack-no {
	margin: 0 0 8px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #5B6B7A;
}

.kdnat-rack-svg {
	width: 290px;
	height: auto;
	display: block;
}

.kdnat-rack-legend {
	margin: 14px 0 6px;
	font-size: 12px;
	color: #5B6B7A;
}

.kdnat-rack-key {
	display: inline-block;
	width: 11px;
	height: 11px;
	border-radius: 2px;
	margin: 0 4px 0 12px;
	vertical-align: -1px;
}

.kdnat-rack-legend .kdnat-rack-key:first-child { margin-left: 0; }

@media print {
	/* Varje stativ på eget blad – handlingen ska kunna tas med till
	   rätt skåp. */
	.kdnat-racks--multi {
		display: block;
		overflow: visible;
	}

	.kdnat-racks--multi .kdnat-rack-col {
		page-break-after: always;
		page-break-inside: avoid;
	}

	.kdnat-racks--multi .kdnat-rack-col:last-child { page-break-after: auto; }
}

/* Lediga portar dämpas – de ska synas men inte konkurrera med de
 * använda när listan skummas. */
.kdnat-row-free td { color: #8a8f94; }

.kdnat-doc-sub {
	font-weight: 400;
	font-size: 12px;
	color: #5B6B7A;
}

/* BLADVÄXLARE. En anläggning över flera våningar ritas på ett blad
 * per plan – knapparna växlar mellan dem. */
.kdnat-sheets {
	display: flex;
	align-items: center;
	gap: 6px;
}

.kdnat-sheets-label {
	font-size: 12px;
	color: #5B6B7A;
}

.kdnat-sheet-btn {
	min-width: 30px;
	padding: 5px 9px;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	background: #fff;
	font: inherit;
	font-size: 13px;
	cursor: pointer;
}

.kdnat-sheet-btn.is-active {
	background: #1E3A5F;
	border-color: #1E3A5F;
	color: #fff;
	font-weight: 600;
}

/* HANDBOKEN. Samma uppbyggnad som ritverktygets och rackvyns. */
.kdnat-modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(18, 24, 31, 0.55);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	z-index: 9999;
}

.kdnat-modal-overlay[hidden] { display: none !important; }

.kdnat-modal {
	background: #fff;
	border-radius: 8px;
	max-width: 860px;
	width: 100%;
	max-height: 88vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.kdnat-modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 22px;
	border-bottom: 1px solid rgba(18, 24, 31, 0.12);
}

.kdnat-modal-header h2 { margin: 0; font-size: 17px; }

.kdnat-modal-close {
	border: 0;
	background: none;
	font-size: 26px;
	line-height: 1;
	color: #5B6B7A;
	cursor: pointer;
}

/* Innehållet rullar, inte hela sidan – navigeringen ska stanna kvar. */
.kdnat-help-body {
	display: flex;
	gap: 26px;
	overflow: hidden;
	padding: 20px 22px 24px;
}

.kdnat-help-nav {
	flex: 0 0 190px;
	display: flex;
	flex-direction: column;
	gap: 7px;
	overflow-y: auto;
}

.kdnat-help-nav a {
	color: #1E3A5F;
	text-decoration: none;
	font-size: 13px;
	line-height: 1.4;
}

.kdnat-help-nav a:hover { text-decoration: underline; }

.kdnat-help-chapters {
	flex: 1 1 auto;
	overflow-y: auto;
	font-size: 14px;
	line-height: 1.6;
}

.kdnat-help-chapters section { margin-bottom: 30px; }
.kdnat-help-chapters h3 { margin: 0 0 10px; font-size: 16px; }
.kdnat-help-chapters ul { padding-left: 20px; }
.kdnat-help-chapters li { margin-bottom: 5px; }

.kdnat-help-fig { margin: 12px 0 16px; }
.kdnat-help-fig figcaption { font-size: 12px; color: #50575e; margin-top: 4px; }
.kdnat-help-img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 12px 0;
	border: 1px solid rgba(18, 24, 31, 0.14);
	border-radius: 5px;
}

/* Det som inte är uppenbart och annars upptäcks för sent. */
.kdnat-help-tip {
	padding: 10px 14px;
	background: #f2f7ff;
	border-left: 3px solid #1E3A5F;
	border-radius: 0 4px 4px 0;
	font-size: 13px;
}

/* ==================================================================
 * 1.0.0 – ny ritmotor, egenskapspanel, paneler och helskärm
 * ================================================================== */

#kdnat-app {
	max-width: 1480px;
}

.kdnat-toolbar {
	gap: 10px 14px;
	padding: 8px 12px;
	align-items: center;
}

.kdnat-toolbar select,
.kdnat-toolbar input[type="number"] {
	font-size: 12.5px;
	padding: 2px 4px;
}

.kdnat-titel {
	min-width: 200px;
	font-weight: 600;
}

.kdnat-autospar,
.kdnat-zoom {
	color: #c3c4c7;
	font-size: 12px;
	min-width: 44px;
	text-align: center;
}

.kdnat-verktyg .kdnat-tool-btn {
	padding: 5px 8px;
}

.kdnat-helskarm-rad {
	margin-left: auto;
	padding: 4px 10px;
	border: 1px solid #50575e;
	border-radius: 3px;
	background: transparent;
	color: #f0f0f1;
	font-size: 15px;
	cursor: pointer;
}

.kdnat-helskarm-rad.is-active,
.kdnat-helskarm-rad:hover {
	background: #3c434a;
}

.kdnat-layout {
	display: flex;
	align-items: stretch;
	border: 1px solid #dcdcde;
	background: #fff;
}

.kdnat-main {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.kdnat-layout .kdnat-canvas-wrap {
	border: 0;
	overflow: hidden;
	line-height: 0;
}

#kdnat-canvas {
	width: 100%;
	height: auto;
	touch-action: none;
}

.kdnat-status {
	min-height: 20px;
	padding: 4px 10px;
	border-top: 1px solid #f0f0f1;
	background: #f6f7f7;
	color: #3c434a;
	font-size: 12.5px;
	line-height: 1.5;
}

.kdnat-props {
	flex: 0 0 300px;
	max-width: 300px;
	border-left: 1px solid #dcdcde;
	padding: 10px 12px;
	overflow-y: auto;
	max-height: 820px;
	font-size: 13px;
	background: #fcfcfc;
}

.kdnat-egenskaper-rubrik {
	margin: 0 0 8px;
	font-size: 14px;
}

.kdnat-falt {
	display: block;
	margin: 0 0 8px;
}

.kdnat-falt-etikett {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #3c434a;
	margin-bottom: 2px;
}

.kdnat-falt-not {
	display: block;
	margin: 2px 0 6px;
	font-size: 11.5px;
	color: #646970;
	line-height: 1.45;
}

.kdnat-in {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	font-size: 13px;
	padding: 3px 6px;
}

.kdnat-in--kort {
	width: 90px;
}

.kdnat-in--tabell {
	width: auto;
	min-width: 40px;
	font-size: 12px;
	padding: 2px 4px;
}

.kdnat-kryss {
	display: block;
	margin: 4px 0 8px;
	font-size: 12.5px;
}

.kdnat-egenskaper-fot {
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid #f0f0f1;
}

.kdnat-knapp--fara {
	color: #b32d2e !important;
	border-color: #e0b4b4 !important;
}

.kdnat-dok {
	white-space: nowrap;
}

.kdnat-langd--over { color: #b3261e; }
.kdnat-langd--nara { color: #b35c00; }

.kdnat-sammanfattning {
	margin: 6px 0 12px 18px;
	padding: 0;
	font-size: 12.5px;
}

.kdnat-issues h4 {
	margin: 14px 0 6px;
	font-size: 13px;
}

.kdnat-issue-lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.kdnat-issue {
	margin: 0 0 4px;
	padding: 4px 8px;
	border-left: 3px solid #c3c4c7;
	background: #fff;
	font-size: 12px;
	line-height: 1.45;
}

.kdnat-issue--fel { border-left-color: #b3261e; background: #fcf0f1; }
.kdnat-issue--varning { border-left-color: #dba617; background: #fcf9e8; }
.kdnat-issue--info { border-left-color: #2271b1; }
.kdnat-issue--ok { border-left-color: #00a32a; }
.kdnat-issue.is-klickbar { cursor: pointer; }
.kdnat-issue.is-klickbar:hover { text-decoration: underline; }

.kdnat-rad {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
	margin: 8px 0;
}

/* Breda paneler: utrustning, portar/IP, handlingar. */
.kdnat-wide-panel,
.kdnat-docs-panel {
	width: min(1040px, calc(100vw - 40px));
	max-width: none;
	max-height: calc(100vh - 110px);
	overflow-y: auto;
	box-sizing: border-box;
}

.kdnat-utr-lagg {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
	margin: 6px 0 10px;
}

.kdnat-utr-lagg .kdnat-in {
	width: auto;
}

.kdnat-utr-lagg .kdnat-produktval {
	max-width: 340px;
}

.kdnat-utr-tabell .kdnat-produktval {
	max-width: 230px;
	font-size: 12px;
}

.kdnat-ipplan {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 4px 12px;
}

.kdnat-poe-lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Katalogrutan */
.kdnat-katalog {
	max-width: 1100px;
}

.kdnat-katalog-body {
	padding: 14px 20px 20px;
	overflow-y: auto;
}

.kdnat-std {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 4px 14px;
	margin: 6px 0 12px;
	padding: 10px;
	background: #f6f7f7;
	border-radius: 4px;
}

.kdnat-kat-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 12px 0 6px;
}

.kdnat-kat-filter .kdnat-in {
	width: auto;
	min-width: 160px;
}

.kdnat-egen {
	margin-top: 14px;
	max-width: 520px;
}

.kdnat-egen summary {
	cursor: pointer;
	font-weight: 600;
	margin-bottom: 8px;
}

.kdnat-doc-ok {
	color: #00713c;
}

/* Helskärm (maximerat läge): verktyget fyller fönstret. */
body.kdnat-maximerad {
	overflow: hidden;
}

body.kdnat-maximerad #wpadminbar {
	display: none;
}

body.kdnat-maximerad #kdnat-app {
	position: fixed;
	inset: 0;
	z-index: 99990;
	max-width: none;
	margin: 0;
	background: #fff;
	display: flex;
	flex-direction: column;
}

body.kdnat-maximerad #kdnat-app .kdnat-layout {
	flex: 1 1 auto;
	min-height: 0;
}

/* 3.043: ritytan fyller hela den grå ytan – canvas får ytans storlek i JS (anpassaCanvas). */
body.kdnat-maximerad #kdnat-app .kdnat-canvas-wrap {
	flex: 1 1 auto;
	min-height: 0;
	position: relative;
	background: #fff;
}

body.kdnat-maximerad #kdnat-canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	background: #fff;
}

body.kdnat-maximerad #kdnat-app .kdnat-props {
	max-height: none;
}

@media (max-width: 900px) {
	body.kdnat-maximerad #kdnat-app .kdnat-canvas-wrap {
		flex: 0 0 auto;
		height: 70vh;
	}
	body.kdnat-maximerad #kdnat-app {
		overflow: auto;
	}
	.kdnat-layout {
		flex-direction: column;
	}
	.kdnat-props {
		flex: 0 0 auto;
		max-width: none;
		border-left: 0;
		border-top: 1px solid #dcdcde;
		max-height: none;
	}
}

@media print {
	.kdnat-props,
	.kdnat-status,
	#kdnat-switches-panel,
	#kdnat-iplist-panel,
	.kdnat-g-huvud,
	.kdnat-g-panel { display: none !important; }
	.kdnat-docs-panel { position: static; width: auto; max-height: none; box-shadow: none; border: 0; }
	.kdnat-docs-panel-inner[data-doc="datablad"] { display: none !important; }
}

/* ==================================================================
 * 3.111b – som kameran: hopfällbar sidopanel, flerval, versioner,
 * PDF-dialog och handbokens flikar
 * ================================================================== */

/* Sidopanelens sektioner (kamerans rit-analysis-section). */
.kdnat-props {
	padding: 8px;
}

.kdnat-sektion {
	margin: 0 0 8px;
	border: 1px solid #dcdcde;
	border-radius: 6px;
	background: #fff;
	overflow: hidden;
}

.kdnat-sektion-rubrik {
	margin: 0;
	font-size: 13px;
}

.kdnat-sektion-knapp {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	padding: 8px 10px;
	border: 0;
	background: #f6f7f7;
	font: inherit;
	font-weight: 600;
	color: #1d2327;
	text-align: left;
	cursor: pointer;
}

.kdnat-sektion-knapp:hover { background: #f0f0f1; }
.kdnat-sektion-knapp:focus-visible { outline: 2px solid #2271b1; outline-offset: -2px; }

.kdnat-sektion-pil {
	display: inline-block;
	font-size: 11px;
	color: #50575e;
	transition: transform 0.15s ease;
}

.kdnat-sektion.is-open .kdnat-sektion-pil { transform: rotate(90deg); }

.kdnat-sektion-info {
	font-weight: 400;
	color: #646970;
	font-size: 12px;
}

.kdnat-sektion-innehall {
	padding: 8px 10px 10px;
	border-top: 1px solid #f0f0f1;
}

.kdnat-sektion-innehall[hidden] { display: none; }
.kdnat-sektion-innehall .kdnat-sammanfattning { margin: 0 0 0 18px; }
.kdnat-sektion-innehall.kdnat-issues { padding-top: 8px; }

.kdnat-flerval .kdnat-egenskaper-fot .button { margin: 0 4px 4px 0; }

/* Smala rutor: versioner och PDF. */
.kdnat-modal--smal { max-width: 720px; }

.kdnat-modal-innehall {
	padding: 16px 22px 20px;
	overflow-y: auto;
	font-size: 13.5px;
}

.kdnat-versioner { width: 100%; border-collapse: collapse; font-size: 13px; }
.kdnat-versioner th,
.kdnat-versioner td { padding: 6px 8px; border-bottom: 1px solid #f0f0f1; text-align: left; vertical-align: middle; }
.kdnat-versioner th { font-size: 12px; color: #50575e; }
.kdnat-versioner td:last-child { text-align: right; white-space: nowrap; }

.kdnat-pdf-falt {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 16px;
}

@media (max-width: 600px) {
	.kdnat-pdf-falt { grid-template-columns: 1fr; }
}

/* Handbokens flikar (som kamerans rit-help-flikar). */
.kdnat-help-flikar {
	display: flex;
	gap: 4px;
	padding: 8px 16px 0;
	border-bottom: 1px solid rgba(18, 24, 31, 0.12);
	background: #fff;
	flex: 0 0 auto;
}

.kdnat-help-flik {
	padding: 8px 16px;
	border: 1px solid transparent;
	border-bottom: none;
	border-radius: 6px 6px 0 0;
	background: none;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #50575e;
	cursor: pointer;
	margin-bottom: -1px;
}

.kdnat-help-flik:hover { color: #1E3A5F; }

.kdnat-help-flik.is-vald {
	color: #1E3A5F;
	background: #fff;
	border-color: rgba(18, 24, 31, 0.12);
	border-bottom: 1px solid #fff;
}

.kdnat-help-body[hidden] { display: none; }

@media (max-width: 700px) {
	.kdnat-help-flik { padding: 8px 10px; font-size: 13px; }
	.kdnat-help-body { flex-direction: column; }
	.kdnat-help-nav { flex: 0 0 auto; }
}

/* 3.193: Gör klart datanätet och VLAN-planen */
.kdnat-gk-val { display: grid; gap: 6px; margin: 12px 0; }
.kdnat-gk-val .kdnat-kryss { display: flex; gap: 8px; align-items: flex-start; }
.kdnat-gk-rapport:empty { display: none; }
.kdnat-gk-rapport { border-top: 1px solid #dcdcde; margin-top: 12px; padding-top: 8px; }
.kdnat-gk-lista { margin: 4px 0 8px 18px; }
.kdnat-g-gorklart { align-items: center; gap: 8px; flex-wrap: wrap; }
.kdnat-vlan { margin: 12px 0; }
.kdnat-vlan-tabell input { width: 100%; box-sizing: border-box; }