.na.svelte-i4omme { margin: 0 0 24px 0; }

	.na__window.svelte-i4omme { display: flex; gap: 4px; }
	.na__window-btn.svelte-i4omme { appearance: none; border: 1px solid var(--border, #e5e5e5); background: #fff; color: #666; font: inherit; font-size: 0.8em; padding: 4px 10px; border-radius: 6px; cursor: pointer; }
	.na__window-btn.svelte-i4omme:hover { color: #222; }
	.na__window-btn--active.svelte-i4omme { background: var(--primary); border-color: var(--primary); color: #fff; }

	.na__filters.svelte-i4omme { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 10px 0; }

	.na__range.svelte-i4omme { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 15px 0; }
	.na__range-or.svelte-i4omme { color: #999; font-size: 0.85em; }
	.na__count.svelte-i4omme { color: #666; font-size: 0.9em; white-space: nowrap; }
	.na__count--over.svelte-i4omme { color: #c0392b; font-weight: 600; }

	.na__empty.svelte-i4omme { text-align: center; padding: 48px 24px; color: #666; }
	.na__empty.svelte-i4omme h3:where(.svelte-i4omme) { margin: 0 0 8px 0; }
	.na__empty.svelte-i4omme p:where(.svelte-i4omme) { margin: 0 auto; max-width: 480px; }

	.na__coverage.svelte-i4omme { color: #999; font-size: 0.85em; margin: 0 0 12px 0; }

	/* KPI strip — 5-up, fixed card height so nothing jumps while loading. */
	.na__kpis.svelte-i4omme { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin: 0 0 16px 0; }
	.na__kpi.svelte-i4omme { min-height: 96px; background: var(--background-light, #f6f6f6); border-radius: 8px; padding: 12px 14px; display: flex; flex-direction: column; }
	.na__kpi-label.svelte-i4omme { font-size: 0.8em; color: #999; margin-bottom: 6px; }
	.na__kpi-n.svelte-i4omme { font-size: 1.9em; font-weight: 700; color: #222; font-variant-numeric: tabular-nums; line-height: 1.1; }
	.na__kpi-n--muted.svelte-i4omme { color: #ccc; }
	.na__delta.svelte-i4omme { margin-top: auto; font-size: 0.8em; font-weight: 600; font-variant-numeric: tabular-nums; }
	.na__delta--up.svelte-i4omme { color: #1a8f3c; }
	.na__delta--down.svelte-i4omme { color: #c0392b; }
	.na__delta--none.svelte-i4omme { color: #bbb; font-weight: normal; }

	.na__grid.svelte-i4omme { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0 0 12px 0; }

	.na__panel.svelte-i4omme { background: var(--background-light, #f6f6f6); border-radius: 8px; padding: 14px; min-height: 100px; margin: 0 0 12px 0; }
	.na__panel-label.svelte-i4omme { font-weight: 600; font-size: 0.9em; margin: 0 0 10px 0; }

	.na__links.svelte-i4omme { display: flex; flex-direction: column; gap: 6px; font-size: 0.9em; }
	.na__links.svelte-i4omme a:where(.svelte-i4omme) { color: inherit; text-decoration: none; }
	.na__links.svelte-i4omme a:where(.svelte-i4omme):hover { text-decoration: underline; }

	.na__state.svelte-i4omme { color: #999; font-size: 0.9em; padding: 16px 0; text-align: center; }

	/* Skeletons — same dimensions as the real content. */
	.na__skel.svelte-i4omme { border-radius: 6px; background: linear-gradient(90deg, #ececec 25%, #f5f5f5 37%, #ececec 63%); background-size: 400% 100%; animation: svelte-i4omme-na-shimmer 1.4s ease infinite; }
	.na__skel--n.svelte-i4omme { height: 34px; width: 70%; margin-top: 2px; }
	.na__skel--chart.svelte-i4omme { height: 52px; width: 100%; }
	@keyframes svelte-i4omme-na-shimmer { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }

	@media (max-width: 1100px) {
		.na__kpis.svelte-i4omme { grid-template-columns: repeat(2, 1fr); }
		.na__grid.svelte-i4omme { grid-template-columns: 1fr; }
	}