#nr-radar{
	--nr-ink:#101a24;
	--nr-panel:#17232e;
	--nr-panel-2:#1d2b37;
	--nr-rule:#2a3a49;
	--nr-txt:#eaf1f5;
	--nr-mut:#8ea3b3;
	--nr-steuer:#e0574f;
	--nr-netto:#2fbf9b;
	--nr-warn:#e8b04b;
	--nr-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;
	--nr-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--nr-r:10px;
	background:var(--nr-ink);
	color:var(--nr-txt);
	font-family:var(--nr-sans);
	font-size:16px;
	line-height:1.55;
	border:1px solid var(--nr-rule);
	border-radius:var(--nr-r);
	padding:26px 22px 22px;
	margin:38px 0;
	max-width:100%;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
#nr-radar *,#nr-radar *::before,#nr-radar *::after{box-sizing:border-box;}
#nr-radar p{margin:0 0 12px;color:var(--nr-txt);}

/* --- Kopf --- */
#nr-radar .nr-eyebrow{
	font-family:var(--nr-mono);
	font-size:11px;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--nr-mut);
	margin:0 0 8px;
	display:flex;
	align-items:center;
	gap:10px;
}
#nr-radar .nr-eyebrow::after{content:"";flex:1;height:1px;background:var(--nr-rule);}
#nr-radar h2.nr-title{
	font-family:var(--nr-sans);
	font-size:clamp(22px,4.4vw,30px);
	line-height:1.15;
	font-weight:800;
	letter-spacing:-.02em;
	margin:0 0 8px;
	color:var(--nr-txt);
}
#nr-radar .nr-lede{color:var(--nr-mut);font-size:15px;margin:0 0 20px;max-width:62ch;}

/* --- Reiter --- */
#nr-radar .nr-tabs{
	display:flex;
	gap:6px;
	border-bottom:1px solid var(--nr-rule);
	margin:0 0 20px;
	overflow-x:auto;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
}
#nr-radar .nr-tabs::-webkit-scrollbar{display:none;}
#nr-radar .nr-tab{
	appearance:none;
	background:transparent;
	border:0;
	border-bottom:2px solid transparent;
	color:var(--nr-mut);
	font-family:var(--nr-sans);
	font-size:14px;
	font-weight:600;
	padding:10px 12px;
	cursor:pointer;
	white-space:nowrap;
	transition:color .15s ease,border-color .15s ease;
}
#nr-radar .nr-tab:hover{color:var(--nr-txt);}
#nr-radar .nr-tab[aria-selected="true"]{color:var(--nr-txt);border-bottom-color:var(--nr-steuer);}
#nr-radar .nr-tab:focus-visible{outline:2px solid var(--nr-netto);outline-offset:2px;border-radius:4px;}
#nr-radar .nr-pane[hidden]{display:none;}

/* --- Eingaben --- */
#nr-radar .nr-fields{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
	gap:14px;
	margin:0 0 20px;
}
#nr-radar .nr-field{display:flex;flex-direction:column;gap:6px;min-width:0;}
#nr-radar .nr-field label{
	font-family:var(--nr-mono);
	font-size:11px;
	letter-spacing:.09em;
	text-transform:uppercase;
	color:var(--nr-mut);
}
#nr-radar input[type="number"],
#nr-radar select{
	width:100%;
	background:var(--nr-panel);
	border:1px solid var(--nr-rule);
	border-radius:8px;
	color:var(--nr-txt);
	font-family:var(--nr-mono);
	font-size:16px; /* verhindert Auto-Zoom auf iOS */
	font-weight:600;
	padding:11px 12px;
	transition:border-color .15s ease;
}
#nr-radar select{font-family:var(--nr-sans);font-weight:600;font-size:15px;}
#nr-radar input[type="number"]:focus,
#nr-radar select:focus{outline:none;border-color:var(--nr-netto);}
#nr-radar input[type="range"]{width:100%;accent-color:var(--nr-netto);}
#nr-radar .nr-hint{font-size:12px;color:var(--nr-mut);line-height:1.4;}

/* --- Beleg (Signature-Element) --- */
#nr-radar .nr-belege{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
	gap:14px;
	margin:0 0 18px;
}
#nr-radar .nr-beleg{
	position:relative;
	background:var(--nr-panel);
	border:1px solid var(--nr-rule);
	border-radius:var(--nr-r);
	padding:16px 16px 14px;
	overflow:hidden;
}
#nr-radar .nr-beleg.is-best{border-color:var(--nr-netto);}
#nr-radar .nr-beleg-kopf{
	font-family:var(--nr-mono);
	font-size:10px;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--nr-mut);
	margin:0 0 2px;
}
#nr-radar .nr-beleg-name{font-size:14px;font-weight:700;margin:0 0 12px;line-height:1.3;}
#nr-radar .nr-zeile{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	gap:10px;
	font-family:var(--nr-mono);
	font-size:13px;
	padding:4px 0;
}
#nr-radar .nr-zeile span:first-child{color:var(--nr-mut);font-size:12px;}
#nr-radar .nr-zeile b{font-weight:700;font-variant-numeric:tabular-nums;}
#nr-radar .nr-zeile.is-abzug b{color:var(--nr-steuer);}
#nr-radar .nr-perf{
	border:0;
	border-top:1px dashed var(--nr-rule);
	margin:10px -16px;
	height:0;
}
#nr-radar .nr-summe{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	gap:10px;
	font-family:var(--nr-mono);
	padding-top:2px;
}
#nr-radar .nr-summe span{font-size:12px;color:var(--nr-mut);}
#nr-radar .nr-summe b{font-size:20px;font-weight:800;color:var(--nr-netto);font-variant-numeric:tabular-nums;}
#nr-radar .nr-stempel{
	position:absolute;
	top:12px;
	right:-30px;
	transform:rotate(12deg);
	background:rgba(224,87,79,.14);
	border:1px solid rgba(224,87,79,.5);
	color:var(--nr-steuer);
	font-family:var(--nr-mono);
	font-size:9px;
	letter-spacing:.12em;
	padding:3px 34px;
	text-transform:uppercase;
	pointer-events:none;
}
#nr-radar .nr-beleg.is-best .nr-stempel{
	background:rgba(47,191,155,.12);
	border-color:rgba(47,191,155,.5);
	color:var(--nr-netto);
}

/* --- Kennzahlen --- */
#nr-radar .nr-kpis{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
	gap:10px;
	margin:0 0 16px;
}
#nr-radar .nr-kpi{
	background:var(--nr-panel-2);
	border:1px solid var(--nr-rule);
	border-radius:8px;
	padding:12px 13px;
}
#nr-radar .nr-kpi-label{
	font-family:var(--nr-mono);
	font-size:10px;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--nr-mut);
	display:block;
	margin-bottom:5px;
	line-height:1.3;
}
#nr-radar .nr-kpi-wert{
	font-family:var(--nr-mono);
	font-size:19px;
	font-weight:800;
	font-variant-numeric:tabular-nums;
	line-height:1.15;
	display:block;
}
#nr-radar .nr-kpi-wert.pos{color:var(--nr-netto);}
#nr-radar .nr-kpi-wert.neg{color:var(--nr-steuer);}
#nr-radar .nr-kpi-wert.warn{color:var(--nr-warn);}
#nr-radar .nr-kpi-sub{font-size:11px;color:var(--nr-mut);display:block;margin-top:4px;line-height:1.35;}

/* --- Fazit --- */
#nr-radar .nr-fazit{
	background:var(--nr-panel);
	border-left:3px solid var(--nr-steuer);
	border-radius:0 8px 8px 0;
	padding:13px 15px;
	font-size:14px;
	line-height:1.5;
	color:var(--nr-txt);
	margin:0 0 6px;
}
#nr-radar .nr-fazit b{color:var(--nr-netto);}
#nr-radar .nr-fazit.is-warn{border-left-color:var(--nr-warn);}
#nr-radar .nr-fazit.is-warn b{color:var(--nr-warn);}

/* --- Balken / Verteilung --- */
#nr-radar .nr-chart{
	display:flex;
	align-items:flex-end;
	gap:3px;
	height:120px;
	margin:6px 0 8px;
	padding:0;
}
#nr-radar .nr-bar{
	flex:1;
	min-width:0;
	background:var(--nr-panel-2);
	border-top:2px solid var(--nr-netto);
	border-radius:2px 2px 0 0;
	transition:height .25s ease;
}
#nr-radar .nr-bar.is-loss{border-top-color:var(--nr-steuer);}
#nr-radar .nr-chart-achse{
	display:flex;
	justify-content:space-between;
	font-family:var(--nr-mono);
	font-size:10px;
	color:var(--nr-mut);
	border-top:1px solid var(--nr-rule);
	padding-top:5px;
	margin-bottom:14px;
}

/* --- Auswahl-Buttons --- */
#nr-radar .nr-seg{display:flex;gap:0;border:1px solid var(--nr-rule);border-radius:8px;overflow:hidden;}
#nr-radar .nr-seg button{
	flex:1;
	appearance:none;
	background:var(--nr-panel);
	border:0;
	border-right:1px solid var(--nr-rule);
	color:var(--nr-mut);
	font-family:var(--nr-sans);
	font-size:13px;
	font-weight:700;
	padding:10px 4px;
	cursor:pointer;
	transition:background .15s ease,color .15s ease;
}
#nr-radar .nr-seg button:last-child{border-right:0;}
#nr-radar .nr-seg button[aria-pressed="true"]{background:var(--nr-netto);color:#0b1a16;}
#nr-radar .nr-seg button:focus-visible{outline:2px solid var(--nr-netto);outline-offset:-2px;}

#nr-radar .nr-fuss{
	border-top:1px solid var(--nr-rule);
	margin-top:20px;
	padding-top:12px;
	font-size:12px;
	color:var(--nr-mut);
	line-height:1.5;
}
#nr-radar .nr-fuss strong{color:var(--nr-txt);}

@media (max-width:600px){
	#nr-radar{padding:20px 14px 16px;border-radius:8px;}
	#nr-radar .nr-fields{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;}
	#nr-radar .nr-belege{grid-template-columns:1fr;}
	#nr-radar .nr-kpis{grid-template-columns:1fr 1fr;}
	#nr-radar .nr-kpi-wert{font-size:17px;}
	#nr-radar .nr-chart{height:96px;}
	#nr-radar .nr-stempel{right:-34px;font-size:8px;padding:3px 36px;}
}
@media (prefers-reduced-motion:reduce){
	#nr-radar *,#nr-radar *::before{transition:none!important;animation:none!important;}
}