.LogbookApp {
	display: grid;
	gap: var(--SpaceL);
}

.LogbookHeader {
	display: flex;
	gap: var(--SpaceL);
	align-items: center;
	justify-content: flex-start;
	padding-bottom: var(--SpaceS);
	border-bottom: 1px solid var(--ColorHairline);
}

.LogbookTitleBar {
	display: flex;
	flex-wrap: wrap;
	gap: var(--SpaceL);
	align-items: center;
	min-width: 0;
}

.LogbookTitle {
	color: var(--ColorInk);
	font-family: var(--FontDisplay);
	font-size: 2.35rem;
	font-weight: 700;
	line-height: 1;
}

.DateControls {
	display: flex;
	flex-wrap: wrap;
	gap: var(--SpaceXS);
	align-items: center;
	min-width: 0;
}

.DateNavigatorLabel {
	margin-right: var(--SpaceXS);
	color: var(--ColorInk);
	font-size: 0.9rem;
	font-weight: 850;
}

.DateControl {
	width: 10.75rem;
	min-height: 2.25rem;
	padding: 0.38rem 0.55rem;
	background: rgba(255, 255, 255, 0.92);
}

.DateNavButtons {
	display: inline-flex;
	gap: var(--Space2XS);
	align-items: center;
}

.DateStepButton {
	width: 2.35rem;
	min-width: 2.35rem;
	padding-inline: 0;
	font-size: 1rem;
}

.DateTodayButton {
	min-width: 5.25rem;
	padding-inline: var(--SpaceS);
}

.DateStepButton,
.DateTodayButton,
.DateControl {
	min-height: 2.25rem;
	white-space: nowrap;
}

.PoolContextRibbon {
	display: flex;
	flex-wrap: wrap;
	gap: var(--SpaceS);
	align-items: end;
	padding: var(--SpaceS);
	border: 1px solid var(--ColorHairline);
	border-radius: var(--RadiusSmall);
	background: rgba(255, 255, 255, 0.78);
}

.PoolContextField {
	display: grid;
	gap: var(--Space2XS);
	min-width: 11rem;
}

.PoolContextField span {
	color: var(--ColorMuted);
	font-size: 0.72rem;
	font-weight: 850;
	line-height: 1.1;
}

.PoolContextField .FieldControl {
	min-height: 2rem;
	padding: 0.32rem 0.5rem;
	background: rgba(255, 255, 255, 0.92);
	font-size: 0.9rem;
}

.PoolContextMeta {
	margin-right: auto;
	color: var(--ColorMuted);
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 1.25;
}

.LogbookWorkspace {
	display: grid;
	grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
	gap: var(--SpaceL);
	align-items: start;
}

.DayRail {
	position: sticky;
	top: var(--SpaceM);
	display: grid;
	gap: var(--SpaceS);
}

.DayRailDisclosure,
.DayRailBody {
	display: grid;
	gap: var(--SpaceS);
}

.DayRailSummary {
	display: none;
}

.MonthNavigator {
	display: grid;
	grid-template-columns: 2.35rem minmax(0, 1fr) 2.35rem;
	gap: var(--SpaceXS);
	align-items: center;
}

.MonthNavigatorTitle {
	min-width: 0;
	color: var(--ColorInk);
	font-size: 1rem;
	font-weight: 850;
	line-height: 1.1;
	text-align: center;
}

.MonthStepButton {
	width: 2.35rem;
	min-width: 2.35rem;
	padding-inline: 0;
	font-size: 1rem;
}

.DayList {
	display: grid;
	gap: var(--SpaceXS);
	max-height: 34rem;
	overflow: auto;
	padding-right: var(--Space2XS);
}

.DayButton {
	width: 100%;
	display: grid;
	gap: var(--SpaceXS);
	padding: var(--SpaceS);
	border: 1px solid var(--ColorHairline);
	border-radius: var(--RadiusSmall);
	background: rgba(255, 255, 255, 0.7);
	color: var(--ColorText);
	text-align: left;
}

.DayButton:hover,
.DayButton:focus-visible {
	border-color: var(--ColorAqua);
	background: var(--ColorSurface);
	outline: none;
}

.DayButton:disabled,
.DayButton[aria-disabled="true"] {
	cursor: not-allowed;
	background: rgba(255, 255, 255, 0.38);
	color: color-mix(in srgb, var(--ColorMuted) 76%, white);
	opacity: 1;
}

.DayButton:disabled:hover,
.DayButton:disabled:focus-visible,
.DayButton[aria-disabled="true"]:hover,
.DayButton[aria-disabled="true"]:focus-visible {
	border-color: var(--ColorHairline);
	background: rgba(255, 255, 255, 0.38);
	box-shadow: none;
}

.DayButton[aria-current="date"] {
	border-color: var(--ColorAquaDark);
	background: var(--ColorAquaSoft);
}

.DayButton:disabled .DayButtonTitle,
.DayButton:disabled .DayButtonWeekday,
.DayButton[aria-disabled="true"] .DayButtonTitle,
.DayButton[aria-disabled="true"] .DayButtonWeekday {
	color: color-mix(in srgb, var(--ColorMuted) 76%, white);
}

.DayButtonHeader {
	display: flex;
	gap: var(--SpaceXS);
	align-items: baseline;
	min-width: 0;
}

.DayButtonTitle {
	color: var(--ColorInk);
	font-weight: 850;
	line-height: 1.15;
	white-space: nowrap;
}

.DayButtonWeekday {
	color: var(--ColorMuted);
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1.15;
	white-space: nowrap;
}

.DayButtonReadings {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--SpaceXS);
}

.DayReadingPill {
	display: flex;
	gap: var(--Space2XS);
	align-items: baseline;
	justify-content: space-between;
	min-width: 0;
	padding: 0.28rem 0.45rem;
	border: 1px solid color-mix(in srgb, var(--ColorHairline) 78%, white);
	border-radius: var(--RadiusSmall);
	background: rgba(255, 255, 255, 0.72);
}

.DayReadingLabel {
	color: var(--ColorMuted);
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0;
	text-transform: uppercase;
}

.DayReadingPill strong {
	color: var(--ColorInk);
	font-size: 0.95rem;
	font-weight: 850;
	line-height: 1;
}

.LogbookPage {
	min-width: 0;
	padding: var(--SpaceL);
	border: 1px solid var(--ColorHairline);
	border-radius: var(--RadiusMedium);
	background: rgba(255, 255, 255, 0.88);
	box-shadow: var(--ShadowSmall);
}

.DailyPageHeader {
	display: flex;
	gap: var(--SpaceM);
	align-items: start;
	justify-content: space-between;
	margin-bottom: var(--SpaceM);
	padding-bottom: var(--SpaceS);
	border-bottom: 1px solid var(--ColorHairline);
}

.DailyPageTitle {
	color: var(--ColorInk);
	font-family: var(--FontDisplay);
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.05;
}

.LogbookPageStatus {
	margin-top: var(--Space2XS);
	color: var(--ColorMuted);
}

.DailyTabs {
	display: flex;
	flex-wrap: wrap;
	gap: var(--Space2XS);
	border-bottom: 1px solid var(--ColorHairline);
}

.DailyTab {
	min-height: 2.45rem;
	padding: 0.48rem var(--SpaceM);
	border: 1px solid transparent;
	border-bottom: 0;
	border-radius: var(--RadiusSmall) var(--RadiusSmall) 0 0;
	background: transparent;
	color: var(--ColorMuted);
	font-weight: 850;
}

.DailyTab:hover,
.DailyTab:focus-visible {
	color: var(--ColorInk);
	background: rgba(255, 255, 255, 0.58);
	outline: none;
}

.DailyTab:focus-visible {
	box-shadow: var(--FocusRing);
}

.DailyTab[aria-selected="true"] {
	border-color: var(--ColorHairline);
	background: var(--ColorSurface);
	color: var(--ColorInk);
}

.DailyTabPanel {
	padding-top: var(--SpaceM);
}

.DailySummary,
.DailyReports,
.LogbookForm {
	display: grid;
	gap: var(--SpaceM);
}

.DailySummaryGrid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--SpaceS);
}

.SummaryCard {
	display: grid;
	align-content: start;
	gap: var(--SpaceXS);
	min-height: 0;
	padding: var(--SpaceS) var(--SpaceM);
	border: 1px solid var(--ColorHairline);
	border-radius: var(--RadiusSmall);
	background: rgba(255, 255, 255, 0.68);
}

.SummaryReadingLine {
	display: grid;
	grid-template-columns: repeat(var(--SummaryReadingColumnCount), minmax(0, 1fr));
	align-items: stretch;
	min-width: 0;
}

.SummaryCardSingle .SummaryReadingLine {
	grid-template-columns: minmax(0, 1fr);
}

.SummaryReadingItem {
	display: grid;
	align-content: start;
	gap: var(--Space2XS);
	min-width: 0;
	padding: 0 var(--SpaceS);
	border-left: 1px solid color-mix(in srgb, var(--ColorHairline) 74%, white);
}

.SummaryReadingItem:first-child {
	padding-left: 0;
	border-left: 0;
}

.SummaryReadingItem:last-child {
	padding-right: 0;
}

.SummaryCardTitle {
	color: var(--ColorMuted);
	font-size: 0.78rem;
	font-weight: 850;
	line-height: 1.15;
	text-transform: uppercase;
}

.SummaryReadingValue {
	color: var(--ColorInk);
	font-size: 1.35rem;
	font-weight: 850;
	line-height: 1;
}

.SummaryReadingItemEmpty .SummaryReadingValue {
	color: var(--ColorMuted);
	font-size: 1rem;
}

.SummaryReadingItemFallback .SummaryCardMeta {
	color: color-mix(in srgb, var(--ColorMuted) 78%, var(--ColorGold));
}

.SummaryCardMeta {
	color: var(--ColorMuted);
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.3;
}

.SummaryReadingLink {
	display: inline;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--ColorAquaDark);
	font: inherit;
	font-weight: 850;
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

.SummaryReadingLink:hover,
.SummaryReadingLink:focus-visible {
	color: var(--ColorInk);
	outline: none;
}

.SummaryReadingLink:focus-visible {
	box-shadow: var(--FocusRing);
}

.ReportList {
	display: grid;
	gap: var(--SpaceS);
}

.DailyRecordItem {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--SpaceS);
	align-items: center;
}

.DailyRecordItemDeletable {
	padding: var(--SpaceS);
	border: 1px dashed color-mix(in srgb, var(--ColorGold) 70%, var(--ColorHairline));
	border-radius: var(--RadiusSmall);
	background: color-mix(in srgb, var(--ColorGoldSoft) 42%, white);
}

.DailyRecordItemDeletable.DailyRecordItemSelected {
	border-color: var(--ColorAquaDark);
	background: var(--ColorAquaSoft);
}

.DailyRecordButton {
	width: 100%;
	display: grid;
	grid-template-columns: minmax(5rem, 0.55fr) minmax(11rem, 1fr) minmax(8rem, 0.8fr) auto;
	gap: var(--SpaceS);
	align-items: center;
	padding: var(--SpaceS);
	border: 1px solid var(--ColorHairline);
	border-radius: var(--RadiusSmall);
	background: rgba(255, 255, 255, 0.68);
	color: var(--ColorText);
	text-align: left;
}

.DailyRecordButton:hover,
.DailyRecordButton:focus-visible {
	border-color: var(--ColorAqua);
	background: var(--ColorSurface);
	outline: none;
}

.DailyRecordButton:focus-visible {
	box-shadow: var(--FocusRing);
}

.DailyRecordButton[aria-current="true"] {
	border-color: var(--ColorAquaDark);
	background: var(--ColorAquaSoft);
}

.DailyRecordButtonDraft {
	border-style: dashed;
	background: color-mix(in srgb, var(--ColorGoldSoft) 42%, white);
}

.DailyRecordItemDeletable .DailyRecordButton {
	padding: 0;
	border: 0;
	background: transparent;
}

.DailyRecordItemDeletable .DailyRecordButton:hover,
.DailyRecordItemDeletable .DailyRecordButton:focus-visible,
.DailyRecordItemDeletable .DailyRecordButton[aria-current="true"] {
	background: transparent;
}

.DailyRecordTime {
	color: var(--ColorInk);
	font-weight: 850;
}

.DailyRecordMeta {
	color: var(--ColorMuted);
	font-size: 0.86rem;
	font-weight: 700;
}

.DailyRecordDeleteButton {
	justify-self: end;
	white-space: nowrap;
}

.LogbookForm {
	--LogbookControlHeight: 2.75rem;
	gap: 1.15rem;
	margin-top: 0;
	padding: var(--SpaceM) 0 0;
	border-top: 0;
	background: transparent;
}

.ReadingSection {
	display: grid;
	gap: var(--SpaceM);
	padding-top: var(--SpaceL);
	border-top: 1px solid color-mix(in srgb, var(--ColorHairline) 65%, white);
}

.ReadingSection:first-of-type {
	padding-top: 0;
	border-top: 0;
}

.ReadingSectionHeader {
	display: flex;
	align-items: center;
	gap: var(--SpaceS);
	max-width: none;
}

.LogbookForm .Subheading {
	font-family: var(--FontBody);
	font-size: 0.78rem;
	font-weight: 850;
	line-height: 1.15;
	color: var(--ColorMuted);
	text-transform: uppercase;
}

.LogbookForm .FieldHint {
	max-width: 42rem;
	font-size: 0.82rem;
	line-height: 1.35;
}

.LogbookForm .FieldLabel {
	color: var(--ColorMuted);
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1.15;
	text-transform: none;
}

.ReportBasicsGrid,
.ChemistryGrid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--SpaceM);
	align-items: start;
}

.ReportBasicsGrid {
	padding-bottom: var(--SpaceXS);
}

.ReportBasicsGrid > .Field,
.ChemistryGrid > .Field {
	grid-column: span 4;
}

.ReportBasicsGrid > .ReportTimestampField {
	grid-column: span 6;
}

.ReportBasicsGrid > .Field:nth-child(2),
.ReportBasicsGrid > .Field:nth-child(3) {
	grid-column: span 3;
}

.CoreChemistryGrid .Field {
	grid-column: span 3;
}

.TimestampControl {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 4.25rem;
	gap: var(--SpaceXS);
}

.TimestampControl .ButtonSmall {
	min-width: 0;
	height: var(--LogbookControlHeight);
	min-height: var(--LogbookControlHeight);
	padding-inline: var(--SpaceXS);
	font-size: 0.9rem;
}

.SanitizerPanels,
.SanitizerGrid {
	display: contents;
}

.SanitizerGridSingle > .Field {
	grid-column: span 3;
}

.LogbookPage .Field {
	gap: 0.4rem;
}

.LogbookPage .FieldControl {
	height: var(--LogbookControlHeight);
	min-height: var(--LogbookControlHeight);
	padding: 0 0.75rem;
	background: rgba(255, 255, 255, 0.9);
	font-size: 1rem;
	line-height: 1.2;
}

.LogbookForm select.FieldControl {
	height: var(--LogbookControlHeight);
	padding-block: 0;
}

.LogbookForm select[data-logbook-field="disinfectantKind"]:disabled {
	border-color: color-mix(in srgb, var(--ColorHairline) 82%, white);
	background: rgba(248, 248, 244, 0.82);
	color: var(--ColorInk);
	opacity: 1;
}

.LogbookPage input[type="number"] {
	appearance: textfield;
}

.LogbookPage input[type="number"]::-webkit-inner-spin-button,
.LogbookPage input[type="number"]::-webkit-outer-spin-button {
	margin: 0;
	appearance: none;
}

.LogbookPage textarea.FieldControl {
	min-height: 6.25rem;
}

.LogbookPage .InputSuffix,
.LogbookPage .InputPrefix {
	height: var(--LogbookControlHeight);
	min-height: var(--LogbookControlHeight);
	padding-inline: 0.75rem;
	background: rgba(248, 241, 223, 0.78);
	font-size: 0.82rem;
}

.InputGroupWithUnit {
	grid-template-columns: minmax(0, 1fr) minmax(5rem, auto);
}

.InputGroupConcentration,
.InputGroupTemperature {
	grid-template-columns: minmax(0, 1fr) minmax(5rem, auto);
}

.InputGroupWithUnit .FieldControl {
	border-radius: var(--RadiusSmall) 0 0 var(--RadiusSmall);
}

.InputGroupWithUnit .UnitSelect {
	width: auto;
	min-width: 5rem;
	border-left: 0;
	border-radius: 0 var(--RadiusSmall) var(--RadiusSmall) 0;
	background: rgba(255, 255, 255, 0.9);
	font-size: 0.88rem;
	font-weight: 800;
}

.InputGroupConcentration .UnitSelect,
.InputGroupTemperature .UnitSelect {
	border-radius: 0 var(--RadiusSmall) var(--RadiusSmall) 0;
}

.LogbookFormReadOnly .FieldControl:disabled {
	border-color: color-mix(in srgb, var(--ColorHairline) 82%, white);
	background: rgba(248, 248, 244, 0.82);
	color: var(--ColorInk);
	opacity: 1;
}

.LogbookFormReadOnly .InputSuffix {
	opacity: 1;
}

.ModuleGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--SpaceM);
}

.ModuleCard {
	display: grid;
	gap: var(--SpaceM);
	margin: 0;
	padding: var(--SpaceS) 0 0;
	border: 1px solid var(--ColorHairline);
	border-width: 1px 0 0;
	border-radius: 0;
	background: transparent;
}

.ModuleCard legend {
	padding: 0 var(--SpaceXS);
	color: var(--ColorInk);
	font-weight: 850;
}

.ModuleFields {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--SpaceS);
}

.LogbookFormFooter {
	display: flex;
	flex-wrap: wrap;
	gap: var(--SpaceM);
	align-items: center;
	justify-content: space-between;
	padding-top: var(--SpaceM);
	border-top: 2px solid var(--ColorHairline);
}

.ReportingBasisNote {
	max-width: 44rem;
	margin-top: var(--Space2XS);
	color: color-mix(in srgb, var(--ColorMuted) 84%, white);
}

.SignatureLine {
	display: flex;
	flex-wrap: wrap;
	gap: 0.2rem 0.35rem;
	align-items: baseline;
}

.OperatorIdentityButton,
.OperatorConfigureButton {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--ColorAquaDark);
	font: inherit;
	font-weight: 850;
	line-height: inherit;
	text-decoration: underline;
	text-underline-offset: 0.14em;
}

.OperatorConfigureButton {
	min-height: 1.45rem;
	padding: 0.05rem 0.45rem 0;
	border: 1px solid color-mix(in srgb, var(--ColorHairline) 78%, white);
	border-radius: var(--RadiusSmall);
	background: rgba(255, 255, 255, 0.62);
	color: var(--ColorMuted);
	font-size: 0.72rem;
	font-weight: 850;
	line-height: 1;
	text-decoration: none;
}

.OperatorIdentityText {
	color: var(--ColorAquaDark);
	cursor: pointer;
	font-weight: 850;
	text-decoration: underline;
	text-underline-offset: 0.14em;
}

.OperatorIdentityButton:hover,
.OperatorIdentityButton:focus-visible,
.OperatorConfigureButton:hover,
.OperatorConfigureButton:focus-visible {
	color: var(--ColorInk);
	outline: none;
}

.OperatorConfigureButton:hover,
.OperatorConfigureButton:focus-visible {
	border-color: var(--ColorAqua);
	background: var(--ColorAquaSoft);
}

.OperatorIdentityButton:focus-visible,
.OperatorConfigureButton:focus-visible {
	box-shadow: var(--FocusRing);
}

.OperatorIdentityDialogBody {
	display: grid;
	gap: var(--SpaceM);
}

@media (max-width: 1080px) {
	.ReportBasicsGrid,
	.ChemistryGrid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.ReportBasicsGrid > .Field,
	.ReportBasicsGrid > .Field:nth-child(2),
	.ReportBasicsGrid > .Field:nth-child(3),
	.ChemistryGrid > .Field,
	.CoreChemistryGrid .Field,
	.SanitizerGridSingle > .Field {
		grid-column: span 3;
	}

	.ReportBasicsGrid > .ReportTimestampField {
		grid-column: span 6;
	}
}

@media (max-width: 980px) {
	.LogbookHeader,
	.DailyPageHeader {
		display: grid;
	}

	.LogbookTitleBar {
		display: grid;
		gap: var(--SpaceS);
	}

	.LogbookWorkspace {
		grid-template-columns: 1fr;
	}

	.DayRail {
		position: static;
	}

	.DayList {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		max-height: none;
		padding-right: 0;
	}

	.ModuleFields {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.DailyRecordButton {
		grid-template-columns: minmax(5rem, 0.45fr) minmax(10rem, 1fr) auto;
	}

	.DailyRecordMeta {
		grid-column: 2 / -1;
	}

}

@media (max-width: 720px) {
	.DateControls {
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
	}

	.DateNavigatorLabel {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	.DateControl {
		flex: 1 1 auto;
		width: auto;
		min-width: 8.5rem;
	}

	.DateNavButtons {
		flex: 0 0 auto;
	}

	.PoolContextRibbon {
		align-items: stretch;
	}

	.PoolContextField {
		flex: 1 1 12rem;
	}

	.PoolContextMeta {
		flex-basis: 100%;
	}

	.LogbookPage {
		padding: var(--SpaceM);
		background: rgba(255, 255, 255, 0.9);
	}

	.DayRail {
		overflow: hidden;
		padding: 0;
	}

	.DayRailSummary {
		display: flex;
		gap: var(--SpaceS);
		align-items: center;
		justify-content: space-between;
		min-height: 3rem;
		padding: var(--SpaceS);
		cursor: pointer;
		list-style: none;
	}

	.DayRailSummary::-webkit-details-marker {
		display: none;
	}

	.DayRailSummaryTitle {
		color: var(--ColorInk);
		font-weight: 850;
	}

	.DayRailSummaryAction {
		color: var(--ColorTealDark);
		font-size: 0.82rem;
		font-weight: 850;
		white-space: nowrap;
	}

	.DayRailBody {
		padding: 0 var(--SpaceS) var(--SpaceS);
	}

	.DailySummaryGrid,
	.DailyRecordButton,
	.DailyRecordItem {
		grid-template-columns: 1fr;
	}

	.DailyRecordDeleteButton {
		justify-self: start;
	}

	.SummaryReadingLine {
		grid-template-columns: 1fr;
	}

	.SummaryReadingItem {
		padding: var(--SpaceS) 0 0;
		border-top: 1px solid color-mix(in srgb, var(--ColorHairline) 74%, white);
		border-left: 0;
	}

	.SummaryReadingItem:first-child {
		padding-top: 0;
		border-top: 0;
	}

	.SummaryReadingItem:last-child {
		padding-right: 0;
	}

	.DailyRecordMeta {
		grid-column: auto;
	}

	.ReportBasicsGrid,
	.ChemistryGrid,
	.ModuleGrid,
	.ModuleFields {
		grid-template-columns: 1fr;
	}

	.InputGroupWithUnit,
	.InputGroupConcentration,
	.InputGroupTemperature {
		grid-template-columns: 1fr;
	}

	.InputGroupWithUnit .FieldControl,
	.InputGroupWithUnit .UnitSelect,
	.InputGroupConcentration .UnitSelect,
	.InputGroupTemperature .UnitSelect {
		width: 100%;
		border-left: 1px solid var(--ColorHairline);
		border-radius: var(--RadiusSmall);
	}

	.InputGroupWithUnit .UnitSelect {
		border-top: 0;
	}

	.ReportBasicsGrid > .Field,
	.ReportBasicsGrid > .ReportTimestampField,
	.ReportBasicsGrid > .Field:nth-child(2),
	.ReportBasicsGrid > .Field:nth-child(3),
	.ChemistryGrid > .Field,
	.CoreChemistryGrid .Field,
	.SanitizerGridSingle > .Field {
		grid-column: 1 / -1;
	}

}