/* BEGIN STYLESHEET */
/* ========================================
   ENSIGHT DASHBOARD STYLESHEET
   Bondtech Corporation
   ======================================== */

/* ========================================
   CSS VARIABLES
   ======================================== */
:root {
	/* Navigation & Layout */
	--nav-open-width: 300px;
	--nav-closed-width: 50px;
	--nav-width: 0px;
	--topbar-height: 50px;
	--nav-link-height: 40px;
	--nav-padding-width: 5px;
	--breakpoint-small: 450;
	--breakpoint-medium: 800;

	/* Navigation Colors */
	--nav--bgColor: #143450;
	--nav--color: var(--white);
	--nav-section-open--bgColor: #7C8E9E;
	--nav-link-active--bgColor: #CAD2D8;
	--nav-link-active--color: #143450;
	--nav-link-hover--bgColor: var(--callToAction--hover);
	--nav-link-hover--color: var(--white);
	--nav-button--bgColor: transparent;
	--nav-button--color: var(--white);
	--topbar--bgColor: #143450;
	--topbar--color: var(--white);

	/* Ensight Theme Colors */
	--ensight-primary: #3A5A7D;
	--ensight-primary-light: #5B7C9E;
	--ensight-primary-dark: #2C4560;
	--ensight-accent: #E8943F;
	--ensight-accent-light: #F4B76D;
	--ensight-bg-card: #F5F7FA;
	--ensight-bg-dark: #E8EEF3;
	--ensight-border: #D0D9E3;
	--ensight-text-primary: #2C3E50;
	--ensight-text-secondary: #5A6C7D;
	--ensight-success: #27AE60;
	--ensight-warning: #F39C12;
	--ensight-error: #E74C3C;
	--ensight-chart-1: #3A5A7D;
	--ensight-chart-2: #8E44AD;
	--ensight-chart-3: #2C3E50;

	/* Button Colors */
	--ensight-button-bg-primary: #3A5A7D;
	--ensight-button-bg-primary-hover: #5B7C9E;
	--ensight-button-bg-primary-active: #2C4560;
	--ensight-button-bg-secondary: #FFFFFF;
	--ensight-button-bg-secondary-hover: #E8EEF3;
	--ensight-button-bg-secondary-active: #D0D9E3;
}

/* ========================================
   ENSIGHT BACKGROUND STYLES
   ======================================== */
.psc-ensight-view-background {
	background-color: var(--ensight-bg-dark);
}

/* ========================================
   ENSIGHT TEXT STYLES
   Replaces bondtech/text/* classes
   ======================================== */

/* Centered Text */
.psc-ensight-text-centered-20 {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: var(--ensight-text-secondary);
}

.psc-ensight-text-centered-bold-20 {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: var(--ensight-text-primary);
}

/* Left-Aligned Text */
.psc-ensight-text-left-14 {
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	color: var(--ensight-text-primary);
}

.psc-ensight-text-left-bold-14 {
	text-align: left;
	font-size: 14px;
	font-weight: 600;
	color: var(--ensight-text-secondary);
}

.psc-ensight-text-left-bold-18 {
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	color: var(--ensight-text-primary);
}

.psc-ensight-text-left-bold-30 {
	text-align: left;
	font-size: 30px;
	font-weight: 700;
	color: var(--ensight-text-primary);
}

/* Right-Aligned Text */
.psc-ensight-text-right-bold-14 {
	text-align: right;
	font-size: 14px;
	font-weight: 600;
	color: var(--ensight-text-secondary);
}

/* ========================================
   ENSIGHT COMPONENT STYLES
   ======================================== */

/* Site Cards */
.psc-ensight-site-card {
	background-color: var(--ensight-bg-card);
	border: 1px solid var(--ensight-border);
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(58, 90, 125, 0.08);
	padding: 16px;
	transition: all 0.2s ease-in-out;
}

.psc-ensight-site-card:hover {
	box-shadow: 0 4px 12px rgba(58, 90, 125, 0.12);
	transform: translateY(-2px);
}

/* Metric Cards */
.psc-ensight-metric-card {
	background-color: var(--ensight-bg-card);
	border: 1px solid var(--ensight-border);
	border-radius: 8px;
	padding: 24px;
}

.psc-ensight-metric-row {
	padding: 8px 0;
	border-bottom: 1px solid var(--ensight-bg-dark);
}

.psc-ensight-metric-row:last-child {
	border-bottom: none;
}

/* Filter Sidebar */
.psc-ensight-filter-sidebar {
	background-color: #FFFFFF;
	border-right: 1px solid var(--ensight-border);
	box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
}

/* ========================================
   ENSIGHT BUTTON STYLES
   Chained selectors for specificity override
   ======================================== */

/* Primary Button - Blue bg, white text */
.psc-ensight-button.ia_button--primary {
	background-color: var(--ensight-button-bg-primary);
	border: 1px solid var(--ensight-button-bg-primary);
	border-radius: 6px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 600;
	padding: 12px 12px;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	margin: 5px;
}

/* Primary Button - Disabled */
.psc-ensight-button.ia_button--primary:disabled {
	background-color: var(--ensight-bg-dark);
	border-color: var(--ensight-border);
	color: var(--ensight-text-secondary);
	cursor: not-allowed;
	pointer-events: none;
	transform: none;
	box-shadow: none;
	opacity: 0.7;
}

.psc-ensight-button.ia_button--primary:enabled:hover {
	background-color: var(--ensight-button-bg-primary-hover);
	border-color: var(--ensight-button-bg-primary-hover);
	color: #FFFFFF;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(58, 90, 125, 0.15);
}

.psc-ensight-button.ia_button--primary:enabled:active {
	background-color: var(--ensight-button-bg-primary-active);
	border-color: var(--ensight-button-bg-primary-active);
	transform: translateY(0);
	box-shadow: var(--boxShadow--inset);
}

/* Secondary Button - White bg, blue text/border (outline style) */
.psc-ensight-button.ia_button--secondary {
	background-color: var(--ensight-button-bg-secondary);
	border: 1px solid var(--ensight-border);
	border-radius: 6px;
	color: var(--ensight-primary);
	font-size: 18px;
	font-weight: 600;
	padding: 12px 12px;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	margin: 5px;
}

/* Secondary Button - Disabled */
.psc-ensight-button.ia_button--secondary:disabled {
	background-color: var(--ensight-bg-card);
	border-color: var(--ensight-border);
	color: var(--ensight-text-secondary);
	cursor: not-allowed;
	pointer-events: none;
	transform: none;
	box-shadow: none;
	opacity: 0.7;
}

.psc-ensight-button.ia_button--secondary:enabled:hover {
	background-color: var(--ensight-button-bg-secondary-hover);
	border-color: var(--ensight-border);
	color: var(--ensight-primary);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(58, 90, 125, 0.08);
}

.psc-ensight-button.ia_button--secondary:enabled:active {
	background-color: var(--ensight-button-bg-secondary-active);
	transform: translateY(0);
	box-shadow: var(--boxShadow--inset);
}

/* ========================================
   ENSIGHT DROPDOWN STYLES
   ======================================== */
.psc-ensight-dropdown .ia_dropdown__valueLabelContainer {
	font-size: 14px;
	color: var(--ensight-text-primary);
}

.psc-ensight-dropdown-large .ia_dropdown__valueLabelContainer {
	font-size: 18px;
	font-weight: 600;
	color: var(--ensight-text-primary);
}

/* ========================================
   UTILITY CLASSES
   ======================================== */
.psc-circle {
	background-color: --neutral-10;
	border-radius: 50%;
	border-style: solid;
	border-color: --neutral-100;
	border-width: thick;
}

.psc-square {
	background-color: --neutral-10;
	border-style: solid;
	border-color: --neutral-100;
	border-width: thick;
}

/* ========================================
   NAVIGATION MENU STYLES
   ======================================== */
.psc-nav {
	border-right: 1px solid var(--border);
	background-color: var(--nav--bgColor);
	color: var(--nav--color);
	padding: 0px 0px;
	transition: all 0.2s ease-in-out;
}

.psc-nav-button {
	background-color: var(--nav-button--bgColor);
	color: var(--nav-button--color);
}

/* Nav Logo Transitions */
.psc-nav-logo-1 {
	transition: all 0.2s ease-in-out 0.5s;
}

.psc-nav-logo-2 {
	max-width: 0;
	opacity: 0;
}

/* Nav Section */
.psc-nav-section {
	max-height: var(--nav-link-height);
	gap: 1px;
}

.psc-nav-open .psc-nav-section-open {
	max-height: 1030px;
	transition: max-height 0.4s ease-in-out;
	color: var(--white);
	border-radius: var(--borderRadius);
	background-color: var(--nav-section-open--bgColor);
}

.psc-nav-open .psc-nav-section .psc-nav-repeater {
	gap: 1px;
}

.psc-nav:not(.psc-nav-open) .psc-nav-section .psc-nav-repeater .psc-nav-link>svg:nth-child(1) {
	transition: visibility 0.2s ease-in-out 0.2s;
}

.psc-nav-open .psc-nav-section .psc-nav-repeater .psc-nav-link>svg:nth-child(1) {
	visibility: hidden;
}

/* Nav Link */
.psc-nav-link {
	height: var(--nav-link-height);
	border-radius: var(--borderRadius);
	gap: 1px;
}

.psc-nav-link .ia_labelComponent,
.psc-nav-link>svg:nth-child(3) {
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 0.1s ease-in-out;
}

.psc-nav-open .psc-nav-section-open .psc-nav-link .ia_labelComponent,
.psc-nav-open .psc-nav-link .ia_labelComponent {
	opacity: 1;
	transition: opacity 0.2s ease-in-out 0.2s;
}

.psc-nav-section-open .psc-nav-link>svg:nth-child(3) {
	opacity: 1;
	transform: rotate(90deg);
	transition: transform 0.2s ease-in-out;
}

.psc-nav-open .psc-nav-section svg {
	opacity: 1;
}

.psc-nav-link:hover,
.psc-nav-link.psc-selected:hover {
	color: var(--nav-link-hover--color);
	background-color: var(--nav-link-hover--bgColor);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.psc-nav-link.psc-selected {
	background-color: var(--nav-link-active--bgColor);
	color: var(--nav-link-active--color);
	transition: all 0.2s ease-in-out;
}

.psc-nav:not(.psc-nav-open) .psc-nav-section .psc-nav-link.psc-selected-parent {
	color: var(--nav-link-active--color);
	background-color: var(--nav-link-active--bgColor);
}

.psc-nav .psc-nav-section:not(.psc-nav-section-open) .psc-nav-link.psc-selected-parent {
	color: var(--nav-link-active--color);
	background-color: var(--nav-link-active--bgColor);
}

.psc-nav:not(.psc-nav-open) .psc-not-a-link {
	max-height: 0;
}

.psc-nav:not(.psc-nav-open) .psc-not-a-link .ia_labelComponent {
	opacity: 0;
}

.psc-nav-open .psc-nav-link .ia_labelComponent {
	opacity: 1;
	transition: opacity 0.2s ease-in-out 0.2s;
}

.psc-not-a-link:hover {
	color: var(--label);
	background-color: transparent !important;
	cursor: default !important;
	transition: all 0.2s ease-in-out;
}

/* Nav Tree */
.psc-nav .tree {
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.2s ease-in-out 0.2s;
}

.psc-nav .tree .node-wrapper {
	display: block;
}

.psc-nav-open .psc-nav-section-open .tree {
	opacity: 1;
	transition: opacity 0.2s ease-in-out 0.2s;
}

.psc-nav .ia_treeComponent__node {
	border-radius: var(--borderRadius);
	cursor: pointer;
	font-size: 16px;
}

.psc-nav .tree-row {
	margin-bottom: 0px;
}

.psc-nav .ia_treeComponent__node:hover {
	color: var(--nav-link-active--color);
	background-color: var(--nav-link-hover--bgColor);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.psc-nav .ia_treeComponent__node--selected {
	background-color: var(--nav-link-active--bgColor);
	color: var(--nav-link-active--color);
	transition: all 0.2s ease-in-out;
}

.psc-nav .ia_treeComponent__node .tree-item {
	height: var(--nav-link-height) !important;
}

.psc-nav .ia_treeComponent__node .tree-item-label {
	font-weight: normal;
}

.psc-nav .ia_treeComponent__alignmentGuide,
.psc-nav .terminal-node .ia_treeComponent__node__icon {
	display: none;
}

.psc-nav .ia_treeComponent__node .node-icon,
.psc-nav .ia_treeComponent__node .expand-icon {
	fill: var(--label);
}

.psc-nav .ia_treeComponent__node:hover .node-icon,
.psc-nav .ia_treeComponent__node:hover .expand-icon {
	fill: var(--nav-link-active--color);
}

.psc-nav .ia_treeComponent__node--selected .node-icon,
.psc-nav .ia_treeComponent__node--selected .expand-icon {
	fill: var(--nav-link-active--color);
}

/* Nav Scrollbar */
.psc-nav::-webkit-scrollbar {
	width: 3px;
	scrollbar-width: thin;
	scrollbar-color: var(--neutral-20) var(--neutral-90);
}

.psc-nav::-webkit-scrollbar-track {
	background: transparent;
}

.psc-nav::-webkit-scrollbar-thumb {
	background: var(--neutral-50);
	border-radius: 1px;
}

.psc-nav::-webkit-scrollbar-thumb:hover {
	background: var(--neutral-70);
}

/* ========================================
   MEDIA QUERIES
   ======================================== */
@media (max-width: 450px) {
	.psc-nav:not(.psc-nav-open) {
		width: 0;
		border: none;
		box-shadow: none;
	}
	:root {
		--nav-width: 0px !important;
		--nav-closed-width: 0px !important;
		transition: all 0.2s ease-in-out !important;
	}
}

@media (max-width: 800px) {
	.center.view-parent {
		transition: all 0.2s ease-in-out !important;
		max-width: calc(100% - var(--nav-closed-width)) !important;
		margin: var(--topbar-height) 0px 0px var(--nav-closed-width) !important;
	}
}

/* ========================================
   VIEW PARENT OVERRIDE
   ======================================== */
.view-parent-style {
	max-height: calc(100% - var(--topbar-height)) !important;
	max-width: calc(100% - var(--nav-width)) !important;
	margin: var(--topbar-height) 0px 0px var(--nav-width) !important;
	transition: all 0.2s ease-in-out !important;
}
/* BEGIN STYLE CLASSES */
.psc-bondtech\/backgrounds\/embedded-view {
  background-color: var(--neutral-20);
}

.psc-bondtech\/backgrounds\/general-view {
  background-color: var(--neutral-10);
  margin: 5px;
}

.psc-bondtech\/backgrounds\/shape-background-view {
  background-color: var(--neutral-30);
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 1px;
}

.psc-bondtech\/buttons\/data-entry-buttons {
  background-color: var(--neutral-30);
  color: var(--neutral-70);
  font-size: 16px;
  font-weight: bold;
  margin: 10px;
}
.psc-bondtech\/buttons\/data-entry-buttons:disabled {
  background-color: var(--neutral-10);
  color: var(--neutral-30);
}

.psc-bondtech\/buttons\/generic-button {
  background-color: var(--neutral-30);
  color: var(--neutral-70);
  font-size: 14px;
  font-weight: bold;
  margin: 2px;
}
.psc-bondtech\/buttons\/generic-button:disabled {
  background-color: var(--neutral-10);
  color: var(--neutral-30);
}

.psc-bondtech\/buttons\/hidden-button {
  background-color: #FFFFFF00;
  border-style: none;
  color: var(--neutral-70);
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  white-space: pre;
}

.psc-bondtech\/buttons\/interlock-override-button {
  background-color: #FFFFFF00;
  color: var(--neutral-70);
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  white-space: pre;
}
.psc-bondtech\/buttons\/interlock-override-button:disabled {
  background-color: var(--neutral-10);
  color: var(--neutral-30);
}

.psc-bondtech\/buttons\/loop-data-entry {
  background-color: var(--neutral-20);
  border-style: none;
  color: var(--neutral-70);
  font-size: 20px;
  font-weight: bold;
  margin: 1px;
}
.psc-bondtech\/buttons\/loop-data-entry:hover {
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 3px;
}
.psc-bondtech\/buttons\/loop-data-entry:disabled {
  border-style: none;
}

.psc-bondtech\/buttons\/loop-mode-manual {
  background-color: var(--neutral-20);
  border-style: none;
  color: var(--neutral-70);
  font-size: 20px;
  font-weight: bold;
  margin: 5px;
}
.psc-bondtech\/buttons\/loop-mode-manual:hover {
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 3px;
}

.psc-bondtech\/buttons\/motor-reverse-buttons {
  background-color: var(--neutral-30);
  color: var(--neutral-70);
  font-size: 16px;
  font-weight: bold;
  margin: 2px;
}
.psc-bondtech\/buttons\/motor-reverse-buttons:disabled {
  background-color: var(--neutral-10);
  color: var(--neutral-30);
}

.psc-bondtech\/buttons\/nav-menu-button {
  background-color: var(--neutral-30);
  color: var(--neutral-70);
  font-size: 14px;
  font-weight: bold;
  margin: 5px;
  text-transform: uppercase;
}
.psc-bondtech\/buttons\/nav-menu-button:disabled {
  background-color: var(--neutral-10);
  color: var(--neutral-30);
}

.psc-bondtech\/buttons\/nav-menu-button-toggle-on {
  background-color: #25B742;
  color: var(--white);
  font-size: 14px;
  font-weight: bold;
  margin: 5px;
  text-transform: uppercase;
}
.psc-bondtech\/buttons\/nav-menu-button-toggle-on:disabled {
  background-color: var(--neutral-10);
  color: var(--neutral-30);
}

.psc-bondtech\/buttons\/toggle-button-alarm-disable {
  background-color: #E22028;
  color: var(--white);
  font-size: 14px;
  font-weight: bold;
  margin: 2px;
}
.psc-bondtech\/buttons\/toggle-button-alarm-disable:disabled {
  background-color: var(--neutral-10);
  color: var(--neutral-30);
}

.psc-bondtech\/buttons\/toggle-button-alert {
  background-color: #E22028;
  color: var(--white);
  font-size: 14px;
  font-weight: bold;
  margin: 2px;
}
.psc-bondtech\/buttons\/toggle-button-alert:disabled {
  background-color: var(--neutral-10);
  color: var(--neutral-30);
}

.psc-bondtech\/buttons\/toggle-button-interlock {
  background-color: #FEEE44;
  color: var(--neutral-70);
  font-size: 14px;
  font-weight: bold;
  margin: 2px;
}
.psc-bondtech\/buttons\/toggle-button-interlock:disabled {
  background-color: var(--neutral-10);
  color: var(--neutral-30);
}

.psc-bondtech\/buttons\/toggle-button-off {
  background-color: var(--neutral-30);
  color: var(--neutral-70);
  font-size: 14px;
  font-weight: bold;
  margin: 2px;
}
.psc-bondtech\/buttons\/toggle-button-off:disabled {
  background-color: var(--neutral-10);
  color: var(--neutral-30);
}

.psc-bondtech\/buttons\/toggle-button-on {
  background-color: var(--white);
  color: var(--neutral-70);
  font-size: 14px;
  font-weight: bold;
  margin: 2px;
}
.psc-bondtech\/buttons\/toggle-button-on:disabled {
  background-color: var(--neutral-10);
  color: var(--neutral-30);
}

.psc-bondtech\/common\/basic-value-display {
  background-color: --neutral-10;
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 1px;
  margin: 2px;
}

.psc-bondtech\/common\/basic-value-display-selected {
  background-color: #E7FFFF;
  border-color: var(--neutral-50);
  border-style: solid;
  border-width: 1px;
  margin: 2px;
}

.psc-bondtech\/common\/connector-line {
  stroke: var(--neutral-50);
  stroke-width: 1;
}

.psc-bondtech\/common\/generic-border {
  border-color: var(--neutral-70);
  border-style: solid;
  border-width: 1px;
  padding: 2px;
}

.psc-bondtech\/common\/generic-border-no-padding {
  border-color: var(--neutral-70);
  border-style: solid;
  border-width: 1px;
}

.psc-bondtech\/common\/hover-1 {
}
.psc-bondtech\/common\/hover-1:hover {
  background-color: #5B7C9E2E;
}

.psc-bondtech\/common\/interlock-border {
  background-color: var(--neutral-70);
}

.psc-bondtech\/common\/nav-link {
  cursor: pointer;
  stroke: var(--neutral-50);
  stroke-width: 1px;
  fill: var(--neutral-30);
}

.psc-bondtech\/common\/static-shape {
  color: var(--neutral-70);
  stroke: var(--neutral-50);
  fill: var(--neutral-30);
}

.psc-bondtech\/common\/static-shape-no-fill {
  color: var(--neutral-70);
  stroke: var(--neutral-50);
  stroke-width: 1px;
  fill: #FFFFFF00;
}

.psc-bondtech\/motors\/main-menu-mode-label {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  fill: var(--neutral-10);
}

.psc-bondtech\/motors\/motor-number-16 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  fill: var(--neutral-70);
}

.psc-bondtech\/motors\/motor-number-background {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  fill: var(--neutral-20);
}

.psc-bondtech\/motors\/status-interlock-standby {
  background-color: var(--neutral-10);
  color: var(--neutral-10);
  stroke: var(--neutral-50);
  fill: #FEEE44;
}

.psc-bondtech\/motors\/status-off {
  background-color: var(--neutral-10);
  color: var(--neutral-40);
  stroke: var(--neutral-50);
  fill: var(--neutral-40);
}

.psc-bondtech\/motors\/status-override-background {
  stroke: var(--neutral-50);
  fill: #E22028;
}

.psc-bondtech\/motors\/status-override-circle {
  background-color: var(--neutral-10);
  color: var(--neutral-10);
  fill: var(--neutral-70);
}

.psc-bondtech\/motors\/status-override-line {
  background-color: var(--neutral-10);
  color: var(--neutral-10);
  stroke: var(--white);
  stroke-width: 3;
}

.psc-bondtech\/motors\/status-override-text-10 {
  color: var(--white);
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  fill: var(--white);
}

.psc-bondtech\/motors\/status-running {
  background-color: var(--neutral-10);
  color: var(--neutral-10);
  stroke: var(--neutral-50);
  fill: var(--white);
}

.psc-bondtech\/motors\/status-running-remote-source {
  background-color: var(--neutral-10);
  color: var(--neutral-10);
  stroke: var(--neutral-50);
  fill: #FFC201;
}

.psc-bondtech\/motors\/status-tripped {
  background-color: var(--neutral-10);
  color: var(--neutral-10);
  stroke: var(--neutral-50);
  fill: #E22028;
}

.psc-bondtech\/states\/general-state-active {
  background-color: var(--white);
}

.psc-bondtech\/states\/general-state-inactive {
  background-color: var(--neutral-10);
}

.psc-bondtech\/states\/multistate-button-selected {
  background-color: var(--white);
  color: var(--neutral-70);
  font-size: 14px;
  font-weight: bold;
}

.psc-bondtech\/states\/multistate-button-unselected {
  background-color: var(--neutral-30);
  color: var(--neutral-70);
  font-size: 14px;
  font-weight: bold;
}

.psc-bondtech\/text\/all-caps {
  text-transform: uppercase;
}

.psc-bondtech\/text\/centered-bold-12 {
  color: var(--neutral-70);
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.psc-bondtech\/text\/centered-bold-14 {
  color: var(--neutral-70);
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  fill: var(--neutral-70);
}

.psc-bondtech\/text\/centered-bold-14-monospace {
  color: var(--neutral-70);
  font-family: monospace;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  fill: var(--neutral-70);
}

.psc-bondtech\/text\/centered-bold-16 {
  color: var(--neutral-70);
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  fill: var(--neutral-70);
}

.psc-bondtech\/text\/centered-bold-18 {
  color: var(--neutral-70);
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.psc-bondtech\/text\/centered-bold-18-white {
  color: var(--white);
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.psc-bondtech\/text\/centered-bold-20 {
  color: var(--neutral-80);
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.psc-bondtech\/text\/centered-bold-30 {
  color: var(--neutral-80);
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.psc-bondtech\/text\/centered-bold-35 {
  font-size: 35px;
  font-weight: bold;
  text-align: center;
}

.psc-bondtech\/text\/centered-bold-alert-10 {
  color: #E22028;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}

.psc-bondtech\/text\/centered-bold-alert-14 {
  color: #E22028;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.psc-bondtech\/text\/centered-bold-alert-18 {
  color: #E22028;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.psc-bondtech\/text\/centered-bold-hidden-14 {
  color: var(--neutral-20);
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.psc-bondtech\/text\/centered-bold-hidden-18 {
  color: var(--neutral-20);
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.psc-bondtech\/text\/config-numeric-input {
  color: #0029B3;
  font-family: monospace;
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}

.psc-bondtech\/text\/left-bold-12 {
  color: var(--neutral-70);
  font-size: 12px;
  font-weight: bold;
}

.psc-bondtech\/text\/left-bold-14 {
  color: var(--neutral-70);
  font-size: 14px;
  font-weight: bold;
}

.psc-bondtech\/text\/left-bold-16 {
  color: var(--neutral-70);
  font-size: 16px;
  font-weight: bold;
}

.psc-bondtech\/text\/left-bold-18 {
  color: var(--neutral-70);
  font-size: 18px;
  font-weight: bold;
}

.psc-bondtech\/text\/left-bold-30 {
  color: var(--neutral-70);
  font-size: 30px;
  font-weight: bold;
}

.psc-bondtech\/text\/right-bold-12 {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}

.psc-bondtech\/text\/right-bold-14 {
  color: var(--neutral-70);
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

.psc-bondtech\/text\/value-centered-bold-14 {
  color: #0029B3;
  font-family: monospace;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.psc-bondtech\/text\/value-centered-bold-16 {
  color: #0029B3;
  font-family: monospace;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.psc-bondtech\/text\/value-left-bold-14 {
  color: #0029B3;
  font-family: monospace;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

.psc-bondtech\/text\/value-right-bold-14 {
  color: #0029B3;
  font-family: monospace;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

.psc-bondtech\/valves\/valve-closed {
  background-color: var(--neutral-40);
  color: var(--neutral-100);
  stroke: var(--neutral-50);
  fill: var(--neutral-40);
}

.psc-bondtech\/valves\/valve-open {
  background-color: var(--neutral-10);
  color: var(--neutral-10);
  stroke: var(--neutral-50);
  fill: var(--white);
}

.psc-page-background {
  background-color: var(--neutral-20);
  margin: 5px;
}

.psc-page-margin {
  margin: 10px;
}