/* /Components/Admin/AdminDashboard/ClientList.razor.rz.scp.css */
.clients-list[b-0mxfvt9wcn] {
	--col-gap: 0.75rem;
	--row-padding-block: 0.625rem;
	--row-padding-inline: 0.875rem;
	--list-font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	--list-font-size-xs: calc(var(--list-font-size) * 0.82);
	--list-text: #1f2328;
	--list-text-muted: #6b7280;
	--list-text-faint: #9aa1a9;
	--list-divider: #e9ebee;
	--summary-marker: 1em;
	--summary-gap: 0.5rem;
	container-type: inline-size;
	container-name: clientslist;
	font-size: var(--list-font-size);
	color: var(--list-text);
}

.clients-list-head[b-0mxfvt9wcn] {
	display: none;
}

.individual-client-data:not([hidden]) ~ .individual-client-data[b-0mxfvt9wcn] {
	border-top: 1px solid var(--list-divider);
}

@container clientslist (min-width: 34rem) {
	.clients-list-head[b-0mxfvt9wcn] {
		display: flex;
		justify-content: space-between;
		gap: var(--col-gap);
		padding: var(--row-padding-block) var(--row-padding-inline);
		border-bottom: 1px solid var(--list-divider);
		color: var(--list-text-faint);
		font-size: var(--list-font-size-xs);
	}
}

.clients-search[b-0mxfvt9wcn] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem var(--col-gap);
	padding: var(--row-padding-block) var(--row-padding-inline);
}

.clients-search-input[b-0mxfvt9wcn] {
	flex: 1 1 16rem;
	min-width: 0;
	padding: 0.375rem 0.625rem;
	border: 1px solid #d0d4d9;
	border-radius: 0.5rem;
	background: #ffffff;
	color: var(--list-text);
	font: inherit;
}

.clients-search-input:focus-visible[b-0mxfvt9wcn] {
	outline: 2px solid #1d5091;
	outline-offset: 1px;
}

.clients-search-note[b-0mxfvt9wcn],
.clients-search-empty[b-0mxfvt9wcn] {
	color: var(--list-text-muted);
	font-size: var(--list-font-size-xs);
}

.clients-search-empty[b-0mxfvt9wcn] {
	padding: var(--row-padding-block) var(--row-padding-inline);
}
/* /Components/Admin/AdminDashboard/Popup/Restpop.razor.rz.scp.css */
.rest-pop[b-etrg3zzb3f] {
	--pop-text: var(--list-text, #1f2328);
	--pop-text-muted: var(--list-text-muted, #6b7280);
	--pop-text-faint: var(--list-text-faint, #9aa1a9);
	--pop-surface: var(--list-surface, #ffffff);
	--pop-border: var(--list-border, #e0e3e7);
	--pop-divider: var(--list-divider, #e9ebee);
	--pop-radius: var(--list-radius, 0.5rem);
	--pop-font-size: var(--list-font-size, clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem));
	--pop-padding-block: var(--row-padding-block, 0.5rem);
	--pop-padding-inline: var(--row-padding-inline, 0.875rem);
	--pop-accent-width: var(--row-accent-width, 0.1875rem);
	--pop-gap: var(--col-gap, 0.75rem);
	--pop-accent: #1d5091;
	--pop-accent-hover: #17437a;
	--pop-accent-tint: rgb(29 80 145 / 5%);
	--pop-control-border: #d0d4d9;
	--pop-control-border-hover: #b4bac2;
	--pop-danger: #b42318;
	--pop-danger-tint: #fef3f2;
	--pop-input-width: 6.5rem;
	--pop-remove-width: 6.5rem;

	inline-size: min(26rem, 100vw - 2rem);
	max-block-size: min(36rem, 100dvh - 2rem);
	padding: 0;
	border: 1px solid var(--pop-border);
	border-radius: var(--pop-radius);
	background: var(--pop-surface);
	color: var(--pop-text);
	font-size: var(--pop-font-size);
	box-shadow:
		0 0.75rem 2rem rgb(11 11 11 / 12%),
		0 0.125rem 0.375rem rgb(11 11 11 / 6%);
	overflow: hidden;
}

.rest-pop:popover-open[b-etrg3zzb3f] {
	display: flex;
	flex-direction: column;
}

.rest-pop[b-etrg3zzb3f]::backdrop {
	background: rgb(11 11 11 / 18%);
}

@media (prefers-reduced-motion: no-preference) {
	.rest-pop:popover-open[b-etrg3zzb3f] {
		animation: rest-pop-in-b-etrg3zzb3f 140ms ease-out;
	}
}

@keyframes rest-pop-in-b-etrg3zzb3f {
	from {
		opacity: 0;
		transform: translateY(0.25rem) scale(0.985);
	}
}

.close-and-title[b-etrg3zzb3f] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	flex: none;
	border-bottom: 1px solid var(--pop-divider);
}

.device-name[b-etrg3zzb3f] {
	margin: 0;
	padding: calc(var(--pop-padding-block) * 1.5) var(--pop-padding-inline);
	padding-left: calc(var(--pop-padding-inline) + var(--pop-accent-width));
	color: var(--pop-text);
	font-size: 1.125em;
	font-weight: 600;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.close-btn[b-etrg3zzb3f] {
	display: grid;
	place-items: center;
	inline-size: 3rem;
	padding: 0;
	border: 0;
	border-left: 1px solid rgb(11 11 11 / 10%);
	background: none;
	color: var(--pop-text-muted);
	font: inherit;
	font-size: 1rem;
	line-height: 1;
	cursor: pointer;
}

.close-btn:hover[b-etrg3zzb3f] {
	color: var(--pop-text);
	background-color: rgb(11 11 11 / 4%);
}

.close-btn:focus-visible[b-etrg3zzb3f] {
	outline: 2px solid var(--pop-accent);
	outline-offset: -2px;
}


.pop-rows[b-etrg3zzb3f] {
	flex: 1 1 auto;
	min-block-size: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.row-title-and-row-input[b-etrg3zzb3f] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--pop-remove-width);
	align-items: center;
	padding-right: var(--pop-padding-inline);
	box-shadow: inset var(--pop-accent-width) 0 0 transparent;
	transition: background-color 120ms ease, box-shadow 120ms ease;
}

.row-title-and-row-input + .row-title-and-row-input[b-etrg3zzb3f] {
	border-top: 1px solid var(--pop-divider);
}

.row-title-and-row-input:focus-within[b-etrg3zzb3f] {
	background: var(--pop-accent-tint);
	box-shadow: inset var(--pop-accent-width) 0 0 var(--pop-accent);
}

.row-title-and-row-input:has(.row-input:user-invalid)[b-etrg3zzb3f] {
	background: var(--pop-danger-tint);
	box-shadow: inset var(--pop-accent-width) 0 0 var(--pop-danger);
}

.row-label[b-etrg3zzb3f] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--pop-input-width);
	align-items: center;
	gap: var(--pop-gap);
	padding: var(--pop-padding-block) var(--pop-padding-inline);
	padding-left: calc(var(--pop-padding-inline) + var(--pop-accent-width));
	cursor: pointer;
}

.row-title[b-etrg3zzb3f] {
	display: flex;
	flex-direction: column;
	gap: 0.0625rem;
	min-inline-size: 0;
}

.row-type[b-etrg3zzb3f] {
	font-weight: 500;
	overflow-wrap: anywhere;
}

.row-hint[b-etrg3zzb3f] {
	color: var(--pop-text-faint);
	font-size: 0.82em;
}

.row-input[b-etrg3zzb3f] {
	box-sizing: border-box;
	inline-size: 100%;
	padding: 0.375rem 0.5rem;
	border: 1px solid var(--pop-control-border);
	border-radius: calc(var(--pop-radius) * 0.75);
	background: var(--pop-surface);
	color: var(--pop-text);
	font: inherit;
	font-variant-numeric: tabular-nums;
	text-align: right;
}

.row-remove[b-etrg3zzb3f] {
	inline-size: 100%;
}

.is-unused .row-type[b-etrg3zzb3f],
.is-removing .row-type[b-etrg3zzb3f] {
	color: var(--pop-text-faint);
}

.is-removing .row-type[b-etrg3zzb3f] {
	text-decoration: line-through;
}

.is-removing .row-hint[b-etrg3zzb3f] {
	color: var(--pop-danger);
}

.row-input:disabled[b-etrg3zzb3f] {
	background: rgb(11 11 11 / 4%);
	cursor: not-allowed;
}

.row-input[b-etrg3zzb3f]::placeholder {
	color: var(--pop-text-faint);
	opacity: 1;
}

.row-input:hover[b-etrg3zzb3f] {
	border-color: var(--pop-control-border-hover);
}

.row-input:focus-visible[b-etrg3zzb3f] {
	border-color: var(--pop-accent);
	outline: 2px solid var(--pop-accent);
	outline-offset: -1px;
}

.row-input:user-invalid[b-etrg3zzb3f] {
	border-color: var(--pop-danger);
}

.row-input:user-invalid:focus-visible[b-etrg3zzb3f] {
	outline-color: var(--pop-danger);
}

.pop-error[b-etrg3zzb3f] {
	flex: none;
	margin: 0;
	padding: var(--pop-padding-block) var(--pop-padding-inline);
	padding-left: calc(var(--pop-padding-inline) + var(--pop-accent-width));
	border-top: 1px solid var(--pop-divider);
	box-shadow: inset var(--pop-accent-width) 0 0 var(--pop-danger);
	background: var(--pop-danger-tint);
	color: var(--pop-danger);
	font-size: 0.9em;
}

.pop-actions[b-etrg3zzb3f] {
	display: flex;
	flex: none;
	justify-content: flex-end;
	gap: 0.5rem;
	padding: var(--pop-padding-block) var(--pop-padding-inline);
	border-top: 1px solid var(--pop-divider);
	background: rgb(11 11 11 / 2%);
}

.seg-btn[b-etrg3zzb3f] {
	padding: 0.3rem 0.75rem;
	border: 1px solid var(--pop-control-border);
	border-radius: var(--pop-radius);
	background: var(--pop-surface);
	color: var(--pop-text-muted);
	font: inherit;
	font-size: 0.9em;
	white-space: nowrap;
	cursor: pointer;
}

.seg-btn:hover:not(:disabled)[b-etrg3zzb3f] {
	background: #f3f4f6;
	color: var(--pop-text);
}

.seg-btn:focus-visible[b-etrg3zzb3f] {
	outline: 2px solid var(--pop-accent);
	outline-offset: 2px;
}

.seg-btn:disabled[b-etrg3zzb3f] {
	opacity: 0.55;
	cursor: progress;
}

.seg-btn-primary[b-etrg3zzb3f] {
	padding: 0.4rem 0.9rem;
	border-color: var(--pop-accent);
	background: var(--pop-accent);
	color: #ffffff;
	font-weight: 500;
}

.seg-btn-primary:hover:not(:disabled)[b-etrg3zzb3f] {
	border-color: var(--pop-accent-hover);
	background: var(--pop-accent-hover);
	color: #ffffff;
}
/* /Components/Admin/AdminDashboard/Search/CompanySummary.razor.rz.scp.css */
.individual-client-data > summary[b-eac7sevlvu] {
	display: flex;
	align-items: baseline;
	gap: var(--summary-gap);
	padding: var(--row-padding-block) var(--row-padding-inline);
	cursor: pointer;
}

.individual-client-data > summary[b-eac7sevlvu]::-webkit-details-marker {
	display: none;
}

.individual-client-data > summary[b-eac7sevlvu]::before {
	content: "\203A"; /* › */
	flex: none;
	inline-size: var(--summary-marker);
	text-align: center;
	color: var(--list-text-muted);
	transition: transform 120ms ease;
}

.individual-client-data[open] > summary[b-eac7sevlvu]::before {
	transform: rotate(90deg);
}

.individual-client-data > summary:hover[b-eac7sevlvu] {
	background-color: rgb(11 11 11 / 4%);
}

.individual-client-data > summary:focus-visible[b-eac7sevlvu] {
	outline: 2px solid #1d5091;
	outline-offset: -2px;
}

.individual-client-data.device-hit > summary[b-eac7sevlvu] {
	display: none;
}

.client-and-totals[b-eac7sevlvu] {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem var(--col-gap);
}

.company-name[b-eac7sevlvu] {
	flex: 1 1 12rem;
	min-width: 0;
	font-weight: 700;
	overflow-wrap: break-word;
}

.summary-end[b-eac7sevlvu] {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 0.25rem var(--col-gap);
	margin-inline-start: auto;
}

@media (prefers-reduced-motion: reduce) {
	.individual-client-data > summary[b-eac7sevlvu]::before {
		transition: none;
	}
}
/* /Components/Admin/AdminDashboard/Search/ControlShown.razor.rz.scp.css */
.client-devices[b-rsl48d99y6] {
	padding-inline-start: calc(var(--summary-marker) + var(--summary-gap) - 0.1875rem - 1px);
	padding-inline-end: var(--row-padding-inline);
}

.client-devices-note[b-rsl48d99y6] {
	margin: 0;
	padding: 0.5rem 0.875rem var(--row-padding-block) calc(1px + 0.1875rem + 0.875rem);
	color: var(--list-text-muted);
	font-size: var(--list-font-size-xs);
}

.pending-list[b-rsl48d99y6] {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #ffffff;
	border: 1px solid #e0e3e7;
	border-radius: 0.5rem;
	overflow: hidden;
}

.pending-row[b-rsl48d99y6] {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	padding: 0.5rem 0.875rem;
	border-left: 0.1875rem solid transparent;
}

.pending-row + .pending-row[b-rsl48d99y6] {
	border-top: 1px solid #e9ebee;
}

.pending-identity[b-rsl48d99y6] {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 0.25rem;
	min-width: 0;
}

.pending-name[b-rsl48d99y6] {
	font-weight: 600;
	color: var(--list-text);
	overflow-wrap: anywhere;
}

.pending-place[b-rsl48d99y6] {
	color: var(--list-text-muted);
	font-size: calc(var(--list-font-size) * 0.9);
}

.pending-place[b-rsl48d99y6]::before {
	content: "·";
	margin-right: 0.25rem;
	color: var(--list-text-faint);
}

.pending-detail[b-rsl48d99y6] {
	color: var(--list-text-faint);
	font-size: var(--list-font-size-xs);
}
/* /Components/Admin/AdminNav/HeaderInfo.razor.rz.scp.css */
.holder[b-9btitibeb0] {
	display: inline-flex;
	gap: 1rem;
}

.admin-title[b-9btitibeb0] {
	margin: 0;
	font-size: clamp(1.125rem, 0.95rem + 0.8vw, 1.5rem);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.011em;
	color: #1f2328;
	text-wrap: balance;
}
/* /Components/Admin/ServiceProblems/BoardStatus.razor.rz.scp.css */
.board-status[b-t7wiznwdl9] {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25rem 1.25rem;
	font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	color: #6b7280;
}

.board-feed[b-t7wiznwdl9] {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 600;
	color: #1f2328;
}

.board-dot[b-t7wiznwdl9] {
	flex: none;
	inline-size: 0.625rem;
	block-size: 0.625rem;
	border-radius: 50%;
	background: #9aa1a9;
}

.board-meta[b-t7wiznwdl9] {
	font-variant-numeric: tabular-nums;
}

.is-live .board-dot[b-t7wiznwdl9] {
	background: #0f6c0f;
}

.is-stale .board-dot[b-t7wiznwdl9] {
	background: #ba7517;
}

.is-stale .board-feed[b-t7wiznwdl9] {
	color: #734500;
}

/* /Components/Admin/ServiceProblems/Checkup.razor.rz.scp.css */
.link-and-checkbox[b-5n55rp87wz] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--svc-check-col);
}

.link-and-checkbox + .link-and-checkbox[b-5n55rp87wz] {
	border-top: 1px solid var(--list-divider);
}

.check-cell[b-5n55rp87wz] {
	display: grid;
	place-items: center;
	border-left: 1px solid rgb(11 11 11 / 10%);
	cursor: pointer;
}

.check-cell:hover[b-5n55rp87wz] {
	background-color: rgb(11 11 11 / 4%);
}

.checkbox[b-5n55rp87wz] {
	inline-size: var(--svc-check-size);
	block-size: var(--svc-check-size);
	margin: 0;
	accent-color: var(--tone-accent);
	cursor: pointer;
}

.ack-error[b-5n55rp87wz] {
	margin: 0;
	padding: 0.5rem 0.75rem;
	color: var(--tone-accent);
	font-weight: 600;
}
/* /Components/Admin/ServiceProblems/MostImportant.razor.rz.scp.css */
.link-and-checkbox[b-0geheyucsl] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--svc-check-col);
}

.link-and-checkbox + .link-and-checkbox[b-0geheyucsl] {
	border-top: 1px solid var(--list-divider);
}

.check-cell[b-0geheyucsl] {
	display: grid;
	place-items: center;
	border-left: 1px solid rgb(11 11 11 / 10%);
	cursor: pointer;
}

.check-cell:hover[b-0geheyucsl] {
	background-color: rgb(11 11 11 / 4%);
}

.checkbox[b-0geheyucsl] {
	inline-size: var(--svc-check-size);
	block-size: var(--svc-check-size);
	margin: 0;
	accent-color: var(--tone-accent);
	cursor: pointer;
}

.ack-error[b-0geheyucsl] {
	margin: 0;
	padding: 0.5rem 0.75rem;
	color: var(--tone-accent);
	font-weight: 600;
}
/* /Components/Admin/ServiceProblems/ShowTimes/TimeDropDown.razor.rz.scp.css */
.times-list-shown[b-vyqanifqoy] {
	grid-column: 1 / -1;
	padding: 0.25rem var(--row-padding-inline) 0.75rem;
	border-top: 1px dashed var(--list-divider);
}

.times-note[b-vyqanifqoy] {
	margin: 0;
	color: var(--list-text-faint);
}
/* /Components/Admin/ServiceProblems/SubComponents/ServicePanel.razor.rz.scp.css */
.svc-panel[b-9my9uvcu8t] {
	--col-hours: 6.5rem;
	--col-stamp: 9rem;
	--col-gap: 0.75rem;
	--row-padding-block: 0.5rem;
	--row-padding-inline: 0.875rem;
	--row-accent-width: 0.1875rem;
	--list-font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	--list-font-size-sm: calc(var(--list-font-size) * 0.9);
	--list-font-size-xs: calc(var(--list-font-size) * 0.82);
	--list-text: #1f2328;
	--list-text-muted: #6b7280;
	--list-text-faint: #9aa1a9;
	--list-surface: #ffffff;
	--list-border: #e0e3e7;
	--list-divider: #e9ebee;
	--list-radius: 0.5rem;
	--svc-cols: minmax(0, 1.3fr) minmax(0, 1fr) var(--col-stamp);
	--svc-cols-hours: minmax(0, 1.3fr) minmax(0, 1fr) var(--col-hours) var(--col-stamp);
	--tone-fg: var(--list-text-muted);
	--tone-accent: #888780;
	--tone-tint: #eceeef;
	--svc-check-size: 1.25rem;
	--svc-check-col: 3rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	min-width: 0;
	font-size: var(--list-font-size);
	color: var(--list-text);
}

.svc-panel.is-selectable .svc-columns[b-9my9uvcu8t] {
	padding-right: calc(var(--row-padding-inline) + var(--svc-check-col));
}

.svc-panel.tone-stoerung[b-9my9uvcu8t] {
	--tone-fg: #8e2626;
	--tone-accent: #a32d2d;
	--tone-tint: #fad6d6;
}

.svc-panel.tone-wartung[b-9my9uvcu8t] {
	--tone-fg: #734500;
	--tone-accent: #ba7517;
	--tone-tint: #f9dca4;
}

.svc-panel.tone-offline[b-9my9uvcu8t] {
	--tone-fg: #52514e;
	--tone-accent: #888780;
	--tone-tint: #eceeef;
}

.svc-head[b-9my9uvcu8t] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.25rem 0.625rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid var(--list-border);
}

.svc-panel.is-on .svc-head[b-9my9uvcu8t] {
	border-bottom-color: var(--tone-accent);
}

.svc-lamp[b-9my9uvcu8t] {
	flex: none;
	inline-size: 0.75rem;
	block-size: 0.75rem;
	border-radius: 50%;
	background: var(--list-surface);
	box-shadow: inset 0 0 0 1.5px #d0d4d9;
}

.svc-panel.is-on .svc-lamp[b-9my9uvcu8t] {
	background: var(--tone-accent);
	box-shadow: 0 0 0 0.1875rem var(--tone-tint);
}

.svc-title[b-9my9uvcu8t] {
	margin: 0;
	font-size: clamp(1rem, 0.92rem + 0.35vw, 1.1875rem);
	font-weight: 600;
	line-height: 1.2;
	color: var(--list-text-muted);
}

.svc-panel.is-on .svc-title[b-9my9uvcu8t] {
	color: var(--tone-fg);
}

.svc-count[b-9my9uvcu8t] {
	margin-left: auto;
	font-size: clamp(1.25rem, 1rem + 0.9vw, 1.625rem);
	font-weight: 600;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	color: var(--list-text-faint);
}

.svc-panel.is-on .svc-count[b-9my9uvcu8t] {
	color: var(--tone-fg);
}

.svc-card[b-9my9uvcu8t] {
	position: relative;
	flex: 1;
	container-type: inline-size;
	container-name: servicelist;
	background: var(--list-surface);
	border: 1px solid var(--list-border);
	border-radius: var(--list-radius);
	overflow: hidden;
}

.svc-empty[b-9my9uvcu8t] {
	margin: 0;
	padding: calc(var(--row-padding-block) * 4) var(--row-padding-inline);
	font-size: var(--list-font-size-sm);
	color: var(--list-text-muted);
	text-align: center;
}

.svc-columns[b-9my9uvcu8t] {
	display: none;
}

@container servicelist (min-width: 34rem) {
	.svc-columns[b-9my9uvcu8t] {
		display: grid;
		grid-template-columns: var(--svc-cols);
		gap: var(--col-gap);
		align-items: end;
		padding: var(--row-padding-block) var(--row-padding-inline);
		padding-left: calc(var(--row-padding-inline) + var(--row-accent-width));
		border-bottom: 1px solid var(--list-divider);
		font-size: var(--list-font-size-xs);
		color: var(--list-text-faint);
	}

	.svc-columns.with-hours[b-9my9uvcu8t] {
		display: none;
	}
}

@container servicelist (min-width: 46rem) {
	.svc-columns.with-hours[b-9my9uvcu8t] {
		display: grid;
		grid-template-columns: var(--svc-cols-hours);
	}

	.svc-col-hours[b-9my9uvcu8t] {
		text-align: right;
	}
}


.svc-alarm[b-9my9uvcu8t] {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	opacity: 0;
	background: var(--tone-tint);
	box-shadow: inset 0 0 0 3px var(--tone-accent);
	mix-blend-mode: multiply;
	animation: svc-alarm-b-9my9uvcu8t 1.2s ease-in-out 3;
}

@keyframes svc-alarm-b-9my9uvcu8t {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.svc-alarm[b-9my9uvcu8t] {
		animation: svc-alarm-calm-b-9my9uvcu8t 4s ease-out 1;
	}
}

@keyframes svc-alarm-calm-b-9my9uvcu8t {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
/* /Components/Admin/ServiceProblems/SubComponents/ServiceRow.razor.rz.scp.css */
.svc-row[b-3ekrioqpxx] {
	--_gap: var(--col-gap, 0.75rem);
	--_pad-block: var(--row-padding-block, 0.5rem);
	--_pad-inline: var(--row-padding-inline, 0.875rem);
	--_accent: var(--row-accent-width, 0.1875rem);
	--_fs: var(--list-font-size, clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem));
	--_fs-sm: var(--list-font-size-sm, calc(var(--_fs) * 0.9));
	--_fs-xs: var(--list-font-size-xs, calc(var(--_fs) * 0.82));
	--_text: var(--list-text, #1f2328);
	--_muted: var(--list-text-muted, #6b7280);
	--_faint: var(--list-text-faint, #9aa1a9);
	--_divider: var(--list-divider, #e9ebee);
	--row-tint: transparent;

	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"name     stamp"
		"customer stamp";
	align-items: baseline;
	gap: 0.125rem var(--_gap);
	padding: var(--_pad-block) var(--_pad-inline);
	border-left: var(--_accent) solid var(--tone-accent, transparent);
	background: var(--row-tint);
	font-size: var(--_fs);
	color: var(--_text);
	text-decoration: none;
	transition: background-color 120ms ease;
}

.svc-row.with-hours[b-3ekrioqpxx] {
	grid-template-areas:
		"name     hours"
		"customer stamp";
}

.svc-row + .svc-row[b-3ekrioqpxx] {
	border-top: 1px solid var(--_divider);
}

.svc-row.is-clickable[b-3ekrioqpxx] {
	cursor: pointer;
}

.svc-row.is-clickable:hover[b-3ekrioqpxx] {
	background-image: linear-gradient(rgb(11 11 11 / 4%), rgb(11 11 11 / 4%));
}

.svc-row.is-fresh[b-3ekrioqpxx] {
	--row-tint: var(--tone-tint, #eceeef);
}

.svc-row.is-fresh .svc-name-text[b-3ekrioqpxx] {
	color: var(--tone-fg, var(--_text));
}

.svc-name[b-3ekrioqpxx] {
	grid-area: name;
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.125rem 0.5rem;
}

.svc-name-text[b-3ekrioqpxx] {
	min-width: 0;
	max-width: 100%;
	font-weight: 600;
	overflow-wrap: anywhere;
	color: inherit;
	text-decoration: none;
}

.svc-name-text:hover[b-3ekrioqpxx] {
	text-decoration: underline;
}

.svc-name-text:focus-visible[b-3ekrioqpxx] {
	outline: 2px solid #1d5091;
	outline-offset: 2px;
}

.svc-customer[b-3ekrioqpxx] {
	grid-area: customer;
	min-width: 0;
	font-size: var(--_fs-sm);
	color: var(--_muted);
	overflow-wrap: anywhere;
}

.svc-hours[b-3ekrioqpxx] {
	grid-area: hours;
	justify-self: end;
	display: flex;
	flex-direction: row-reverse;
	align-items: baseline;
	gap: 0.375rem;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.svc-hours-value[b-3ekrioqpxx] {
	font-weight: 500;
}

.svc-hours-type[b-3ekrioqpxx] {
	font-size: var(--_fs-xs);
	color: var(--_faint);
}

.svc-hours.is-overdue .svc-hours-value[b-3ekrioqpxx] {
	font-weight: 600;
	color: #a32d2d;
}

.svc-stamp[b-3ekrioqpxx] {
	grid-area: stamp;
	justify-self: end;
	text-align: right;
}

@container servicelist (min-width: 34rem) {
	.svc-row:not(.with-hours)[b-3ekrioqpxx] {
		grid-template-columns: var(--svc-cols, minmax(0, 1.3fr) minmax(0, 1fr) 9rem);
		grid-template-areas: "name customer stamp";
	}

	.svc-row:not(.with-hours) .svc-name-text[b-3ekrioqpxx],
	.svc-row:not(.with-hours) .svc-customer[b-3ekrioqpxx] {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.svc-row:not(.with-hours) .svc-customer[b-3ekrioqpxx] {
		font-size: var(--_fs);
		color: var(--_text);
	}

	.svc-row:not(.with-hours) .svc-stamp[b-3ekrioqpxx] {
		justify-self: start;
		text-align: left;
	}
}

@container servicelist (min-width: 46rem) {
	.svc-row.with-hours[b-3ekrioqpxx] {
		grid-template-columns: var(--svc-cols-hours, minmax(0, 1.3fr) minmax(0, 1fr) 6.5rem 9rem);
		grid-template-areas: "name customer hours stamp";
	}

	.svc-row.with-hours .svc-name-text[b-3ekrioqpxx],
	.svc-row.with-hours .svc-customer[b-3ekrioqpxx] {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.svc-row.with-hours .svc-customer[b-3ekrioqpxx] {
		font-size: var(--_fs);
		color: var(--_text);
	}

	.svc-row.with-hours .svc-hours[b-3ekrioqpxx] {
		flex-direction: column;
		align-items: flex-end;
		gap: 0.0625rem;
	}

	.svc-row.with-hours .svc-stamp[b-3ekrioqpxx] {
		justify-self: start;
		text-align: left;
	}
}

@media (prefers-reduced-motion: reduce) {
	.svc-row[b-3ekrioqpxx] {
		transition: none;
	}
}
/* /Components/Admin/ServiceProblems/SubComponents/ServiceStamp.razor.rz.scp.css */
.stamp[b-ht0wvwj3u2] {
	display: inline-flex;
	flex-direction: column;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.stamp-abs[b-ht0wvwj3u2] {
	font-size: var(--list-font-size-xs, 0.82em);
	color: var(--list-text-faint, #9aa1a9);
}

.stamp-missing[b-ht0wvwj3u2] {
	color: var(--list-text-faint, #9aa1a9);
}
/* /Components/Admin/ServiceProblems/SubComponents/ServiceTag.razor.rz.scp.css */
.svc-tag[b-790ld3aa68] {
	flex: none;
	padding: 0.0625rem 0.5em;
	border-radius: 62.5rem;
	background: #eceeef;
	box-shadow: inset 0 0 0 1px rgb(0 0 0 / 6%);
	font-size: var(--list-font-size-xs, 0.82em);
	font-weight: 600;
	line-height: 1.4;
	color: #52514e;
	white-space: nowrap;
}

.svc-tag.tone-stoerung[b-790ld3aa68] {
	background: #fad6d6;
	color: #8e2626;
}

.svc-tag.tone-wartung[b-790ld3aa68] {
	background: #f9dca4;
	color: #734500;
}
/* /Components/Admin/ServiceProblems/Unavailable.razor.rz.scp.css */
.row-and-times + .row-and-times[b-e7su4kaix2] {
	border-top: 1px solid var(--list-divider);
}
/* /Components/Admin/UserManagement/AccessEditor.razor.rz.scp.css */
.pill-removable[b-6c66ut9eih] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.pill-remove[b-6c66ut9eih] {
    padding: 0 0.125rem;
    border: 0;
    background: none;
    color: #6b7280;
    font-size: 0.85em;
    line-height: 1;
    cursor: pointer;
}

.pill-remove:hover:not(:disabled)[b-6c66ut9eih] {
    color: #a32d2d;
}

.pill-remove:focus-visible[b-6c66ut9eih] {
    outline: 2px solid #1d5091;
    outline-offset: 1px;
}

.pill-remove:disabled[b-6c66ut9eih] {
    opacity: 0.4;
    cursor: not-allowed;
}
/* /Components/Admin/UserManagement/InvitePanel.razor.rz.scp.css */
.role-choice[b-c5k2pw9yry] {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
}

.role-option[b-c5k2pw9yry] {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	cursor: pointer;
}

.invite-done[b-c5k2pw9yry] {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
}
/* /Components/Admin/UserManagement/PanelFrame.razor.rz.scp.css */
.panel-frame[b-8c4basbfjd] {
	display: flex;
	flex-direction: column;
	gap: 0.875rem;
	padding: 1rem 1.125rem;
	border: 1px solid #e0e3e7;
	border-radius: 0.75rem;
	background: #f7f8f9;
	color: #1f2328;
	font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
}

.frame-head[b-8c4basbfjd] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0.75rem;
}

.frame-title[b-8c4basbfjd] {
	margin: 0;
	font-size: 1.05em;
	font-weight: 600;
}

.frame-subtitle[b-8c4basbfjd] {
	color: #6b7280;
	font-size: 0.85em;
}
/* /Components/Admin/UserManagement/StationPicker.razor.rz.scp.css */
.add-btn[b-5ss3a5j2v9] {
	padding: 0;
	border: 0;
	background: none;
	color: #1d5091;
	font: inherit;
	font-size: 0.9em;
	cursor: pointer;
}

.add-btn:hover:not(:disabled)[b-5ss3a5j2v9] {
	text-decoration: underline;
}

.add-btn:focus-visible[b-5ss3a5j2v9] {
	outline: 2px solid #1d5091;
	outline-offset: 2px;
}

.add-btn:disabled[b-5ss3a5j2v9] {
	color: #9aa1a9;
	cursor: not-allowed;
}

.picker[b-5ss3a5j2v9] {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	max-width: 32rem;
	padding: 0.5rem;
	border: 1px solid #d0d4d9;
	border-radius: 0.5rem;
	background: #ffffff;
}

.picker-head[b-5ss3a5j2v9] {
	display: flex;
	align-items: center;
	gap: 0.375rem;
}

.picker-search[b-5ss3a5j2v9] {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0.3rem 0.5rem;
	border: 1px solid #d0d4d9;
	border-radius: 0.375rem;
	font: inherit;
}

.picker-search:focus-visible[b-5ss3a5j2v9] {
	outline: 2px solid #1d5091;
	outline-offset: 1px;
}

.picker-list[b-5ss3a5j2v9] {
	max-height: 16rem;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	list-style: none;
}

.picker-group[b-5ss3a5j2v9] {
	padding: 0.375rem 0.25rem 0.125rem;
	color: #9aa1a9;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.picker-item[b-5ss3a5j2v9] {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0.3rem 0.375rem;
	border: 0;
	border-radius: 0.375rem;
	background: none;
	color: #1f2328;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.picker-item:hover[b-5ss3a5j2v9],
.picker-item:focus-visible[b-5ss3a5j2v9] {
	background: #f3f6fa;
	outline: none;
}

.picker-name[b-5ss3a5j2v9] {
	font-size: 0.9em;
}

.picker-devices[b-5ss3a5j2v9] {
	color: #6b7280;
	font-size: 0.78em;
}

/* row of a company station: pick button + ✕ side by side. */
.picker-row[b-5ss3a5j2v9] {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.picker-row .picker-item[b-5ss3a5j2v9] {
	flex: 1 1 auto;
	min-width: 0;
}

.unlink-btn[b-5ss3a5j2v9] {
	flex: 0 0 auto;
	padding: 0.25rem 0.375rem;
	border: 0;
	border-radius: 0.375rem;
	background: none;
	color: #6b7280;
	font: inherit;
	font-size: 0.85em;
	line-height: 1;
	cursor: pointer;
}

.unlink-btn:hover[b-5ss3a5j2v9] {
	background: #f3f6fa;
	color: #a32d2d;
}

.unlink-btn:focus-visible[b-5ss3a5j2v9] {
	outline: 2px solid #1d5091;
	outline-offset: 1px;
}
/* /Components/Admin/UserManagement/SubPanelElements/Invite.razor.rz.scp.css */
/* /Components/Admin/UserManagement/SubPanelElements/Notifications.razor.rz.scp.css */
/* /Components/Admin/UserManagement/SubPanelElements/PasswordRest.razor.rz.scp.css */
/* /Components/Admin/UserManagement/SubPanelElements/TwoFA.razor.rz.scp.css */
/* /Components/Admin/UserManagement/UserPanel.razor.rz.scp.css */
.placeholder[b-9f9uigicyi] {
	opacity: 0.5;
}

.action-btn[b-9f9uigicyi] {
	padding: 0.25rem 0.75rem;
	border: 1px solid var(--ua-accent);
	border-radius: 0.5rem;
	background: #ffffff;
	color: var(--ua-accent);
	font: inherit;
	font-size: 0.9em;
	cursor: pointer;
}

.action-btn:hover:not(:disabled)[b-9f9uigicyi] {
	background: #f3f6fa;
}

.action-btn:focus-visible[b-9f9uigicyi] {
	outline: 2px solid var(--ua-accent);
	outline-offset: 2px;
}

.action-btn:disabled[b-9f9uigicyi] {
	opacity: 0.5;
	cursor: not-allowed;
}

.actions-spacer[b-9f9uigicyi] {
	flex: 1 1 auto;
}

.delete-btn[b-9f9uigicyi] {
	padding: 0.25rem 0.5rem;
	border: 0;
	background: none;
	color: #a32d2d;
	font: inherit;
	font-size: 0.9em;
	cursor: pointer;
}

.delete-btn:hover:not(:disabled)[b-9f9uigicyi] {
	text-decoration: underline;
}

.delete-btn:focus-visible[b-9f9uigicyi] {
	outline: 2px solid #a32d2d;
	outline-offset: 2px;
}

.delete-btn:disabled[b-9f9uigicyi] {
	color: #9aa1a9;
	cursor: not-allowed;
}

.delete-hint[b-9f9uigicyi] {
	text-align: right;
}

.confirm-pop[b-9f9uigicyi] {
	max-width: min(30rem, calc(100vw - 2rem));
	padding: 1rem 1.25rem;
	border: 1px solid #e0e3e7;
	border-radius: 0.75rem;
	background: #ffffff;
	color: #1f2328;
	box-shadow: 0 0.5rem 2rem rgb(0 0 0 / 0.18);
}

.confirm-pop[b-9f9uigicyi]::backdrop {
	background: rgb(0 0 0 / 0.25);
}

.confirm-title[b-9f9uigicyi] {
	margin: 0 0 0.5rem;
	font-size: 1.05em;
	font-weight: 600;
	color: #8e2626;
}

.confirm-text[b-9f9uigicyi] {
	margin: 0 0 0.5rem;
}

.confirm-actions[b-9f9uigicyi] {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.5rem;
	margin-top: 0.75rem;
}

.danger-btn[b-9f9uigicyi] {
	padding: 0.375rem 1rem;
	border: 1px solid #a32d2d;
	border-radius: 0.5rem;
	background: #a32d2d;
	color: #ffffff;
	font: inherit;
	cursor: pointer;
}

.danger-btn:hover:not(:disabled)[b-9f9uigicyi] {
	background: #8e2626;
}

.danger-btn:focus-visible[b-9f9uigicyi] {
	outline: 2px solid #a32d2d;
	outline-offset: 2px;
}

.danger-btn:disabled[b-9f9uigicyi] {
	opacity: 0.5;
	cursor: not-allowed;
}

.auth-actions[b-9f9uigicyi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.auth-actions .action-btn:disabled[b-9f9uigicyi] {
    opacity: 0.5;
    cursor: not-allowed;
}

.pill-btn[b-9f9uigicyi] {
	font: inherit;
	color: inherit;
	cursor: pointer;
}

.pill-btn:hover:not(:disabled)[b-9f9uigicyi] {
	border-color: var(--ua-accent);
}

.pill-btn:focus-visible[b-9f9uigicyi] {
	outline: 2px solid var(--ua-accent);
	outline-offset: 2px;
}

.pill-btn:disabled[b-9f9uigicyi] {
	cursor: default;
}

/* Benachrichtigungen: one row per origin, origin name left of its buttons */
.notify-row[b-9f9uigicyi] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.4rem;
}

.notify-origin[b-9f9uigicyi] {
	min-width: 6.5rem;
	font-size: 0.9em;
}

/* Gerät row: button + reminder field stacked, a grey line divides it from Alarmregel */
.notify-row-device[b-9f9uigicyi] {
	align-items: flex-start;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--ua-border);
	margin-bottom: 0.5rem;
}

/* keeps "Gerät" on the line of the buttons (pill padding + border) */
.notify-row-device .notify-origin[b-9f9uigicyi] {
	padding-top: calc(0.125rem + 1px);
}

.pill-col[b-9f9uigicyi] {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

/* exactly as wide as the button above: width 0 adds nothing to the column, min-width fills it */
.remind-input[b-9f9uigicyi] {
	box-sizing: border-box;
	width: 0;
	min-width: 100%;
	padding: 0.125rem 0.25rem;
	border: 1px solid var(--ua-input-border);
	border-radius: var(--ua-radius);
	background: var(--ua-surface);
	color: inherit;
	font: inherit;
	font-size: 0.9em;
	font-variant-numeric: tabular-nums;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
}

/* no spin buttons: they would take half of a narrow field */
.remind-input[b-9f9uigicyi]::-webkit-outer-spin-button,
.remind-input[b-9f9uigicyi]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.remind-input:focus-visible[b-9f9uigicyi] {
	border-color: var(--ua-accent);
	outline: 2px solid var(--ua-accent);
	outline-offset: -1px;
}

.remind-input.remind-invalid[b-9f9uigicyi] {
	border-color: var(--ua-danger);
}

.remind-input:disabled[b-9f9uigicyi] {
	background: var(--ua-grey-soft);
	color: var(--ua-faint);
	cursor: not-allowed;
}

/* /Components/Admin/UserManagement/UserTable.razor.rz.scp.css */
.user-table-wrap[b-6hglrfprj2] {
	--ut-text: #1f2328;
	--ut-muted: #6b7280;
	--ut-faint: #9aa1a9;
	--ut-divider: #e9ebee;
	--ut-accent: #1d5091;
	--ut-hover: #f3f6fa;
	--ut-selected: #eceeef;
	overflow-x: auto;
	color: var(--ut-text);
	font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
}

.user-table[b-6hglrfprj2] {
	width: 100%;
	min-width: 44rem;
	border-collapse: collapse;
}

.user-table th[b-6hglrfprj2] {
	padding: 0;
	border-bottom: 1px solid var(--ut-divider);
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
}

.sort-btn[b-6hglrfprj2] {
	width: 100%;
	padding: 0.5rem 0.75rem;
	border: 0;
	background: none;
	color: var(--ut-faint);
	font: inherit;
	font-size: 0.82em;
	text-align: left;
	cursor: pointer;
}

.sort-btn:hover[b-6hglrfprj2] {
	color: var(--ut-text);
}

.sort-btn:focus-visible[b-6hglrfprj2] {
	outline: 2px solid var(--ut-accent);
	outline-offset: -2px;
}

.user-table td[b-6hglrfprj2] {
	padding: 0.5rem 0.75rem;
	border-bottom: 1px solid var(--ut-divider);
	vertical-align: top;
}

.user-row[b-6hglrfprj2] {
	cursor: pointer;
}

.user-row:hover[b-6hglrfprj2] {
	background: var(--ut-hover);
}

.user-row.selected[b-6hglrfprj2] {
	background: var(--ut-selected);
}

.user-row:focus-visible[b-6hglrfprj2] {
	outline: 2px solid var(--ut-accent);
	outline-offset: -2px;
}

.user-row.locked .user-name[b-6hglrfprj2],
.user-row.locked .user-email[b-6hglrfprj2] {
	color: var(--ut-faint);
}

.user-name[b-6hglrfprj2] {
	font-weight: 600;
}

.user-company[b-6hglrfprj2] {
	color: var(--ut-text);
}

.user-email[b-6hglrfprj2] {
	display: block;
	color: var(--ut-muted);
	font-size: 0.82em;
}

.role-owner[b-6hglrfprj2] {
	color: var(--ut-accent);
}

.empty[b-6hglrfprj2] {
	color: var(--ut-faint);
}

.status[b-6hglrfprj2] {
	text-align: right;
	white-space: nowrap;
}

.status-aktiv[b-6hglrfprj2] {
	color: #0f6c0f;
}

.status-eingeladen[b-6hglrfprj2] {
	color: #ba7517;
}

.status-gesperrt[b-6hglrfprj2] {
	color: #a32d2d;
}
/* /Components/Client/Alarm/LonelySelect/JustSelect.razor.rz.scp.css */
.selection-wrapper[b-jfu9hdc6ol] {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	flex: 1 1 14rem;
	max-inline-size: 22rem;
}

.selection-wrapper label[b-jfu9hdc6ol] {
	font-size: 0.8125rem;
	color: #6b7280;
}
/* /Components/Client/Alarm/ReceivedWarnings/ScopedWarnings.razor.rz.scp.css */
/* /Components/Client/Alarm/SelectSA.razor.rz.scp.css */
.wrap-select-options[b-c003zq91a1] {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
	margin-block: 0.75rem;
}

.select-note[b-c003zq91a1] {
	margin: 0;
	font-size: 0.875rem;
	color: #6b7280;
}
/* /Components/Client/AlarmCon/AlreadyMade/AffectedDevices.razor.rz.scp.css */
.scope-btn[b-nsnfwb1mik] {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.15rem 0.5rem;
	border: 1px solid transparent;
	border-radius: 0.375rem;
	background: none;
	color: #6b7280;
	font: inherit;
	font-size: 0.9em;
	cursor: pointer;
}

.scope-btn:hover[b-nsnfwb1mik] {
	border-color: #d0d4d9;
	color: #1f2328;
}

.scope-btn:focus-visible[b-nsnfwb1mik] {
	outline: 2px solid #1d5091;
	outline-offset: 2px;
}

.scope-chevron[b-nsnfwb1mik] {
	inline-size: 0.45em;
	block-size: 0.45em;
	margin-block-end: 0.15em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	rotate: 45deg;
	transition: rotate 160ms ease;
}

.scope-btn[aria-expanded="true"] .scope-chevron[b-nsnfwb1mik] {
	margin-block: 0.15em 0;
	rotate: -135deg;
}

.scope-list[b-nsnfwb1mik] {
	order: 1;
	flex-basis: 100%;
	margin: 0;
	padding: 0.5rem 0.75rem;
	border-radius: 0.375rem;
	background: #f6f7f9;
	font-size: 0.9em;
	list-style: none;
}

.scope-station + .scope-station[b-nsnfwb1mik] {
	margin-top: 0.25rem;
}

.station-name[b-nsnfwb1mik] {
	font-weight: 600;
}

.station-name[b-nsnfwb1mik]::after {
	content: ":";
	margin-inline-end: 0.375rem;
}

.device-names[b-nsnfwb1mik] {
	color: #52514e;
	overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
	.scope-chevron[b-nsnfwb1mik] {
		transition: none;
	}
}
/* /Components/Client/AlarmCon/AlreadyMade/AlarmRow.razor.rz.scp.css */
.alarm-row[b-mw3k76ha1z] {
	--tone-fg: #52514e;
	--tone-accent: #888780;
	--tone-tint: #eceeef;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
	padding: 0.5rem 0.875rem;
	border-left: 0.1875rem solid var(--tone-accent);
}

.alarm-row + .alarm-row[b-mw3k76ha1z] {
	border-top: 1px solid #e9ebee;
}

.alarm-main[b-mw3k76ha1z] {
	display: flex;
	flex-direction: column;
	flex: 1 1 14rem;
	min-inline-size: 0;
}

.alarm-title[b-mw3k76ha1z] {
	font-weight: 600;
	overflow-wrap: anywhere;
}

.alarm-condition[b-mw3k76ha1z] {
	color: #6b7280;
	font-size: 0.9em;
}

.alarm-changed[b-mw3k76ha1z] {
	color: #9aa1a9;
	font-size: 0.8em;
	overflow-wrap: anywhere;
}

.alarm-type[b-mw3k76ha1z] {
	padding: 0.1rem 0.5rem;
	border-radius: 999px;
	background: var(--tone-tint);
	color: var(--tone-fg);
	font-size: 0.85em;
	font-weight: 600;
	white-space: nowrap;
}

.alarm-active[b-mw3k76ha1z] {
	margin: 0;
	white-space: nowrap;
}

.form-check-input:checked[b-mw3k76ha1z] {
	border-color: #1d5091;
	background-color: #1d5091;
}

.form-check-input:focus[b-mw3k76ha1z] {
	border-color: #1d5091;
	box-shadow: 0 0 0 0.2rem rgb(29 80 145 / 25%);
}

.edit-btn[b-mw3k76ha1z] {
	padding: 0.3rem 0.75rem;
	border: 1px solid #d0d4d9;
	border-radius: 0.5rem;
	background: #ffffff;
	color: #6b7280;
	font: inherit;
	font-size: 0.9em;
	cursor: pointer;
}

.edit-btn:hover[b-mw3k76ha1z] {
	background: #f3f4f6;
	color: #1f2328;
}

.edit-btn:focus-visible[b-mw3k76ha1z] {
	outline: 2px solid #1d5091;
	outline-offset: 2px;
}

.is-inactive .alarm-title[b-mw3k76ha1z],
.is-inactive .alarm-type[b-mw3k76ha1z] {
	opacity: 0.55;
}

.is-stoerung[b-mw3k76ha1z] {
	--tone-fg: #8e2626;
	--tone-accent: #a32d2d;
	--tone-tint: #fad6d6;
}

.is-warnung[b-mw3k76ha1z] {
	--tone-fg: #734500;
	--tone-accent: #ba7517;
	--tone-tint: #f9dca4;
}

.is-wartung[b-mw3k76ha1z] {
	--tone-fg: #184f95;
	--tone-accent: #3a6fb0;
	--tone-tint: #dfeaf7;
}
/* /Components/Client/AlarmCon/AlreadyMade/AlarmSearchBox.razor.rz.scp.css */
.alarm-search[b-vth5i0qdzi] {
	padding: 0.5rem 0.875rem;
	border-bottom: 1px solid #e9ebee;
}

.alarm-search-input[b-vth5i0qdzi] {
	box-sizing: border-box;
	inline-size: 100%;
	padding: 0.375rem 0.625rem;
	border: 1px solid #d0d4d9;
	border-radius: 0.5rem;
	background: #ffffff;
	color: #1f2328;
	font: inherit;
}

.alarm-search-input:focus-visible[b-vth5i0qdzi] {
	outline: 2px solid #1d5091;
	outline-offset: 1px;
}
/* /Components/Client/AlarmCon/AlreadyMade/LiveAndNot.razor.rz.scp.css */
.alarm-list[b-zxm8n5ri4i] {
	margin-block: 0.75rem 1.5rem;
	border: 1px solid #e0e3e7;
	border-radius: 0.5rem;
	background: #ffffff;
	overflow: hidden;
	font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	color: #1f2328;
}

.list-head[b-zxm8n5ri4i] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.5rem 0.875rem;
	border-bottom: 1px solid #e9ebee;
}

.list-title[b-zxm8n5ri4i] {
	margin: 0;
	font-size: 1em;
	font-weight: 600;
}

.new-btn[b-zxm8n5ri4i] {
	padding: 0.35rem 0.85rem;
	border: 1px solid #1d5091;
	border-radius: 0.5rem;
	background: #1d5091;
	color: #ffffff;
	font: inherit;
	font-size: 0.9em;
	font-weight: 500;
	white-space: nowrap;
	cursor: pointer;
}

.new-btn:hover[b-zxm8n5ri4i] {
	border-color: #17437a;
	background: #17437a;
}

.new-btn:focus-visible[b-zxm8n5ri4i] {
	outline: 2px solid #1d5091;
	outline-offset: 2px;
}

.list-note[b-zxm8n5ri4i] {
	margin: 0;
	padding: 0.75rem 0.875rem;
	color: #6b7280;
}

.list-error[b-zxm8n5ri4i] {
	margin: 0;
	padding: 0.5rem 0.875rem;
	border-bottom: 1px solid #e9ebee;
	background: #fef3f2;
	color: #b42318;
	font-size: 0.9em;
}

.more-btn[b-zxm8n5ri4i] {
	display: block;
	inline-size: 100%;
	padding: 0.5rem 0.875rem;
	border: 0;
	border-top: 1px solid #e9ebee;
	background: #f6f7f9;
	color: #1d5091;
	font: inherit;
	font-size: 0.9em;
	text-align: start;
	cursor: pointer;
}

.more-btn:hover[b-zxm8n5ri4i] {
	background: #eef1f4;
}

.more-btn:focus-visible[b-zxm8n5ri4i] {
	outline: 2px solid #1d5091;
	outline-offset: -2px;
}
/* /Components/Client/AlarmCon/CreateNew/AlarmFields.razor.rz.scp.css */
.alarm-fields[b-3461xx26rr] {
	display: grid;
	gap: 0.875rem;
	padding-block: 0.375rem;
}

.field[b-3461xx26rr] {
	display: grid;
	gap: 0.25rem;
	min-inline-size: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.field-label[b-3461xx26rr] {
	float: none;
	margin: 0;
	padding: 0;
	color: var(--pop-text-muted, #6b7280);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.field-input[b-3461xx26rr] {
	box-sizing: border-box;
	inline-size: 100%;
	padding: 0.375rem 0.5rem;
	border: 1px solid var(--pop-control-border, #d0d4d9);
	border-radius: calc(var(--pop-radius, 0.5rem) * 0.75);
	background: var(--pop-surface, #ffffff);
	color: inherit;
	font: inherit;
	resize: vertical;
}

.field-input:focus-visible[b-3461xx26rr] {
	border-color: var(--pop-accent, #1d5091);
	outline: 2px solid var(--pop-accent, #1d5091);
	outline-offset: -1px;
}

/* /Components/Client/AlarmCon/CreateNew/AlarmMenu.razor.rz.scp.css */
.alarm-pop[b-ztjgc4f33f] {
	--pop-text: #1f2328;
	--pop-text-muted: #6b7280;
	--pop-text-faint: #9aa1a9;
	--pop-surface: #ffffff;
	--pop-border: #e0e3e7;
	--pop-divider: #e9ebee;
	--pop-radius: 0.5rem;
	--pop-padding-block: 0.5rem;
	--pop-padding-inline: 0.875rem;
	--pop-accent: #1d5091;
	--pop-accent-hover: #17437a;
	--pop-control-border: #d0d4d9;
	--pop-danger: #b42318;
	--pop-danger-tint: #fef3f2;

	position: fixed;
	inset: 0;
	z-index: 1056;
	display: flex;
	flex-direction: column;
	inline-size: min(40rem, 100vw - 2rem);
	block-size: fit-content;
	max-block-size: min(46rem, 100dvh - 2rem);
	margin: auto;
	padding: 0;
	border: 1px solid var(--pop-border);
	border-radius: var(--pop-radius);
	background: var(--pop-surface);
	color: var(--pop-text);
	font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	box-shadow:
		0 0.75rem 2rem rgb(11 11 11 / 12%),
		0 0.125rem 0.375rem rgb(11 11 11 / 6%);
	overflow: hidden;
}

.alarm-pop:focus[b-ztjgc4f33f] {
	outline: none;
}

.pop-backdrop[b-ztjgc4f33f] {
	position: fixed;
	inset: 0;
	z-index: 1055;
	background: rgb(11 11 11 / 18%);
}

@media (prefers-reduced-motion: no-preference) {
	.alarm-pop[b-ztjgc4f33f] {
		animation: alarm-pop-in-b-ztjgc4f33f 140ms ease-out;
	}
}

@keyframes alarm-pop-in-b-ztjgc4f33f {
	from {
		opacity: 0;
		transform: translateY(0.25rem) scale(0.985);
	}
}

.close-and-title[b-ztjgc4f33f] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	flex: none;
	border-bottom: 1px solid var(--pop-divider);
}

.pop-title[b-ztjgc4f33f] {
	margin: 0;
	padding: calc(var(--pop-padding-block) * 1.5) var(--pop-padding-inline);
	font-size: 1.125em;
	font-weight: 600;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.close-btn[b-ztjgc4f33f] {
	display: grid;
	place-items: center;
	inline-size: 3rem;
	padding: 0;
	border: 0;
	border-left: 1px solid rgb(11 11 11 / 10%);
	background: none;
	color: var(--pop-text-muted);
	font: inherit;
	font-size: 1rem;
	cursor: pointer;
}

.close-btn:hover[b-ztjgc4f33f] {
	color: var(--pop-text);
	background-color: rgb(11 11 11 / 4%);
}

.close-btn:focus-visible[b-ztjgc4f33f] {
	outline: 2px solid var(--pop-accent);
	outline-offset: -2px;
}

.pop-body[b-ztjgc4f33f] {
	flex: 1 1 auto;
	min-block-size: 0;
	padding: var(--pop-padding-block) var(--pop-padding-inline);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.pop-error[b-ztjgc4f33f] {
	flex: none;
	margin: 0;
	padding: var(--pop-padding-block) var(--pop-padding-inline);
	border-top: 1px solid var(--pop-divider);
	background: var(--pop-danger-tint);
	color: var(--pop-danger);
	font-size: 0.9em;
}

.pop-actions[b-ztjgc4f33f] {
	display: flex;
	flex: none;
	justify-content: flex-end;
	gap: 0.5rem;
	padding: var(--pop-padding-block) var(--pop-padding-inline);
	border-top: 1px solid var(--pop-divider);
	background: rgb(11 11 11 / 2%);
}

.seg-btn[b-ztjgc4f33f] {
	padding: 0.3rem 0.75rem;
	border: 1px solid var(--pop-control-border);
	border-radius: var(--pop-radius);
	background: var(--pop-surface);
	color: var(--pop-text-muted);
	font: inherit;
	font-size: 0.9em;
	white-space: nowrap;
	cursor: pointer;
}

.seg-btn:hover:not(:disabled)[b-ztjgc4f33f] {
	background: #f3f4f6;
	color: var(--pop-text);
}

.seg-btn:focus-visible[b-ztjgc4f33f] {
	outline: 2px solid var(--pop-accent);
	outline-offset: 2px;
}

.seg-btn:disabled[b-ztjgc4f33f] {
	opacity: 0.55;
	cursor: progress;
}

.seg-btn-primary[b-ztjgc4f33f] {
	border-color: var(--pop-accent);
	background: var(--pop-accent);
	color: #ffffff;
	font-weight: 500;
}

.seg-btn-primary:hover:not(:disabled)[b-ztjgc4f33f] {
	border-color: var(--pop-accent-hover);
	background: var(--pop-accent-hover);
	color: #ffffff;
}

.seg-btn-danger[b-ztjgc4f33f] {
	margin-inline-end: auto;
	border-color: var(--pop-danger);
	color: var(--pop-danger);
}

.seg-btn-danger:hover:not(:disabled)[b-ztjgc4f33f] {
	background: var(--pop-danger-tint);
	color: var(--pop-danger);
}

.pop-note[b-ztjgc4f33f] {
	margin: 0.25rem 0 0.5rem;
	padding: 0.5rem 0.625rem;
	border-left: 3px solid var(--pop-accent);
	border-radius: 0.25rem;
	background: #eef4fb;
	font-size: 0.9em;
}

.pop-confirm[b-ztjgc4f33f] {
	padding-block: 0.5rem;
}

.confirm-title[b-ztjgc4f33f] {
	margin: 0 0 0.5rem;
	font-weight: 600;
}

.confirm-list[b-ztjgc4f33f] {
	margin: 0;
	padding-inline-start: 1.25rem;
	color: var(--pop-text-muted);
}

.confirm-list li + li[b-ztjgc4f33f] {
	margin-top: 0.25rem;
}

.pop-wait[b-ztjgc4f33f] {
	margin: 0.5rem 0;
	color: var(--pop-text-muted);
}
/* /Components/Client/AlarmCon/CreateNew/ConditionRow.razor.rz.scp.css */
.condition-row[b-879ssceavt] {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 0.75rem 1rem;
}

.value-field[b-879ssceavt] {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	flex: 0 1 9rem;
}

.value-label[b-879ssceavt] {
	font-size: 0.8125rem;
	color: #6b7280;
}

.value-and-unit[b-879ssceavt] {
	display: flex;
	align-items: center;
	gap: 0.375rem;
}

.value-input[b-879ssceavt] {
	box-sizing: border-box;
	inline-size: 100%;
	min-inline-size: 0;
	padding: 0.375rem 0.5rem;
	border: 1px solid #d0d4d9;
	border-radius: 0.375rem;
	font: inherit;
	font-variant-numeric: tabular-nums;
	text-align: right;
}

.value-input:focus-visible[b-879ssceavt] {
	border-color: #1d5091;
	outline: 2px solid #1d5091;
	outline-offset: -1px;
}

.value-unit[b-879ssceavt] {
	color: #6b7280;
	white-space: nowrap;
}
/* /Components/Client/AlarmCon/CreateNew/PlaceHolderChips.razor.rz.scp.css */
.placeholder-chips[b-i4x9xkxhm7] {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
}

.chip[b-i4x9xkxhm7] {
	padding: 0.1rem 0.5rem;
	border: 1px solid #c9d9ee;
	border-radius: 999px;
	background: #eef4fb;
	color: #184f95;
	font: inherit;
	font-size: 0.8125rem;
	font-variant-numeric: tabular-nums;
	cursor: pointer;
}

.chip:hover[b-i4x9xkxhm7] {
	background: #dfeaf7;
}

.chip:focus-visible[b-i4x9xkxhm7] {
	outline: 2px solid #1d5091;
	outline-offset: 2px;
}
/* /Components/Client/AlarmCon/CreateNew/RepeatChoice.razor.rz.scp.css */
.repeat-choice[b-7xm8j6mxwe] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
}

.repeat-hours[b-7xm8j6mxwe] {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	color: #6b7280;
}

.hours-input[b-7xm8j6mxwe] {
	inline-size: 4.5rem;
	padding: 0.3rem 0.5rem;
	border: 1px solid #d0d4d9;
	border-radius: 0.375rem;
	font: inherit;
	font-variant-numeric: tabular-nums;
	text-align: right;
}

.hours-input:focus-visible[b-7xm8j6mxwe] {
	border-color: #1d5091;
	outline: 2px solid #1d5091;
	outline-offset: -1px;
}
/* /Components/Client/AlarmCon/CreateNew/TypeChoice.razor.rz.scp.css */
.type-choice[b-n4mldf4pxp] {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
}

.type-btn[b-n4mldf4pxp] {
	--tone-fg: #52514e;
	--tone-accent: #888780;
	--tone-pressed: #eceeef;
	padding: 0.3rem 0.75rem;
	border: 1px solid #d0d4d9;
	border-radius: 0.5rem;
	background: #ffffff;
	color: #6b7280;
	font: inherit;
	font-size: 0.9em;
	cursor: pointer;
}

.type-btn:hover[b-n4mldf4pxp] {
	border-color: var(--tone-accent);
	color: var(--tone-fg);
}

.type-btn[aria-pressed="true"][b-n4mldf4pxp] {
	border-color: var(--tone-accent);
	background: var(--tone-pressed);
	color: var(--tone-fg);
	font-weight: 600;
}

.type-btn:focus-visible[b-n4mldf4pxp] {
	outline: 2px solid #1d5091;
	outline-offset: 2px;
}

.is-stoerung[b-n4mldf4pxp] {
	--tone-fg: #8e2626;
	--tone-accent: #a32d2d;
	--tone-pressed: #fad6d6;
}

.is-warnung[b-n4mldf4pxp] {
	--tone-fg: #734500;
	--tone-accent: #ba7517;
	--tone-pressed: #f9dca4;
}

.is-wartung[b-n4mldf4pxp] {
	--tone-fg: #184f95;
	--tone-accent: #3a6fb0;
	--tone-pressed: #dfeaf7;
}
/* /Components/Client/Home/CompanyStation.razor.rz.scp.css */
.station-block[b-bx7m41j5d7] {
	margin-top: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
}

.station-title[b-bx7m41j5d7] {
	margin: 0 0 0.5rem;
	font-size: clamp(1rem, 0.9rem + 0.5vw, 1.25rem);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.011em;
	color: #1f2328;
	text-wrap: balance;
}

.station-title a[b-bx7m41j5d7] {
	color: inherit;
	text-decoration: none;
}

.station-title a:hover[b-bx7m41j5d7] {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.station-title a:focus-visible[b-bx7m41j5d7] {
	outline: 2px solid #0071c1;
	outline-offset: 2px;
	border-radius: 2px;
}
/* /Components/Client/Home/HomeHeader.razor.rz.scp.css */
.company-title[b-ltzi6yp9vf] {
	margin: 0;
	font-size: clamp(1.125rem, 0.95rem + 0.8vw, 1.5rem);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.011em;
	color: #1f2328;
	text-wrap: balance;
}

.overview-stations[b-ltzi6yp9vf] {
	--stat-surface: #ffffff;
	--stat-text: #1f2328;
	--stat-muted: #6b7280;
	--stat-faint: #9aa1a9;
	--stat-padding-block: clamp(0.625rem, 0.5rem + 0.4vw, 0.875rem);
	--stat-padding-inline: clamp(0.75rem, 0.55rem + 0.6vw, 1.125rem);
	--stat-font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	--stat-label-size: calc(var(--stat-font-size) * 0.95);
	--stat-unit-size: calc(var(--stat-font-size) * 0.82);
	--stat-value-size: clamp(1.375rem, 1rem + 1.5vw, 2rem);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.5px;
	overflow: hidden;
}

@media (min-width: 36rem) {
	.overview-stations[b-ltzi6yp9vf] {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 60rem) {
	.overview-stations[b-ltzi6yp9vf] {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

/* /Components/Client/Overview/OverviewHeader.razor.rz.scp.css */
.overview-header[b-f6jgszyusd] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}

.overview-title[b-f6jgszyusd] {
	margin: 0;
	font-size: clamp(1.125rem, 0.95rem + 0.8vw, 1.5rem);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.011em;
	color: #1f2328;
	text-wrap: balance;
}
/* /Components/Client/Station/HeaderData/IndividualData.razor.rz.scp.css */
.stat[b-ye8w4uzvg5] {
	--_pad-block: var(--stat-padding-block, clamp(0.625rem, 0.5rem + 0.4vw, 0.875rem));
	--_pad-inline: var(--stat-padding-inline, clamp(0.75rem, 0.55rem + 0.6vw, 1.125rem));
	--_fs: var(--stat-font-size, clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem));
	--_fs-label: var(--stat-label-size, calc(var(--_fs) * 0.95));
	--_fs-unit: var(--stat-unit-size, calc(var(--_fs) * 0.82));
	--_fs-value: var(--stat-value-size, clamp(1.375rem, 1rem + 1.5vw, 2rem));
	--_text: var(--stat-text, #1f2328);
	--_muted: var(--stat-muted, #6b7280);
	--_faint: var(--stat-faint, #9aa1a9);
	--_surface: var(--stat-surface, #ffffff);

	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: var(--_pad-block) var(--_pad-inline);
	min-width: 0;
	background: var(--_surface);
	font-size: var(--_fs);
}

.label[b-ye8w4uzvg5] {
	font-size: var(--_fs-label);
	line-height: 1.3;
	color: var(--_muted);
}

.value[b-ye8w4uzvg5] {
	font-size: var(--_fs-value);
	line-height: 1.1;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--_text);
	overflow-wrap: anywhere;
}

.unit[b-ye8w4uzvg5] {
	font-size: var(--_fs-unit);
	line-height: 1.3;
	color: var(--_faint);
}
/* /Components/Client/Station/MeldungHistory.razor.rz.scp.css */
.warning-items[b-zgirjwm26m] {
	list-style: none;
	margin: 0;
	padding: 0 var(--_pad-inline) var(--_pad-block) var(--_indent);
	background: var(--_sunken);
	border-top: 1px solid var(--items-divider);
	border-left: var(--_accent) solid var(--row-accent);
	max-block-size: min(22rem, 45vh);
	overflow-y: auto;
}

.warning-items:focus[b-zgirjwm26m] {
	outline: none;
}

.warning-items:focus-visible[b-zgirjwm26m] {
	outline: 2px solid #1d5091;
	outline-offset: -2px;
}

.warning-item[b-zgirjwm26m] {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.125rem;
	padding-block: calc(var(--_pad-block) * 0.8);
	border-top: 1px solid var(--items-divider);
}

.warning-item:first-child[b-zgirjwm26m] {
	border-top: none;
}

.warning-item-info[b-zgirjwm26m] {
	min-width: 0;
	overflow-wrap: anywhere;
}

.warning-item-meta[b-zgirjwm26m] {
	font-size: var(--_fs-sm);
	font-variant-numeric: tabular-nums;
	color: var(--_muted);
}

.warning-item.is-open .warning-item-meta[b-zgirjwm26m] {
	color: var(--status-fg);
	font-weight: 500;
}

.warning-item.is-done .warning-item-info[b-zgirjwm26m] {
	color: var(--_muted);
}

.warning-item.is-done .warning-item-meta[b-zgirjwm26m] {
	color: var(--_faint);
}

.warning-items-note[b-zgirjwm26m] {
	margin: 0;
	padding: var(--_pad-block) var(--_pad-inline) var(--_pad-block) var(--_indent);
	background: var(--_sunken);
	border-top: 1px solid var(--items-divider);
	border-left: var(--_accent) solid var(--row-accent);
	color: var(--_muted);
	font-size: var(--_fs-sm);
}

@container meldungen (min-width: 30rem) {
	.warning-item[b-zgirjwm26m] {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: baseline;
		gap: 0 var(--_gap);
	}

	.warning-item-meta[b-zgirjwm26m] {
		justify-self: end;
		white-space: nowrap;
	}
}
/* /Components/Client/Station/StationGraph.razor.rz.scp.css */
.graph-wrapper[b-razw9c4dt9] {
	--graph-row-height: clamp(10rem, 5rem + 5vw, 10rem);
	--graph-band: var(--graph-row-height);
	--graph-chrome: clamp(6.5rem, 12rem - 6vw, 10rem);
	--graph-rows: var(--row-number);

	width: 100%;
	height: calc(
		var(--graph-chrome) + var(--graph-band) + var(--graph-rows) *
			var(--graph-row-height)
	);
	min-height: 30rem;
	overflow: hidden;
}

@media (min-width: 992px) {
	.graph-wrapper[b-razw9c4dt9]  .x2tick,
	.graph-wrapper[b-razw9c4dt9]  .x2grid {
		display: none;
	}
}

@media (max-width: 991.98px) {
	.graph-wrapper[b-razw9c4dt9]  .xtick,
	.graph-wrapper[b-razw9c4dt9]  .xgrid {
		display: none;
	}
}
/* /Components/Client/Station/StationHeader.razor.rz.scp.css */
.station-header[b-zdp07e87au] {
	container-type: inline-size;
	container-name: stationhead;
	display: flex;
	flex-direction: column;
	gap: clamp(0.5rem, 0.35rem + 0.5vw, 0.875rem);
}

.station-title[b-zdp07e87au] {
	margin: 0;
	font-size: clamp(1.125rem, 0.95rem + 0.8vw, 1.5rem);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.011em;
	color: #1f2328;
	text-wrap: balance;
}

.station-name[b-zdp07e87au] {
	font-weight: 600;
}

.station-place[b-zdp07e87au] {
	font-weight: 400;
	color: #6b7280;
}

.station-summary[b-zdp07e87au] {
	margin: 0;
	font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	color: #6b7280;
}

.station-empty[b-zdp07e87au] {
	font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	color: #9aa1a9;
}

.overview-device[b-zdp07e87au] {
	--stat-surface: #ffffff;
	--stat-text: #1f2328;
	--stat-muted: #6b7280;
	--stat-faint: #9aa1a9;
	--stat-padding-block: clamp(0.625rem, 0.5rem + 0.4vw, 0.875rem);
	--stat-padding-inline: clamp(0.75rem, 0.55rem + 0.6vw, 1.125rem);
	--stat-font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	--stat-label-size: calc(var(--stat-font-size) * 0.95);
	--stat-unit-size: calc(var(--stat-font-size) * 0.82);
	--stat-value-size: clamp(1.375rem, 1rem + 1.5vw, 2rem);
	display: grid;
	grid-template-columns: 1fr;
	gap: 1px;
	overflow: hidden;
}

.overview-device[b-zdp07e87au] {
	--stat-surface: #ffffff;
	--stat-text: #1f2328;
	--stat-muted: #6b7280;
	--stat-faint: #9aa1a9;
	--stat-padding-block: clamp(0.625rem, 0.5rem + 0.4vw, 0.875rem);
	--stat-padding-inline: clamp(0.75rem, 0.55rem + 0.6vw, 1.125rem);
	--stat-font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	--stat-label-size: calc(var(--stat-font-size) * 0.95);
	--stat-unit-size: calc(var(--stat-font-size) * 0.82);
	--stat-value-size: clamp(1.375rem, 1rem + 1.5vw, 2rem);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.5px;
	overflow: hidden;
}

@media (min-width: 36rem) {
	.overview-device[b-zdp07e87au] {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* /Components/Client/Station/StationMeldung.razor.rz.scp.css */
.device-warnings[b-0itgb1hfq1] {
	--_gap: 0.75rem;
	--_pad-block: 0.5rem;
	--_pad-inline: 0.875rem;
	--_accent: 0.1875rem;
	--_indent: clamp(2rem, 1.5rem + 2.5vw, 3.25rem);
	--_fs: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	--_fs-sm: calc(var(--_fs) * 0.9);
	--_fs-xs: calc(var(--_fs) * 0.82);
	--_text: #1f2328;
	--_muted: #6b7280;
	--_faint: #9aa1a9;
	--_surface: #ffffff;
	--_sunken: #f7f8f9;
	--_border: #e0e3e7;
	--_divider: #e9ebee;
	--_radius: 0.5rem;
	container-type: inline-size;
	container-name: meldungen;
	background: var(--_surface);
	border: 1px solid var(--_border);
	border-radius: var(--_radius);
	overflow: hidden;
	font-size: var(--_fs);
	color: var(--_text);
}

.warning-group[b-0itgb1hfq1] {
	--status-fg: var(--_muted);
	--row-accent: #cccccb;
	--row-tint: transparent;
	--badge-bg: #eceeef;
	--badge-fg: #52514e;
	--items-bg: var(--_sunken);
	--items-divider: var(--_divider);
}

.warning-group + .warning-group[b-0itgb1hfq1] {
	border-top: 1px solid var(--_divider);
}

.warning-summary[b-0itgb1hfq1] {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: start;
	gap: var(--_gap);
	padding: var(--_pad-block) var(--_pad-inline);
	border-left: var(--_accent) solid var(--row-accent);
	background-color: var(--row-tint);
	cursor: pointer;
	list-style: none;
	transition: background-color 120ms ease;
}

.warning-summary[b-0itgb1hfq1]::-webkit-details-marker {
	display: none;
}

.warning-summary:hover[b-0itgb1hfq1] {
	background-image: linear-gradient(rgb(11 11 11 / 4%), rgb(11 11 11 / 4%));
}

.warning-summary:focus-visible[b-0itgb1hfq1] {
	outline: 2px solid #1d5091;
	outline-offset: -2px;
}

.warning-count[b-0itgb1hfq1] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25em;
	padding: 0.1em 0.5em;
	margin-block-start: 0.15em;
	border-radius: 62.5rem;
	background: var(--badge-bg);
	color: var(--badge-fg);
	font-size: var(--_fs-xs);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.warning-body[b-0itgb1hfq1] {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
	min-width: 0;
}

.warning-type[b-0itgb1hfq1] {
	font-weight: 600;
	line-height: 1.3;
	color: var(--_text);
	overflow-wrap: anywhere;
}

.warning-meta[b-0itgb1hfq1] {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 0.25rem;
	min-width: 0;
	font-size: var(--_fs-sm);
	color: var(--_muted);
}

.warning-state[b-0itgb1hfq1] {
	font-weight: 500;
	color: var(--status-fg);
	white-space: nowrap;
}

.warning-latest[b-0itgb1hfq1] {
	min-width: 0;
	overflow-wrap: anywhere;
}

.warning-latest[b-0itgb1hfq1]::before {
	content: "·";
	margin-inline-end: 0.25rem;
	color: var(--_faint);
}

.warning-device[b-0itgb1hfq1] {
	font-weight: 600;
	color: #1d5091;
	text-decoration: none;
	white-space: nowrap;
}

.warning-device:hover[b-0itgb1hfq1] {
	text-decoration: underline;
}

.warning-device:focus-visible[b-0itgb1hfq1] {
	outline: 2px solid #1d5091;
	outline-offset: 2px;
	border-radius: 2px;
}

.warning-device + .warning-state[b-0itgb1hfq1]::before {
	content: "·";
	margin-inline-end: 0.25rem;
	color: var(--_faint);
	font-weight: 400;
}

.warning-chevron[b-0itgb1hfq1] {
	inline-size: 0.5em;
	block-size: 0.5em;
	margin-block-start: 0.45em;
	border-right: 2px solid var(--_faint);
	border-bottom: 2px solid var(--_faint);
	rotate: -45deg;
	transition: rotate 160ms ease;
}

.warning-group[open] .warning-chevron[b-0itgb1hfq1] {
	rotate: 45deg;
}

.warning-empty[b-0itgb1hfq1] {
	padding: calc(var(--_pad-block) * 4) var(--_pad-inline);
	color: var(--_muted);
	font-size: var(--_fs-sm);
	text-align: center;
}

.warning-group.is-stoerung[b-0itgb1hfq1] {
	--status-fg: #8e2626;
	--row-accent: #a32d2d;
	--badge-bg: #fad6d6;
	--badge-fg: #8e2626;
}

.warning-group.is-warnung[b-0itgb1hfq1] {
	--status-fg: #734500;
	--row-accent: #ba7517;
	--badge-bg: #f9dca4;
	--badge-fg: #734500;
}

.warning-group.is-wartung[b-0itgb1hfq1] {
	--status-fg: #184f95;
	--row-accent: #3a6fb0;
	--badge-bg: #dfeaf7;
	--badge-fg: #184f95;
}

.warning-group.is-stoerung.has-open[b-0itgb1hfq1] {
	--row-tint: #fad6d6;
	--items-bg: #fdeeee;
	--items-divider: #f3cccc;
}

.warning-group.is-warnung.has-open[b-0itgb1hfq1] {
	--row-tint: #f9dca4;
	--items-bg: #fcf0da;
	--items-divider: #f0d8a8;
}

.warning-group.is-stoerung.has-open .warning-type[b-0itgb1hfq1],
.warning-group.is-warnung.has-open .warning-type[b-0itgb1hfq1] {
	color: var(--status-fg);
}

.warning-group.is-stoerung.has-open .warning-count[b-0itgb1hfq1],
.warning-group.is-warnung.has-open .warning-count[b-0itgb1hfq1] {
	background: var(--row-accent);
	color: #ffffff;
}

@container meldungen (min-width: 60rem) {
	.device-warnings[b-0itgb1hfq1] {
		--_pad-block: 0.75rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.warning-summary[b-0itgb1hfq1],
	.warning-chevron[b-0itgb1hfq1] {
		transition: none;
	}
}
/* /Components/Client/Station/StationReststand.razor.rz.scp.css */
.restandzeit-all[b-qzbuljlctg] {
	--rest-bar-col: clamp(5.5rem, 22cqi, 8.5rem);
	--rest-col-gap: clamp(0.5rem, 0.35rem + 0.6vw, 1rem);
	--rest-row-pad: clamp(0.3125rem, 0.25rem + 0.3vw, 0.5rem);
	--rest-overdue-zone: 22%;
	--rest-bar-height: clamp(0.3125rem, 0.28rem + 0.15vw, 0.4375rem);
	--rest-origin-line: #000000;
	--rest-font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	--rest-caption-size: calc(var(--rest-font-size) * 0.82);
	--rest-text: #1f2328;
	--rest-muted: #52514e;
	--rest-faint: #9aa1a9;
	--rest-divider: #eceeef;
	--rest-good: #3f9a6a;
	--rest-good-text: #1f6b45;
	--rest-due: #b0772a;
	--rest-due-text: #8a6218;
	--rest-overdue: #b45555;
	--rest-overdue-text: #a33f3f;
	container-type: inline-size;
	container-name: reststand;
	font-size: var(--rest-font-size);
	color: var(--rest-text);
}

.rest-grid[b-qzbuljlctg] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	column-gap: var(--rest-col-gap);
}

.rest-head[b-qzbuljlctg] {
	display: none;
}

.one-time-till[b-qzbuljlctg] {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: subgrid;
	row-gap: var(--rest-row-pad);
	align-items: center;
	padding-block: var(--rest-row-pad);
}

.rest-position[b-qzbuljlctg] {
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.rest-value[b-qzbuljlctg] {
	grid-column: -2 / -1;
	grid-row: 1;
	justify-self: end;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	color: var(--bar-text, var(--rest-muted));
}

.rest-empty[b-qzbuljlctg] {
	padding-block: calc(var(--rest-row-pad) * 4);
	color: var(--rest-faint);
	text-align: center;
}

.one-time-till[b-qzbuljlctg] {
	--bar-text: var(--rest-due-text);
}

.one-time-till[b-qzbuljlctg]  .rest-bar {
	grid-column: 1 / -1;
	grid-row: 2;
}

@supports (color: color-mix(in oklab, red 50%, blue)) {
	.one-time-till[b-qzbuljlctg] {
			var(--rest-good) calc(var(--health, 0) * 100%), var(--rest-due));
		--bar-text: color-mix(in oklab,
			var(--rest-good-text) calc(var(--health, 0) * 100%), var(--rest-due-text));
	}
}

.is-overdue[b-qzbuljlctg] {
	--bar-text: var(--rest-overdue-text);
}

@container reststand (min-width: 26rem) {
	.rest-grid[b-qzbuljlctg] {
		grid-template-columns: minmax(0, 1fr) var(--rest-bar-col) auto;
	}

	.rest-head[b-qzbuljlctg] {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: subgrid;
		align-items: end;
		padding-block: var(--rest-row-pad);
		border-bottom: 1px solid var(--rest-divider);
		font-size: var(--rest-caption-size);
		color: var(--rest-faint);
	}

	.rest-head > :nth-child(2)[b-qzbuljlctg] { justify-self: center; }
	.rest-head > :last-child[b-qzbuljlctg]  { justify-self: end; }

	.rest-bar[b-qzbuljlctg] {
		grid-column: 2;
		grid-row: 1;
	}

	.one-time-till[b-qzbuljlctg]  .rest-bar {
		grid-column: 2;
		grid-row: 1;
	}
}
/* /Components/Shared/Bars/RestBar.razor.rz.scp.css */
.rest-bar[b-vfm2lk5emt] {
	--_height: var(--rest-bar-height, clamp(0.3125rem, 0.28rem + 0.15vw, 0.4375rem));
	--_zone: var(--rest-overdue-zone, 22%);
	--_line: var(--rest-origin-line, #1f2328);
	--_good: var(--rest-good, #3f9a6a);
	--_due: var(--rest-due, #b0772a);
	--_overdue: var(--rest-overdue, #b45555);
	--_color: var(--_due);

	position: relative;
	inline-size: 100%;
	block-size: var(--_height);
}

@supports (color: color-mix(in oklab, red 50%, blue)) {
	.rest-bar[b-vfm2lk5emt] {
		--_color: color-mix(in oklab, var(--_good) calc(var(--health, 0) * 100%), var(--_due));
	}
}

.rest-bar.is-overdue[b-vfm2lk5emt] {
	--_color: var(--_overdue);
}

.rest-bar[b-vfm2lk5emt]::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset-block: calc(var(--_height) * -0.75);
	inset-inline-start: var(--_zone);
	inline-size: 2px;
	translate: -50% 0;
	border-radius: 1px;
	background: var(--_line);
}

.rest-bar-fill[b-vfm2lk5emt] {
	position: absolute;
	inset-block: 0;
	inset-inline-start: var(--_zone);
	inline-size: calc(var(--fill, 0) * (100% - var(--_zone)));
	max-inline-size: calc(100% - var(--_zone));
	border-radius: 62.5rem;
	border-start-start-radius: 0;
	border-end-start-radius: 0;
	background: var(--_color);
}

.is-overdue .rest-bar-fill[b-vfm2lk5emt] {
	inset-inline-start: auto;
	inset-inline-end: calc(100% - var(--_zone));
	max-inline-size: var(--_zone);
	border-radius: 62.5rem;
	border-start-end-radius: 0;
	border-end-end-radius: 0;
}
/* /Components/Shared/Buttons.razor.rz.scp.css */
.button-border-i-guess[b-6n3xm05m5r] {
	display: inline-flex;
	max-width: 100%;
	overflow-x: auto;
}

.seg-btn[b-6n3xm05m5r] {
	padding: 0.3rem 0.75rem;
	border: 1px solid #d0d4d9;
	background: #ffffff;
	color: #6b7280;
	font: inherit;
	font-size: 0.8125rem;
	white-space: nowrap;
	cursor: pointer;
}

.seg-btn + .seg-btn[b-6n3xm05m5r] {
	margin-left: -1px;
}

.seg-btn:first-child[b-6n3xm05m5r] {
	border-radius: 0.5rem 0 0 0.5rem;
}

.seg-btn:last-child[b-6n3xm05m5r] {
	border-radius: 0 0.5rem 0.5rem 0;
}

.seg-btn:only-child[b-6n3xm05m5r] {
	border-radius: 0.5rem;
}

.seg-btn:hover[b-6n3xm05m5r] {
	background: #f3f4f6;
	color: #1f2328;
}

.seg-btn[aria-pressed="true"][b-6n3xm05m5r] {
	position: relative;
	border-color: #1d5091;
	background: #eaf0f8;
	color: #1d5091;
	font-weight: 600;
	cursor: default;
}

.seg-btn:focus-visible[b-6n3xm05m5r] {
	position: relative;
	outline: 2px solid #1d5091;
	outline-offset: 1px;
}
/* /Components/Shared/CompressorList/CompressorList.razor.rz.scp.css */
.home-list[b-6quqobasz0] {
	--col-state: 6.5rem;
	--col-gauge: 5.5rem;
	--col-due: 6.5rem;
	--col-gap: 0.75rem;
	--row-padding-block: 0.5rem;
	--row-padding-inline: 0.875rem;
	--row-accent-width: 0.1875rem;
	--list-font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	--list-font-size-sm: calc(var(--list-font-size) * 0.9);
	--list-font-size-xs: calc(var(--list-font-size) * 0.82);
	--list-text: #1f2328;
	--list-text-muted: #6b7280;
	--list-text-faint: #9aa1a9;
	--list-surface: #ffffff;
	--list-border: #e0e3e7;
	--list-divider: #e9ebee;
	--list-radius: 0.5rem;
	container-type: inline-size;
	container-name: devicelist;
	font-size: var(--list-font-size);
	color: var(--list-text);
}

.all-devices-list[b-6quqobasz0] {
	background: var(--list-surface);
	border: 1px solid var(--list-border);
	border-radius: var(--list-radius);
	overflow: hidden;
}

.link-and-popup[b-6quqobasz0] {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
}

.link-and-popup + .link-and-popup[b-6quqobasz0] {
	border-top: 1px solid var(--list-divider);
}

.link-and-popup[b-6quqobasz0]  .individual-wartung {
	background-color: transparent;
	border-left-color: transparent;
}

.link-and-popup[b-6quqobasz0]  .individual-wartung::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-left: var(--row-accent-width) solid var(--row-accent);
	background: var(--row-tint);
}

.device-link[b-6quqobasz0] {
	display: block;
	color: inherit;
	text-decoration: none;
}

.device-link:focus-visible[b-6quqobasz0] {
	outline: 2px solid #1d5091;
	outline-offset: -2px;
	border-radius: var(--list-radius);
}

.settings-btn[b-6quqobasz0] {
	display: grid;
	place-items: center;
	inline-size: 3rem;
	padding: 0;
	border: 0;
	border-left: 1px solid rgb(11 11 11 / 10%);
	background: none;
	color: var(--list-text-muted);
	cursor: pointer;
}

.settings-btn:hover[b-6quqobasz0] {
	color: var(--list-text);
	background-color: rgb(11 11 11 / 4%);
}

.settings-btn:focus-visible[b-6quqobasz0] {
	outline: 2px solid #1d5091;
	outline-offset: -2px;
}

.setting-icon[b-6quqobasz0] {
	inline-size: 1.25rem;
	block-size: 1.25rem;
	background-color: currentColor;
	mask: url("navbar_icons/gear.svg") center / contain no-repeat;
}

.no-devices[b-6quqobasz0] {
	padding: calc(var(--row-padding-block) * 4) var(--row-padding-inline);
	color: var(--list-text-muted);
	font-size: var(--list-font-size-sm);
	text-align: center;
}

.devices-list-head[b-6quqobasz0] {
	display: none;
}

@container devicelist (min-width: 34rem) {
	.devices-list-head[b-6quqobasz0] {
		display: grid;
		grid-template-columns:
			minmax(0, 1fr) var(--col-state) var(--col-gauge) var(--col-due);
		gap: var(--col-gap);
		align-items: center;
		padding: var(--row-padding-block) var(--row-padding-inline);
		padding-left: calc(var(--row-padding-inline) + var(--row-accent-width));
		border-bottom: 1px solid var(--list-divider);
		color: var(--list-text-faint);
		font-size: var(--list-font-size-xs);
	}

	.devices-list-head > :last-child[b-6quqobasz0] {
		text-align: right;
	}
}
/* /Components/Shared/DeviceInfo/IndividualDevice.razor.rz.scp.css */
.individual-wartung[b-9rs15b85ak] {
	--_state: var(--col-state, 6.5rem);
	--_gauge: var(--col-gauge, 5.5rem);
	--_due: var(--col-due, 6.5rem);
	--_gap: var(--col-gap, 0.75rem);
	--_pad-block: var(--row-padding-block, 0.5rem);
	--_pad-inline: var(--row-padding-inline, 0.875rem);
	--_accent: var(--row-accent-width, 0.1875rem);
	--_fs: var(--list-font-size, clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem));
	--_fs-sm: var(--list-font-size-sm, calc(var(--_fs) * 0.9));
	--_fs-xs: var(--list-font-size-xs, calc(var(--_fs) * 0.82));
	--_text: var(--list-text, #1f2328);
	--_muted: var(--list-text-muted, #6b7280);
	--_faint: var(--list-text-faint, #9aa1a9);
	--status-fg: var(--_muted);
	--status-bar: #888780;
	--row-tint: transparent;
	--row-accent: transparent;

	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"identity status"
		"meter    rest"
		"warning  warning";
	align-items: center;
	gap: 0.25rem var(--_gap);
	padding: var(--_pad-block) var(--_pad-inline);
	border-left: var(--_accent) solid var(--row-accent);
	background: var(--row-tint);
	font-size: var(--_fs);
	color: var(--_text);
	transition: background-color 120ms ease;
}

.individual-wartung[b-9rs15b85ak]  .rest-bar {
	grid-area: meter;
	justify-self: start;
	align-self: center;
	inline-size: var(--_gauge);
	max-inline-size: 100%;
}

.device-link:hover .individual-wartung[b-9rs15b85ak],
.individual-wartung:hover[b-9rs15b85ak] {
	background-image: linear-gradient(rgb(11 11 11 / 4%), rgb(11 11 11 / 4%));
}

.device-identity[b-9rs15b85ak] {
	grid-area: identity;
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 0.25rem;
}

.device-name[b-9rs15b85ak] {
	font-weight: 600;
	color: var(--_text);
	overflow-wrap: anywhere;
}

.device-place[b-9rs15b85ak] {
	color: var(--_muted);
	font-size: var(--_fs-sm);
	min-width: 0;
}

.device-place[b-9rs15b85ak]::before {
	content: "·";
	margin-right: 0.25rem;
	color: var(--_faint);
}

.device-status[b-9rs15b85ak] {
	grid-area: status;
	justify-self: end;
	font-size: var(--_fs-sm);
	font-weight: 500;
	color: var(--status-fg);
	white-space: nowrap;
}

.device-rest[b-9rs15b85ak] {
	grid-area: rest;
	justify-self: end;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.0625rem;
	font-size: var(--_fs-sm);
	font-variant-numeric: tabular-nums;
	color: var(--status-fg);
	text-align: right;
}

.device-rest-type[b-9rs15b85ak] {
	font-size: var(--_fs-xs);
	font-weight: 400;
	color: var(--_faint);
}

.device-rest-missing[b-9rs15b85ak] {
	color: var(--_faint);
	font-size: var(--_fs-xs);
	text-align: right;
	white-space: normal;
}

.device-warning[b-9rs15b85ak] {
	grid-area: warning;
	margin: 0;
	min-width: 0;
	font-size: var(--_fs-sm);
	line-height: 1.35;
	color: var(--status-fg);
	overflow-wrap: anywhere;
}

.individual-wartung.is-stoerung[b-9rs15b85ak] {
	--status-fg: #8e2626;
	--status-bar: #a32d2d;
	--row-tint: #fad6d6;
	--row-accent: #a32d2d;
}

.individual-wartung.is-warnung[b-9rs15b85ak] {
	--status-fg: #734500;
	--status-bar: #ba7517;
	--row-tint: #f9dca4;
	--row-accent: #ba7517;
}

.individual-wartung.is-ueberfaellig[b-9rs15b85ak] {
	--status-fg: #a32d2d;
	--status-bar: #a32d2d;
}

.individual-wartung.is-wartung[b-9rs15b85ak] {
	--status-fg: #184f95;
	--status-bar: #184f95;
	--row-tint: #eef4fb;
	--row-accent: #184f95;
}

.individual-wartung.is-offline[b-9rs15b85ak] {
	--status-fg: #000000;
	--row-tint: #ededec;
	--row-accent: #888780;
}

.individual-wartung.is-lastlauf[b-9rs15b85ak] {
	--status-fg: #0f6c0f;
}

.individual-wartung.is-leerlauf[b-9rs15b85ak] {
	--status-fg: #8a6218;
}

.individual-wartung.is-neutral[b-9rs15b85ak] {
	--status-fg: var(--_muted);
}

.individual-wartung.is-stoerung .device-name[b-9rs15b85ak],
.individual-wartung.is-warnung .device-name[b-9rs15b85ak] {
	color: var(--status-fg);
}

@container devicelist (min-width: 34rem) {
	.individual-wartung[b-9rs15b85ak] {
		grid-template-columns: minmax(0, 1fr) var(--_state) var(--_gauge) var(--_due);
		grid-template-areas: "identity status meter rest";
		align-items: baseline;
		row-gap: 0.125rem;
	}

	.device-warning[b-9rs15b85ak] {
		grid-row: 2;
		grid-column: 1 / -1;
	}

	.device-rest[b-9rs15b85ak] {
		flex-direction: row;
		align-items: baseline;
		gap: 0.25rem;
	}

	.device-status[b-9rs15b85ak] {
		justify-self: start;
	}

	.device-identity[b-9rs15b85ak] {
		flex-wrap: nowrap;
	}

	.device-place[b-9rs15b85ak] {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

@container devicelist (min-width: 60rem) {
	.individual-wartung[b-9rs15b85ak] {
		--_pad-block: calc(var(--row-padding-block, 0.5rem) * 1.5);
	}
}

@media (prefers-reduced-motion: reduce) {
	.individual-wartung[b-9rs15b85ak] {
		transition: none;
	}
}
/* /Components/Shared/FilterTotal/FilterTotals.razor.rz.scp.css */
.stat-filters[b-mcw11sytr4] {
	--stat-surface: transparent;
	--stat-padding-block: clamp(0.5rem, 0.4rem + 0.3vw, 0.75rem);
	--stat-padding-inline: clamp(0.75rem, 0.6rem + 0.4vw, 1rem);
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0.5rem;
	margin-block: 0.5rem 1rem;
}

.stat-info[b-mcw11sytr4] {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-inline-end: 0.5rem;
}

.stat-filter[b-mcw11sytr4] {
	--tone-fg: #1f2328;
	--tone-accent: #9aa1a9;
	--tone-hover: #f3f6fa;
	--tone-pressed: #e8eff8;
	--stat-text: var(--tone-fg);
	display: grid;
	flex: 0 1 7.5rem;
	min-inline-size: 8rem;
	padding: 0;
	border: 1px solid #e5e7eb;
	border-left: 3px solid var(--tone-accent);
	border-radius: 0.5rem;
	background: #ffffff;
	font: inherit;
	text-align: start;
	color: inherit;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.stat-filter:hover:not(:disabled)[b-mcw11sytr4] {
	background: var(--tone-hover);
	border-color: var(--tone-accent);
}

.stat-filter[aria-pressed="true"][b-mcw11sytr4] {
	--stat-faint: var(--tone-fg);
	background: var(--tone-pressed);
	border-color: var(--tone-accent);
	box-shadow: inset 0 0 0 1px var(--tone-accent);
}

.stat-filter:focus-visible[b-mcw11sytr4] {
	outline: 2px solid #1d5091;
	outline-offset: 2px;
}

.stat-filter:disabled[b-mcw11sytr4] {
	--tone-accent: #e5e7eb;
	--stat-text: #9aa1a9;
	cursor: default;
}

.tone-stoerung[b-mcw11sytr4] {
	--tone-fg: #8e2626;
	--tone-accent: #a32d2d;
	--tone-hover: #fdeeee;
	--tone-pressed: #fad6d6;
}

.tone-warnung[b-mcw11sytr4] {
	--tone-fg: #734500;
	--tone-accent: #ba7517;
	--tone-hover: #fcf0da;
	--tone-pressed: #f9dca4;
}

.tone-wartung[b-mcw11sytr4] {
	--tone-fg: #184f95;
	--tone-accent: #3a6fb0;
	--tone-hover: #eef4fb;
	--tone-pressed: #dfeaf7;
}

.tone-offline[b-mcw11sytr4] {
	--tone-fg: #52514e;
	--tone-accent: #888780;
	--tone-hover: #f4f5f5;
	--tone-pressed: #eceeef;
}

@media (prefers-reduced-motion: reduce) {
	.stat-filter[b-mcw11sytr4] {
		transition: none;
	}
}
/* /Components/Shared/GenericButton.razor.rz.scp.css */
.seg-btn[b-zabyk2yg94] {
	padding: 0.3rem 0.75rem;
	border: 1px solid #d0d4d9;
	background: #ffffff;
	color: #6b7280;
	font: inherit;
	font-size: 0.8125rem;
	white-space: nowrap;
	cursor: pointer;
	border-radius: 0.5rem;
}

.seg-btn:hover[b-zabyk2yg94] {
	background: #f3f4f6;
	color: #1f2328;
}
/* /Components/Shared/GenericError.razor.rz.scp.css */
.error[b-kk42e8d93r] {
	margin: 0;
	color: #8e2626;
}
/* /Components/Shared/HeaderTotals/OneTotal.razor.rz.scp.css */
.stat[b-838cynl1kx] {
	--_pad-block: var(--stat-padding-block, clamp(0.625rem, 0.5rem + 0.4vw, 0.875rem));
	--_pad-inline: var(--stat-padding-inline, clamp(0.75rem, 0.55rem + 0.6vw, 1.125rem));
	--_fs: var(--stat-font-size, clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem));
	--_fs-label: var(--stat-label-size, calc(var(--_fs) * 0.95));
	--_fs-unit: var(--stat-unit-size, calc(var(--_fs) * 0.82));
	--_fs-value: var(--stat-value-size, clamp(1.375rem, 1rem + 1.5vw, 2rem));
	--_text: var(--stat-text, #1f2328);
	--_muted: var(--stat-muted, #6b7280);
	--_faint: var(--stat-faint, #9aa1a9);
	--_surface: var(--stat-surface, #ffffff);

	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: var(--_pad-block) var(--_pad-inline);
	min-width: 0;
	background: var(--_surface);
	font-size: var(--_fs);
}

.label[b-838cynl1kx] {
	font-size: var(--_fs-label);
	line-height: 1.3;
	color: var(--_muted);
}

.value[b-838cynl1kx] {
	font-size: var(--_fs-value);
	line-height: 1.1;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--_text);
	overflow-wrap: anywhere;
}

.unit[b-838cynl1kx] {
	font-size: var(--_fs-unit);
	line-height: 1.3;
	color: var(--_faint);
}
/* /Components/Shared/MinimalGraphs/Graph/IndividualGraph.razor.rz.scp.css */
.graph-wrapper[b-ry53ubn98t] {
	--graph-rows: 1;
	--graph-row-height: 10rem;
	--graph-chrome: 100px;

	width: 100%;
	height: calc(var(--graph-chrome) + var(--graph-rows) * var(--graph-row-height));
	overflow: hidden;
}

@media (min-width: 992px) {
	.graph-wrapper[b-ry53ubn98t]  .x2tick,
	.graph-wrapper[b-ry53ubn98t]  .x2grid {
		display: none;
	}
}

@media (max-width: 991.98px) {
	.graph-wrapper[b-ry53ubn98t]  .xtick,
	.graph-wrapper[b-ry53ubn98t]  .xgrid {
		display: none;
	}
}
/* /Components/Shared/MinimalGraphs/GraphLegend/Legend.razor.rz.scp.css */
.graph-legend[b-qmnsycvjes] {
	--legend-font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	--legend-gap: clamp(0.75rem, 0.5rem + 1vw, 1.5rem);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem var(--legend-gap);
	margin: 0.25rem 0 1rem;
	padding: 0;
	list-style: none;
	font-size: var(--legend-font-size);
}

.legend-item[b-qmnsycvjes] {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	white-space: nowrap;
}

.swatch[b-qmnsycvjes] {
	position: relative;
	flex: none;
	width: 0.75rem;
	height: 0.75rem;
	border: 1px solid var(--swatch-color);
}

.swatch[b-qmnsycvjes]::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--swatch-color);
	opacity: var(--swatch-fill);
}
/* /Components/Shared/MinimalGraphs/GraphsWrapper.razor.rz.scp.css */
.flex-button-oneline[b-m31jcdq5qo] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
}

.control[b-m31jcdq5qo] {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: clamp(0.5rem, 0.35rem + 0.5vw, 0.75rem);
}

@media (min-width: 40rem) {
	.control[b-m31jcdq5qo] { margin-inline-start: auto; }
}
/* /Components/Shared/PlaceInfo/OneLinerStatus.razor.rz.scp.css */
.status-line[b-h7f0v8z1wo] {
	--status-font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	--status-gap: clamp(0.5rem, 0.35rem + 0.5vw, 0.75rem);
	font-size: var(--status-font-size);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: baseline;
	gap: 0.375rem var(--status-gap);
}

.status-item[b-h7f0v8z1wo] {
	display: inline-flex;
	align-items: baseline;
	gap: 0.25rem;
	white-space: nowrap;
}

.status-count[b-h7f0v8z1wo] {
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.status-total[b-h7f0v8z1wo] {
	white-space: nowrap;
	color: #6b7280;
}

.divider[b-h7f0v8z1wo] {
	display: none;
	color: #9aa1a9;
}

@media (min-width: 36rem) {
	.status-line[b-h7f0v8z1wo] {
		display: flex;
		flex-wrap: wrap;
		row-gap: 0.25rem;
	}

	.divider[b-h7f0v8z1wo] {
		display: inline;
	}
}

.status-stoerung[b-h7f0v8z1wo]    { color: #8e2626; }
.status-warnung[b-h7f0v8z1wo]     { color: #ba7517; }
.status-wartung[b-h7f0v8z1wo]     { color: #184f95; }
.status-ohne-befund[b-h7f0v8z1wo] { color: #0f6c0f; }
.status-offline[b-h7f0v8z1wo]     { color: #000000; }
/* /Components/Shared/Toggle.razor.rz.scp.css */
.status-toggle[b-clicjeoijf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}

.status-toggle:hover[b-clicjeoijf] {
    background: rgba(0, 0, 0, .06);
}

.status-toggle:focus-visible[b-clicjeoijf] {
    outline: 2px solid var(--bs-primary, #0d6efd);
    outline-offset: 2px;
}

.dot[b-clicjeoijf] {
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
}

.dot.online[b-clicjeoijf] {
    background: var(--bs-success, #198754);
    animation: pulse-b-clicjeoijf 2s infinite;
}

.dot.offline[b-clicjeoijf] {
    background: var(--bs-danger, #dc3545);
}

@keyframes pulse-b-clicjeoijf {
    0%   { box-shadow: 0 0 0 0 rgba(25, 135, 84, .6); }
    70%  { box-shadow: 0 0 0 .5rem rgba(25, 135, 84, 0); }
    100% { box-shadow: 0 0 0 0 rgba(25, 135, 84, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .dot.online[b-clicjeoijf] { animation: none; }
}
/* /Layout/AuthLayout.razor.rz.scp.css */
.auth-page[b-kh1tjnkga0] {
	box-sizing: border-box;
	display: grid;
	place-items: start center;
	min-block-size: 100vh;
	min-block-size: 100dvh;
	padding: clamp(1rem, 16vh, 10rem) 1rem clamp(1rem, 0.5rem + 3vw, 3rem);
	background-color: #f4f6f9;
	background-image: url("images/login-bg_4000x1600.jpg");
	background-position: 50%;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
/* /Layout/Breadcrumbs.razor.rz.scp.css */
.breadcrumbs[b-pqjm5aydmt] {
	color: #6b7280;
	position: sticky;
	top: 0;
	z-index: 10;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem;
	min-height: 3rem;
	padding: 0 1.5rem;
	white-space: nowrap;
	overflow-x: auto;
	background-color: rgba(247, 247, 247, 0.7);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.breadcrumbs a + a[b-pqjm5aydmt]::before {
	content: "›";
	margin-right: 0.5rem;
	color: #6c757d;
}

.breadcrumbs a[aria-current="page"][b-pqjm5aydmt] {
	font-weight: 600;
	pointer-events: none;
	color: #000000;
	text-decoration: none;
}

.bc-link[b-pqjm5aydmt] {
	display: block;
	color: inherit;
	text-decoration: none;
}

.bc-link:hover[b-pqjm5aydmt] {
	background: #f3f4f6;
	color: #1f2328;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-hnp8cpx1fh] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-hnp8cpx1fh] {
    flex: 1;
}

.sidebar[b-hnp8cpx1fh] {
    background-color: #123a6d;
}

.top-row[b-hnp8cpx1fh] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-hnp8cpx1fh]  a, .top-row[b-hnp8cpx1fh]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-hnp8cpx1fh]  a:hover, .top-row[b-hnp8cpx1fh]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-hnp8cpx1fh]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-hnp8cpx1fh] {
        justify-content: space-between;
    }

    .top-row[b-hnp8cpx1fh]  a, .top-row[b-hnp8cpx1fh]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-hnp8cpx1fh] {
        flex-direction: row;
    }

    .sidebar[b-hnp8cpx1fh] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-hnp8cpx1fh] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-hnp8cpx1fh]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-hnp8cpx1fh], article[b-hnp8cpx1fh] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.truncate-place[b-nj04crnsoa]
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0%;
}

.nav[b-nj04crnsoa] {
	flex-wrap: nowrap;
}

.top-row[b-nj04crnsoa],
.nav-scrollable[b-nj04crnsoa] {
	--logo-h: clamp(2.5rem, 1.5rem + 3vw, 3.5rem);
    --top-row-h: calc(var(--logo-h) + 1rem);
}

.top-row[b-nj04crnsoa] {
    height: var(--top-row-h);
}

.top-row .container-fluid[b-nj04crnsoa] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    height: 100%;
}

.navbar-brand[b-nj04crnsoa] {
    grid-column: 2;
    margin: 0;
    padding: 0;
}

.navbar-toggler[b-nj04crnsoa] {
    grid-column: 3;
    justify-self: end;
}

.navbar-logo[b-nj04crnsoa] {
    display: block;
    height: var(--logo-h);
    width: auto;
	min-width: 100%;
	object-fit: contain;
}

.bi[b-nj04crnsoa] {
	flex: none;
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-bell-nav[b-nj04crnsoa] {
    background-image: url("navbar_icons/bell.svg");
}

.bi-chart-nav[b-nj04crnsoa] {
    background-image: url("navbar_icons/chart.svg");
}

.bi-gear-nav[b-nj04crnsoa] {
    background-image: url("navbar_icons/gear.svg");
}

.bi-house-nav[b-nj04crnsoa] {
    background-image: url("navbar_icons/house.svg");
}

.bi-person-nav[b-nj04crnsoa] {
    background-image: url("navbar_icons/person.svg");
}

.bi-shield-nav[b-nj04crnsoa] {
    background-image: url("navbar_icons/shield.svg");
}


.bi-door-nav[b-nj04crnsoa] {
    background-image: url("navbar_icons/logout.svg");
}

.nav-item[b-nj04crnsoa] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-nj04crnsoa] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-nj04crnsoa] {
        padding-bottom: 1rem;
    }

.nav-item[b-nj04crnsoa]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-nj04crnsoa] {
        display: none;
    }

    .collapse[b-nj04crnsoa] {
        display: block;
    }

    .nav-scrollable[b-nj04crnsoa] {
        height: calc(100vh - var(--top-row-h));
        overflow-y: auto;
		scrollbar-width: none;
    }
	.nav-scrollable[b-nj04crnsoa]::-webkit-scrollbar {
        display: none;
	}
    .top-row[b-nj04crnsoa],
    .nav-scrollable[b-nj04crnsoa] {
        --logo-h: clamp(5rem, 0.59rem + 11.02vw, 10rem);
    }
}

.nav-row[b-nj04crnsoa] {
	display: flex;
	align-items: center;
}

.nav-row[b-nj04crnsoa]  .nav-link {
	flex: 1 1 auto;
	min-width: 0;
}

.expand-btn[b-nj04crnsoa] {
	flex: none;
    background: none;
	border: none;
	color: #d7d7d7;
    padding: 0 .5rem;
	cursor: pointer;
	font-size: 1rem;
}
.expand-btn:hover[b-nj04crnsoa] {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-item[b-nj04crnsoa]  .nav-link {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 1.5rem;
}

.nav-item[b-nj04crnsoa]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-item[b-nj04crnsoa]  button.nav-link {
    background: none;
    border: none;
    width: 100%;
    cursor: pointer;
}

.nav-note[b-nj04crnsoa] {
    display: block;
    padding: 0 1rem;
    color: rgba(215, 215, 215, 0.75);
    font-size: 0.8rem;
    line-height: 1.4;
}

.device-list[b-nj04crnsoa] {
    list-style: none;
    margin: 0;
    padding-left: 2rem;
}
/* /Pages/Admin/BenutzerVerwaltung.razor.rz.scp.css */
/* tokens: every colour of the Benutzerverwaltung once. all components inside inherit them */
.user-admin[b-yioas0702j] {
	--ua-text: #1f2328;
	--ua-muted: #6b7280;
	--ua-faint: #9aa1a9;
	--ua-border: #e0e3e7;
	--ua-input-border: #d0d4d9;
	--ua-surface: #ffffff;
	--ua-grey: #b4bac2;
	--ua-grey-soft: #f3f4f6;
	--ua-accent: #1d5091;
	--ua-accent-soft: #f3f6fa;
	--ua-accent-dark: #17437a;
	--ua-danger-dark: #8e2626;
	--ua-ok: #0f6c0f;
	--ua-warn: #ba7517;
	--ua-danger: #a32d2d;
	--ua-radius: 0.5rem;

	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.user-admin-bar[b-yioas0702j] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
}

.user-search[b-yioas0702j] {
	flex: 1 1 16rem;
	min-width: 0;
	padding: 0.375rem 0.625rem;
	border: 1px solid #d0d4d9;
	border-radius: 0.5rem;
	background: #ffffff;
	color: #1f2328;
	font: inherit;
}

.user-search:focus-visible[b-yioas0702j] {
	outline: 2px solid #1d5091;
	outline-offset: 1px;
}

.user-admin-info[b-yioas0702j] {
	margin: 0;
	color: #6b7280;
}

.invite-btn[b-yioas0702j] {
	padding: 0.375rem 0.875rem;
	border: 1px solid #d0d4d9;
	border-radius: 0.5rem;
	background: #ffffff;
	color: #1f2328;
	font: inherit;
	white-space: nowrap;
	cursor: pointer;
}

.invite-btn:hover[b-yioas0702j] {
	background: #f3f4f6;
}

.invite-btn:focus-visible[b-yioas0702j] {
	outline: 2px solid #1d5091;
	outline-offset: 2px;
}

.user-admin-ok[b-yioas0702j] {
	margin: 0;
	color: #0f6c0f;
}

/* ==========================================================================
   shared blocks for every component inside this page (::deep).
   page rules are stronger than a component's own rules, so variants live here too.
   ========================================================================== */

/* ---------- status colours (table + panel) ---------- */
.user-admin[b-yioas0702j]  .status-aktiv {
	color: var(--ua-ok);
}

.user-admin[b-yioas0702j]  .status-eingeladen {
	color: var(--ua-warn);
}

.user-admin[b-yioas0702j]  .status-gesperrt {
	color: var(--ua-danger);
}

.user-admin[b-yioas0702j]  .muted {
	color: var(--ua-faint);
}

/* ---------- pills (roles, notifications, station chips) ---------- */
.user-admin[b-yioas0702j]  .pills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
}

.user-admin[b-yioas0702j]  .pill {
	padding: 0.125rem 0.625rem;
	border: 1px solid var(--ua-input-border);
	border-radius: var(--ua-radius);
	background: var(--ua-surface);
	font-size: 0.9em;
}

.user-admin[b-yioas0702j]  .pill-on {
	border-color: var(--ua-accent);
	background: var(--ua-accent-soft);
	color: var(--ua-accent);
}

.user-admin[b-yioas0702j]  .pill-new {
	border-style: dashed;
	border-color: var(--ua-warn);
}

/* ---------- text field / select ---------- */
.user-admin[b-yioas0702j]  .field {
	max-width: 28rem;
	padding: 0.375rem 0.625rem;
	border: 1px solid var(--ua-input-border);
	border-radius: var(--ua-radius);
	background: var(--ua-surface);
	color: var(--ua-text);
	font: inherit;
}

.user-admin[b-yioas0702j]  .field:focus-visible {
	outline: 2px solid var(--ua-accent);
	outline-offset: 2px;
}

.user-admin[b-yioas0702j]  .field:disabled {
	background: var(--ua-grey-soft);
	color: var(--ua-muted);
}

/* ---------- switch (status, "alle Stationen") ---------- */
.user-admin[b-yioas0702j]  .switch-row {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.user-admin[b-yioas0702j]  .switch {
	appearance: none;
	position: relative;
	width: 2.25rem;
	height: 1.25rem;
	margin: 0;
	border-radius: 999px;
	background: var(--ua-grey);
	cursor: pointer;
	transition: background 0.15s;
}

.user-admin[b-yioas0702j]  .switch::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(1.25rem - 4px);
	height: calc(1.25rem - 4px);
	border-radius: 50%;
	background: var(--ua-surface);
	transition: transform 0.15s;
}

.user-admin[b-yioas0702j]  .switch:checked {
	background: var(--ua-ok);
}

.user-admin[b-yioas0702j]  .switch:checked::after {
	transform: translateX(1rem);
}

.user-admin[b-yioas0702j]  .switch:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.user-admin[b-yioas0702j]  .switch:focus-visible {
	outline: 2px solid var(--ua-accent);
	outline-offset: 2px;
}

/* ---------- secondary button ("Abbrechen", "Kopieren") ---------- */
.user-admin[b-yioas0702j]  .cancel-btn {
	padding: 0.375rem 1rem;
	border: 1px solid var(--ua-input-border);
	border-radius: var(--ua-radius);
	background: var(--ua-surface);
	color: var(--ua-text);
	font: inherit;
	cursor: pointer;
}

.user-admin[b-yioas0702j]  .cancel-btn:hover:not(:disabled) {
	background: var(--ua-grey-soft);
}

.user-admin[b-yioas0702j]  .cancel-btn:focus-visible {
	outline: 2px solid var(--ua-accent);
	outline-offset: 2px;
}

.user-admin[b-yioas0702j]  .cancel-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* ---------- field block, label, short texts ---------- */
/* .block also resets <fieldset> (role choice in the invite form) */
.user-admin[b-yioas0702j]  .block {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	margin: 0;
	padding: 0;
	border: 0;
}

.user-admin[b-yioas0702j]  .label {
	padding: 0;
	color: var(--ua-faint);
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.user-admin[b-yioas0702j]  .hint {
	margin: 0;
	color: var(--ua-muted);
	font-size: 0.8em;
}

/* after .hint on purpose: "hint error" turns red */
.user-admin[b-yioas0702j]  .error {
	margin: 0;
	color: var(--ua-danger-dark);
	font-size: 0.85em;
}

.user-admin[b-yioas0702j]  .ok {
	margin: 0;
	color: var(--ua-ok);
}

/* ---------- button row at the bottom of a panel ---------- */
.user-admin[b-yioas0702j]  .actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
	padding-top: 0.25rem;
	border-top: 1px solid var(--ua-border);
}

/* ---------- main button ("Speichern", "Einladen") ---------- */
.user-admin[b-yioas0702j]  .primary-btn {
	padding: 0.375rem 1rem;
	border: 1px solid var(--ua-accent);
	border-radius: var(--ua-radius);
	background: var(--ua-accent);
	color: var(--ua-surface);
	font: inherit;
	cursor: pointer;
}

.user-admin[b-yioas0702j]  .primary-btn:hover:not(:disabled) {
	background: var(--ua-accent-dark);
}

.user-admin[b-yioas0702j]  .primary-btn:focus-visible {
	outline: 2px solid var(--ua-accent);
	outline-offset: 2px;
}

.user-admin[b-yioas0702j]  .primary-btn:disabled {
	border-color: var(--ua-grey);
	background: var(--ua-grey);
	cursor: not-allowed;
}

/* ---------- ✕ close button (panels, picker) ---------- */
.user-admin[b-yioas0702j]  .x-btn {
	padding: 0.125rem 0.375rem;
	border: 0;
	background: none;
	color: var(--ua-muted);
	font: inherit;
	cursor: pointer;
}

.user-admin[b-yioas0702j]  .x-btn:hover {
	color: var(--ua-text);
}

.user-admin[b-yioas0702j]  .x-btn:focus-visible {
	outline: 2px solid var(--ua-accent);
	outline-offset: 2px;
}
/* /Pages/Admin/ServiceProblems.razor.rz.scp.css */
.service-board[b-vhrh4yyqdd] {
	display: flex;
	flex-direction: column;
	gap: clamp(1rem, 0.8rem + 0.8vw, 1.5rem);
	margin-top: clamp(0.75rem, 0.6rem + 0.5vw, 1.125rem);
}

.service-pair[b-vhrh4yyqdd] {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1rem, 0.8rem + 0.8vw, 1.5rem);
}

@media (min-width: 80rem) {
	.service-pair[b-vhrh4yyqdd] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.service-note[b-vhrh4yyqdd] {
	margin: 0;
	font-size: calc(clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem) * 0.9);
	color: #6b7280;
}
/* /Pages/Admin/ZweiFaktor.razor.rz.scp.css */
/* EditForm and InputText render their own elements, so they are styled via ::deep */
.tf-block[b-hoi65haigf] {
	max-inline-size: 40rem;
}

.tf-steps li[b-hoi65haigf] {
	margin-block-end: 1rem;
}

.tf-qr[b-hoi65haigf] {
	display: block;
	inline-size: 12rem;
	block-size: 12rem;
	margin-block: 0.5rem;
}

.tf-hint[b-hoi65haigf] {
	display: block;
	color: #57606a;
}

.tf-key[b-hoi65haigf],
.tf-codes code[b-hoi65haigf] {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 1rem;
}

.tf-key[b-hoi65haigf] {
	display: inline-block;
	margin-block-start: 0.25rem;
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
	background: #f4f6f9;
	letter-spacing: 0.05em;
	user-select: all;
}

.tf-form[b-hoi65haigf]  form {
	display: flex;
	gap: 0.5rem;
	max-inline-size: 18rem;
	margin-block-start: 0.5rem;
}

.tf-form[b-hoi65haigf]  .tf-code {
	letter-spacing: 0.2em;
}

.tf-codes[b-hoi65haigf] {
	display: grid;
	grid-template-columns: repeat(2, max-content);
	gap: 0.25rem 2rem;
	padding-inline-start: 1.25rem;
}

.tf-actions[b-hoi65haigf] {
	display: flex;
	gap: 0.5rem;
	margin-block-start: 1rem;
}

.tf-ok[b-hoi65haigf] {
	color: #1a7f37;
	font-weight: 600;
}

.tf-error[b-hoi65haigf] {
	color: #b42318;
}

@media print {
	.tf-codes[b-hoi65haigf] {
		list-style: none;
	}
}
/* /Pages/Einladung.razor.rz.scp.css */
.invite-card[b-0q3a4r78ii] {
	inline-size: min(25rem, 100%);
	padding: 1.25rem;
	border: 1px solid #e0e3e7;
	border-radius: 0.5rem;
	background: #ffffff;
	color: #1f2328;
	box-shadow:
		0 0.75rem 2rem rgb(11 11 11 / 12%),
		0 0.125rem 0.375rem rgb(11 11 11 / 6%);
}

.invite-card h1[b-0q3a4r78ii] {
	margin: 0 0 1rem;
	font-size: 1.25rem;
	font-weight: 600;
}

.invite-card .form-group[b-0q3a4r78ii] {
	margin-block-end: 0.75rem;
}

.invite-error[b-0q3a4r78ii] {
	color: #b42318;
}
/* /Pages/Login.razor.rz.scp.css */
.login-card[b-491808z60f] {
	--login-text: #1f2328;
	--login-text-muted: #6b7280;
	--login-text-faint: #9aa1a9;
	--login-surface: #ffffff;
	--login-border: #e0e3e7;
	--login-divider: #e9ebee;
	--login-radius: 0.5rem;
	--login-font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
	--login-padding-block: 0.75rem;
	--login-padding-inline: clamp(1rem, 0.8rem + 0.6vw, 1.25rem);
	--login-accent-width: 0.1875rem;
	--login-accent: #1d5091;
	--login-accent-hover: #17437a;
	--login-accent-tint: rgb(29 80 145 / 5%);
	--login-control-border: #d0d4d9;
	--login-control-border-hover: #b4bac2;
	--login-danger: #b42318;
	--login-danger-tint: #fef3f2;

	inline-size: min(25rem, 100%);
	border: 1px solid var(--login-border);
	border-radius: var(--login-radius);
	background: var(--login-surface);
	color: var(--login-text);
	font-size: var(--login-font-size);
	box-shadow:
		0 0.75rem 2rem rgb(11 11 11 / 12%),
		0 0.125rem 0.375rem rgb(11 11 11 / 6%);
	overflow: hidden;
}

@media (prefers-reduced-motion: no-preference) {
	.login-card[b-491808z60f] {
		animation: login-card-in-b-491808z60f 180ms ease-out;
	}
}

@keyframes login-card-in-b-491808z60f {
	from {
		opacity: 0;
		transform: translateY(0.25rem) scale(0.985);
	}
}

.login-brand[b-491808z60f] {
	overflow: hidden;
	border-bottom: 1px solid var(--login-divider);
	line-height: 0;
}

.login-brand img[b-491808z60f] {
	display: block;
	inline-size: calc(100% * 174.67 / 173.5);
	max-inline-size: none;
	block-size: auto;
	aspect-ratio: 174.67 / 62.36;
}

.login-title[b-491808z60f] {
	margin: 0;
	padding: 1.125rem var(--login-padding-inline) 0.5rem;
	padding-left: calc(var(--login-padding-inline) + var(--login-accent-width));
	font-size: clamp(1.125rem, 0.95rem + 0.8vw, 1.375rem);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.011em;
	color: var(--login-text);
}

.field[b-491808z60f] {
	display: grid;
	gap: 0.375rem;
	padding: var(--login-padding-block) var(--login-padding-inline);
	padding-left: calc(var(--login-padding-inline) + var(--login-accent-width));
	box-shadow: inset var(--login-accent-width) 0 0 transparent;
	transition: background-color 120ms ease, box-shadow 120ms ease;
}

.field + .field[b-491808z60f] {
	border-top: 1px solid var(--login-divider);
}

.field:last-child[b-491808z60f] {
	padding-bottom: calc(var(--login-padding-block) + 0.5rem);
}

.field:focus-within[b-491808z60f] {
	background: var(--login-accent-tint);
	box-shadow: inset var(--login-accent-width) 0 0 var(--login-accent);
}

.field-invalid[b-491808z60f],
.field-invalid:focus-within[b-491808z60f] {
	background: var(--login-danger-tint);
	box-shadow: inset var(--login-accent-width) 0 0 var(--login-danger);
}

.field-label[b-491808z60f] {
	display: block;
	margin: 0;
	font-weight: 500;
	color: var(--login-text);
}

.input-wrap[b-491808z60f] {
	position: relative;
}

.field[b-491808z60f]  .login-input {
	box-sizing: border-box;
	display: block;
	inline-size: 100%;
	padding: 0.5rem 0.625rem;
	border: 1px solid var(--login-control-border);
	border-radius: calc(var(--login-radius) * 0.75);
	background: var(--login-surface);
	color: var(--login-text);
	font: inherit;
	font-size: 1rem;
	line-height: 1.4;
	outline: none;
}

.field[b-491808z60f]  .login-input-secret {
	padding-right: 5.75rem;
}

.field[b-491808z60f]  .login-input:hover {
	border-color: var(--login-control-border-hover);
}

.field[b-491808z60f]  .login-input:focus-visible {
	border-color: var(--login-accent);
	outline: 2px solid var(--login-accent);
	outline-offset: -1px;
}

.field-invalid[b-491808z60f]  .login-input {
	border-color: var(--login-danger);
}

.field-invalid[b-491808z60f]  .login-input:focus-visible {
	outline-color: var(--login-danger);
}

.field[b-491808z60f]  .validation-message {
	color: var(--login-danger);
	font-size: 0.9em;
}

.reveal-btn[b-491808z60f] {
	position: absolute;
	inset-block: 0.3125rem;
	inset-inline-end: 0.3125rem;
	padding: 0 0.625rem;
	border: 0;
	border-radius: calc(var(--login-radius) * 0.5);
	background: none;
	color: var(--login-text-muted);
	font: inherit;
	font-size: 0.8125rem;
	cursor: pointer;
}

.reveal-btn:hover[b-491808z60f] {
	background: #f3f4f6;
	color: var(--login-text);
}

.reveal-btn:focus-visible[b-491808z60f] {
	outline: 2px solid var(--login-accent);
	outline-offset: -2px;
}

.login-error[b-491808z60f] {
	margin: 0;
	padding: var(--login-padding-block) var(--login-padding-inline);
	padding-left: calc(var(--login-padding-inline) + var(--login-accent-width));
	border-top: 1px solid var(--login-divider);
	box-shadow: inset var(--login-accent-width) 0 0 var(--login-danger);
	background: var(--login-danger-tint);
	color: var(--login-danger);
	font-size: 0.9em;
}

.login-actions[b-491808z60f] {
	display: flex;
	justify-content: flex-end;
	padding: var(--login-padding-block) var(--login-padding-inline);
	border-top: 1px solid var(--login-divider);
	background: rgb(11 11 11 / 2%);
}

.login-submit[b-491808z60f] {
	min-inline-size: 8rem;
	padding: 0.5rem 1.125rem;
	border: 1px solid var(--login-accent);
	border-radius: var(--login-radius);
	background: var(--login-accent);
	color: #ffffff;
	font: inherit;
	font-weight: 500;
	white-space: nowrap;
	cursor: pointer;
}

.login-submit:hover:not(:disabled)[b-491808z60f] {
	border-color: var(--login-accent-hover);
	background: var(--login-accent-hover);
}

.login-submit:focus-visible[b-491808z60f] {
	outline: 2px solid var(--login-accent);
	outline-offset: 2px;
}

.login-submit:disabled[b-491808z60f] {
	opacity: 0.55;
	cursor: progress;
}

@media (max-width: 30rem) {
	.login-submit[b-491808z60f] {
		flex: 0.5;
	}
}

/* second login step. */
.field-note[b-491808z60f] {
	margin: 0 22.5px 0rem;
	color: var(--login-text-muted);
	font-size: 0.9em;
}

.field-check[b-491808z60f] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-block-start: 0.75rem;
	font-size: 0.9em;
}

.link-btn[b-491808z60f] {
	padding: 0;
	border: 0;
	background: none;
	color: var(--login-accent);
	font: inherit;
	font-size: 0.875rem;
	text-decoration: underline;
	cursor: pointer;
}

.login-fields .link-btn[b-491808z60f] {
	margin-block-start: 0.75rem;
}

.link-btn:focus-visible[b-491808z60f] {
	outline: 2px solid var(--login-accent);
	outline-offset: 2px;
}

.login-actions-split[b-491808z60f] {
	justify-content: space-between;
	align-items: center;
}