.poolrechner-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.poolrechner-readings-hint,
.poolrechner-readings-truncated {
	color: var(--wp--preset--color--contrast-2, #4a6673);
	font-size: var(--wp--custom--text--13, 0.8125rem);
}

.poolrechner-readings-scroll {
	overflow-x: auto;
	contain: paint;
	margin: 0 0 1rem;
}

.poolrechner-readings-table {
	width: 100%;
	border-collapse: collapse;

	font-size: var(--wp--custom--text--13, 0.8125rem);
	white-space: nowrap;
}

.poolrechner-readings-table th,
.poolrechner-readings-table td {
	padding: 0.75rem 1rem;
	text-align: right;
	border-bottom: 1px solid var(--wp--preset--color--border, #d4e3ea);
}

.poolrechner-readings-table thead th {
	text-align: right;
	font-weight: 600;
	white-space: normal;
	hyphens: auto;
}

.poolrechner-readings-table thead th:first-child,
.poolrechner-readings-table tbody th,
.poolrechner-readings-table .poolrechner-event-title,
.poolrechner-readings-note,
.poolrechner-readings-actions {
	text-align: left;
}

.poolrechner-readings-table tbody th {
	font-weight: 400;
}

.poolrechner-readings-note {
	max-width: 16rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

.poolrechner-readings-unit {
	display: block;
	font-weight: 400;

	font-size: var(--wp--custom--text--12, 0.75rem);
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-readings-actions a + a {

	margin-left: var(--wp--custom--space--16, 16px);
}

.poolrechner-events-month th {
	padding-top: 1.5rem;
	text-align: left;
	font-size: var(--wp--custom--text--12, 0.75rem);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2, #4a6673);
	border-bottom: 0;
}

.poolrechner-event-title {
	white-space: normal;
}

.poolrechner-readings-table .poolrechner-event-symbol {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.poolrechner-event-mark {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	vertical-align: 0.05em;
	background: var(--wp--preset--color--accent, #00a5c4);
}

.poolrechner-event-mark.is-ok {
	background: var(--wp--preset--color--success, #1b7f52);
}

.poolrechner-event-mark.is-warning {
	background: var(--wp--preset--color--warning, #ffc46b);
	box-shadow: inset 0 0 0 1px var(--wp--custom--line--warning, #e08a00);
}

.poolrechner-event-mark.is-critical {
	background: var(--wp--preset--color--critical, #c8382a);
}

.poolrechner-event-dosing .poolrechner-event-mark {
	border-radius: 2px;
	background: var(--wp--preset--color--primary, #00819e);
}

.poolrechner-event-case .poolrechner-event-mark {
	border-radius: 1px;
	transform: rotate(45deg);
	background: var(--wp--preset--color--primary, #00819e);
}

.poolrechner-event-amount {
	margin-left: 0.5rem;
	font-weight: 700;
}

.poolrechner-event-note {
	margin-left: 0.5rem;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-events-title {
	margin: 0 0 0.75rem;
	font-size: var(--wp--custom--text--13, 0.8125rem);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-3, #4f6b78);
}

.poolrechner-events-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.poolrechner-events-item {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: baseline;
	gap: 0.125rem 0.5rem;
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--wp--preset--color--border, #d4e3ea);
	font-size: var(--wp--custom--text--14, 0.875rem);
}

.poolrechner-events-item:last-child {
	border-bottom: 0;
}

.poolrechner-events-what {
	font-weight: 700;
}

.poolrechner-events-when {
	text-align: right;
	color: var(--wp--preset--color--contrast-3, #4f6b78);
}

.poolrechner-events-what2 {
	grid-column: 2;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-events-detail {
	grid-column: 3;
	text-align: right;
	font-weight: 700;
}

.poolrechner-events-more {
	margin: 0.75rem 0 0;
}

.poolrechner-readings-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--custom--space--12, 12px);
	margin: var(--wp--custom--space--16, 16px) 0 0;
}

.poolrechner-readings-count {
	margin: 0;
	font-size: var(--wp--custom--text--12, 0.75rem);
	font-weight: 500;
	color: var(--wp--preset--color--contrast-3, #4f6b78);
}

.poolrechner-pages {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.poolrechner-pages .page-numbers {
	display: inline-block;
	padding: 10px 14px;
	border: 1px solid var(--wp--preset--color--border-strong, #6a8b98);
	border-radius: var(--wp--custom--radius--xs, 8px);
	background: var(--wp--preset--color--base, #fff);
	font-size: var(--wp--custom--text--12, 0.75rem);
	font-weight: 600;
	line-height: 1;
	color: var(--wp--preset--color--contrast-2, #4a6673);
	text-decoration: none;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

@media (hover: hover) {
	.poolrechner-pages a.page-numbers:hover {
		background: var(--wp--preset--color--base-3, #e3f0f5);
		border-color: var(--wp--preset--color--accent, #00a5c4);
		color: var(--wp--preset--color--foreground, #12333f);
	}
}

.poolrechner-pages .page-numbers.current {
	background: var(--wp--preset--color--primary, #00819e);
	border-color: var(--wp--preset--color--primary, #00819e);
	color: var(--wp--custom--on--primary, #fff);
	font-weight: 700;
}

.poolrechner-pages .page-numbers.dots {
	border-color: transparent;
	background: transparent;
	padding-left: var(--wp--custom--space--4, 4px);
	padding-right: var(--wp--custom--space--4, 4px);
}

.poolrechner-readings-empty {
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-readings-add {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--wp--custom--space--8, 8px);

	margin: 0 0 var(--wp--custom--space--16, 16px);
}

.poolrechner-zone .poolrechner-readings-add .poolrechner-btn {
	box-sizing: border-box;
	flex: 1 1 0;
	min-width: 0;
	height: auto;

	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--wp--custom--space--12, 12px) var(--wp--custom--space--16, 16px);
	font-size: var(--wp--custom--text--13, 0.8125rem);

	line-height: 1.25;
	hyphens: auto;
}

@media (min-width: 600px) {
	.poolrechner-zone .poolrechner-readings-add .poolrechner-btn {
		flex: 0 1 auto;
		line-height: 1;
	}
}

.poolrechner-readings-toolbar {
	margin: 0 0 var(--wp--custom--space--16, 16px);
}

@media (min-width: 600px) {
	.poolrechner-readings-toolbar {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: var(--wp--custom--space--12, 12px);
	}

	.poolrechner-readings-toolbar .poolrechner-readings-filters {
		order: 1;
		margin: 0;
	}

	.poolrechner-readings-toolbar .poolrechner-readings-add {
		order: 2;
		flex: none;
		margin: 0 0 0 auto;
	}
}

.poolrechner-chart-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	gap: 1rem;
	margin: 0 0 1.5rem;
}

.poolrechner-chart {
	margin: 0;
}

@media (min-width: 600px) {

	.poolrechner-chart-grid > .poolrechner-chart {
		max-width: 20rem;
	}
}

.poolrechner-chart-title {
	display: flex;
	align-items: baseline;
	gap: 0.4rem;
	font-size: var(--wp--custom--text--15, 0.9375rem);
	font-weight: 600;
}

.poolrechner-chart-last {
	margin-left: auto;
	font-weight: 400;
	font-variant-numeric: tabular-nums;
}

.poolrechner-chart-title .poolrechner-readings-unit {
	display: inline;

	font-size: var(--wp--custom--text--11, 0.6875rem);
}

.poolrechner-chart-svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.poolrechner-chart-line {
	fill: none;
	stroke: var(--wp--preset--color--accent, #00a5c4);
	stroke-width: 1.5;
	stroke-linejoin: round;
	stroke-linecap: round;
}

.poolrechner-chart-dot {
	fill: var(--wp--preset--color--accent, #00a5c4);
}

.poolrechner-chart-dose {
	stroke: var(--wp--custom--ink--warning, #a35f00);
	stroke-width: 1;
	stroke-dasharray: 3 3;
	opacity: 0.75;
}

.poolrechner-chart-axis {

	font-size: var(--wp--custom--text--11, 0.6875rem);
	fill: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-chart-band {
	fill: var(--wp--preset--color--band, #dff4e9);
}

.poolrechner-chart-band-edge {
	stroke: var(--wp--preset--color--band-line, #4caf7d);
	stroke-width: 1;
	stroke-dasharray: 6 6;
}

.poolrechner-chart-svg-detail {
	width: 100%;
	height: auto;
}

.poolrechner-chart-svg-detail .poolrechner-chart-line {
	stroke-width: 3;
	vector-effect: non-scaling-stroke;
}

.poolrechner-chart-svg-detail .poolrechner-chart-band-edge,
.poolrechner-chart-svg-detail .poolrechner-chart-dose {
	vector-effect: non-scaling-stroke;
}

.poolrechner-chart-head {
	fill: var(--wp--preset--color--accent, #00a5c4);
}

.poolrechner-chart-times {
	display: flex;
	justify-content: space-between;
	gap: var(--wp--custom--space--8, 8px);
	margin: var(--wp--custom--space--4, 4px) 0 0;
	font-size: var(--wp--custom--text--11, 0.6875rem);
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-chart-legend {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--custom--space--16, 16px);
	margin-top: var(--wp--custom--space--8, 8px);
	padding-top: var(--wp--custom--space--8, 8px);
	border-top: 1px solid var(--wp--preset--color--border, #d4e3ea);
	font-size: var(--wp--custom--text--12, 0.75rem);
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-chart-key {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--custom--space--8, 8px);
}

.poolrechner-chart-swatch {
	flex: none;
	width: 18px;
	height: 10px;
}

.poolrechner-chart-swatch-band {
	background: var(--wp--preset--color--band, #dff4e9);
	border: 1px solid var(--wp--preset--color--band-line, #4caf7d);
}

.poolrechner-chart-swatch-dose {
	width: 12px;
	height: 12px;
	border-radius: 3px;
	background: var(--wp--custom--ink--warning, #a35f00);
}

.poolrechner-chart-detail {
	margin: 0 0 var(--wp--custom--space--16, 16px);
	padding: var(--wp--custom--space--16, 16px);
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #d4e3ea);
	border-radius: var(--wp--custom--radius--md, 16px);
}

.poolrechner-chart-svg-mini {
	width: 100%;
	height: 42px;
	margin-top: var(--wp--custom--space--8, 8px);
}

.poolrechner-chart-svg-mini .poolrechner-chart-line {
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
}

.poolrechner-chart-detail {
	position: relative;
}

.poolrechner-chart-title-detail {
	margin: 0 0 var(--wp--custom--space--4, 4px);
}

.poolrechner-chart-canvas {
	position: relative;
}

.poolrechner-chart-value-axis {
	position: absolute;
	left: 0;
	transform: translateY(-50%);
	font-size: var(--wp--custom--text--11, 0.6875rem);
	font-weight: 500;
	color: var(--wp--preset--color--contrast-3, #4f6b78);
	white-space: nowrap;
	pointer-events: none;
}

.poolrechner-chart-crosshair,
.poolrechner-chart-crosshair-dot {
	display: none;
}

.poolrechner-chart-crosshair.is-visible,
.poolrechner-chart-crosshair-dot.is-visible {
	display: inline;
}

.poolrechner-chart-crosshair {
	stroke: var(--wp--preset--color--foreground, #0f2a33);
	stroke-width: 1;
	stroke-dasharray: 4 4;
	opacity: 0.4;
	vector-effect: non-scaling-stroke;
	pointer-events: none;
}

.poolrechner-chart-crosshair-dot {
	fill: var(--wp--preset--color--foreground, #0f2a33);
	pointer-events: none;
}

.poolrechner-chart-hover-popup {
	display: none;
	position: absolute;
	top: var(--wp--custom--space--8, 8px);
	right: var(--wp--custom--space--8, 8px);
	padding: 6px 10px;
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border-strong, #6a8b98);
	border-radius: var(--wp--custom--radius--sm, 12px);
	box-shadow: var(--wp--custom--shadow--panel, 0 12px 28px -12px rgba(15, 42, 51, 0.18));
	pointer-events: none;
}

.poolrechner-chart-hover-popup.is-visible {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.poolrechner-chart-hover-value {
	font-size: var(--wp--custom--text--13, 0.8125rem);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-chart-hover-date {
	font-size: var(--wp--custom--text--11, 0.6875rem);
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-chart-svg-detail {
	touch-action: pan-y;
}

.poolrechner-chart-detail-below .poolrechner-chart-svg-detail .poolrechner-chart-line,
.poolrechner-chart-detail-above .poolrechner-chart-svg-detail .poolrechner-chart-line {
	stroke: var(--wp--custom--ink--warning, #a35f00);
}

.poolrechner-chart-detail-below .poolrechner-chart-head,
.poolrechner-chart-detail-above .poolrechner-chart-head {
	fill: var(--wp--custom--ink--warning, #a35f00);
}

.poolrechner-zone-head {
	display: flex;
	flex-direction: column;
	gap: var(--wp--custom--space--12, 12px);
	margin-bottom: var(--wp--custom--space--20, 20px);
}

.poolrechner-zone-title {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading, inherit);

	font-size: var(--wp--preset--font-size--x-large, clamp(1.3125rem, 1.148rem + 0.674vw, 1.6875rem));
	font-weight: 700;
	line-height: 1.15;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-tabs {
	display: flex;
	gap: var(--wp--custom--space--24, 24px);
	border-bottom: 1px solid var(--wp--preset--color--border, #d4e3ea);
	overflow-x: auto;
}

.poolrechner-tab {
	flex: none;
	padding: 0 0 11px;
	border-bottom: 2px solid transparent;
	font-size: var(--wp--custom--text--15, 0.9375rem);
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	color: var(--wp--custom--ink--ok, #00708a);
	transition: color 0.15s ease, border-color 0.15s ease;
}

@media (hover: hover) {
	.poolrechner-tab:hover {
		color: var(--wp--preset--color--foreground, #0f2a33);
	}
}

.poolrechner-tab.is-current {
	font-weight: 700;
	color: var(--wp--preset--color--foreground, #0f2a33);
	border-bottom-color: var(--wp--preset--color--accent, #00a5c4);
}

.poolrechner-section-title {
	margin: 0 0 var(--wp--custom--space--12, 12px);
	font-family: var(--wp--preset--font-family--heading, inherit);
	font-size: var(--wp--custom--text--17, 1.0625rem);
	font-weight: 700;
	line-height: 1.25;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-pools-head {
	display: flex;
	flex-direction: column;
	gap: var(--wp--custom--space--12, 12px);
	margin-bottom: var(--wp--custom--space--20, 20px);
}

.poolrechner-pools-head .poolrechner-section-title {
	margin: 0;
}

@media (min-width: 600px) {

	.poolrechner-pools-head {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
}

.poolrechner-pools-list {
	display: grid;
	gap: var(--wp--custom--space--16, 16px);
	list-style: none;
	margin: 0;
	padding: 0;
}

.poolrechner-pools-item {
	padding: var(--wp--custom--space--16, 16px);
	border: 1px solid var(--wp--preset--color--border, #d4e3ea);
	border-radius: var(--wp--custom--radius--md, 16px);
	background: var(--wp--preset--color--base, #fff);
}

@media (min-width: 600px) {

	.poolrechner-pools-item {
		padding: var(--wp--custom--space--20, 20px);
	}
}

.poolrechner-pools-item-name {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading, inherit);
	font-size: var(--wp--custom--text--16, 1rem);
	font-weight: 700;
	line-height: 1.25;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-pools-item-meta,
.poolrechner-pools-item-targets {
	margin: var(--wp--custom--space--4, 4px) 0 0;
	font-size: var(--wp--custom--text--13, 0.8125rem);
	line-height: 1.4;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-pools-item-targets {
	color: var(--wp--preset--color--contrast-3, #4f6b78);
}

.poolrechner-pools-item-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	gap: var(--wp--custom--space--16, 16px);
	margin: var(--wp--custom--space--16, 16px) 0 0;
}

.poolrechner-zone .poolrechner-pools-link,
.poolrechner-zone .poolrechner-pools-delete {
	position: relative;
	padding: 0;
	border: 0;
	background: none;
	font-family: inherit;
	font-size: var(--wp--custom--text--14, 0.875rem);
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.15s ease;
}

.poolrechner-zone .poolrechner-pools-link::after,
.poolrechner-zone .poolrechner-pools-delete::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 44px;
	transform: translateY(-50%);
}

.poolrechner-zone .poolrechner-pools-link {
	color: var(--wp--custom--ink--ok, #00708a);
}

@media (hover: hover) {
	.poolrechner-zone .poolrechner-pools-link:hover {
		color: var(--wp--preset--color--foreground, #0f2a33);
	}
}

.poolrechner-zone .poolrechner-pools-delete {
	color: var(--wp--preset--color--critical, #c8382a);
}

@media (hover: hover) {
	.poolrechner-zone .poolrechner-pools-delete:hover {
		text-decoration: underline;
	}
}

.poolrechner-zone .poolrechner-pools-link:focus-visible,
.poolrechner-zone .poolrechner-pools-delete:focus-visible {
	outline: 2px solid var(--wp--custom--focus--ring, #00708a);
	outline-offset: 2px;
}

.poolrechner-pools-group {
	margin: 0 0 var(--wp--custom--space--24, 24px);
	padding: 0 0 var(--wp--custom--space--24, 24px);
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--border, #d4e3ea);
}

.poolrechner-pools-legend {
	padding: 0;
	margin: 0 0 var(--wp--custom--space--12, 12px);
	font-size: var(--wp--custom--text--11, 0.6875rem);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-3, #4f6b78);
}

.poolrechner-pools-hint {
	margin: 0 0 var(--wp--custom--space--16, 16px);
	font-size: var(--wp--custom--text--13, 0.8125rem);
	line-height: 1.5;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-pools-target + .poolrechner-pools-target {
	margin-top: var(--wp--custom--space--20, 20px);
}

.poolrechner-pools-target-head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--wp--custom--space--8, 8px);
	margin: 0 0 var(--wp--custom--space--8, 8px);
}

.poolrechner-pools-target-label {
	font-size: var(--wp--custom--text--15, 0.9375rem);
	font-weight: 700;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-pools-target-state {
	font-size: var(--wp--custom--text--12, 0.75rem);
	color: var(--wp--preset--color--contrast-3, #4f6b78);
}

.poolrechner-pools-target-fields {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: var(--wp--custom--space--12, 12px);
}

.poolrechner-zone .poolrechner-pools-target-fields .poolrechner-field {
	flex: 1 1 8rem;
	margin: 0;
}

.poolrechner-pools-target-unit {
	padding-bottom: 14px;
	font-size: var(--wp--custom--text--13, 0.8125rem);
	color: var(--wp--preset--color--contrast-3, #4f6b78);
}

.poolrechner-pools-target-reset {
	margin: var(--wp--custom--space--8, 8px) 0 0;
}

.poolrechner-pools-reset-form {
	display: none;
}

.poolrechner-zone .poolrechner-field-error .poolrechner-input {
	border-color: var(--wp--preset--color--critical, #c8382a);
}

.poolrechner-pools-submit {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--custom--space--12, 12px);
	margin: 0;
}

.poolrechner-pools-danger,
.poolrechner-pools-confirm {
	padding: var(--wp--custom--space--20, 20px);
	border: 1px solid var(--wp--custom--edge--critical, #f3c3bc);
	border-left: 3px solid var(--wp--preset--color--critical, #c8382a);
	border-radius: var(--wp--custom--radius--md, 16px);
	background: var(--wp--preset--color--base, #fff);
}

.poolrechner-pools-danger {
	margin-top: var(--wp--custom--space--32, 32px);
}

.poolrechner-pools-danger p,
.poolrechner-pools-confirm p {
	margin: 0 0 var(--wp--custom--space--12, 12px);
	font-size: var(--wp--custom--text--14, 0.875rem);
	line-height: 1.5;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-pools-danger-title {
	margin: 0 0 var(--wp--custom--space--8, 8px);
	font-family: var(--wp--preset--font-family--heading, inherit);
	font-size: var(--wp--custom--text--16, 1rem);
	font-weight: 700;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-pools-confirm .poolrechner-section-title {
	margin-bottom: var(--wp--custom--space--12, 12px);
}

.poolrechner-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wp--custom--space--12, 12px);
	padding: var(--wp--custom--space--40, 40px) var(--wp--custom--space--20, 20px);
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #d4e3ea);
	border-radius: var(--wp--custom--radius--md, 16px);
	text-align: center;
}

.poolrechner-empty-icon {
	width: 64px;
	height: 64px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--wp--preset--color--base-3, #e6eef2);
	color: var(--wp--preset--color--primary, #00819e);
}

.poolrechner-empty-icon svg {
	width: 28px;
	height: 28px;
	display: block;
}

.poolrechner-empty-title {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading, inherit);
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-empty-text {
	margin: 0;
	max-width: 46ch;
	font-size: var(--wp--custom--text--14, 0.875rem);
	line-height: 1.5;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-empty-action {
	margin: var(--wp--custom--space--4, 4px) 0 0;
}

.poolrechner-zone-card {
	padding: var(--wp--custom--space--16, 16px);
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #d4e3ea);
	border-radius: var(--wp--custom--radius--md, 16px);
}

.poolrechner-zone-card + .poolrechner-zone-card {
	margin-top: var(--wp--custom--space--12, 12px);
}

.poolrechner-status-head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--wp--custom--space--8, 8px);
	margin: 0;
}

.poolrechner-status-label {
	font-size: var(--wp--custom--text--11, 0.6875rem);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-status-age {
	margin-left: auto;
	font-size: var(--wp--custom--text--13, 0.8125rem);
	color: var(--wp--preset--color--contrast-3, #4f6b78);
}

.poolrechner-zone-badge {
	padding: 6px 10px;
	border-radius: 999px;
	font-size: var(--wp--custom--text--11, 0.6875rem);
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.poolrechner-zone-badge-ok {
	background: var(--wp--preset--color--success, #1b7f52);
	color: var(--wp--custom--on--success, #fff);
}

.poolrechner-zone-badge-warning {
	background: var(--wp--preset--color--warning, #ffc46b);
	color: var(--wp--custom--on--warning, #5a3d00);
}

.poolrechner-zone-badge-critical {
	background: var(--wp--preset--color--critical, #c8382a);
	color: var(--wp--custom--on--critical, #fff);
}

.poolrechner-status-value {
	display: flex;
	align-items: baseline;
	gap: var(--wp--custom--space--4, 4px);
	margin: var(--wp--custom--space--4, 4px) 0 var(--wp--custom--space--12, 12px);
}

.poolrechner-status-number {
	font-family: var(--wp--preset--font-family--heading, inherit);
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-status-unit {
	font-size: var(--wp--custom--text--14, 0.875rem);
	font-weight: 600;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-status-missing {
	margin: var(--wp--custom--space--8, 8px) 0 0;
	font-size: var(--wp--custom--text--14, 0.875rem);
	line-height: 1.5;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-figures {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--wp--custom--space--8, 8px);
	margin: var(--wp--custom--space--12, 12px) 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	contain: inline-size;
}

.poolrechner-figure {
	display: flex;
	flex-direction: column;
	gap: var(--wp--custom--space--4, 4px);
	padding: var(--wp--custom--space--12, 12px);
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #d4e3ea);
	border-radius: var(--wp--custom--radius--sm, 12px);
}

.poolrechner-figure-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--custom--space--4, 4px);
}

.poolrechner-figure-label {
	font-size: var(--wp--custom--text--11, 0.6875rem);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-figure-badge {
	padding: 3px var(--wp--custom--space--8, 8px);
	font-size: 0.625rem;
}

.poolrechner-figure-date {
	align-self: flex-end;
	margin-top: auto;
	font-size: var(--wp--custom--text--11, 0.6875rem);
	color: var(--wp--preset--color--contrast-3, #4f6b78);
}

.poolrechner-figure-value {
	font-size: 1.25rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-figure-value.is-old {
	font-weight: 600;
	color: var(--wp--preset--color--contrast-3, #4f6b78);
}

.poolrechner-figure-unit {
	font-size: var(--wp--custom--text--12, 0.75rem);
	font-weight: 500;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-next {
	border-left: 3px solid var(--wp--preset--color--accent, #00a5c4);
}

.poolrechner-next-warning {
	border-left-color: var(--wp--custom--line--warning, #e08a00);
}

.poolrechner-next-ok {
	border-left-color: var(--wp--preset--color--accent, #00a5c4);
}

.poolrechner-next-critical {
	border-left-color: var(--wp--preset--color--critical, #c8382a);
}

.poolrechner-next-label {
	margin: 0;
	font-size: var(--wp--custom--text--11, 0.6875rem);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--custom--ink--ok, #00708a);
}

.poolrechner-next-warning .poolrechner-next-label {
	color: var(--wp--custom--ink--warning, #a35f00);
}

.poolrechner-next-critical .poolrechner-next-label {
	color: var(--wp--custom--ink--critical, #c0392b);
}

.poolrechner-next-title {
	margin: var(--wp--custom--space--4, 4px) 0 0;
	font-family: var(--wp--preset--font-family--heading, inherit);
	font-size: var(--wp--custom--text--17, 1.0625rem);
	font-weight: 700;
	line-height: 1.25;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-next-text {
	margin: var(--wp--custom--space--4, 4px) 0 0;
	max-width: 52ch;
	font-size: var(--wp--custom--text--14, 0.875rem);
	line-height: 1.45;
	color: var(--wp--preset--color--contrast, #3c5b68);
}

.poolrechner-next-action {
	margin: var(--wp--custom--space--8, 8px) 0 0;
}

.poolrechner-trend {
	margin-top: var(--wp--custom--space--16, 16px);
}

.poolrechner-trend-title {
	margin: 0 0 var(--wp--custom--space--8, 8px);
	font-size: var(--wp--custom--text--11, 0.6875rem);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-chart-strip {
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
	gap: var(--wp--custom--space--12, 12px);
	margin-bottom: var(--wp--custom--space--8, 8px);
}

.poolrechner-overview-action {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--custom--space--8, 8px);
	margin: var(--wp--custom--space--12, 12px) 0 0;
}

.poolrechner-overview-hint {
	margin: var(--wp--custom--space--16, 16px) 0 0;
	font-size: var(--wp--custom--text--13, 0.8125rem);
	line-height: 1.5;
	color: var(--wp--preset--color--contrast-3, #4f6b78);
}

.poolrechner-textlink {
	font-size: var(--wp--custom--text--14, 0.875rem);
	font-weight: 600;
	color: var(--wp--custom--ink--ok, #00708a);
}

.poolrechner-capture {
	margin-top: var(--wp--custom--space--16, 16px);
}

.poolrechner-capture + .poolrechner-context,
.poolrechner-context + .poolrechner-capture {
	margin-top: var(--wp--custom--space--12, 12px);
}

.poolrechner-intro-title {
	margin: 0 0 var(--wp--custom--space--8, 8px);
	font-family: var(--wp--preset--font-family--heading, inherit);
	font-size: var(--wp--preset--font-size--xx-large, clamp(1.5rem, 1.062rem + 1.798vw, 2.5rem));
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-intro-lead {
	margin: 0 0 var(--wp--custom--space--20, 20px);
	max-width: 54ch;
	font-size: var(--wp--custom--text--15, 0.9375rem);
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-intro-benefits {
	list-style: none;
	margin: 0 0 var(--wp--custom--space--24, 24px);
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--wp--custom--space--12, 12px);
}

.poolrechner-intro-benefit {
	display: flex;
	align-items: flex-start;
	gap: var(--wp--custom--space--12, 12px);
}

.poolrechner-intro-icon {
	width: 34px;
	height: 34px;
	flex: none;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--wp--preset--color--base-3, #e6eef2);
	color: var(--wp--preset--color--primary, #00819e);
}

.poolrechner-intro-icon svg {
	width: 18px;
	height: 18px;
	display: block;
}

.poolrechner-intro-benefit-text {
	display: flex;
	flex-direction: column;
	gap: var(--wp--custom--space--4, 4px);
}

.poolrechner-intro-benefit-text strong {
	font-size: var(--wp--custom--text--15, 0.9375rem);
	font-weight: 700;
	line-height: 1.25;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-intro-benefit-text span {
	font-size: var(--wp--custom--text--13, 0.8125rem);
	line-height: 1.45;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-intro-actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--wp--custom--space--12, 12px);
	margin: 0;
}

.poolrechner-intro-actions .poolrechner-btn {
	text-align: center;
}

.poolrechner-intro-skip {
	align-self: center;
	padding: var(--wp--custom--space--12, 12px);
	font-size: var(--wp--custom--text--14, 0.875rem);
	font-weight: 600;
	color: var(--wp--custom--ink--ok, #00708a);
}

@media (min-width: 600px) {
	.poolrechner-intro-actions {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}

	.poolrechner-intro-skip {
		align-self: auto;
	}
}

.poolrechner-zone-unavailable {
	font-size: var(--wp--custom--text--14, 0.875rem);
}

.poolrechner-zone .poolrechner-pools-link:active,
.poolrechner-zone .poolrechner-pools-delete:active,
.poolrechner-segment:active,
.poolrechner-field-toggle:active {
	transform: translateY(1px);
}

.poolrechner-zone .poolrechner-field {
	margin: 0 0 var(--wp--custom--space--16, 16px);
}

.poolrechner-zone .poolrechner-actions {
	margin-bottom: var(--wp--custom--space--16, 16px);
}

.poolrechner-zone .poolrechner-zone-form {
	margin: 0;
}

.poolrechner-zone .poolrechner-zone-section {
	margin: 0 0 var(--wp--custom--space--24, 24px);
}

.poolrechner-readings-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--custom--space--12, 12px);
	margin: 0 0 var(--wp--custom--space--16, 16px);
}

#poolrechner-readings:focus,
#poolrechner-erfassen:focus {
	outline: none;
}

.poolrechner-segments {
	display: flex;
	flex: none;
	gap: 2px;
	padding: var(--wp--custom--space--4, 4px);
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #d4e3ea);
	border-radius: var(--wp--custom--radius--sm, 12px);
}

.poolrechner-segment {
	padding: var(--wp--custom--space--9, 9px) var(--wp--custom--space--16, 16px);
	border-radius: 9px;
	font-size: var(--wp--custom--text--13, 0.8125rem);
	font-weight: 600;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: var(--wp--preset--color--contrast-2, #4a6673);
	transition: background 0.15s ease, color 0.15s ease;
}

.poolrechner-segment:hover,
.poolrechner-segment:focus-visible {
	background: var(--wp--preset--color--base-3, #e6eef2);
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-segment.is-current {
	background: var(--wp--preset--color--primary, #00819e);
	font-weight: 700;
	color: var(--wp--custom--on--primary, #fff);
}

.poolrechner-segment:focus-visible {
	outline: 2px solid var(--wp--custom--focus--ring, #00708a);
	outline-offset: 2px;
}

.poolrechner-field-switch {
	position: relative;
	flex: none;
}

.poolrechner-field-toggle {
	cursor: pointer;
	list-style: none;
	padding: var(--wp--custom--space--9, 9px) 13px;
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border-strong, #6a8b98);
	border-radius: var(--wp--custom--radius--sm, 12px);
	font-size: var(--wp--custom--text--12, 0.75rem);
	font-weight: 700;
	color: var(--wp--preset--color--contrast-2, #4a6673);
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.poolrechner-field-toggle::-webkit-details-marker {
	display: none;
}

@media (hover: hover) {
	.poolrechner-field-toggle:hover {
		background: var(--wp--preset--color--base-3, #e6eef2);
		border-color: var(--wp--preset--color--accent, #00a5c4);
		color: var(--wp--preset--color--foreground, #0f2a33);
	}
}

.poolrechner-field-toggle:focus-visible {
	outline: 2px solid var(--wp--custom--focus--ring, #00708a);
	outline-offset: 2px;
}

.poolrechner-field-list {
	position: absolute;
	right: 0;
	z-index: 20;
	min-width: 11rem;
	max-width: min(16rem, 80vw);
	margin: var(--wp--custom--space--8, 8px) 0 0;
	padding: var(--wp--custom--space--4, 4px);
	list-style: none;
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #d4e3ea);
	border-radius: var(--wp--custom--radius--sm, 12px);
	box-shadow: 0 10px 24px -12px rgba(15, 42, 51, 0.35);
}

.poolrechner-field-option {
	display: block;
	padding: var(--wp--custom--space--9, 9px) 11px;
	border-radius: 9px;
	font-size: var(--wp--custom--text--13, 0.8125rem);
	font-weight: 600;
	text-decoration: none;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-field-option:hover,
.poolrechner-field-option.is-current {
	background: var(--wp--preset--color--base-3, #e6eef2);
}

.poolrechner-field-option:focus-visible {
	outline: 2px solid var(--wp--custom--focus--ring, #00708a);
	outline-offset: -2px;
}

.poolrechner-history-figures {
	margin-bottom: var(--wp--custom--space--16, 16px);
}

.poolrechner-history-title {
	margin: 0;
	font-size: var(--wp--custom--text--14, 0.875rem);
	font-weight: 600;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-history-figures .poolrechner-figures {
	grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
}

.poolrechner-history-figures .poolrechner-figure {
	padding: 0;
	background: none;
	border: 0;
}

.poolrechner-history-basis {
	margin: 0;
	font-size: var(--wp--custom--text--12, 0.75rem);
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-history-more {
	margin: 0 0 var(--wp--custom--space--8, 8px);
	font-size: var(--wp--custom--text--11, 0.6875rem);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-minis {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
	gap: var(--wp--custom--space--12, 12px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.poolrechner-mini-link {
	display: block;
	padding: var(--wp--custom--space--12, 12px);
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #d4e3ea);
	border-radius: var(--wp--custom--radius--sm, 12px);
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s ease;
}

@media (hover: hover) {
	.poolrechner-mini-link:hover {
		border-color: var(--wp--preset--color--accent, #00a5c4);
	}
}

.poolrechner-mini-link:focus-visible {
	outline: 2px solid var(--wp--custom--focus--ring, #00708a);
	outline-offset: 2px;
}

.poolrechner-mini-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--wp--custom--space--8, 8px);
}

.poolrechner-mini-label {
	font-size: var(--wp--custom--text--13, 0.8125rem);
	font-weight: 600;
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-mini-value {
	font-size: var(--wp--custom--text--15, 0.9375rem);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-readings-export {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--wp--custom--space--8, 8px);
	margin: var(--wp--custom--space--16, 16px) 0 0;
}

.poolrechner-readings-export-note {
	font-size: var(--wp--custom--text--12, 0.75rem);
	color: var(--wp--preset--color--contrast-2, #4a6673);
}

.poolrechner-zone-noscript {
	display: none;
	max-width: 34rem;
	margin: var(--wp--custom--space--40, 40px) auto;
	padding: var(--wp--custom--space--24, 24px);
	text-align: center;
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #d4e3ea);
	border-radius: var(--wp--custom--radius--md, 16px);
}

.poolrechner-zone-noscript-title {
	margin-top: 0;
	font-weight: 700;
	color: var(--wp--preset--color--foreground, #0f2a33);
}

.poolrechner-trend-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--wp--custom--space--8, 8px);
	margin: 0 0 var(--wp--custom--space--12, 12px);
}

.poolrechner-chart-below .poolrechner-chart-line,
.poolrechner-chart-above .poolrechner-chart-line {
	stroke: var(--wp--custom--ink--warning, #a35f00);
}

.poolrechner-chart-below .poolrechner-chart-dot,
.poolrechner-chart-above .poolrechner-chart-dot {
	fill: var(--wp--custom--ink--warning, #a35f00);
}

.poolrechner-chart-below .poolrechner-chart-last,
.poolrechner-chart-above .poolrechner-chart-last {
	color: var(--wp--custom--ink--warning, #a35f00);
	font-weight: 700;
}

.poolrechner-chart-flag {
	margin-left: 0.25em;
}

@media (min-width: 960px) {
	.poolrechner-overview {
		display: grid;

		grid-template-columns: minmax(0, 1fr) var(--wp--custom--width--sidebar, 320px);

		gap: 0 var(--wp--custom--space--24, 24px);

		grid-auto-rows: max-content;
		align-items: start;
	}

	.poolrechner-overview > *,
	.poolrechner-overview > .poolrechner-zone-card + .poolrechner-zone-card {
		margin-top: 0;
		margin-bottom: 0;
	}

	.poolrechner-overview > * + *:not(.poolrechner-events),
	.poolrechner-overview > .poolrechner-zone-card + .poolrechner-zone-card:not(.poolrechner-events) {
		margin-top: var(--wp--custom--space--16, 16px);
	}

	.poolrechner-overview > .poolrechner-events {
		grid-column: 2;
		grid-row: 1 / span 20;
	}

	.poolrechner-overview > .poolrechner-context,
	.poolrechner-overview > .poolrechner-status,
	.poolrechner-overview > .poolrechner-figures,
	.poolrechner-overview > .poolrechner-next,
	.poolrechner-overview > .poolrechner-trend,
	.poolrechner-overview > .poolrechner-overview-action,
	.poolrechner-overview > .poolrechner-overview-hint {
		grid-column: 1;
	}

	.poolrechner-history {
		display: grid;
		grid-template-columns: minmax(0, 1fr) var(--wp--custom--width--sidebar, 320px);
		gap: var(--wp--custom--space--20, 20px);
		align-items: start;
	}

	.poolrechner-history-side .poolrechner-minis {
		grid-template-columns: 1fr;
	}
}

.poolrechner-history-side > * + * {
	margin-top: var(--wp--custom--space--12, 12px);
}

.poolrechner-chart-svg-detail {
	max-height: 20rem;
}

.poolrechner-readings-scroll {
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #d4e3ea);
	border-radius: var(--wp--custom--radius--md, 16px);
}

.poolrechner-readings-table thead th {
	background: var(--wp--preset--color--base-2, #eef5f8);
}

.poolrechner-readings-table tbody tr:last-child th,
.poolrechner-readings-table tbody tr:last-child td {
	border-bottom: 0;
}