/* ==========================================================================
   BIMION 0.01 - SKONSOLIDOWANY I ZOPTYMALIZOWANY ARKUSZ STYLĂ“W CSS
   Połączone pliki: style.css, style_classes.css, style_names.css
   Zachowano oryginalne proporcje calc(), pozycjonowanie oraz układ 1:1
   ========================================================================== */

:root {
  --basicDimension01: 51px;
  --basicDimension02: 100px;
  --basicDimension03: 251px;
  --bas-dim-1: 51px;
  
  /* Paleta barw interfejsu */
  --jasnoszary: #F6F6F6;
  --ciemnoszary-p01: rgba(0, 0, 0, 0.05);
  --ciemnoszary-p02: rgba(0, 0, 0, 0.01);
  --ciemnoszary-01: #2e2e2e;
  --szary-01: #909090;
  --jasnoszary-p01: rgba(250, 250, 250, 0.7);
  --jasnoszary-p02: rgba(254, 254, 254, 0.98);
  --jasnoszary-p03: rgba(254, 254, 254, 0.4);
  
  --szaroniebieski: #396890;
  --szaroniebieski-p01: rgba(57, 104, 144, 0.5);
  --szaroniebieski-p02: rgba(57, 104, 144, 0.1);
  
  --grey1: rgba(250, 250, 250, 0.7);
  --grey2: rgba(254, 254, 254, 0.98);
  --grey3: rgba(254, 254, 254, 0.4);
  
  --dblue: #396890;
  --blue1: rgba(57, 104, 144, 0.5);
  --blue2: rgba(57, 104, 144, 0.1);
  
  --dgreen: #4b692d;
  --green1: rgba(113, 172, 65, 0.1);
  
  --dred: #AE1E1E;
  --red1: rgba(174, 30, 30, 0.05);

  /* Wzorzec prawych okien: tytuł jak w Reprezentacjach, kategorie jak w firmach */
  --bimion-right-title-bg: rgba(255, 255, 255, 0.6);
  --bimion-right-category-bg: var(--grey1);
  --bimion-right-category-border: 0.05em solid var(--dblue);
  --bimion-right-category-radius: calc(var(--bas-dim-1)/6);
  --bimion-right-field-bg: var(--grey1);
  --bimion-right-field-border-top: 0.05em solid white;
  --bimion-right-field-border-bottom: 0.05em solid var(--blue2);
}

/* Globalne reguły optymalizacyjne */
::-webkit-scrollbar {
    display: none !important;
}

/* Naprawa błędnych cudzysłowów czcionek */
/* ==========================================================================
   BIMION 0.01 - SKONSOLIDOWANY I ZOPTYMALIZOWANY ARKUSZ STYLĂ“W
   Połączone pliki: style.css, style_classes.css, style_names.css
   Zachowano dokładne proporcje, zmienne, układ elementów i kompatybilność 1:1
   ========================================================================== */

:root {
  --basicDimension01: 51px;
  --basicDimension02: 100px;
  --basicDimension03: 251px;
  --bas-dim-1: 51px;
  
  /* Paleta kolorĂłw - ujednolicona */
  --jasnoszary: #F6F6F6;
  --ciemnoszary-p01: rgba(0, 0, 0, 0.05);
  --ciemnoszary-p02: rgba(0, 0, 0, 0.01);
  --ciemnoszary-01: #2e2e2e;
  --szary-01: #909090;
  --jasnoszary-p01: rgba(250, 250, 250, 0.7);
  --jasnoszary-p02: rgba(254, 254, 254, 0.98);
  --jasnoszary-p03: rgba(254, 254, 254, 0.4);
  
  --szaroniebieski: #396890;
  --szaroniebieski-p01: rgba(57, 104, 144, 0.5);
  --szaroniebieski-p02: rgba(57, 104, 144, 0.1);
  
  --grey1: rgba(250, 250, 250, 0.7);
  --grey2: rgba(254, 254, 254, 0.98);
  --grey3: rgba(254, 254, 254, 0.4);
  
  --dblue: #396890;
  --blue1: rgba(57, 104, 144, 0.5);
  --blue2: rgba(57, 104, 144, 0.1);
  
  --dgreen: #4b692d;
  --green1: rgba(113, 172, 65, 0.1);
  
  --dred: #AE1E1E;
  --red1: rgba(174, 30, 30, 0.05);
}

/* Ukrycie paska przewijania według oryginalnych reguł */
::-webkit-scrollbar {
    display: none;
}

/* Czyszczenie duplikatów i niepotrzebnych, pustych selektorów, zachowując oryginalne reguły pozycjonowania */

/* Sekcja 1: GĹ‚Ăłwne style strukturalne (dawne style.css) */
.location {
	border: 3px solid red;
}

html {
overflow: hidden;
cursor: pointer;
color: #181818;
z-index:10;
font-family: Noto Sans, sans-serif;
font-size: 1em;
}

body
{
	position:absolute;
	width:  100%;
	height:  100%;
	margin:0;
}

/* GĹ‚Ăłwne sterowanie scenÄ…: podpis modelu oraz operatory dolnego lewego naroĹĽnika. */
.scene-caption {
	position: fixed;
	left: var(--bimion-axis-left, 50%);
	bottom: calc(var(--bas-dim-1) * 4.85);
	transform: translateX(-50%);
	z-index: 7;
	width: min(15.25rem, calc(100vw - var(--bas-dim-1) * 4));
	max-width: calc(100vw - var(--bas-dim-1));
	font-family: Arial, sans-serif;
	color: #1d1d1d;
	pointer-events: none;
	text-align: center;
	transition: bottom 0.42s ease, opacity 0.42s ease, left 0.42s ease;
}

body:has(#BimionProjectTransformPanel) .scene-caption {
	left: 50%;
	bottom: calc(var(--bas-dim-1) * 4.85);
}

body.scene-main-options-collapsed .scene-caption {
	left: 50%;
	bottom: calc(var(--bas-dim-1) * 4.85);
}

body:not(.scene-main-options-collapsed) .scene-caption {
	left: 50%;
	bottom: calc(var(--bas-dim-1) * 4.85);
}

body.start-panel-options-hidden .scene-caption {
	left: var(--bimion-axis-left, 50%);
	bottom: calc(var(--bas-dim-1) * 4.85);
	transform: translateX(-50%);
	text-align: center;
}

body:has(#BimionProjectTransformPanel).start-panel-options-hidden .scene-caption {
	left: var(--bimion-axis-left, 50%);
	transform: translateX(-50%);
	text-align: center;
}

body.start-panel-options-hidden.scene-caption-window-open .scene-caption {
	opacity: 1 !important;
	visibility: visible !important;
}

body:not(.start-panel-options-hidden) .scene-caption {
	left: calc(var(--bas-dim-1) * 0.28);
	bottom: calc(var(--bas-dim-1) * 4.85);
	transform: none;
	text-align: left;
	width: min(12.6rem, calc(100vw - var(--bas-dim-1) * 5.4));
}

body.scene-caption-window-open .scene-caption {
	opacity: 0 !important;
}

.scene-caption-title {
	font-size: 1rem;
	font-weight: 560;
	line-height: 1.04;
	overflow-wrap: normal;
	text-wrap: balance;
	text-shadow: 0 1px 0 rgba(255,255,255,.95), 0 0 .42rem rgba(255,255,255,.9);
}

.scene-caption-address {
	margin-top: 1.35em;
	font-size: 0.72rem;
	font-weight: 450;
	line-height: 1.08;
	text-shadow: 0 1px 0 rgba(255,255,255,.95), 0 0 .36rem rgba(255,255,255,.9);
}

.scene-caption #NameModel,
.scene-caption #ModelData {
	position: static;
	left: auto;
	bottom: auto;
	float: none;
	margin: 0;
}

.scene-main-options {
	position: absolute;
	left: calc(var(--bas-dim-1) / 2);
	bottom: 0;
	z-index: 5;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.22rem;
	width: max-content;
}

.scene-main-options-top {
	display: grid;
	grid-template-columns:
		calc(var(--bas-dim-1) * 3.66 + 1.12rem)
		calc(0.34rem + 0.16rem + 0.56rem)
		auto;
	align-items: center;
	height: calc(var(--bas-dim-1) * 0.82);
	align-self: stretch;
	width: 100%;
	box-sizing: border-box;
}

.scene-main-options-extra,
.scene-main-options-primary {
	display: flex;
	align-items: center;
	gap: 0.28rem;
	width: 100%;
}

.scene-main-options-extra {
	position: static;
	grid-column: 3;
	justify-content: flex-start;
	width: auto;
}

.scene-main-options-label {
	position: static;
	grid-column: 1;
	grid-row: 1;
	height: calc(var(--bas-dim-1) * 0.82);
	min-width: 0;
	max-width: none;
	color: #202020;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 0;
	box-sizing: border-box;
	font: 650 0.96rem/1.05 Arial, sans-serif;
	text-align: right;
	text-shadow: 0 1px 0 rgba(255,255,255,.95), 0 0 .34rem rgba(255,255,255,.88);
	letter-spacing: 0;
	white-space: nowrap;
	overflow: visible;
	text-overflow: clip;
}

body.scene-main-options-collapsed .scene-main-options-top,
body.scene-main-options-collapsed .scene-main-options-extra,
body.scene-main-options-collapsed .scene-main-option:not(.scene-options-toggle),
body.scene-main-options-collapsed .scene-main-separator {
	display: none;
}

.scene-main-options-primary {
	min-height: calc(var(--bas-dim-1) * 0.78);
}

body.scene-main-options-collapsed .scene-main-options-primary {
	min-height: calc(var(--bas-dim-1) * 0.78);
}

.scene-main-option {
	position: relative;
	width: calc(var(--bas-dim-1) * 0.78);
	height: calc(var(--bas-dim-1) * 0.78);
	min-height: calc(var(--bas-dim-1) * 0.78);
	padding: 0.18rem;
	border: 1.35px solid rgba(11, 112, 201, 0.72);
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.82);
	color: #2a4f70;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.32s cubic-bezier(.2,.8,.2,1), box-shadow 0.18s ease;
}

.scene-main-option-compact {
	width: calc(var(--bas-dim-1) * 0.78);
	height: calc(var(--bas-dim-1) * 0.78);
	min-height: calc(var(--bas-dim-1) * 0.78);
	padding: 0.17rem;
}

.scene-main-separator {
	width: 0.34rem;
	height: 0.34rem;
	margin: 0 0.08rem;
	border-radius: 50%;
	background: rgba(17, 79, 124, .62);
	box-shadow: 0 0 0 1px rgba(255,255,255,.76);
}
.scene-main-option:hover {
	border-color: rgba(11, 112, 201, 0.92);
	background-color: rgba(230, 241, 250, .86);
	box-shadow: 0 0.18rem 0.48rem rgba(22, 54, 82, 0.12);
	color: #1e5f91;
	transform: translateY(-1px);
}

.scene-main-option.is-active {
	border-color: var(--dgreen);
	background-color: rgba(47, 127, 54, 0.92);
	box-shadow: 0 0 0 1px rgba(45, 126, 52, 0.36), 0 0.18rem 0.48rem rgba(49, 32, 42, 0.14);
	color: #ffffff;
	transform: translateY(-1px);
}

.scene-main-option.is-active[data-scene-option="environment"],
.scene-main-option[data-scene-option="environment"][aria-pressed="true"] {
	border-color: #2f7f36 !important;
	background-color: rgba(47, 127, 54, 0.92) !important;
	color: #ffffff !important;
}

.scene-main-option.is-active,
.scene-main-option[aria-pressed="true"],
#AddActive.is-active,
#AddActive[aria-pressed="true"],
#Favorite.is-active,
#Favorite[aria-pressed="true"],
#Share.is-active,
#Share[aria-pressed="true"],
#sh-Options.is-active,
#sh-Options[aria-pressed="true"],
#Next.is-active,
#Next[aria-pressed="true"],
#S-Activity .opt03.w-option-active,
#S-Activity .opt03.is-active,
#S-Activity .opt03[aria-pressed="true"] {
	border-color: #2f7f36;
	background-color: rgba(113, 172, 65, 0.2);
	color: #2f7f36;
}

.scene-main-option[aria-pressed="true"] {
	background-color: rgba(47, 127, 54, 0.92);
	color: #ffffff;
}

#AddActive img,
#Favorite img,
#Share img,
#sh-Options img,
#S-Activity img {
	width: 86%;
	height: 86%;
	object-fit: contain;
	filter: brightness(0) saturate(100%) invert(27%) sepia(94%) saturate(1424%) hue-rotate(184deg) brightness(92%) contrast(98%);
	opacity: 1;
}

#S-Activity .opt03:not(.w-option-active):not(.is-active):not([aria-pressed="true"]) {
	border: 1.35px solid rgba(11, 112, 201, 0.78);
	background-color: rgba(255, 255, 255, 0.92);
	color: #0b70c9;
}

#S-Activity .opt03:not(.w-option-active):not(.is-active):not([aria-pressed="true"]) img,
#sh-Options:not(.is-active):not([aria-pressed="true"]) img {
	filter: brightness(0) saturate(100%) invert(27%) sepia(94%) saturate(1424%) hue-rotate(184deg) brightness(92%) contrast(98%) !important;
	opacity: 1 !important;
}

#S-Activity .opt03::before,
#S-Activity .opt03::after {
	content: none !important;
	display: none !important;
}

#AddActive.is-active img,
#AddActive[aria-pressed="true"] img,
#Favorite.is-active img,
#Favorite[aria-pressed="true"] img,
#Share.is-active img,
#Share[aria-pressed="true"] img,
#sh-Options.is-active img,
#sh-Options[aria-pressed="true"] img,
#Next.is-active img,
#Next[aria-pressed="true"] img,
#S-Activity.is-active img,
#S-Activity .opt03.w-option-active img,
#S-Activity .opt03.is-active img,
#S-Activity .opt03[aria-pressed="true"] img {
	filter: brightness(0) saturate(100%) invert(33%) sepia(34%) saturate(1024%) hue-rotate(47deg) brightness(86%) contrast(91%);
	opacity: 1;
}

#S-Activity .opt03.w-option-active img,
#S-Activity .opt03.is-active img,
#S-Activity .opt03[aria-pressed="true"] img {
	filter: brightness(0) saturate(100%) invert(35%) sepia(58%) saturate(686%) hue-rotate(72deg) brightness(88%) contrast(92%) !important;
	opacity: 1 !important;
}

.scene-options-toggle {
	align-self: center;
	width: calc(var(--bas-dim-1) * 0.54);
	height: calc(var(--bas-dim-1) * 0.54);
	min-height: calc(var(--bas-dim-1) * 0.54);
	padding: 0.12rem;
	margin-right: 0;
}

.scene-options-toggle img {
	width: 72%;
	height: 72%;
	transform: rotate(180deg);
	transition: transform 0.2s ease;
}

body.scene-main-options-collapsed .scene-options-toggle img {
	transform: rotate(0deg);
}

body.scene-main-options-collapsed .scene-options-toggle,
body.scene-main-options-collapsed .scene-options-toggle[aria-pressed="true"] {
	border-color: rgba(11, 112, 201, 0.82) !important;
	background-color: rgba(255, 255, 255, 0.94) !important;
	color: #0b70c9 !important;
	box-shadow: 0 0.18rem 0.48rem rgba(22, 54, 82, 0.12) !important;
}

body.scene-main-options-collapsed .scene-options-toggle img,
body.scene-main-options-collapsed .scene-options-toggle[aria-pressed="true"] img {
	filter: brightness(0) saturate(100%) invert(27%) sepia(94%) saturate(1424%) hue-rotate(184deg) brightness(92%) contrast(98%) !important;
	opacity: 1 !important;
}

.scene-main-option.is-disabled {
	opacity: .34;
	filter: grayscale(1);
	cursor: default;
	pointer-events: none;
}

.scene-main-option img {
	width: 80%;
	height: 80%;
	object-fit: contain;
}

.scene-main-option:not(.is-active):not(.scene-options-toggle):not(.is-disabled) {
	border-color: rgba(11, 112, 201, 0.82);
	background-color: rgba(255, 255, 255, 0.94);
	color: #0b70c9;
}

.scene-main-option:not(.is-active):not(.scene-options-toggle):not(.is-disabled) img {
	filter: brightness(0) saturate(100%) invert(27%) sepia(94%) saturate(1424%) hue-rotate(184deg) brightness(92%) contrast(98%);
	opacity: 1;
}

.scene-main-option.is-active[data-scene-option="geometry"] img,
.scene-main-option.is-active[data-scene-option="materials"] img,
.scene-main-option.is-active[data-scene-option="lighting"] img,
.scene-main-option.is-active[data-scene-option="environment"] img,
.scene-main-option.is-active[data-scene-option="view"] img,
.scene-main-option.is-active[data-scene-option="camera-motion"] img,
.scene-main-option.is-active[data-scene-option="animations"] img,
.scene-main-option.is-active[data-scene-option="render"] img,
.scene-main-option[aria-pressed="true"]:not(.scene-options-toggle):not([data-scene-option="rotation"]):not([data-scene-option="model-switch"]) img {
	filter: brightness(0) invert(1);
	opacity: 1;
}

.scene-main-option:not(.is-active) img,
.scene-option-choice:not(.is-selected) img {
	filter: brightness(0) saturate(100%) invert(30%) sepia(75%) saturate(877%) hue-rotate(176deg) brightness(89%) contrast(89%);
	opacity: .92;
}

.scene-main-option[data-scene-option="rotation"][data-scene-option-value="off"]::after,
.scene-main-option[data-scene-option="model-switch"][data-scene-option-value="off"]::after {
	content: none;
}

html.bimion-clean-screenshot-mode body > *:not(#ThreeScene) {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

html.bimion-clean-screenshot-mode #ThreeScene {
	pointer-events: none !important;
}

.scene-option-flyout {
	display: none !important;
}

.scene-option-choice {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 calc(var(--bas-dim-1) * 0.58);
	width: calc(var(--bas-dim-1) * 0.58);
	height: calc(var(--bas-dim-1) * 0.58);
	border: 0.05em solid transparent;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.7);
	transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.scene-option-choice:hover,
.scene-option-choice.is-selected {
	border-color: var(--dgreen);
	background-color: rgba(255, 255, 255, 0.98);
	box-shadow: 0 0 0 1px rgba(45, 126, 52, 0.28);
	transform: translateY(-1px);
}

.bimion-left-tool-panel {
	position: fixed;
	left: calc(var(--bas-dim-1) / 2);
	bottom: calc(var(--bas-dim-1) * 1.12);
	z-index: 16;
	width: auto;
	max-width: min(7rem, calc(100vw - var(--bas-dim-1)));
	padding: 0.34rem;
	border: 1.35px solid rgba(11, 112, 201, 0.82);
	border-radius: 9px;
	background: rgba(255,255,255,.96);
	box-shadow: 0 8px 18px rgba(17, 79, 124, .12);
	box-sizing: border-box;
	display: none;
	gap: 0.22rem;
	font-family: Arial, sans-serif;
	color: #114f7c;
	overflow: visible;
}

.bimion-left-tool-panel.is-active {
	display: grid;
}

.bimion-left-tool-panel::after {
	content: "";
	position: absolute;
	left: var(--bimion-left-tool-anchor-x, 50%);
	bottom: -6px;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	background: rgba(255,255,255,.96);
	border-right: 1.35px solid rgba(11, 112, 201, 0.82);
	border-bottom: 1.35px solid rgba(11, 112, 201, 0.82);
	transform: rotate(45deg);
	box-sizing: border-box;
}

.bimion-left-tool-panel-title {
	display: none;
}

.bimion-left-tool-panel-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.28rem;
	min-width: 0;
}

.bimion-left-tool-button {
	display: grid;
	place-items: center;
	align-items: center;
	width: calc(var(--bas-dim-1) * 0.62);
	height: calc(var(--bas-dim-1) * 0.62);
	min-width: calc(var(--bas-dim-1) * 0.62);
	min-height: calc(var(--bas-dim-1) * 0.62);
	padding: 0.115rem;
	border: 1.15px solid rgba(11, 112, 201, 0.72);
	border-radius: 50%;
	background: rgba(255,255,255,.94);
	color: #0b70c9;
	font: 700 0/1 Arial, sans-serif;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	transition: border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.bimion-left-tool-button:hover,
.bimion-left-tool-button.is-active {
	border-color: var(--dgreen);
	box-shadow: 0 0 0 1px rgba(45,126,52,.22);
	color: var(--dgreen);
	transform: translateY(-1px);
}

.bimion-left-tool-icon {
	display: grid;
	place-items: center;
	width: 74%;
	height: 74%;
	border: 0;
	border-radius: 0;
	color: currentColor;
	font-size: 0;
	font-weight: 800;
	line-height: 1;
	position: relative;
}

.bimion-left-tool-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.35;
	stroke-linecap: round;
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
	shape-rendering: geometricPrecision;
}

.bimion-left-tool-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.bimion-left-tool-button[data-bimion-left-tool="scale"] .bimion-left-tool-icon {
	width: 89%;
	height: 89%;
}

.bimion-left-tool-button[data-bimion-left-tool="autoCalibration"] .bimion-left-tool-icon {
	width: 89%;
	height: 89%;
}

.bimion-left-tool-button[data-bimion-left-tool="modelMaterials"] .bimion-left-tool-icon,
.bimion-left-tool-button[data-bimion-left-tool="bimionMaterials"] .bimion-left-tool-icon,
.bimion-left-tool-button[data-bimion-left-tool="customMaterials"] .bimion-left-tool-icon,
.bimion-left-tool-button[data-bimion-left-tool="threeMaterials"] .bimion-left-tool-icon,
.bimion-left-tool-button[data-bimion-left-tool="siteMaterials"] .bimion-left-tool-icon {
	width: 100%;
	height: 100%;
}

.bimion-left-tool-button[data-bimion-left-tool="modelMaterials"] .bimion-left-tool-icon svg {
	stroke-width: 1.08;
}

.bimion-left-tool-button[data-bimion-left-tool="modelMaterials"] .bimion-left-tool-icon,
.bimion-left-tool-button[data-bimion-left-tool="bimionMaterials"] .bimion-left-tool-icon,
.bimion-left-tool-button[data-bimion-left-tool="customMaterials"] .bimion-left-tool-icon,
.bimion-left-tool-button[data-bimion-left-tool="threeMaterials"] .bimion-left-tool-icon,
.bimion-left-tool-button[data-bimion-left-tool="siteMaterials"] .bimion-left-tool-icon {
	color: #0b70c9;
}

.bimion-left-tool-button[data-bimion-left-tool="customMaterials"] .bimion-left-tool-icon {
	width: 89%;
	height: 89%;
}

.bimion-left-tool-button[data-bimion-left-tool="threeMaterials"] .bimion-left-tool-icon {
	width: 111%;
	height: 111%;
}

.bimion-left-tool-button[data-bimion-left-tool="siteMaterials"] .bimion-left-tool-icon {
	width: 104%;
	height: 104%;
}

.bimion-left-tool-button:hover .bimion-left-tool-icon,
.bimion-left-tool-button.is-active .bimion-left-tool-icon {
	color: var(--dgreen);
}

.bimion-left-tool-icon::before,
.bimion-left-tool-icon::after {
	content: none;
}

.bimion-left-tool-copy,
.bimion-left-tool-detail,
.bimion-left-tool-button small {
	display: none;
}

.bimion-left-tool-hint {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 0.12rem);
	min-height: 0.86rem;
	max-width: 100%;
	padding: 0.1rem 0.28rem;
	border: 1px solid rgba(11, 112, 201, 0.44);
	border-radius: 6px;
	background: rgba(255,255,255,.96);
	color: rgba(17,79,124,.78);
	font: 700 0.58rem/1.2 Arial, sans-serif;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0;
	transition: opacity .14s ease;
}

.bimion-left-tool-panel.has-hint .bimion-left-tool-hint {
	display: block;
	opacity: 1;
}

.bimion-material-library-panel {
	position: absolute;
	left: calc(var(--bas-dim-1) / 2);
	top: var(--bas-dim-1);
	z-index: 15;
	width: calc(35% - var(--bas-dim-1) / 1.5);
	height: calc(100vh - var(--bas-dim-1) * 7);
	padding: 0.1em;
	border: 0.1em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1) / 6);
	background-color: var(--grey3);
	box-shadow: none;
	box-sizing: border-box;
	display: none;
	color: var(--dblue);
	font-size: 0.9em;
	overflow: auto;
}

.bimion-material-library-panel.is-active {
	display: block;
}

.bimion-material-library-title {
	color: inherit;
	font-weight: normal;
	line-height: normal;
	padding: 0;
	border: 0;
}

.bimion-material-library-list {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 0.4em;
}

.bimion-material-card {
	display: grid;
	grid-template-columns: calc(var(--bas-dim-1) / 2) minmax(0, 1fr);
	grid-template-rows: 1fr 1fr;
	column-gap: 0.7em;
	align-items: center;
	min-height: calc(var(--bas-dim-1) / 2.5);
	height: auto;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: var(--grey1);
	color: var(--dblue);
	text-align: left;
	cursor: pointer;
}

.bimion-material-card.is-active,
.bimion-material-card:hover {
	background-color: var(--grey1);
	border-color: var(--dgreen);
}

.bimion-material-card strong {
	font: inherit;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bimion-material-card small {
	font: inherit;
	font-size: 0.82em;
	color: var(--dblue);
	opacity: 0.72;
}

.bimion-material-swatch {
	grid-row: 1 / span 2;
	width: calc(var(--bas-dim-1) / 2);
	height: calc(var(--bas-dim-1) / 2);
	border: 0.05em solid rgba(17,79,124,.35);
	border-radius: calc(var(--bas-dim-1) / 12);
	background: #d8c0a0;
}

.bimion-material-swatch-floor {
	background-image: url("images/materials/bimion-floor-reference.png");
	background-size: 320% 320%;
	background-position: center;
}

.bimion-material-swatch-wall {
	background: #f7f7f7;
}

.bimion-material-swatch-roof {
	background: repeating-linear-gradient(135deg, #f7f7f7 0 3px, #c7c7c7 3px 4px);
}

.scene-option-choice img {
	width: 76%;
	height: 76%;
	object-fit: contain;
}

body.bimion-render-realistic .scene-main-option,
body.bimion-render-realistic #Messages,
body.bimion-render-realistic #Sets,
body.bimion-render-realistic #BugCorrection,
body.bimion-render-realistic #Help,
body.bimion-render-realistic .opt03,
body.bimion-render-realistic .opt04 {
	background-color: rgba(255, 255, 255, 0.82);
	box-shadow: 0 0.18rem 0.72rem rgba(22, 54, 82, 0.12);
	backdrop-filter: blur(3px);
}

body.bimion-render-realistic .scene-main-option.is-active,
body.bimion-render-realistic .scene-main-option[aria-pressed="true"] {
	border-color: #2f7f36 !important;
	background-color: rgba(113, 172, 65, 0.2) !important;
	color: #2f7f36 !important;
	box-shadow: 0 0 0 1px rgba(45,126,52,.28), 0 0.18rem 0.72rem rgba(22,54,82,.12) !important;
}

.scene-main-option img,
.scene-option-choice img {
	filter: brightness(0) saturate(100%) invert(30%) sepia(75%) saturate(877%) hue-rotate(176deg) brightness(89%) contrast(89%);
}

#SceneCaption #NameModel,
#SceneCaption #ModelData {
	position: static;
	left: auto;
	bottom: auto;
	float: none;
	margin: 0;
}

a:hover, a:active, a:visited {
	color: var(--szaroniebieski);

}

img {
	margin: 0;
	width: 100%;
	height: 100%;
}

#accountPhoto {
	display: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: transparent;
	border-radius: 50%;
}

p {
	margin: 0;
}

input  {
    position: relative;
	font-size: 1em;
	height: 20px;
	margin: 0;
	color: var(--szaroniebieski);
	display: inline;
	
	outline: none;
    border: 1px solid transparent;
	background-color: transparent;
	margin-left: 10px;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=text]  {
    position: relative;
	font-size: 0.9em;
	min-height: 10px;
	padding: 2px;
	margin: 0;
	color: var(--szaroniebieski);
	display: inline;
	
	outline: none;
    border: 1px solid transparent;
	margin-top: 5px;
	margin-left: 10px;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.hidden {
    display: none !important;
}

.hidden-element {
    display: none !important;
}

.inputProject  {
	background-color: var(--szaroniebieski-p02);
	text-align: center;
	border: 1px solid transparent;
	border-radius: 5px;
}

.inputProject:hover, .inputProject:focus  {
	background-color: var(--szarozielony-p01);
	text-align: center;
	border: 1px solid var(--szaroniebieski);
	border-radius: 5px;
}

.inputwidth01  {
	width: 45px;
}

.inputwidth02  {
	width: 90px;
}

.inputwidth03  {
	width: 135px;
}
.inputwidth04  {
	width: 180px;
}

input[type=password]  {
    position: relative;
	font-size: 1.2em;
	width: var(--basicDimension02);
	height: 20px;
	margin: 0;
	color: var(--szaroniebieski);
	display: inline;
	
	outline: none;
    border: 1px solid transparent;
	background-color: transparent;
	margin-left: 10px;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=text]:focus, input[type=password]:focus  {
	outline: none;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=radio], input[type=file]  {
    position: relative;
	font-size: 1.2em;
	width: 20px;
	height: 20px;
	margin: 0;
	color: var(--szaroniebieski);
	display: inline;
	
	outline: none;
    border: 1px transparent;
	background-color: transparent;
	margin-left: 10px;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.inputCheck01[type=checkbox] {
	position: relative;
	top: 20px;
	left: 10px;
	margin: 0;
	display: inline;
	height: calc(var(--basicDimension01)/2);
	width: calc(var(--basicDimension01)/2);
	color: var(--szaroniebieski);
	background: var(--ciemnoszary-01);
	border: 0.1em solid transparent;
	outline: none;
}

.inputCheck:hover, .inputCheck:focus {
	color: var(--szarozielony);
	background: var(--ciemnoszary-p01);
	border: 0.1em solid transparent;
	outline: none;
}

.inputArea {
	margin: 0;
	float: left;
	user-select: none;
	display: inline;
	align-items: left;
	justify-content: center;
}

.inputText:focus {
	background-color: transparent;
	border: 1px solid transparent;
}

::-webkit-scrollbar {
  width: 0.3em;
}

::-webkit-scrollbar:hover {
  width: 0.6em;
}

::-webkit-scrollbar-track {
  background: transparent; 
}
 
::-webkit-scrollbar-thumb {
  background: #888; 
}

::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

select  {
	margin-top: 5px;
	margin-left: 10px;
	min-height: 10px;
	padding: 2px;
}

.selectProject  {
	background-color: var(--szaroniebieski-p02);
	text-align: left;
	border: 1px solid transparent;
	border-radius: 5px;
}

.selectProject:hover, .inputProject:focus  {
	background-color: var(--szarozielony-p01);
	border: 1px solid var(--szaroniebieski);
	border-radius: 5px;
}

.addNote {
	position: relative;
	top: 5px;
	left: 5px;
	width:  calc(var(--basicDimension01)/2.5);
	height:  calc(var(--basicDimension01)/2.5);
	text-align: center;
	display: block;
	justify-content: center;
	justify-content: center;
	font-size: 1.1em;
	color: var(--szary-01);
	background-color: transparent;
	border: 0.1em solid var(--szary-01);
	border-radius: calc(var(--basicDimension01)/4);
	user-select: auto;
	z-index: 10;
}

.addNote:hover {
	color: var(--szaroniebieski);
	background-color: var(--szaroniebieski-p02);
	border: 0.1em solid var(--szaroniebieski);
}

.backgroundTop {
	position: absolute;
	margin: 0;
	z-index: 3; /*####################################################################################*/
}

.backgroundBottom {
	position: absolute;
	margin: 0;
	z-index: -1; /*####################################################################################*/
}

.bblue {
	margin: 0;
	color: var(--szaroniebieski);
	display: inline;
}

.bblack {
	margin: 0;
	color: var(--ciemnoszary-01);
	display: inline;
}

.close01, .close01-load {
	position: absolute;
	top: 1.8em;
	right: 0;
	width:  calc(var(--basicDimension01)/3);
	height:  calc(var(--basicDimension01)/2);
	display: block;
	align-items: center;
	justify-content: center;
	font-size: 1.0em;
	color: var(--szaroniebieski);
	border-bottom: 2px solid transparent;
}

.close01:hover, .close01-load:hover {
	color: var(--color06);
	background-color: var(--color06-1);
}

.close01-logout, .close01-loadMain {
	position: absolute;
	top: 8px;
	right: 0;
	width:  calc(var(--basicDimension01)/2);
	height:  calc(var(--basicDimension01)/2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.0em;
	color: var(--szaroniebieski);
	border-bottom: 2px solid transparent;
	border-radius: 15px;
}

.close01-logout:hover, .close01-loadMain:hover {
	color: var(--color06);
	background-color: var(--color06-1);
}

.close02-1, .close02-2, .close02-3 {
	position: relative;
	top: -5em;
	left: 15em;
	width:  calc(var(--basicDimension01)/3);
	height:  calc(var(--basicDimension01)/3);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85em;
	color: var(--szaroniebieski);
	border: 0.1em solid transparent;
	border-radius: calc(var(--basicDimension01)/2);
}

.close02-1:hover, .close02-2:hover, .close02-3:hover {
	color: var(--color06);
	background-color: var(--color06-1);
	border: 0.1em solid var(--color06);
}

.close03 {
	position: absolute;
	top: 10px;
	right: 10px;
	width:  calc(var(--basicDimension01)/3);
	height:  calc(var(--basicDimension01)/3);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85em;
	color: var(--color07);
	border: 0.1em solid transparent;
	border-radius: calc(var(--basicDimension01)/2);
}

.close03:hover {
	color: var(--color06);
	background-color: var(--color06-1);
	border: 0.1em solid var(--color06);
}

.close04, .closeGuide {
	width:  var(--basicDimension01);
	height:  calc(var(--basicDimension01)/2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85em;
	color: var(--szaroniebieski);
	background-color: var(--szaroniebieski-3);
	border: 0.1em solid var(--szaroniebieski);
	border-radius: calc(var(--basicDimension01)/2);
	user-select: auto;
	z-index: 10;
}

.close04:hover {
	color: var(--color06);
	background-color: var(--color06-1);
	border: 0.1em solid var(--color06);
}

.closeNote {
	position: relative;
	top: 3px;
	right: 30px;
	width:  calc(var(--basicDimension01)/2.5);
	height:  calc(var(--basicDimension01)/2.5);
	text-align: center;
	display: flex;
	justify-content: center;
	justify-content: center;
	font-size: 1.1em;
	color: var(--szary-01);
	background-color: transparent;
	border: 0.1em solid var(--szary-01);
	border-radius: calc(var(--basicDimension01)/4);
	user-select: auto;
	z-index: 10;
}

.closeNote:hover {
	color: var(--color06);
	background-color: var(--color06-1);
	border: 0.1em solid var(--color06);
}

.closeGuide:hover {
	color: var(--szarozielony);
	background-color: var(--szarozielony-p01);
	border: 0.1em solid var(--szarozielony);
}

.content1 {
	position: relative;
	top: 0.8em;
	width: calc(100% - 24px);
	height: calc(100% - 30px);
	overflow-y: auto;
	overflow-x: hidden;
	padding: 12px;
	user-select: none;
}

.content2, .content2a {
	margin-top: 5px;
	width: calc(100% - var(--basicDimension01)/2);
	background-color: var(--jasnoszary-p01);
	border: 0.1em solid var(--szaroniebieski-p01);
	border-radius: calc(var(--basicDimension01)/10);
	padding: 12px;
	user-select: none;
}

.content2a:hover, .content3a:hover {
	color: var(--szarozielony);
	background-color: var(--szarozielony-p01);
	border: 0.1em solid var(--szaroniebieski-p01);
	transition: background 1s;
}

.content2-note {
	margin-top: 5px;
	width: calc(100% - var(--basicDimension01)/2);
	color: var(--color07);
	background-color: var(--color07-1);
	border: 0.1em solid var(--color07);
	border-radius: calc(var(--basicDimension01)/10);
	padding: 12px;
	user-select: none;
	font-size: 0.9em;
}

.content2-span1 {
	margin-top: 5px;
	width: 100%;
	padding: 8px;
	user-select: none;
	font-size: 1em;
}
.content2-span2 {
	position: relative;
	top: 10px;
	left: 40px;
	width: 100%;
	padding: 8px;
	user-select: none;
	font-size: 1em;
}

.content3 {
	margin-top: 5px;
	width: calc(100% - var(--basicDimension01)/2);
	background-color: transparent;
	border: 0.1em solid var(--ciemnoszary-p01);
	border-radius: calc(var(--basicDimension01)/10);
	padding: 12px;
	user-select: none;
	font-size: 0.9em;
}

.content3a {
	position: relative;
	left: 24px;
	margin-top: 5px;
	width: calc(100% - var(--basicDimension01));
	background-color: transparent;
	border: 0.1em solid var(--ciemnoszary-p01);
	border-radius: calc(var(--basicDimension01)/10);
	padding: 12px;
	user-select: none;
	font-size: 0.9em;
}

.content3b {
	margin-top: 5px;
	width: calc(100% - var(--basicDimension01));
	background-color: transparent;
	border: 0.1em solid var(--ciemnoszary-p01);
	border-radius: calc(var(--basicDimension01)/10);
	padding: 12px;
	user-select: none;
	font-size: 0.9em;
}

.contentNote {
	margin-top: 5px;
	width: calc(100% - var(--basicDimension01)/2 + 5);
	background-color: var(--ciemnoszary-p01);
	border-radius: calc(var(--basicDimension01)/10);
	padding: 12px;
	font-size: 0.8em;
	user-select: none;
}

.contentNote2 {
	position: relative;
	left: 24px;
	margin-top: 5px;
	width: calc(100% - var(--basicDimension01) + 3px);
	background-color: var(--ciemnoszary-p01);
	border-radius: calc(var(--basicDimension01)/10);
	padding: 12px;
	font-size: 0.8em;
	user-select: none;
}

.delete {
	color: var(--szary-01);
	background-color: transparent;
}

.delete:hover {
	color: var(--color06);
	background-color: var(--color06-1);
}

.drawMody {
	margin-top: 2px;
	margin-left: 3px;
	width: calc(var(--basicDimension01)/2);
	height: calc(var(--basicDimension01)/2);
	display: block;
	background-color: transparent;
	border: 0.07em solid var(--szaroniebieski-p01);
	border-radius: calc(var(--basicDimension01)/10);
	float: left;
	display: block;
}

.drawModyStarter {
	margin-top: 2px;
	margin-left: 7px;
	width: calc(var(--basicDimension01)/2);
	height: calc(var(--basicDimension01)/2);
	display: block;
	background-color: transparent;
	border: 0.07em solid var(--szaroniebieski-p01);
	border-radius: calc(var(--basicDimension01)/10);
	float: left;
	display: block;
}

.drawModyAction {
	margin-top: 10px;
	margin-left: 5px;
	width: calc(var(--basicDimension01)/1.7);
	height: calc(var(--basicDimension01)/1.7);
	background-color: transparent;
	border: 0.1em solid var(--szaroniebieski-p01);
	border-radius: calc(var(--basicDimension01)/10);
	float: left;
	border: 0.07em solid red;
}

.drawModyArea {
	position: relative;
	left: -3px;
	margin-top: 10px;
	width: (100% - var(--basicDimension01)/1.7 + 5px);
	height: calc(var(--basicDimension01)/1.6);
	background-color: var(--szaroniebieski-p02);
	border-radius: 0 calc(var(--basicDimension01)/10) calc(var(--basicDimension01)/10) 0;
	display: flex;
}

.empty{
	display: block;
	user-select: none;
	width: var(--basicDimension01);
	height: calc(var(--basicDimension01)/2);
}

.field-1 {
	margin: 0;
	margin-top: 10px;
	position: relative;
	width: calc(100% - 2.3em );
	background-color: transparent;
	padding: 0.5em;
	border: 0.1em solid var(--szary-01);
	border-radius: calc(var(--basicDimension01)/6);
}

.field-2 {
	margin: 0;
	position: relative;
	height: calc(100% - 2.3em );
	background-color: transparent;
	user-select: none;
	display: flex;
	align-items: center;
	
	border: 1px solid transparent;
}

.field-2-img {
	margin: 0;
	margin-bottom: 2px;
	position: relative;
	display: inline-block;
	width: 250px;
	padding: 1px;
	background-color: transparent;
	user-select: none;
}

.field-2-info, .field-2-operations {
	margin: 0;
	margin-left: 2px;
	position: relative;
	display: inline-block;
	width: calc(100% - var(--basicDimension01));
	user-select: none;
	
	border: 1px solid transparent;
}

.field-3 {
	margin: 0;
	position: relative;
	top: 7px;
	display: flex;
	align-items: center;
	background-color: transparent;
	padding: 0.5em;
	border-radius: calc(var(--basicDimension01)/6) calc(var(--basicDimension01)/6) 0 0;
	background-color: var(--jasnoszary);
	user-select: none;
	
	border: 1px solid transparent;
}

.field-3-img-min {
	margin: 0;
	margin-bottom: 2px;
	position: relative;
	display: inline-block;
	padding: 1px;
	background-color: var(--jasnoszary);
	user-select: none;
}

.field-3-info-min, .field-3-operations-min {
	margin: 0;
	position: relative;
	display: flex;
	align-items: center;
	width: calc(50% - var(--basicDimension01) - 3px);
	user-select: none;
	
	border: 1px solid transparent;
}

.field-3-option01 {
	margin: 0;
	display: inline-block;
	width:  calc(var(--basicDimension01) + 25px);
	padding: 0.1em;
	font-size: 0.97em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--jasnoszary);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.1em solid transparent;
}

.field-3-option02 {
	margin: 0;
	display: inline-block;
	width:  calc(var(--basicDimension02) + 60px);
	padding: 0.1em;
	font-size: 0.97em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--jasnoszary);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.1em solid transparent;
}

 .field-3-option01:hover, .field-3-option02:hover {
	color: var(--szaroniebieski);
	background-color: var(--jasnoszary-p01);
	border: 0.1em solid var(--szaroniebieski);				
	transition: background-color 1s ease;
}

.field-4 {
	margin: 0;
	margin-bottom: 5px;
	position: relative;
	top: 7px;
	display: block;
	align-items: center;
	background-color: transparent;
	padding: 0.5em;
	border-radius: 0 0 calc(var(--basicDimension01)/6) calc(var(--basicDimension01)/6);
	background-color: var(--jasnoszary);
	user-select: none;
	
	border-top: 1px solid var(--szaroniebieski);	
}

.field-4-operations{
	margin: 0;
	position: relative;
	height: var(--basicDimension01);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--szaroniebieski-p02);
	user-select: none;
	
	border: 1px solid transparent;
}

.field-4-operations-second{
	margin: 0;
	position: relative;
	height: var(--basicDimension01);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--ciemnoszary-p01);
	user-select: none;
	
	border: 1px solid transparent;
}

.field-4-stage{
	margin: 5px;
	position: relative;
	top: 10px;
	user-select: none;
	padding: 10px;
	
	border: 1px solid var(--ciemnoszary-01);
	border-radius: calc(var(--basicDimension01)/6);
}

.field-area {
	margin: 0;
	position: relative;
	height: 55vh;
	overflow-x: hidden;
	overflow-y: auto;
	
	border: 1px solid transparent;
}

.flex{
	display: flex;
	align-items: center;
	justify-content: center;
}

.floatRight{
	margin: 0;
	float: right;
	user-select: none;
}

.font-0-9{
	font-size: 0.9em;
	padding: 2px;
}

.font-1-0{
	font-size: 1.0em;
	padding: 2px;
}

.font-1-1{
	font-size: 1.1em;
	padding: 2px;
}

.font-1-2{
	font-size: 1.2em;
	padding: 2px;
}

.font-1-3{
	font-size: 1.3em;
	padding: 2px;
}

.font-1-4{
	font-size: 1.4em;
	padding: 2px;
}

.font-1-5{
	font-size: 1.5em;
	padding: 2px;
}

.g-recaptcha {
	margin: 0;
	position: relative;
	top: 10px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.headerMain {
	position: absolute;
	left: 16px;
	font-size: 1.5em;
	width:  calc(100% - var(--basicDimension01));
	display: block;
	color: var(--szaroniebieski);
}

.headerMain-subtitle {
	margin:0;
	position: absolute;
	top: 35px;
	left: 16px;
	width: calc(var(--basicDimension01)*5);
	font-size: 1em;
	text-align: left;
	color: var(--szaroniebieski);
}

.headerSide {
	position: absolute;
	top: -10px;
	width:  100%;
	height:  var(--basicDimension01);
	display: flex;
	align-items: center;
	justify-content: left;
	color: var(--szaroniebieski);
	border-bottom: 1px solid var(--szaroniebieski);
}

.header1 {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height:  calc(var(--basicDimension01)/1.4);
	display: flex;6
	align-items: center;
	justify-content: left;
	color: var(--szaroniebieski);
	border-bottom: 1px solid var(--szaroniebieski);
}

.header1-1 {
	margin:0;
	position: relative;
	top: 0.8em;
	width: calc(var(--basicDimension01)*1.8);
	height:  calc(var(--basicDimension01)/2.3);
	font-size: 1.2em;
	text-align: center;
	color: var(--szaroniebieski);
	border-bottom: 2px solid transparent;
}

.header1-2 {
	margin:0;
	position: relative;
	top: 0.8em;
	width: calc(var(--basicDimension01)*2.5);
	height:  calc(var(--basicDimension01)/2.3);
	font-size: 1.2em;
	text-align: center;
	color: var(--szaroniebieski);
	border-bottom: 2px solid transparent;
}

.header1-3 {
	margin:0;
	position: relative;
	top: 0.8em;
	width: calc(*1.5);
	height:  calc(var(--basicDimension01)/2.3);
	font-size: 1.2em;
	text-align: center;
	color: var(--szaroniebieski);
	border-bottom: 2px solid transparent;
}

.header1-4 {
	margin:0;
	position: relative;
	left: -1px;
	top: -4px;
	width: calc(var(--basicDimension02)*1.5);
	height:  calc(var(--basicDimension01)/2.05);
	padding: 3px;
	padding-top: 12px;
	font-size: 1.2em;
	text-align: left;
	color: var(--szary-01);
	background-color: transparent;
	border-bottom: 3px solid transparent;
}

.header1-4:hover {
	color: var(--szarozielony);
	background-color: var(--szarozielony-p01);
	border-bottom: 3px solid var(--szary-01);
}

.header1-4-active {
	margin:0;
	position: relative;
	left: -1px;
	top: -4px;
	width: calc(var(--basicDimension02)*1.5);
	height:  calc(var(--basicDimension01)/2.05);
	padding: 3px;
	padding-top: 12px;
	font-size: 1.2em;
	text-align: left;
	color: var(--szaroniebieski);
	background-color: transparent;
	border-bottom: 3px solid var(--szaroniebieski);
}

.header1-1:hover, .header1-2:hover {
	color: var(--szarozielony);
	border-bottom: 3px solid var(--szarozielony);
}

.info {
	margin-top: -1px;
	display: block;
	float: left;
}

.info:hover {
	margin-top: -1px;
	display: block;
	float: left;
	color: var(--szaroniebieski);
}

.information {
	margin: 0;
	margin-right: 20px;
	float: left;
	user-select: none;
	min-height: 100%;
	font-size: 4em;
}

.informationText {
	display: block;
	margin-left: 70px;
}

.info01 {
	margin: 0;
	position: relative;
	top: 0.5em;
	width:  1.8em;
	height:  1.8em;
	background-color: transparent;
}

.investment {
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/investment.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
	opacity: 0.5;
}

.investment:hover {
	background-image: url("images/interface/investmentH.svg");
	opacity: 1;
}

.investment:active, .investmentActive {
	background-image: url("images/interface/investmentA.svg");
	opacity: 1;
}

.img01 {
	position: relative;
	top: 0.3em;
	width: 12em;
	height: 12em;
	background-color: var(--szaroniebieski-p02);
	opacity: 0.9;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0.1em solid var(--jasnoszary);
	border-radius: calc(var(--basicDimension01)/6);
}

.label01  {
	display: inline-block;
	width: 200px;
	min-height: 20px;
	padding: 2px;
	background-color: transparent;
	text-align: left;
	
	border: 1px solid transparent;
	border-radius: 5px;
}

.main {
	position: absolute;
	top: -10px;
	margin: calc(var(--basicDimension01)/2);
	width:  calc(100% - var(--basicDimension01));
	height:  calc(100% - var(--basicDimension01) - 30px);
	padding: 0.1em;
	padding-top: 0;
	font-size: 0.9em;
	overflow-x: hidden;
	overflow-y: hidden;
}

.mainLargePanel {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width:  100%;
	height:  100%;
	padding: 0.1em;
	font-size: 0.9em;
	border: 1px solid transparent;
}

.mainLarge {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: calc(var(--basicDimension02)*3 - 30px);
	width:  calc(100% - var(--basicDimension02)*5 - 30px);
	height:  calc(100% - var(--basicDimension01));
	padding: 0.1em;
	font-size: 0.9em;
	border: 1px solid var(--szaroniebieski);
	border-radius: calc(var(--basicDimension01)/8);
	background-color: var(--jasnoszary-p02);
	box-shadow: 0 0 1em var(--jasnoszary);
	user-select: none;
}

.optionText {
	position: relative;
	top: -20px;
	left: 30px;
	width:  calc(100% - var(--basicDimension01)/1.5);
	padding: 0.1em;
	font-size: 0.97em;
	float: left;
	display: inline;
	align-items: left;
	justify-content: center;
	border: 1px solid blue;
}

.option01 {
	margin: 5px;
	width:  var(--basicDimension02);
	height:  calc(var(--basicDimension01)/2);
	padding: 0.1em;
	font-size: 0.97em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--jasnoszary);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.05em solid transparent;
}

.option01-t {
	margin: 5px;
	width:  calc(var(--basicDimension02)*2);
	height:  calc(var(--basicDimension01)/2);
	padding: 0.1em;
	font-size: 0.97em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--jasnoszary);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.05em solid transparent;
}

.option01-ti {
	width: 100%;
}

.option01-1 {
	margin: 5px;
	width:  calc(var(--basicDimension02)/4);
	height:  calc(var(--basicDimension01)/2);
	padding: 0.1em;
	font-size: 0.97em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--jasnoszary);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.05em solid transparent;
}

.option01-mf {
	margin: 5px;
	margin-top: 8px;
	width:  calc(var(--basicDimension02)*2.5);
	height:  calc(var(--basicDimension01)/1.5);
	padding: 0.1em;
	font-size: 0.97em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--jasnoszary);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.1em solid transparent;
}

 .option01-mf:hover {
	color: var(--szaroniebieski);
	background-color: var(--jasnoszary-p01);
	border: 0.1em solid var(--szaroniebieski);				
	transition: background-color 1s ease;
}

.option01-2 {
	margin: 5px;
	width:  calc(var(--basicDimension02)/4);
	height:  calc(var(--basicDimension01)/2);
	padding: 0.1em;
	font-size: 1.4em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--jasnoszary);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.05em solid transparent;
}

.option01:hover, .option01f:hover, .option01-1:hover, .option01-1f:hover, .option01-2:hover, .option01-t:hover, .option01-3:active {
	color: var(--szaroniebieski);
	background-color: white;
	border: 0.05em solid var(--szaroniebieski);
	transition: border 1s ease;
}

.option01-3 {
	margin: 5px;
	width:  calc(var(--basicDimension02)/2);
	height:  calc(var(--basicDimension01)/2);
	font-size: 0.8em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--jasnoszary);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.05em solid transparent;
}

.option01-4 {
	margin: 5px;
	width:  var(--basicDimension02);
	height:  calc(var(--basicDimension01)/2);
	font-size: 0.8em;
	color: var(--szary-01);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: 0.05em solid transparent;
}

.option01-4:hover, .option01-4:active {
	color: var(--szaroniebieski);
	background-color: white;
	border: 0.05em solid var(--szaroniebieski);
	border-radius: calc(var(--basicDimension01)/6);
	transition: border 1s ease;
}

.option01-5 {
	margin: 5px;
	width:  calc(var(--basicDimension02)*2);
	height:  calc(var(--basicDimension01)/2);
	padding: 0.1em;
	font-size: 0.9em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--jasnoszary);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.05em solid transparent;
}

.option01-6 {
	margin: 5px;
	width:  calc(var(--basicDimension02)*2);
	height:  calc(var(--basicDimension01)/1.5);
	padding: 0.1em;
	font-size: 0.8em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--jasnoszary);
	border-radius: calc(var(--basicDimension01)/6);
	line-height: 1.3;
	
	border: 0.05em solid transparent;
}

.option01-5:hover, .option01-5:active, .option01-6:hover, .option01-6:active {
	color: var(--szaroniebieski);
	background-color: white;
	border: 0.05em solid var(--szaroniebieski);
	transition: border 1s ease;
}

.option02 {
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/cube-basic.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

.option04 {
	margin: 5px;
	width:  calc(var(--basicDimension02)*1.5);
	height:  calc(var(--basicDimension01)/1.5);
	padding: 0.1em;
	font-size: 0.97em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--szaroniebieski-p02);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.1em solid var(--szaroniebieski);
}

.option04-mf {
	margin: 5px;
	margin-top: 8px;
	width:  calc(var(--basicDimension02)*1.5);
	height:  calc(var(--basicDimension01)/1.5);
	padding: 0.1em;
	font-size: 0.97em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--szaroniebieski-p02);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.1em solid var(--szaroniebieski);
}

.option01-mf:focus, .option04:hover, .option04:focus, .option04-mf:hover, .option04-mf:focus {
	color: var(--jasnoszary);
	background-color: var(--szaroniebieski);
	border: 0.1em solid var(--szarozielony);				
	transition: background-color 1s ease;
}

.optionCheck01{
	margin: 5px;
	width:  var(--basicDimension01);
	height:  var(--basicDimension01));
	background-color: var(--szaroniebieski-p01);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.1em solid transparent;
}

.panel4button {
	margin: 5px;
	width:  calc(var(--basicDimension01)/2);
	height:  calc(var(--basicDimension01)/2);
	padding: 0.1em;
	display: block;
	float: left;
	text-align: center;
	color: var(--color07);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.1em solid var(--color07);
}

.panel4button:hover {
	color: var(--szaroniebieski);
	background-color: var(--szaroniebieski-p02);
	border: 0.1em solid var(--szaroniebieski);
}

.panel4button:active, .panel4button:focus {
	color: var(--color06);
	background-color: var(--color06-1);
	border: 0.1em solid var(--color06);
}

.panel4desc{
	position: absolute;
	top: -20px;
	margin: 3px;
	height:  calc(var(--basicDimension01)/3);
	font-size: 0.9em;
	background-color: transparent;
	border: 1px solid red;	
}

.product {
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/product.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
	opacity: 0.5;
}

.product:hover {
	background-image: url("images/interface/productH.svg");
	opacity: 1;
}

.product:active, .productActive {
	background-image: url("images/interface/productA.svg");
	opacity: 1;
}

.project {
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/project.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
	opacity: 0.5;
}

.project:hover {
	background-image: url("images/interface/projectH.svg");
	opacity: 1;
}

.project:active, .projectActive {
	background-image: url("images/interface/projectA.svg");
	opacity: 1;
}

.putTool {
	margin-left: 5px;
	width:  calc(var(--basicDimension01)/2);
	height:  calc(var(--basicDimension01)/2);
	font-size: 1em;
	display: block;
	background-color: var(--szaroniebieski-p01);
	border: 0.1em solid transparent;
	border-radius: calc(var(--basicDimension01)/8);
	align-items: center;
}

.putTool-area {
	margin: 0;
	width: calc(var(--basicDimension02)*3);
	height: calc(var(--basicDimension02)/2);
	display: block;
	background-color: transparent);
}

.putTool-close {
	margin: 5px;
	width:  calc(var(--basicDimension01)/2);
	height:  calc(var(--basicDimension01)/2);
	font-size: 1em;
	display: block;
	background-color: var(--szaroniebieski-p01);
	border: 0.1em solid transparent;
	border-radius: calc(var(--basicDimension01)/8);
}

.putTool-line {
	margin: 0;
	position: relative;
	top:-10px;
	width:  60%;
	display: block;
	border-top: 0.1em solid  var(--szaroniebieski);
}

.putTool-title {
	position: relative;
	top: -26px;
	left: 35px;
	padding-left: 5px;
	min-width: 200px;
	height:  calc(var(--basicDimension01)/2);
	font-size: 1em;
	display: flex;
	align-items: center;
	float: left;
}

.putTool-title-close {
	position: relative;
	top: -31px;
	left: 35px;
	padding-left: 5px;
	min-width: 200px;
	height:  calc(var(--basicDimension01)/2);
	font-size: 1em;
	display: flex;
	align-items: center;
	float: left;
}

.putTool:hover, .putTool-close:hover {
	background-color: var(--jasnoszary-p01);
	border: 0.1em solid var(--szaroniebieski-p01);
	transition: border 1s, background 1s;
}

.putTool-title:hover {
	background-color: var(--szarozielony-p01);
	color: var(--szarozielony);
	border-radius: calc(var(--basicDimension01)/10);
	transition: color 1s, background 1s;
}

.putTool-title-close:hover {
	background-color: var(--color06-1);
	color: var(--color06);
	border-radius: calc(var(--basicDimension01)/10);
	transition: color 1s, background 1s;
}

.searchActive {
	margin: 5px;
	padding-left: 15px;
	width:  calc(var(--basicDimension02)*3);
	height:  calc(var(--basicDimension01)/2);
	padding: 0.1em;
	font-size: 1.4em;
	display: block;
	align-items: left;
	justify-content: center;
	background-color: var(--jasnoszary);
	border-radius: calc(var(--basicDimension01)/6);
}

.separator01 {
	margin: 5px;
	padding: 0.1em;
	font-size: 0.9em;
	opacity: 0.3;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
}

.side {
	position: absolute;
	padding: 0.1em;
	top: -52px;
	left: -2em;
	margin: calc(var(--basicDimension01));
	width:  calc(100% - var(--basicDimension01) + 0.3em);
	height:  calc(100% - var(--basicDimension01)/2);
	font-size: 0.9em;
	user-select: none;
}

.sideArea {
	position: absolute;
	top: 52px;
	left: 0;
	padding: 10px;
	width:  calc(100%; - var(--basicDimension01)/2);
	height:  calc(100% - var(--basicDimension01)*1.5);
	overflow-y: scroll;
	user-select: none;
}

.sideAlert, .sideInfo {
	margin: calc(var(--basicDimension01)/2);
	width:  calc(100% - var(--basicDimension01));
	height:  100%;
	padding: 0.1em;
	font-size: 0.8em;
}

.ship {
	margin-right: 0.05em;
	display: flex;
	float: right;
	justify-content: center;
}

.team {
	margin-left: 0.05em;
	display: flex;
	float: left;
	justify-content: center;
}

.toolMaker {
	position: absolute;
	top: 70px;
	left: 10px;
	margin: 0;
	max-height: 100%;
	color: var(--szaroniebieski);
	font-size: 1em;
	display: block;
	float: left;
}

#ActiveThings-Investments, #ActiveThings-Products, #ActiveThings-Projects {
	margin: 0;
	display: flex;
}

#ChangeProduct, #ChangeProject {
	position: absolute;
	bottom: calc(var(--basicDimension01)*3.31);
	justify-content: center;
	border: 1px solid var(--ciemnoszary-p01);
	border-radius: calc(var(--basicDimension01)/5);
}

#Description, #DescriptionStatic {
	margin: 0;
}

#Description {
	color: var(--szarozielony);
}

#DescriptionStatic {
	color: var(--szaroniebieski);
}

#Main {
	position: absolute;
	top: 0;
	left:0;
	width: calc(70% - 5px);
	height: 100%;
	margin: 0;
	border: 1px solid var(--szaroniebieski);
	border-radius: calc(var(--basicDimension01)/8);
	background-color: var(--jasnoszary-p02);
	box-shadow: 0 0 1em var(--jasnoszary);
	user-select: none;
}

#MainFotter {
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	height: var(--basicDimension01);
	margin: 0;
	display: flex;
	float: left;
	/*border-radius: calc(var(--basicDimension01)/5);*/
	background-color: var(--ciemnoszary-p01);
}

#Message {
	width: 100%;
	height:  calc(var(--basicDimension01)/2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85em;
	color: var(--color06);
	background-color: var(--color06-1);
	user-select: auto;
}

#Navigator {
	margin: 0;
	position: absolute;
	top:calc(var(--basicDimension01)/8);
	left:calc(5*var(--basicDimension01));
	width: calc(100% - 10*var(--basicDimension01));
	height:  var(--basicDimension01);
	display: flex;
	float: left;
	justify-content: center;
}

#onInvestmentAs-BuiltDocumentationStage{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/onInvestmentAs-BuiltDocumentationStage.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onInvestmentAs-BuiltDocumentationStage:hover {
	position: relative;
	top: -10px;
	left: 5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/onInvestmentAs-BuiltDocumentationStage-hover.svg");
}

#onInvestmentConceptualStage{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/onInvestmentConceptualStage.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onInvestmentConceptualStage:hover {
	position: relative;
	top: -10px;
	left: 5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/onInvestmentConceptualStage-hover.svg");
}

#onInvestmentConstructionStage{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/onInvestmentConstructionStage.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onInvestmentConstructionStage:hover {
	position: relative;
	top: -10px;
	left: 5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/onInvestmentConstructionStage-hover.svg");
}

#onInvestmentConstructionDocumentationStage{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/onInvestmentConstructionDocumentationStage.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onInvestmentConstructionDocumentationStage:hover {
	position: relative;
	top: -10px;
	left: 5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/onInvestmentConstructionDocumentationStage-hover.svg");
}

#onInvestmentContracts{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/onInvestmentContracts.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onInvestmentContracts:hover {
	position: relative;
	top: -10px;
	left: -5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/onInvestmentContracts-hover.svg");
}

#onInvestmentImplementationStage{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/onInvestmentImplementationStage.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onInvestmentImplementationStage:hover {
	position: relative;
	top: -10px;
	left: 5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/onInvestmentImplementationStage-hover.svg");
}

#onInvestmentInventory{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/onInvestmentInventory.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onInvestmentInventory:hover {
	position: relative;
	top: -10px;
	left: 5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/onInvestmentInventory-hover.svg");
}

#onInvestmentOffers{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/onInvestmentOffers.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onInvestmentOffers:hover {
	position: relative;
	top: -10px;
	left: -5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/onInvestmentOffers-hover.svg");
}

#onInvestmentParams{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/onInvestmentParams.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onInvestmentParams:hover {
	position: relative;
	top: -10px;
	left: -5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/onInvestmentParams-hover.svg");
}

#onInvestmentTeam{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/onInvestmentTeam.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onInvestmentTeam:hover {
	position: relative;
	top: -10px;
	left: -5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/onInvestmentTeam-hover.svg");
}

#onInvestmentTenderStage{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/onInvestmentTenderStage.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onInvestmentTenderStage:hover {
	position: relative;
	top: -10px;
	left: 5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/onInvestmentTenderStage-hover.svg");
}

#onProjectsCost{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/cube-project-cost.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onProjectsCost:hover {
	position: relative;
	top: -10px;
	left: -5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/cube-project-cost-hover.svg");
}

#onProjectsCostConstruction {
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/cube-building-cost.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onProjectsCostConstruction:hover {
	position: relative;
	top: -10px;
	left: -5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/cube-building-cost-hover.svg");
}

#onProjectsInteriorAndEquipment{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/cube-interior.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onProjectsInteriorAndEquipment:hover {
	position: relative;
	top: -10px;
	left: 5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/cube-interior-hover.svg");
}

#onProjectsFacades {
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/cube-elevation.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onProjectsFacades:hover {
	position: relative;
	top: -10px;
	left: 5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/cube-elevation-hover.svg");
}

#onProjectsFloorPlans {
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/cube-floorplan.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onProjectsFloorPlans:hover {
	position: relative;
	top: -10px;
	left: 5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/cube-floorplan-hover.svg");
}

#onProjectsParams {
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/cube-project-params.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onProjectsParams:hover {
	position: relative;
	top: -10px;
	left: -5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/cube-project-params-hover.svg");
}

#onProjectsLandUse {
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/cube-landuse.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onProjectsLandUse:hover {
	position: relative;
	top: -10px;
	left: 5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/cube-landuse-hover.svg");
}

#onProjectsOrder {
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/cube-project-order.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onProjectsOrder:hover {
	position: relative;
	top: -10px;
	left: -5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/cube-project-order-hover.svg");
}

#onProjectsSections{
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/cube-section.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onProjectsSections:hover {
	position: relative;
	top: -10px;
	left: 5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/cube-section-hover.svg");
}

#onProjectsViews {
	margin: 3px;
	width:  calc(var(--basicDimension01)/1.2);
	height:  calc(var(--basicDimension01)/1.2);
	font-size: 0.12em;
	background-color: var(--jasnoszary);
	background-image: url("images/interface/cube-view.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
}

#onProjectsViews:hover {
	position: relative;
	top: -10px;
	left: 5px;
	margin: 0;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	background-position: center;
	background-image: url("images/interface/cube-view-hover.svg");
}

#Panel {
	margin: 0;
	position: absolute;
	bottom:calc(var(--basicDimension01)/2);
	width: 100%;
	user-select: none;
	z-index: 2; /*####################################################################################*/
}

#Panel2 {
	height: var(--basicDimension01);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	user-select: none;
}

#Panel3 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: calc(var(--basicDimension01)/3);
	height:  calc(var(--basicDimension01)/5);
	user-select: none;
}

#Panel4 {
	position: absolute;
	left: 45px;
	bottom: 45px;
	padding: 0.1em;
	font-size: 0.9em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color07);
	background-color: var(--color07-1);
	border-radius: calc(var(--basicDimension01)/6);
	border: 0.1em solid var(--color07);
	user-select: none;
}

#PutToolClose {
	background-image: url("images/interface/close.svg");
	background-color: transparent;
	background-position: center;
	background-size: 150%;
}

#PutToolView {
	background-image: url("images/interface/viewMode-hide.svg");
	background-color: transparent;
	background-position: center;
	background-size: 150%;
}

#PutToolEdit {
	background-image: url("images/interface/editMode.svg");
	background-color: transparent;
	background-position: center;
	background-size: 150%;
}

#SettingsIco {
	margin: 0;
	position: absolute;
	right:1.1em;
	width:  var(--basicDimension01);
	height:  var(--basicDimension01);
	background-image: url("images/gallery/menu1.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	display: block;
}

#SettingsList {
	margin: 0;
	position: absolute;
	right:0.91em;
	top: 1.618em;
	width: 151px;
	height: 111px;
	padding: 1em;
	align-items: center;
	font-size: 1.21em;
}

#SideArea {
	position: absolute;
	top: 0;
	right:0;
	width: calc(30% - 5px);
	height: 100%;
	margin: 0;
	border: 0;
}

#Side {
	position: relative;
	top: 0;
	right:0;
	width: 100%;
	height:  100%;
	margin: 0;
	border: 1px solid var(--szaroniebieski);
	border-radius: calc(var(--basicDimension01)/8);
	background-color: var(--jasnoszary-p02);
	box-shadow: 0 0 1em var(--jasnoszary);
	user-select: none;
}

#SideAlert {
	position: relative;
	top: 0;
	right:0;
	width: 100%;
	margin: 0;
	margin-bottom: 0.5em;
	color: var(--color07);
	border: 1px solid var(--color07);
	border-radius: calc(var(--basicDimension01)/5);
	background-color: var(--color07-1);
	user-select: none;
}

#SideInfo {
	position: relative;
	top: 0;
	right:0;
	width: 100%;
	margin: 0;
	margin-bottom: 0.5em;
	color: var(--szaroniebieski);
	border: 1px solid var(--szaroniebieski);
	border-radius: calc(var(--basicDimension01)/5);
	background-color: var(--jasnoszary-p01);
	user-select: none;
}

#StartIco {
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	border-radius: calc(var(--basicDimension01)/2*1.2);
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}

#StartIco:hover {
	transition: 1s;
	width:  calc(var(--basicDimension01)*1.2);
	height:  calc(var(--basicDimension01)*1.2);
	border-radius: calc(var(--basicDimension01)/2*1.2);
	border: 1px solid var(--szaroniebieski);
	display: flex;
	align-items: center;
	justify-content: center;
}

#StartLog {
	position: absolute;
	bottom: calc(var(--basicDimension01)*3.31);
	justify-content: center;
	border: 1px solid var(--ciemnoszary-p01);
	border-radius: calc(var(--basicDimension01)/5);
	user-select: none;
}

#TeamPlace {
	width: 300px;
	height:  var(--basicDimension01);
	margin: 0;
	font-family: "EB Garamond", serif;
	font-size: 8em;
	user-select: none;
	transition: 0.6s ease;
	user-select: none;
}

/*------------------------------------------------------------------------------------*/

/*#line {
	position: absolute;
	bottom: 183px;
	width: 100%;
	height:  1px;
	margin: 0;
	border-top: 1px solid red;
	z-index:5;
}*/

/* Sekcja 2: Klasy funkcjonalne i stany okien (dawne style_classes.css) */
::-webkit-scrollbar {
    display: none;
}

.bimion {
	position:absolute;
	width:  calc(var(--bas-dim-1)*1.2);
	height:  calc(var(--bas-dim-1)*1.2);
	background-image: url("images/interface/bimion.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
	border: 0 solid;
	border-radius: calc(var(--bas-dim-1)/2);
}

.bimion:hover {
	background-image: url("images/interface/bimion.svg");
	transition: 0.9s;
	-webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
	
	transition: 1.628s; /* vendorless fallback */
    -o-transition: 1.628s; /* opera */
    -ms-transition: 1.628s; /* IE 10 */
    -moz-transition: 1.628s; /* Firefox */
    -webkit-transition: 1.628s; /*safari and chrome */
	
	border: 0 solid;
}

.bimion.bimion-work-indicator {
	animation: bimionWorkFullTurn 1.05s linear infinite;
	transform-origin: 50% 50%;
}

@keyframes bimionWorkFullTurn {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.centerAll {
	position: absolute;
	top:30%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}

.edit {
	border: 1px solid red;
}

.left {
	margin: 0;
	float: left;
	user-select: none;
	align-items: left;
	text-align: left;
	justify-content: left;
}

.min {
	position: absolute;
	top: 0.5em;
	margin-right: calc(var(--bas-dim-1) / 2);
	width:  calc(var(--bas-dim-1) / 2);
	height:  calc(var(--bas-dim-1) / 2);
}

.min-to-r {
	position: absolute;
	top: 0.5em;
	left: calc(var(--bas-dim-1) / 1.1);
	margin-right: calc(var(--bas-dim-1) / 2);
	width:  calc(var(--bas-dim-1) / 2);
	height:  calc(var(--bas-dim-1) / 2);
}

.mode {
	position: absolute;
	left: 50%;
	bottom: calc(var(--bas-dim-1)/4);
	transform: translateX(-50%);
	margin: 0;
	padding: 0.1em;
	font-size: 0.97em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.operations {
	position: absolute;
	margin: 0.2em;
	right: calc(var(--bas-dim-1) / 4.5);
	width:  calc(var(--bas-dim-1) * 5);
	height:  calc(var(--bas-dim-1)/1.5);
	padding: 0.2em;
	display: flex;
	float: right;
	justify-content: right;
}

.opr-t {
	position: absolute;
	left: 0;
	margin: 0.2em;
	padding: 0.2em;
	width:  calc(var(--bas-dim-1) * 2.5);
	height:  calc(var(--bas-dim-1) / 2.5);
	background-color: transparent;
	border: 0.05em solid transparent;
}

.opt01 {
	margin: 0;
	width:  calc(var(--bas-dim-1) / 1.2);
	height:  calc(var(--bas-dim-1) / 1.2);
	color: var(--dblue);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(var(--bas-dim-1) / 6);
	border: 0.05em solid transparent;
}

.opt01:hover {
	color: var(--dgreen);
	border: 1px solid var(--dgreen);
	border-radius: calc(var(--bas-dim-1) / 10);
	transition: border 2s, color 2s;
}

.opt02 {
	margin: 1em;
	width:  calc(var(--bas-dim-1) / 2);
	height:  calc(var(--bas-dim-1) / 2);
	padding: 0.1em;
	padding-right: 1.5em;
	padding-left: 1.5em;
	font-size: 0.97em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(var(--bas-dim-1) / 6);
	border: 0.05em solid transparent;
}

.opt03 {
	margin: 0.5em;
	width:  calc(var(--bas-dim-1) / 1.7);
	height:  calc(var(--bas-dim-1) / 1.7);
	padding: 0.1em;
	font-size: 1.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--grey1);
	border-radius: calc(var(--bas-dim-1)/6);
	border: 0.05em solid transparent;
}

.opt04 {
	margin: 3px;
	width:  calc(var(--bas-dim-1)/1.2);
	height:  calc(var(--bas-dim-1)/1.2);
	font-size: 0.12em;
	background-color: transparent;
	background-position: center;
	background-size: 100%;
	border: 0.05em solid transparent;
	border-radius: calc(var(--bas-dim-1)/6);
}

.opt05 {
	margin: 0;
	width:  calc(var(--bas-dim-1) / 1.5);
	height:  calc(var(--bas-dim-1) / 1.5);
	background-color: transparent;
	background-position: center;
	background-size: 100%;
	border: 0.05em solid transparent;
	border-radius: calc(var(--bas-dim-1)/6);
}

.opt02:hover, .opt03:hover {
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid var(--dblue);
	transition: border 1s ease;
}

.opt04:hover, .opt05:hover {
	background-color: var(--grey1);
	border: 0.05em solid var(--dgreen);
	transition: border 1s ease;
}

.place {
	position: relative;
	margin-top: 0.8em;
	margin-left: 0.8em;
	float: left;
	width: calc(100% - var(--bas-dim-1) * 0.5);
	height: calc(100% - var(--bas-dim-1) * 1.2);
	overflow: auto;
	background-color: var(--grey2);
	border: 0.05em solid transparent;
	border-radius: calc(var(--bas-dim-1)/6);
}

.preview {
	position: absolute;
	margin: 0.2em;
	top: calc(var(--bas-dim-1) * 1);
	right: calc(var(--bas-dim-1) / 3.4);
	width:  calc(50% - var(--bas-dim-1) * 0.5);
	height:  calc(100% - var(--bas-dim-1) / 0.56);
	background-color: var(--grey1);
	padding: 0.5em;
	border: 0.05em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/6);
	margin-left: 2em;
	font-size: 1.1em;
	color: var(--dblue);
	overflow: auto;
}

.ship {
	margin-right: 0.05em;
	display: flex;
	float: right;
	justify-content: center;
}

.title {
	margin-top: 0.8em;
	margin-left: 0.8em;
	float: left;
	font-size: 1.3em;
	width:  100%;
}

.titleg {
	margin-top: 0.8em;
	margin-left: 0.8em;
	float: left;
	font-size: 1.3em;
	width:  100%;
	display: block;
}

.titlem {
	position: relative;
	margin: 0.2em;
	width:  calc(50% - var(--bas-dim-1) * 1);
	height:  calc(var(--bas-dim-1)/2.5);
	background-color: var(--grey1);
	padding: 0.5em;
	border: 0.05em solid transparent;
	border-radius: calc(var(--bas-dim-1)/6);
	margin-left: 1em;
	font-size: 1.1em;
	color: var(--dblue);
	overflow: auto;
}

.titlem:hover {
	background-color: var(--grey1);
	border: 0.05em solid var(--dgreen);
	transition: border 1s ease;
}

.titlet {
	margin-left: 2em;
}

.titlet-to-r {
	margin-left: 4em;
}

.team {
	margin-left: 0.05em;
	display: flex;
	float: left;
	justify-content: center;
}

.w-option {
	position: relative;
	margin: 0.3em;
	width:  calc(100% - var(--bas-dim-1) * 1.2);
	height:  calc(var(--bas-dim-1)/2.5);
	font-size: 0.9em;
	color: var(--dblue);
	padding: 0.7em;
	background-color: var(--grey1);
	border: 0.05em solid transparent;
	border-top: 0.05em solid white;
	border-bottom: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6);
}

.w-option-connected {
	position: relative;
	margin: 0.3em;
	width:  calc(100% - var(--bas-dim-1) * 1.2);
	height:  calc(var(--bas-dim-1)/2.5);
	font-size: 0.9em;
	color: var(--dblue);
	padding: 0.7em;
	background-color: var(--blue2);
	border: 0.05em solid transparent;
	border-top: 0.05em solid white;
	border-bottom: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6);
}

.w-option:hover, .w-option-connected:hover {
	background-color: var(--grey1);
	border: 0.05em solid var(--dgreen);
	transition: border 1s ease;
}

.account-logout-option {
	position: absolute;
	left: 0.3em;
	right: auto;
	bottom: 0.3em;
	display: flex;
	align-items: center;
	box-sizing: content-box;
	width: calc(100% - var(--bas-dim-1) * 1.2);
	height: calc(var(--bas-dim-1)/2.5);
	margin: 0;
	padding: 0.7em;
	cursor: pointer;
}

.account-logout-option .min {
	position: static;
	flex: 0 0 calc(var(--bas-dim-1) / 2);
	width: calc(var(--bas-dim-1) / 2);
	height: calc(var(--bas-dim-1) / 2);
	margin: 0 0.7em 0 0;
}

.account-logout-option .titlet {
	margin: 0;
	line-height: 1;
}

.wl-messages, .wl-sets, .wl-works, .wl-docs, .wl-schedule, .wl-tasks, .wl-acc, .wl-help, .wl-agreements, .wl-relinvestments, .wl-relprojects, .wl-relproducts, .wl-arrangements, .wl-architect, .wl-inspector, .wl-producer, .wl-building, .wl-costs, .wl-offers {
    display: none;
	position: absolute;
	left: calc(var(--bas-dim-1) / 2);
	top: var(--bas-dim-1);
	width: calc(35% - var(--bas-dim-1) / 1.5);
	height: calc(100vh - var(--bas-dim-1) * 7);
	padding: 0.1em;
	font-size: 0.9em;
	align-items: center;
	justify-content: center;
	background-color: var(--grey3);
	border-radius: calc(var(--bas-dim-1) / 6);
	border: 0.1em solid var(--dblue);
}

.wr-messages, .wr-sets, .wr-works, .wr-docs, .wr-schedule, .wr-tasks, .wr-acc, .wr-help, .wr-agreements, .wr-relinvestments, .wr-relprojects, .wr-relproducts, .wr-arrangements, .wr-architect, .wr-inspector, .wr-producer, .wr-building, .wr-costs, .wr-offers {
    display: none;
	position: absolute;
	right: calc(var(--bas-dim-1) / 2);
	top: var(--bas-dim-1);
	width: calc(65% - var(--bas-dim-1) / 1.5);
	height: calc(100vh - var(--bas-dim-1) * 7);
	padding: 0.1em;
	font-size: 0.9em;
	align-items: center;
	justify-content: center;
	background-color: var(--grey3);
	border-radius: calc(var(--bas-dim-1) / 6);
	border: 0.1em solid var(--dblue);
}

.w-active {
    display: block;
}

.w-option-active {
	background-color: var(--blue2);
	border: 0.05em solid var(--dgreen);
}

#S-Activity .opt03.w-option-active,
#S-Activity .opt03.is-active,
#S-Activity .opt03[aria-pressed="true"] {
	background-color: rgba(113, 172, 65, 0.2) !important;
	border-color: #2f7f36 !important;
	color: #2f7f36 !important;
}

#S-Activity .opt03.w-option-active img,
#S-Activity .opt03.is-active img,
#S-Activity .opt03[aria-pressed="true"] img {
	filter: brightness(0) saturate(100%) invert(35%) sepia(58%) saturate(686%) hue-rotate(72deg) brightness(88%) contrast(92%) !important;
	opacity: 1 !important;
}

.account-logout-option {
	position: absolute;
	left: 0.3em;
	right: auto;
	bottom: 0.3em;
	display: flex;
	align-items: center;
	box-sizing: content-box;
	width: calc(100% - var(--bas-dim-1) * 1.2);
	height: calc(var(--bas-dim-1)/2.5);
	margin: 0;
	padding: 0.7em;
	cursor: pointer;
}

.account-logout-option .min {
	position: static;
	flex: 0 0 calc(var(--bas-dim-1) / 2);
	width: calc(var(--bas-dim-1) / 2);
	height: calc(var(--bas-dim-1) / 2);
	margin: 0 0.7em 0 0;
}

.account-logout-option .titlet {
	margin: 0;
	line-height: 1;
}

.account-logout-option:hover {
	border-color: #7a1e1e;
}

.account-logout-confirm {
	position: absolute;
	left: 0.35em;
	right: 0.35em;
	bottom: calc(var(--bas-dim-1) * 1.12);
	z-index: 20;
	display: none;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.6em;
	box-sizing: border-box;
	padding: 0.72em;
	color: #8a6500;
	font-size: 0.78em;
	background-color: #fff3c4;
	border: 0.05em solid rgba(138, 101, 0, 0.42);
	border-radius: calc(var(--bas-dim-1)/6);
	box-shadow: 0 0.35em 1em rgba(25, 45, 65, 0.16);
}

.account-logout-confirm.is-active {
	display: grid;
}

.account-logout-confirm span {
	min-width: 0;
	line-height: 1.25;
}

.account-logout-confirm div {
	display: flex;
	justify-content: flex-end;
	gap: 0.35em;
}

.account-logout-confirm button {
	min-width: 3.2em;
	padding: 0.35em 0.65em;
	color: #8a6500;
	font: inherit;
	background-color: rgba(255, 255, 255, 0.72);
	border: 0;
	border-radius: calc(var(--bas-dim-1)/10);
	cursor: pointer;
}

.account-logout-confirm button:hover {
	background-color: white;
}

#AccLogoutNo {
	font-weight: 650;
}

.account-panel {
	display: none;
	padding: 0.8em 1em;
	color: var(--dblue);
}

.account-summary {
	display: flex;
	align-items: center;
	gap: 1em;
	margin: 3.8em 0 1em 0.8em;
}

.account-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--bas-dim-1) * 1.1);
	height: calc(var(--bas-dim-1) * 1.1);
	font-size: 2em;
	font-weight: 600;
	color: white;
	background-color: var(--dblue);
	border-radius: 50%;
}

.account-name {
	font-size: 1.4em;
	font-weight: 600;
}

.account-role {
	margin-top: 0.2em;
	color: var(--ciemnoszary-01);
}

.account-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.8em;
	margin: 1em 0.8em;
}

.account-field,
.account-card,
.account-plan {
	padding: 0.9em;
	background-color: var(--grey1);
	border: 0.05em solid transparent;
	border-top: 0.05em solid white;
	border-bottom: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6);
}

.account-field span,
.account-card span,
.account-plan span {
	display: block;
	margin-bottom: 0.35em;
	color: var(--ciemnoszary-01);
}

.account-card,
.account-plan,
.account-consent {
	display: block;
	margin: 1em 0.8em;
}

.account-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7em;
	margin: 1em 0.8em;
}

.account-button {
	padding: 0.65em 1em;
	color: var(--dblue);
	background-color: var(--grey1);
	border: 0.05em solid transparent;
	border-top: 0.05em solid white;
	border-bottom: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6);
	cursor: pointer;
}

.account-button:hover {
	border: 0.05em solid var(--dgreen);
	transition: border 1s ease;
}

.account-consent input {
	margin-right: 0.6em;
}

/* Sekcja 3: Identyfikatory i pozycjonowanie dedykowane (dawne style_names.css) */
#Account {
	margin: 0;
	position: absolute;
	left: calc(var(--bas-dim-1) / 2);
	float: left;
}

#AccInfo {
	margin: 0;
	position: relative;
	width: var(--bas-dim-1);
	height: var(--bas-dim-1);
	background-image: url("images/interface/account.svg");
	background-color: transparent;
	background-position: center;
	background-size: 110%;
}

#AccUser {
	margin: 0;
	position: absolute;
	top: calc(var(--bas-dim-1) - 2.3em);
	left: calc(var(--bas-dim-1)*1.2);
	font-size: 1.2em;
}

#AccUserFunction {
	margin: 0;
	position: absolute;
	top: calc(var(--bas-dim-1) - 1.8em);
	left: calc(var(--bas-dim-1)*1.2);
	font-size: 0.7em;
}

#Active {
	position: absolute;
	top: 0;
	margin: 0;
	width: calc(100% - 8 * var(--bas-dim-1));
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}

#Agreements {
	background-image: url("images/interface/agreement.svg");
}

#Architect{
	background-image: url("images/interface/architect.svg");
}

#Arrangements{
	background-image: url("images/interface/arrangement.svg");
}

#Bottom {
	margin: 0;
	position: absolute;
	left:0;
	bottom:calc(var(--bas-dim-1)/2);
	width: 100%;
	user-select: none;
	z-index: 2;
}

#Bottom-center {
	height: var(--bas-dim-1);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	user-select: none;
}

#Building{
	background-image: url("images/interface/building.svg");
}

#Centrum {
	margin: 0;
	position: absolute;
	top:calc(var(--bas-dim-1) * 1);
	width: 100%;
	user-select: none;
	z-index: 2;
}

#Costs{
	background-image: url("images/interface/cost-pln.svg");
}

#Help {
	margin: 0;
	position: relative;
	width: var(--bas-dim-1);
	height: var(--bas-dim-1);
	background-image: url("images/interface/help.svg");
	background-color: transparent;
	background-position: 50% 50%;
	background-size: 68%;
	background-repeat: no-repeat;
}

#BugCorrection {
	margin-left: 0;
	margin-right: calc(var(--bas-dim-1) * .18);
	position: relative;
	width: calc(var(--bas-dim-1) / 1.2);
	height: calc(var(--bas-dim-1) / 1.2);
	background-image: url("images/interface/bug.svg?v=bug-icon-20260606-3");
	background-color: transparent;
	background-position: 50% 50%;
	background-size: 84%;
	background-repeat: no-repeat;
}

#BugCorrection.is-active {
	filter: drop-shadow(0 0 .28em rgba(216, 0, 255, .28));
}

.bug-correction-tools {
	position: absolute;
	right: calc(var(--bas-dim-1) / 2);
	bottom: calc(var(--bas-dim-1) * 1.08);
	z-index: 90;
	display: none;
	grid-template-columns: repeat(6, calc(var(--bas-dim-1) * .8));
	gap: calc(var(--bas-dim-1) * .13);
	align-items: center;
}

.bug-correction-tools.is-active {
	display: grid;
}

.bug-correction-tool {
	display: grid;
	place-items: center;
	width: calc(var(--bas-dim-1) * .8);
	height: calc(var(--bas-dim-1) * .8);
	padding: calc(var(--bas-dim-1) * .06);
	background: rgba(255,255,255,.94);
	border: 1px solid rgba(11,112,201,.42);
	border-radius: 50%;
	box-shadow: 0 .25em .75em rgba(27,45,61,.14);
	cursor: pointer;
}

.bug-correction-tool img {
	width: 86%;
	height: 86%;
	object-fit: contain;
	pointer-events: none;
}

.bug-correction-tool.is-active {
	border-color: #d800ff;
	background: rgba(255,255,255,.98);
	box-shadow: 0 .25em .78em rgba(216,0,255,.16);
}

body.bug-correction-select-active *:not(#BugCorrection):not(#BugCorrectionTools):not(#BugCorrectionTools *):not(.bug-report-dialog):not(.bug-report-dialog *):not(.bug-highlight-target) {
	cursor: crosshair;
}

.bug-highlight-target {
	outline: 2px solid #d800ff !important;
	box-shadow: 0 0 0 9999px rgba(216, 0, 255, 0), inset 0 0 0 9999px rgba(216, 0, 255, .4) !important;
}

.bug-scene-highlight-marker {
	position: fixed;
	z-index: 119;
	display: none;
	width: 1.2rem;
	height: 1.2rem;
	margin: -.6rem 0 0 -.6rem;
	border: 2px solid #d800ff;
	border-radius: 50%;
	background: rgba(216,0,255,.4);
	box-shadow: 0 0 0 .34rem rgba(216,0,255,.16);
	pointer-events: none;
}

.bug-scene-highlight-marker.is-active {
	display: block;
}

#Bug {
	position: fixed;
	inset: 0;
	z-index: 88;
	display: none;
	width: 100vw;
	height: 100vh;
	cursor: crosshair;
	touch-action: none;
}

#Bug.is-active {
	display: block;
}

#Bug.is-draft-visible {
    display: block;
    pointer-events: none;
}

.bug-report-dialog {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 120;
	display: none;
	width: min(23rem, calc(100vw - 2rem));
	padding: .9rem;
	color: #18232d;
	background: rgba(255,255,255,.98);
	border: 1px solid rgba(216,0,255,.45);
	border-radius: 8px;
	box-shadow: 0 .75rem 2.4rem rgba(20,31,43,.22);
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	font-family: Arial, sans-serif;
}

.bug-report-dialog.is-active {
	display: grid;
	gap: .62rem;
}

.bug-report-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .7rem;
	font-weight: 700;
	color: #143e66;
}

.bug-report-dialog textarea {
	min-height: 6.2rem;
	width: 100%;
	resize: vertical;
	padding: .55rem;
	border: 1px solid rgba(11,112,201,.4);
	border-radius: 6px;
	box-sizing: border-box;
	font: 500 .88rem/1.35 Arial, sans-serif;
}

.bug-report-actions {
	display: flex;
	justify-content: flex-end;
	gap: .45rem;
}

.bug-report-actions button {
	display: grid;
	place-items: center;
	min-width: 2.35rem;
	height: 2.1rem;
	border: 1px solid rgba(11,112,201,.38);
	border-radius: 6px;
	background: #eef7ff;
	cursor: pointer;
}

.bug-report-send img {
	width: 1.15rem;
	height: 1.15rem;
}

#Inspector {
	background-image: url("images/interface/inspector.svg");
}

#Log {
	margin: 0;
	position: absolute;
	left: calc(var(--bas-dim-1) / 2);
	bottom:calc(var(--bas-dim-1)/2);
	float: left;
}

#L-Place {
	position: absolute;
	top: 0.08em;
	right: calc(var(--bas-dim-1) * 4.2);
	float: left;
	width: calc(var(--bas-dim-1) * 5); /*mnożnik w zależności od liczby kafelków*/
	height:  var(--basicDimension01);
	margin: 0;
	font-family: "EB Garamond", serif;
	font-size: 8em;
	user-select: none;
	transition: 0.6s ease;
	user-select: none;
}

#MyDocs{
	background-image: url("images/interface/documents.svg");
}

#MySchedule{
	background-image: url("images/interface/schedule.svg");
}

#MyTasks {
	background-image: url("images/interface/task.svg");
}

#MyWorks {
	background-image: url("images/interface/myworks.svg");
}

#Offers {
	background-image: url("images/interface/offer-pln.svg");
}

#Producer {
	background-image: url("images/interface/producer.svg");
}

#R-Place {
	position: absolute;
	top: 0.08em;
	left: calc(var(--bas-dim-1) * 4.2);
	float: right;
	width: calc(var(--bas-dim-1) * 9);
	height:  var(--basicDimension01);
	margin: 0;
	font-family: "EB Garamond", serif;
	font-size: 8em;
	user-select: none;
	transition: 0.6s ease;
	user-select: none;
}

#RelInvestments {
	background-image: url("images/interface/investment.svg");
}

#RelProjects {
	background-image: url("images/interface/project.svg");
}

#RelProducts {
	background-image: url("images/interface/product.svg");
}

#Settings {
	margin: 0;
	position: absolute;
	top: 0;
	right: calc(var(--bas-dim-1) / 2);
	float: left;
	display: flex;
	height: var(--bas-dim-1);
}

#Start {
	position: relative;
	bottom: calc(var(--bas-dim-1)*1.45);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(var(--bas-dim-1)/5);
	user-select: none;
}

#S-Activity {
	position: relative;
	bottom: calc(var(--bas-dim-1)*1.45);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--ciemnoszary-p01);
	border-radius: calc(var(--bas-dim-1)/5);
	user-select: none;
}

#Top {
	margin: 0;
	position: absolute;
	top:calc(var(--bas-dim-1)/2);
	width: 100%;
	user-select: none;
	z-index: 2;
}

#Top-center {
	height: var(--bas-dim-1);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	user-select: none;
}

#Top #Settings,
#Bottom #Settings {
	gap: calc(var(--bas-dim-1) * .16);
}

#Bottom #Settings > .opt01 {
	margin-left: 0;
	margin-right: 0;
}

#Version {
	margin: 0;
	position: absolute;
	left: calc(var(--bas-dim-1) / 2);
	bottom:calc(var(--bas-dim-1)/10);
	float: left;
}

/* KLASY FUNKCJONALNE */
::-webkit-scrollbar {
    display: none;
}

.bimion {
	position:absolute;
	width:  calc(var(--bas-dim-1)*1.2);
	height:  calc(var(--bas-dim-1)*1.2);
	background-image: url("images/interface/bimion.svg");
	background-color: transparent;
	background-position: center;
	background-size: 100%;
	border: 0 solid;
	border-radius: calc(var(--bas-dim-1)/2);
}

.bimion:hover {
	background-image: url("images/interface/bimion.svg");
	transition: 0.9s;
	-webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
	
	transition: 1.628s; /* vendorless fallback */
    -o-transition: 1.628s; /* opera */
    -ms-transition: 1.628s; /* IE 10 */
    -moz-transition: 1.628s; /* Firefox */
    -webkit-transition: 1.628s; /*safari and chrome */
	
	border: 0 solid;
}

.bg {
	position: absolute;
	margin: 0;
	z-index: -1;
}

#ThreeScene {
	position: fixed;
	inset: 0;
	z-index: -2;
	overflow: hidden;
	pointer-events: none;
}

#ThreeScene canvas {
	display: block;
	width: 100%;
	height: 100%;
}

.centerAll {
	position: absolute;
	top:30%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}

.edit {
	border: 1px solid red;
}

.left {
	margin: 0;
	float: left;
	user-select: none;
	align-items: left;
	text-align: left;
	justify-content: left;
}

.min {
	position: absolute;
	top: 0.5em;
	margin-right: calc(var(--bas-dim-1) / 2);
	width:  calc(var(--bas-dim-1) / 2);
	height:  calc(var(--bas-dim-1) / 2);
}

.min-to-r {
	position: absolute;
	top: 0.5em;
	left: calc(var(--bas-dim-1) / 1.1);
	margin-right: calc(var(--bas-dim-1) / 2);
	width:  calc(var(--bas-dim-1) / 2);
	height:  calc(var(--bas-dim-1) / 2);
}

.mode {
	position: absolute;
	left: 50%;
	bottom: calc(var(--bas-dim-1)/4);
	transform: translateX(-50%);
	margin: 0;
	padding: 0.1em;
	font-size: 0.97em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.operations {
	position: absolute;
	margin: 0.2em;
	right: calc(var(--bas-dim-1) / 4.5);
	width:  calc(var(--bas-dim-1) * 5);
	height:  calc(var(--bas-dim-1)/1.5);
	padding: 0.2em;
	display: flex;
	float: right;
	justify-content: right;
}

.opr-t {
	position: absolute;
	left: 0;
	margin: 0.2em;
	padding: 0.2em;
	width:  calc(var(--bas-dim-1) * 2.5);
	height:  calc(var(--bas-dim-1) / 2.5);
	background-color: transparent;
	border: 0.05em solid transparent;
}

.opt01 {
	margin: 0;
	width:  calc(var(--bas-dim-1) / 1.2);
	height:  calc(var(--bas-dim-1) / 1.2);
	color: var(--dblue);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(var(--bas-dim-1) / 6);
	border: 0.05em solid transparent;
}

.opt01:hover {
	color: var(--dgreen);
	border: 1px solid var(--dgreen);
	border-radius: calc(var(--bas-dim-1) / 10);
	transition: border 2s, color 2s;
}

.opt02 {
	margin: 1em;
	width:  calc(var(--bas-dim-1) / 2);
	height:  calc(var(--bas-dim-1) / 2);
	padding: 0.1em;
	padding-right: 1.5em;
	padding-left: 1.5em;
	font-size: 0.97em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(var(--bas-dim-1) / 6);
	border: 0.05em solid transparent;
}

.opt03 {
	margin: 0.5em;
	width:  calc(var(--bas-dim-1) / 1.7);
	height:  calc(var(--bas-dim-1) / 1.7);
	padding: 0.1em;
	font-size: 1.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--grey1);
	border-radius: calc(var(--bas-dim-1)/6);
	border: 0.05em solid transparent;
}

.opt04 {
	margin: 3px;
	width:  calc(var(--bas-dim-1)/1.2);
	height:  calc(var(--bas-dim-1)/1.2);
	font-size: 0.12em;
	background-color: transparent;
	background-position: center;
	background-size: 100%;
	border: 0.05em solid transparent;
	border-radius: calc(var(--bas-dim-1)/6);
}

.opt05 {
	margin: 0;
	width:  calc(var(--bas-dim-1) / 1.5);
	height:  calc(var(--bas-dim-1) / 1.5);
	background-color: transparent;
	background-position: center;
	background-size: 100%;
	border: 0.05em solid transparent;
	border-radius: calc(var(--bas-dim-1)/6);
}

.opt02:hover, .opt03:hover {
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid var(--dblue);
	transition: border 1s ease;
}

.opt04:hover, .opt05:hover {
	background-color: var(--grey1);
	border: 0.05em solid var(--dgreen);
	transition: border 1s ease;
}

.place {
	position: relative;
	margin-top: 0.8em;
	margin-left: 0.8em;
	float: left;
	width: calc(100% - var(--bas-dim-1) * 0.5);
	height: calc(100% - var(--bas-dim-1) * 1.2);
	overflow: auto;
	background-color: var(--grey2);
	border: 0.05em solid transparent;
	border-radius: calc(var(--bas-dim-1)/6);
}

.preview {
	position: absolute;
	margin: 0.2em;
	top: calc(var(--bas-dim-1) * 1);
	right: calc(var(--bas-dim-1) / 3.4);
	width:  calc(50% - var(--bas-dim-1) * 0.5);
	height:  calc(100% - var(--bas-dim-1) / 0.56);
	background-color: var(--grey1);
	padding: 0.5em;
	border: 0.05em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/6);
	margin-left: 2em;
	font-size: 1.1em;
	color: var(--dblue);
	overflow: auto;
}

.ship {
	margin-right: 0.05em;
	display: flex;
	float: right;
	justify-content: center;
}

.title {
	margin-top: 0.8em;
	margin-left: 0.8em;
	float: left;
	font-size: 1.3em;
	width:  100%;
}

.titleg {
	margin-top: 0.8em;
	margin-left: 0.8em;
	float: left;
	font-size: 1.3em;
	width:  100%;
	display: block;
}

.titlem {
	position: relative;
	margin: 0.2em;
	width:  calc(50% - var(--bas-dim-1) * 1);
	height:  calc(var(--bas-dim-1)/2.5);
	background-color: var(--grey1);
	padding: 0.5em;
	border: 0.05em solid transparent;
	border-radius: calc(var(--bas-dim-1)/6);
	margin-left: 1em;
	font-size: 1.1em;
	color: var(--dblue);
	overflow: auto;
}

.titlem:hover {
	background-color: var(--grey1);
	border: 0.05em solid var(--dgreen);
	transition: border 1s ease;
}

.titlet {
	margin-left: 2em;
}

.titlet-to-r {
	margin-left: 4em;
}

.team {
	margin-left: 0.05em;
	display: flex;
	float: left;
	justify-content: center;
}

.w-option {
	position: relative;
	margin: 0.3em;
	width:  calc(100% - var(--bas-dim-1) * 1.2);
	height:  calc(var(--bas-dim-1)/2.5);
	font-size: 0.9em;
	color: var(--dblue);
	padding: 0.7em;
	background-color: var(--grey1);
	border: 0.05em solid transparent;
	border-top: 0.05em solid white;
	border-bottom: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6);
}

.w-option-connected {
	position: relative;
	margin: 0.3em;
	width:  calc(100% - var(--bas-dim-1) * 1.2);
	height:  calc(var(--bas-dim-1)/2.5);
	font-size: 0.9em;
	color: var(--dblue);
	padding: 0.7em;
	background-color: var(--blue2);
	border: 0.05em solid transparent;
	border-top: 0.05em solid white;
	border-bottom: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6);
}

.w-option:hover, .w-option-connected:hover {
	background-color: var(--grey1);
	border: 0.05em solid var(--dgreen);
	transition: border 1s ease;
}

.wl-messages, .wl-sets, .wl-works, .wl-docs, .wl-schedule, .wl-tasks, .wl-acc, .wl-help, .wl-agreements, .wl-relinvestments, .wl-relprojects, .wl-relproducts, .wl-arrangements, .wl-architect, .wl-inspector, .wl-producer, .wl-building, .wl-costs, .wl-offers {
    display: none;
	position: absolute;
	left: calc(var(--bas-dim-1) / 2);
	top: var(--bas-dim-1);
	width: calc(35% - var(--bas-dim-1) / 1.5);
	height: calc(100vh - var(--bas-dim-1) * 7);
	padding: 0.1em;
	font-size: 0.9em;
	align-items: center;
	justify-content: center;
	background-color: var(--grey3);
	border-radius: calc(var(--bas-dim-1) / 6);
	border: 0.1em solid var(--dblue);
}

.wr-messages, .wr-sets, .wr-works, .wr-docs, .wr-schedule, .wr-tasks, .wr-acc, .wr-help, .wr-agreements, .wr-relinvestments, .wr-relprojects, .wr-relproducts, .wr-arrangements, .wr-architect, .wr-inspector, .wr-producer, .wr-building, .wr-costs, .wr-offers {
    display: none;
	position: absolute;
	right: calc(var(--bas-dim-1) / 2);
	top: var(--bas-dim-1);
	width: calc(65% - var(--bas-dim-1) / 1.5);
	height: calc(100vh - var(--bas-dim-1) * 7);
	padding: 0.1em;
	font-size: 0.9em;
	align-items: center;
	justify-content: center;
	background-color: var(--grey3);
	border-radius: calc(var(--bas-dim-1) / 6);
	border: 0.1em solid var(--dblue);
}

.w-active {
    display: block;
}

.wr-account-window {
    display: none;
	position: absolute;
	right: calc(var(--bas-dim-1) / 2);
	top: var(--bas-dim-1);
	width: calc(65% - var(--bas-dim-1) / 1.5);
	height: calc(100vh - var(--bas-dim-1) * 7);
	padding: 0.1em;
	font-size: 0.9em;
	background-color: var(--grey3);
	border-radius: calc(var(--bas-dim-1) / 6);
	border: 0.1em solid var(--dblue);
	overflow: auto;
}

.wr-account-window.w-active {
	display: block;
}

.account-window {
	display: none;
}

.account-window.w-active {
	display: block;
}

.w-option-active {
	background-color: var(--blue2);
	border: 0.05em solid var(--dgreen);
}

.account-window-body {
	clear: both;
	box-sizing: border-box;
	width: 100%;
	padding: 1em;
	color: var(--dblue);
}

.account-section {
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 1em 0;
	padding: 1em;
	background-color: var(--bimion-right-category-bg);
	border: var(--bimion-right-category-border);
	border-radius: var(--bimion-right-category-radius);
}

.account-section-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8em;
	margin-bottom: 0.8em;
	font-size: 1.1em;
	font-weight: 500;
	color: var(--dblue);
}

.account-form-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(15em, 100%), 1fr));
	gap: 0.8em;
	align-items: stretch;
	width: 100%;
}

.account-field {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.35em;
	box-sizing: border-box;
	min-width: 0;
	width: 100%;
	height: 100%;
	color: var(--ciemnoszary-01);
	font-weight: 500;
}

.account-form-grid > .account-field {
	padding: 0.65em;
}

.account-field input,
.account-field select {
	box-sizing: border-box;
	width: 100%;
	height: 2.05em;
	padding: 0.25em 0.55em;
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
	font-size: 0.98em;
	font-weight: normal;
}

.account-field-locked > input.account-inline-edit-ready {
	padding-right: 3.2em;
	color: var(--dblue);
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	font-weight: 600;
	cursor: default;
}

.account-field-locked.account-field-editing > input.account-inline-edit-ready {
	background-color: white;
	border-color: var(--blue2);
	font-weight: normal;
	cursor: text;
}

.account-inline-edit {
	position: absolute;
	right: 0.5em;
	bottom: 0.58em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.7em;
	height: 2.7em;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-image: url("images/interface/editMode.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 78%;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	opacity: 0.92;
}

.account-inline-edit:hover,
.account-inline-edit:focus {
	background-color: rgba(57, 104, 144, 0.1);
	outline: 0;
}

.wr-acc .account-field-label {
	display: block;
	margin: 0;
	padding: 0 0.45em;
	color: var(--ciemnoszary-01);
	font-size: 0.8em;
	font-weight: 500;
	line-height: 1.15;
}

.account-field-label {
	display: block;
	margin: 0;
	padding: 0 0.45em;
	color: var(--ciemnoszary-01);
	font-size: 0.8em;
	line-height: 1.15;
}

.account-field > input,
.account-field > select,
.account-field > .select-stepper {
	margin-top: 0.1em;
}

.account-field .select-stepper-value {
	font-size: 0.98em;
}

.account-field strong {
	display: block;
	margin-top: 0.35em;
	color: var(--dblue);
	font-weight: 600;
}

.account-profile-section .account-field {
	overflow: hidden;
	padding: 0.65em;
}

.account-profile-title {
	align-items: center;
}

.account-profile-edit,
.account-region-edit {
	background-image: url("images/interface/editMode.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 82%;
}

.account-profile-edit.is-confirming,
.account-region-edit.is-confirming {
	background-image: none;
	background-color: rgba(57, 104, 144, 0.08);
	border-color: var(--blue2);
}

.account-profile-edit.is-confirming::before,
.account-region-edit.is-confirming::before {
	content: "";
	width: 67%;
	height: 38%;
	border-right: 0.16em solid var(--dblue);
	border-bottom: 0.16em solid var(--dblue);
	transform: scaleX(-1) rotate(45deg) translate(0.05em, -0.05em);
}

.account-profile-section .account-field-label {
	display: block;
	margin: 0;
	padding: 0 0.45em;
	color: var(--ciemnoszary-01);
}

.account-profile-section .account-field input {
	display: block;
	max-width: 100%;
	margin: 0.1em 0 0 0;
	padding-right: 0.45em;
	padding-left: 0.45em;
}

.account-profile-section:not(.is-editing) .account-field input {
	color: var(--dblue);
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	font-weight: 600;
	cursor: default;
}

.account-profile-section.is-editing .account-field {
	background-color: white;
	border-color: var(--blue2);
}

.account-profile-section.is-editing {
	background-color: rgba(61, 135, 110, 0.14);
	transition: background-color 0.2s ease;
}

.account-profile-section.is-editing .account-field input {
	background-color: white;
	border-color: var(--blue2);
	font-weight: normal;
	cursor: text;
}

.account-profile-section.is-editing .account-field:focus-within,
.account-profile-section.is-editing .account-field input:focus {
	border-color: var(--dgreen);
}

.account-access-panel .account-field {
	overflow: hidden;
	padding: 0.65em;
}

.account-access-panel .account-field-label {
	display: block;
	margin: 0;
	padding: 0 0.45em;
	color: var(--ciemnoszary-01);
}

.account-access-panel .account-field input {
	display: block;
	max-width: 100%;
	margin: 0.1em 0 0 0;
	padding-right: 0.45em;
	padding-left: 0.45em;
}

.account-avatar-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(18em, 100%), 1fr));
	align-items: stretch;
	gap: 1em;
}

.account-avatar-part {
	display: grid;
	align-content: start;
	gap: 0.65em;
	box-sizing: border-box;
	min-width: 0;
	padding: 0.75em;
	background-color: rgba(255, 255, 255, 0.62);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
	container-type: inline-size;
}

.account-avatar-part-title {
	color: var(--dblue);
	font-size: 0.92em;
	font-weight: 500;
}

.account-avatar-content {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 0.8em;
	min-width: 0;
}

.account-avatar-side {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.45em;
	min-width: 0;
	overflow: hidden;
}

.account-avatar-preview {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--bas-dim-1) * 1.3);
	height: calc(var(--bas-dim-1) * 1.3);
	font-size: 2em;
	font-weight: 600;
	color: white;
	background-color: var(--dblue);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
	box-shadow: inset 0 0 0 0.045em var(--blue2);
	transition: box-shadow 0.4s ease, transform 0.4s ease;
}

.account-photo-preview {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--bas-dim-1) * 1.3);
	height: calc(var(--bas-dim-1) * 1.3);
	padding: 0.18em;
	box-sizing: border-box;
	background-color: white;
	border: 0.05em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/8);
	overflow: hidden;
}

.account-photo-mini {
	border-radius: calc(var(--bas-dim-1)/8);
	background-color: white;
}

.account-photo-mini img {
	border-radius: calc(var(--bas-dim-1)/8);
	object-fit: contain;
}

.account-photo-preview img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.account-avatar-preview:hover {
	box-shadow: inset 0 0 0 0.045em var(--dgreen), 0 0 0.35em rgba(70, 129, 126, 0.25);
	transform: scale(1.03);
}

.account-avatar-preview img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.account-avatar-hidden-input,
.account-avatar-row .account-upload,
.account-avatar-row .account-note {
	display: none !important;
}

.account-avatar-archive {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.45em;
	min-width: 0;
	width: auto;
	flex: 0 1 auto;
	overflow: hidden;
}

.account-avatar-actions {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.45em;
	flex: 0 0 auto;
	min-width: 0;
}

.account-avatar-mini {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: calc(var(--bas-dim-1) * 0.65);
	height: calc(var(--bas-dim-1) * 0.65);
	min-width: calc(var(--bas-dim-1) * 0.65);
	min-height: calc(var(--bas-dim-1) * 0.65);
	margin: 0;
	padding: 0;
	color: white;
	background-color: var(--dblue);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	font-size: 0.82em;
	font-weight: 600;
	line-height: 1;
	overflow: hidden;
	box-shadow: inset 0 0 0 0.04em var(--blue2);
}

.account-avatar-mini img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.account-photo-archive .account-photo-mini {
	border-radius: calc(var(--bas-dim-1)/8);
	background-color: white;
}

.account-photo-archive .account-photo-mini img {
	object-fit: contain;
	border-radius: calc(var(--bas-dim-1)/8);
}

.account-avatar-mini:hover,
.account-avatar-mini.is-active {
	box-shadow: inset 0 0 0 0.04em var(--dgreen), 0 0 0.35em rgba(70, 129, 126, 0.35);
}

.account-avatar-add {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: calc(var(--bas-dim-1) * 0.65);
	height: calc(var(--bas-dim-1) * 0.65);
	min-width: calc(var(--bas-dim-1) * 0.65);
	min-height: calc(var(--bas-dim-1) * 0.65);
	margin: 0;
	padding: 0;
	color: var(--dblue);
	background-color: rgba(57, 104, 144, 0.1);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	font-size: 1em;
	font-weight: 600;
	line-height: 1;
	box-shadow: inset 0 0 0 0.04em var(--blue2);
}

.account-avatar-system {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: calc(var(--bas-dim-1) * 0.65);
	height: calc(var(--bas-dim-1) * 0.65);
	min-width: calc(var(--bas-dim-1) * 0.65);
	min-height: calc(var(--bas-dim-1) * 0.65);
	margin: 0;
	padding: 0;
	color: var(--dblue);
	background-color: rgba(57, 104, 144, 0.1);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	font-size: 0.95em;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	box-shadow: inset 0 0 0 0.04em var(--blue2);
}

.account-avatar-system:hover {
	background-color: rgba(70, 129, 126, 0.12);
	box-shadow: inset 0 0 0 0.04em var(--dgreen), 0 0 0.35em rgba(70, 129, 126, 0.25);
}

@container (max-width: 23em) {
	.account-avatar-archive .account-avatar-mini:nth-of-type(n+5) {
		display: none;
	}
}

@container (max-width: 21em) {
	.account-avatar-archive .account-avatar-mini:nth-of-type(n+4) {
		display: none;
	}
}

@container (max-width: 19em) {
	.account-avatar-archive .account-avatar-mini:nth-of-type(n+3) {
		display: none;
	}
}

@container (max-width: 17em) {
	.account-avatar-archive .account-avatar-mini:nth-of-type(n+2) {
		display: none;
	}
}

@container (max-width: 15em) {
	.account-avatar-archive .account-avatar-mini {
		display: none;
	}
}

.account-avatar-add:hover {
	background-color: rgba(70, 129, 126, 0.12);
	box-shadow: inset 0 0 0 0.04em var(--dgreen), 0 0 0.35em rgba(70, 129, 126, 0.25);
}

.account-avatar-cropper {
	display: none;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 1em;
	box-sizing: border-box;
	width: 100%;
	margin-top: 1em;
	padding: 0.8em;
	background-color: var(--grey2);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
}

.account-avatar-cropper.is-active {
	display: grid;
}

.account-avatar-crop-preview {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--bas-dim-1) * 2.2);
	height: calc(var(--bas-dim-1) * 2.2);
	background-color: white;
	border: 0;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: inset 0 0 0 0.045em var(--blue2);
}

.account-avatar-crop-preview canvas {
	width: 100%;
	height: 100%;
}

.account-avatar-crop-controls {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(9em, 100%), 1fr));
	gap: 0.65em;
	min-width: 0;
	color: var(--ciemnoszary-01);
	font-weight: 500;
}

.account-avatar-crop-controls label {
	display: flex;
	flex-direction: column;
	gap: 0.25em;
	min-width: 0;
}

.account-avatar-crop-controls input[type="range"] {
	width: 100%;
	accent-color: var(--dblue);
}

.account-avatar-crop-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65em;
}

.avatar-theme-user {
	background: linear-gradient(135deg, var(--dblue), var(--blue2));
}

.avatar-theme-graphite {
	background: linear-gradient(135deg, #2f3f4b, #7891a6);
}

.avatar-theme-bimion {
	background: linear-gradient(135deg, #2d6f80, #59a28e);
}

.avatar-theme-project {
	background: linear-gradient(135deg, #314f7a, #c4934d);
}

.avatar-theme-site {
	background: linear-gradient(135deg, #465b6e, #8aab7e);
}

.avatar-theme-upload,
.avatar-theme-archive {
	background: transparent;
}

.account-upload,
.account-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.4em;
	padding: 0 1em;
	color: var(--dblue);
	background-color: var(--bimion-right-field-bg);
	border: 0.05em solid transparent;
	border-top: var(--bimion-right-field-border-top);
	border-bottom: var(--bimion-right-field-border-bottom);
	border-radius: calc(var(--bas-dim-1)/6);
	cursor: pointer;
	font-weight: 500;
}

.account-upload input {
	display: none;
}

.account-upload:hover,
.account-button:hover {
	border: 0.05em solid var(--dgreen);
	transition: border 1s ease;
}

.account-note {
	color: var(--ciemnoszary-01);
	font-weight: normal;
}

.account-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7em;
	align-items: stretch;
	box-sizing: border-box;
	width: 100%;
	margin: 1em 0 0 0;
}

.account-card,
.account-plan,
.account-consent {
	display: block;
	box-sizing: border-box;
	min-width: 0;
	width: 100%;
	margin: 0 0 1em 0;
	padding: 1em;
	color: var(--dblue);
	background-color: var(--bimion-right-field-bg);
	border: 0.05em solid transparent;
	border-top: var(--bimion-right-field-border-top);
	border-bottom: var(--bimion-right-field-border-bottom);
	border-radius: calc(var(--bas-dim-1)/6);
}

.account-section > .account-card,
.account-section > .account-plan,
.account-section > .account-consent {
	margin: 0 0 1em 0;
}

.account-section > .account-card:last-child,
.account-section > .account-plan:last-child,
.account-section > .account-consent:last-child {
	margin-bottom: 0;
}

.account-actions .account-button {
	flex: 1 1 min(12em, 100%);
	min-width: 0;
	white-space: normal;
	text-align: center;
}

.function-category {
	display: grid;
	gap: 0.8em;
}

.function-subtitle {
	margin: 0.25em 0 -0.2em 0;
	color: var(--dblue);
	font-size: 0.9em;
	font-weight: 500;
}

.function-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(14em, 100%), 1fr));
	gap: 0.65em;
	align-items: stretch;
	width: 100%;
}

.function-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 0.55em;
	box-sizing: border-box;
	min-width: 0;
	min-height: 4.1em;
	padding: 0.72em;
	color: var(--dblue);
	background-color: var(--bimion-right-field-bg);
	border: 0.05em solid transparent;
	border-top: var(--bimion-right-field-border-top);
	border-bottom: var(--bimion-right-field-border-bottom);
	border-radius: calc(var(--bas-dim-1)/6);
}

.function-card div {
	display: grid;
	gap: 0.22em;
	min-width: 0;
}

.function-card strong {
	color: var(--dblue);
	font-size: 0.98em;
	font-weight: 560;
	line-height: 1.16;
}

.function-card span {
	color: var(--ciemnoszary-01);
	font-size: 0.78em;
	line-height: 1.25;
}

.function-card em {
	justify-self: end;
	color: var(--dgreen);
	font-size: 0.76em;
	font-style: normal;
	font-weight: 520;
	white-space: nowrap;
}

.function-card b {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 2em;
	height: 2em;
	color: white;
	font-size: 0.82em;
	font-weight: 560;
	line-height: 1;
	background-color: var(--dblue);
	border-radius: 50%;
}

.function-card.is-current {
	background-color: rgba(61, 135, 110, 0.12);
	border-color: rgba(61, 135, 110, 0.32);
}

.function-card.is-current b {
	background-color: var(--dgreen);
}

.function-card-wide {
	grid-column: span 2;
}

.subscription-main-title .right-title-text {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.subscription-title-invoice,
.subscription-title-payment {
	position: relative;
}

.subscription-title-invoice::before,
.subscription-title-payment::before,
.subscription-title-payment::after {
	content: "";
	position: absolute;
	box-sizing: border-box;
}

.subscription-title-invoice::before {
	width: 48%;
	height: 58%;
	border: 0.12em solid var(--dblue);
	border-top-right-radius: 0.16em;
	background: linear-gradient(var(--dblue), var(--dblue)) 50% 35% / 62% 0.08em no-repeat,
		linear-gradient(var(--dblue), var(--dblue)) 50% 58% / 62% 0.08em no-repeat;
}

.subscription-title-payment::before {
	width: 64%;
	height: 42%;
	border: 0.12em solid var(--dblue);
	border-radius: 0.2em;
}

.subscription-title-payment::after {
	width: 44%;
	height: 0.12em;
	background-color: var(--dblue);
	transform: translateY(-0.18em);
}

.subscription-category {
	display: grid;
	gap: 0.8em;
}

.subscription-plans {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(14em, 100%), 1fr));
	gap: 0.75em;
	width: 100%;
}

.subscription-plan {
	display: grid;
	gap: 0.7em;
	box-sizing: border-box;
	min-width: 0;
	padding: 0.85em;
	color: var(--dblue);
	background-color: var(--bimion-right-field-bg);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6);
}

.subscription-plan.is-active {
	background-color: rgba(61, 135, 110, 0.12);
	border-color: rgba(61, 135, 110, 0.42);
}

.subscription-plan-head {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 0.6em;
}

.subscription-plan-head strong {
	color: var(--dblue);
	font-size: 1.12em;
	font-weight: 580;
}

.subscription-plan-head span {
	color: var(--dgreen);
	font-size: 0.78em;
	font-weight: 540;
	text-align: right;
}

.subscription-plan.can-upgrade .subscription-plan-head span {
	color: #9b7600;
}

.subscription-plan-period {
	color: var(--ciemnoszary-01);
	font-size: 0.78em;
	line-height: 1.25;
}

.subscription-plan-stats {
	display: grid;
	gap: 0.45em;
}

.subscription-plan-stats div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.6em;
	min-width: 0;
	padding: 0.45em 0.5em;
	background-color: rgba(255, 255, 255, 0.62);
	border-radius: calc(var(--bas-dim-1)/10);
}

.subscription-plan-stats span {
	color: var(--ciemnoszary-01);
	font-size: 0.74em;
}

.subscription-plan-stats b {
	color: var(--dblue);
	font-size: 0.8em;
	font-weight: 560;
	text-align: right;
}

.subscription-plan-stats .status-paid {
	color: var(--dgreen);
}

.subscription-plan-stats .status-pending {
	color: #9b7600;
}

.subscription-usage {
	height: 0.42em;
	overflow: hidden;
	background-color: rgba(57, 104, 144, 0.12);
	border-radius: 999px;
}

.subscription-usage span {
	display: block;
	height: 100%;
	background-color: var(--dgreen);
	border-radius: inherit;
}

.subscription-usage-unlimited span {
	background-color: var(--dblue);
}

.subscription-feature-table {
	display: grid;
	gap: 0.35em;
	width: 100%;
}

.subscription-feature-table > div {
	display: grid;
	grid-template-columns: minmax(9em, 1fr) repeat(3, minmax(3.2em, 0.28fr));
	align-items: center;
	gap: 0.35em;
	min-width: 0;
	padding: 0.55em;
	color: var(--dblue);
	background-color: var(--bimion-right-field-bg);
	border-top: var(--bimion-right-field-border-top);
	border-bottom: var(--bimion-right-field-border-bottom);
	border-radius: calc(var(--bas-dim-1)/8);
}

.subscription-feature-table span {
	min-width: 0;
	color: var(--ciemnoszary-01);
	font-size: 0.78em;
	line-height: 1.25;
}

.subscription-feature-table b {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 1.85em;
	color: var(--dblue);
	font-size: 0.78em;
	font-weight: 560;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.62);
	border-radius: calc(var(--bas-dim-1)/12);
}

.subscription-feature-table .subscription-feature-head {
	background-color: rgba(57, 104, 144, 0.08);
	border: 0.05em solid var(--blue2);
}

.subscription-feature-table .subscription-feature-head span,
.subscription-feature-table .subscription-feature-head b {
	color: var(--dblue);
	font-weight: 580;
}

.subscription-feature-table .is-included {
	color: white;
	background-color: var(--dgreen);
}

.subscription-feature-table .is-missing {
	color: #7a1e1e;
	background-color: rgba(190, 70, 70, 0.16);
}

.consents-main-title .right-title-text {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.consents-title-regulations {
	position: relative;
}

.consents-title-regulations::before,
.consents-title-regulations::after {
	content: "";
	position: absolute;
	box-sizing: border-box;
}

.consents-title-regulations::before {
	width: 48%;
	height: 62%;
	border: 0.12em solid var(--dblue);
	border-radius: 0.12em;
}

.consents-title-regulations::after {
	width: 26%;
	height: 0.36em;
	border-top: 0.1em solid var(--dblue);
	border-bottom: 0.1em solid var(--dblue);
	transform: translateY(0.03em);
}

.consents-category {
	display: grid;
	gap: 0.75em;
}

.consent-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(15em, 100%), 1fr));
	gap: 0.65em;
	width: 100%;
}

.consent-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.75em;
	box-sizing: border-box;
	min-width: 0;
	min-height: 4.2em;
	padding: 0.72em;
	color: var(--dblue);
	background-color: var(--bimion-right-field-bg);
	border: 0.05em solid transparent;
	border-top: var(--bimion-right-field-border-top);
	border-bottom: var(--bimion-right-field-border-bottom);
	border-radius: calc(var(--bas-dim-1)/6);
	cursor: pointer;
}

.consent-card span {
	display: grid;
	gap: 0.22em;
	min-width: 0;
	order: 1;
}

.consent-card strong {
	color: var(--dblue);
	font-size: 0.94em;
	font-weight: 560;
	line-height: 1.16;
}

.consent-card em {
	color: var(--ciemnoszary-01);
	font-size: 0.76em;
	font-style: normal;
	line-height: 1.25;
}

.consent-card input {
	order: 2;
	appearance: none;
	position: relative;
	box-sizing: border-box;
	width: 2.75em;
	height: 1.46em;
	margin: 0;
	background-color: rgba(57, 104, 144, 0.12);
	border: 0.05em solid var(--blue2);
	border-radius: 999px;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.consent-card input::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0.18em;
	width: 1.02em;
	height: 1.02em;
	background-color: white;
	border: 0.05em solid var(--blue2);
	border-radius: 50%;
	transform: translateY(-50%);
	transition: left 0.2s ease, border-color 0.2s ease;
}

.consent-card input:checked {
	background-color: rgba(61, 135, 110, 0.32);
	border-color: var(--dgreen);
}

.consent-card input:checked::before {
	left: 1.46em;
	border-color: var(--dgreen);
}

.consent-card:has(input:checked) {
	background-color: rgba(61, 135, 110, 0.1);
	border-color: rgba(61, 135, 110, 0.28);
}

.settings-transition-option {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	box-sizing: border-box;
	cursor: pointer;
}

.settings-transition-option span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.settings-transition-option input {
	flex: 0 0 auto;
	width: 34px;
	height: 18px;
	margin-left: auto;
}

#BimionCompassRose {
	position: fixed;
	right: calc(var(--bas-dim-1) * 2.85);
	bottom: calc(var(--bas-dim-1) * 0.54);
	width: 3.1em;
	height: 3.1em;
	z-index: 999;
	pointer-events: none;
	color: var(--dblue);
	filter: drop-shadow(0 0.1em 0.25em rgba(255,255,255,.9));
	perspective: 90px;
}

#BimionCompassRose .bimion-compass-dial {
	position: relative;
	width: 100%;
	height: 100%;
	border: 0.05em solid rgba(0, 102, 204, .42);
	border-radius: 50%;
	background: rgba(255,255,255,.72);
	box-sizing: border-box;
	transition: transform .12s linear;
	transform-style: preserve-3d;
}

#BimionCompassRose span,
#BimionCompassRose i {
	position: absolute;
	left: 50%;
	top: 50%;
	font: 800 .56em/1 Arial, sans-serif;
	transform: translate(-50%, -50%);
}

#BimionCompassRose .bimion-compass-n { top: 12%; color: #e00000; }
#BimionCompassRose .bimion-compass-e { left: 88%; }
#BimionCompassRose .bimion-compass-s { top: 88%; }
#BimionCompassRose .bimion-compass-w { left: 12%; }
#BimionCompassRose i {
	width: 1.15em;
	height: 1.15em;
	border-left: .08em solid currentColor;
	border-top: .08em solid currentColor;
	transform: translate(-50%, -50%) rotate(45deg);
	opacity: .72;
}

.consent-card.is-required strong::after {
	content: " wymagane";
	color: var(--dgreen);
	font-size: 0.78em;
	font-weight: 500;
}

.community-main-title .right-title-text {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.community-main-title .representation-main-title-actions {
	flex: 0 0 auto;
}

.community-title-filter-active::before,
.community-title-filter-role::before,
.community-title-sort-alpha::before,
.community-title-sort-investments::before,
.community-title-sort-projects::before,
.community-title-sort-availability::before {
	color: var(--dblue);
	font-size: 0.72em;
	font-weight: 650;
	line-height: 1;
}

.community-title-filter-active::before { content: "A"; }
.community-title-filter-role::before { content: "F"; }
.community-title-sort-alpha::before { content: "AZ"; font-size: 0.58em; }
.community-title-sort-investments::before { content: "I"; }
.community-title-sort-projects::before { content: "P"; }
.community-title-sort-availability::before { content: "D"; }

.community-category {
	display: grid;
	gap: 0.75em;
}

.community-list {
	display: grid;
	gap: 0.7em;
	width: 100%;
}

.community-user-card {
	display: grid;
	grid-template-columns: auto minmax(10em, 0.7fr) minmax(14em, 1fr);
	align-items: center;
	gap: 0.75em;
	box-sizing: border-box;
	min-width: 0;
	padding: 0.78em;
	color: var(--dblue);
	background-color: var(--bimion-right-field-bg);
	border: 0.05em solid transparent;
	border-top: var(--bimion-right-field-border-top);
	border-bottom: var(--bimion-right-field-border-bottom);
	border-radius: calc(var(--bas-dim-1)/6);
}

.community-user-card.is-active {
	background-color: rgba(61, 135, 110, 0.1);
	border-color: rgba(61, 135, 110, 0.28);
}

.community-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.2em;
	height: 3.2em;
	overflow: hidden;
	color: white;
	font-size: 0.9em;
	font-weight: 560;
	border: 0.05em solid var(--blue2);
	border-radius: 50%;
}

.community-avatar span {
	color: inherit;
}

.community-user-main {
	display: grid;
	gap: 0.24em;
	min-width: 0;
}

.community-user-main strong {
	color: var(--dblue);
	font-size: 1em;
	font-weight: 580;
	line-height: 1.15;
}

.community-user-main span {
	color: var(--ciemnoszary-01);
	font-size: 0.78em;
	line-height: 1.25;
}

.community-profile-link {
	justify-self: start;
	color: var(--dgreen);
	font-size: 0.76em;
	font-weight: 560;
	text-decoration: none;
}

.community-user-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.45em;
	min-width: 0;
}

.community-user-stats div {
	display: grid;
	gap: 0.2em;
	min-width: 0;
	padding: 0.45em;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.66);
	border-radius: calc(var(--bas-dim-1)/10);
}

.community-user-stats b {
	color: var(--dblue);
	font-size: 0.84em;
	font-weight: 580;
	line-height: 1.1;
}

.community-user-stats span {
	color: var(--ciemnoszary-01);
	font-size: 0.66em;
	line-height: 1.15;
}

@media (max-width: 720px) {
	.function-card-wide {
		grid-column: span 1;
	}

	.subscription-feature-table > div {
		grid-template-columns: minmax(7em, 1fr) repeat(3, minmax(2.5em, 0.3fr));
	}

	.community-user-card {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.community-user-stats {
		grid-column: 1 / -1;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.account-access-actions {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(10.5em, 100%), 1fr));
	gap: 0.8em;
	width: 100%;
	margin: 0.8em 0 0 0;
}

.account-access-button {
	position: relative;
	box-sizing: border-box;
	min-width: 0;
	padding: 0.8em;
	text-align: center;
	color: var(--ciemnoszary-01);
	background-color: var(--grey2);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
	cursor: pointer;
	font: inherit;
	box-shadow: none;
}

.account-access-actions-active {
	position: relative;
	z-index: 3;
	gap: 0;
	margin-bottom: 0;
}

.account-access-actions-active .account-access-button {
	border-color: var(--blue2);
	border-right-color: transparent;
	border-bottom-color: var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6) calc(var(--bas-dim-1)/6) 0 0;
}

.account-access-actions-active .account-access-button:last-child {
	border-right-color: var(--blue2);
}

.account-button.is-active {
	border-color: var(--dgreen);
	box-shadow: 0 0 0.35em rgba(70, 129, 126, 0.16);
}

.account-access-button:hover,
.account-access-button.is-active {
	background-color: rgba(57, 104, 144, 0.1);
	border-color: var(--dgreen);
}

.account-access-button.is-active {
	color: var(--dblue);
	background-color: white;
	border-color: var(--blue2);
	border-bottom-color: white;
	border-radius: calc(var(--bas-dim-1)/6) calc(var(--bas-dim-1)/6) 0 0;
	box-shadow: none;
}

.account-access-button.is-active::after {
	content: none;
}

.account-access-panel {
	display: none;
	box-sizing: border-box;
	width: 100%;
	margin-top: -0.05em;
	padding: 0.8em;
	color: var(--ciemnoszary-01);
	background-color: white;
	border: 0.05em solid var(--blue2);
	border-radius: 0 0 calc(var(--bas-dim-1)/6) calc(var(--bas-dim-1)/6);
}

.account-access-panel.is-active {
	display: block;
}

.account-access-panel-title {
	margin-bottom: 0.7em;
	color: var(--dblue);
	font-weight: 600;
}

.account-role-card strong,
.account-connected-row strong {
	display: block;
	color: var(--dblue);
	font-weight: 600;
}

.account-role-card span,
.account-connected-row span {
	display: block;
	margin-top: 0.3em;
	color: var(--ciemnoszary-01);
}

.account-access-roles,
.account-connected-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.7em;
}

.account-connected-list {
	grid-template-columns: repeat(auto-fit, minmax(min(12em, 100%), 1fr));
}

.account-role-card,
.account-connected-row {
	box-sizing: border-box;
	min-width: 0;
	padding: 0.75em;
	background-color: white;
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
}

.account-connected-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.35em 0.65em;
}

.account-connected-row strong,
.account-connected-row span {
	grid-column: 1;
}

.account-connected-action {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: center;
	box-sizing: border-box;
	min-height: calc(var(--bas-dim-1) * 0.52);
	padding: 0.35em 0.7em;
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/8);
	cursor: pointer;
	font: inherit;
	font-size: 0.82em;
	font-weight: 500;
}

.account-connected-action:hover {
	background-color: rgba(57, 104, 144, 0.1);
	border-color: var(--dgreen);
}

.account-role-card.is-active {
	border-color: var(--dgreen);
	box-shadow: inset 0 0 0 0.04em var(--dgreen);
}

.account-connected-row.is-connected {
	border-color: var(--dgreen);
	box-shadow: inset 0 0 0 0.04em var(--dgreen);
}

.account-card span,
.account-plan span {
	display: block;
	margin-top: 0.35em;
	color: var(--ciemnoszary-01);
}

.account-card strong,
.account-plan strong,
.representation-row strong,
.representation-subject-card strong {
	font-weight: 600;
}

.account-consent input {
	margin-right: 0.6em;
}

.poland-map-preview {
	display: block;
	margin-top: 1em;
	padding: 1em;
	background-color: white;
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6);
}

.account-region-section .account-field {
	overflow: hidden;
	padding: 0.65em;
}

.account-region-section:not(.is-editing) .select-stepper {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	pointer-events: none;
}

.account-region-section:not(.is-editing) .select-step {
	display: none;
}

.account-region-section:not(.is-editing) .select-stepper-value {
	left: 0;
	right: 0;
	max-width: 100%;
	justify-content: flex-start;
	color: var(--dblue);
	background-color: transparent;
	font-weight: 600;
}

.account-region-section.is-editing {
	background-color: rgba(61, 135, 110, 0.14);
	transition: background-color 0.2s ease;
}

.account-region-section.is-editing .account-field {
	position: relative;
	z-index: 2;
	overflow: visible;
	background-color: white;
	border-color: var(--blue2);
}

.account-region-section.is-editing .account-field:has(.select-stepper.is-open) {
	z-index: 50;
}

.account-region-section.is-editing .select-stepper {
	background-color: white;
	border-color: var(--blue2);
}

.account-region-section.is-editing .select-stepper.is-open {
	z-index: 60;
}

.account-region-section.is-editing .select-stepper-menu {
	z-index: 70;
}

.account-region-section.is-editing .account-field:focus-within,
.account-region-section.is-editing .select-stepper.is-open {
	border-color: var(--dgreen);
}

.account-access-button.is-active {
	min-height: 2.4em;
}

.poland-map-svg-host {
	position: relative;
	box-sizing: border-box;
	width: min(21.5em, 100%);
	margin: 0;
	padding: 0.6em;
	background-color: rgba(255, 255, 255, 0.72);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
}

.poland-map-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	justify-items: start;
	align-items: start;
	gap: 0.55em;
}

.poland-map-legend {
	display: grid;
	gap: 0.45em;
	align-content: start;
	align-self: start;
	box-sizing: border-box;
	width: min(21.5em, 100%);
	min-width: 0;
	padding: 0.7em;
	background-color: rgba(255, 255, 255, 0.72);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
}

.poland-map-legend div {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 0.45em;
	color: var(--ciemnoszary-01);
	font-size: 0.82em;
}

.poland-map-legend strong {
	font-weight: 500;
}

.poland-map-legend-swatch {
	display: inline-block;
	width: 1.05em;
	height: 1.05em;
	border: 0.05em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/14);
}

.poland-map-legend-active {
	background-color: rgba(70, 129, 126, 0.52);
	border-color: var(--dgreen);
}

.poland-map-legend-current {
	background-color: rgba(45, 84, 124, 0.58);
}

.poland-map-legend-past {
	background-color: rgba(120, 130, 138, 0.22);
	border-color: rgba(57, 104, 144, 0.35);
}

.poland-map-svg {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
	cursor: zoom-in;
}

.geoportal-map-layer {
	position: absolute;
	inset: 0.6em;
	z-index: 3;
	overflow: hidden;
	border-radius: calc(var(--bas-dim-1)/10);
	pointer-events: none;
}

.geoportal-map-layers {
	display: none;
}

.geoportal-map-layer img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: fill;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.geoportal-map-layer img.is-loaded {
	opacity: 0.88;
}

.geoportal-map-layer-egib {
	z-index: 4;
	mix-blend-mode: multiply;
}

.geoportal-map-layer-egib img.is-loaded {
	opacity: 0.78;
}

.poland-map-hover-caption {
	position: absolute;
	left: 0.9em;
	bottom: 0.9em;
	z-index: 6;
	display: none;
	max-width: calc(100% - 1.8em);
	padding: 0.32em 0.58em;
	color: var(--dblue);
	font-size: 0.78em;
	font-weight: 600;
	line-height: 1.2;
	background-color: rgba(255, 255, 255, 0.88);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/10);
	box-shadow: 0 0.2em 0.7em rgba(25, 45, 65, 0.12);
	pointer-events: none;
}

.poland-map-hover-caption.is-visible {
	display: block;
}

.poland-map-preview.is-map-zoomed .poland-map-svg {
	cursor: zoom-out;
}

.poland-map-region {
	fill: rgba(57, 104, 144, 0.2);
	stroke: var(--dblue);
	stroke-width: 1.25;
	vector-effect: non-scaling-stroke;
	cursor: default;
	transition: fill 0.25s ease, stroke 0.25s ease, filter 0.25s ease;
	outline: none;
}

.poland-map-svg,
.poland-map-region:focus,
.poland-map-region:focus-visible {
	outline: none;
}

.poland-map-region.has-past-investments {
	fill: rgba(120, 130, 138, 0.22);
	stroke: rgba(57, 104, 144, 0.42);
}

.poland-map-region.has-current-investments {
	fill: rgba(45, 84, 124, 0.58);
	stroke: var(--dblue);
}

.poland-map-level-voivodeship .poland-map-region,
.poland-map-level-county .poland-map-region,
.poland-map-level-commune .poland-map-region {
	fill: rgba(57, 104, 144, 0.16);
	stroke: var(--dblue);
}

.poland-map-level-voivodeship .poland-map-region.is-active,
.poland-map-level-voivodeship .poland-map-region.has-current-investments,
.poland-map-level-voivodeship .poland-map-region.has-past-investments {
	fill: rgba(57, 104, 144, 0.16);
	stroke: var(--dblue);
}

.poland-map-county,
.poland-map-commune {
	display: none;
	fill: rgba(255, 255, 255, 0.22);
	transition: fill 0.2s ease, stroke 0.2s ease;
}

.poland-map-county {
	stroke: rgba(57, 104, 144, 0.58);
	stroke-width: 0.6;
	vector-effect: non-scaling-stroke;
}

.poland-map-commune {
	stroke: rgba(57, 104, 144, 0.32);
	stroke-width: 0.28;
	vector-effect: non-scaling-stroke;
}

.poland-map-county.has-current-investments,
.poland-map-commune.has-current-investments {
	fill: rgba(45, 84, 124, 0.5);
	stroke: var(--dblue);
}

.poland-map-county.has-past-investments,
.poland-map-commune.has-past-investments {
	fill: rgba(120, 130, 138, 0.28);
	stroke: rgba(57, 104, 144, 0.58);
}

.poland-map-level-voivodeship .poland-map-county.is-active,
.poland-map-level-county .poland-map-commune.is-active {
	fill: rgba(70, 129, 126, 0.52);
	stroke: var(--dgreen);
}

.poland-map-level-voivodeship .poland-map-county {
	cursor: zoom-in;
}

.poland-map-level-county .poland-map-commune {
	cursor: default;
}

.poland-map-level-county .poland-map-county.is-active {
	fill: rgba(57, 104, 144, 0.16);
	stroke: var(--dblue);
}

.poland-map-level-county .poland-map-commune {
	fill: rgba(255, 255, 255, 0.22);
	stroke: rgba(57, 104, 144, 0.32);
	stroke-width: 0.28;
}

.poland-map-level-county.has-geoportal-communes .poland-map-commune:not(.poland-map-geoportal-commune) {
	display: none !important;
}

.poland-map-level-county .poland-map-geoportal-commune {
	display: inline;
	fill: rgba(255, 255, 255, 0.22);
	stroke: rgba(57, 104, 144, 0.36);
	stroke-width: 0.34;
}

.poland-map-level-county .poland-map-commune.is-active {
	fill: rgba(70, 129, 126, 0.52);
	stroke: var(--dgreen);
	stroke-width: 0.34;
}

.poland-map-county:hover,
.poland-map-commune:hover {
	fill: rgba(70, 129, 126, 0.2);
}

.poland-map-level-county .poland-map-commune:hover {
	fill: rgba(70, 129, 126, 0.2);
	stroke: var(--dgreen);
	stroke-width: 0.34;
}

.poland-map-labels {
	pointer-events: none;
}

.poland-map-label {
	display: none;
	fill: var(--dblue);
	stroke: rgba(255, 255, 255, 0.82);
	stroke-width: 3;
	paint-order: stroke fill;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-anchor: middle;
	dominant-baseline: middle;
	vector-effect: non-scaling-stroke;
}

.poland-map-label[style*="display: inline"],
.poland-map-label[style*="display: block"] {
	display: block;
}

.poland-map-label-county {
	font-size: 7.5px;
	font-weight: 550;
}

.poland-map-label-commune {
	font-size: 4.6px;
	font-weight: 520;
	stroke-width: 2;
}

.poland-map-preview.hide-county-borders .poland-map-county-borders,
.poland-map-preview.hide-commune-borders .poland-map-commune-borders {
	display: none;
}

.poland-map-zoom-options {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	align-items: center;
	gap: 0.36em !important;
	box-sizing: border-box;
	width: min(21.5em, 100%);
	padding: 0.55em;
	background-color: rgba(255, 255, 255, 0.72);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
}

.poland-map-zoom-buttons {
	display: grid;
	grid-template-columns: repeat(4, 1.77rem);
	justify-content: center;
	justify-items: center;
	gap: 0.24em;
	min-width: 0;
}

.poland-map-zoom-buttons button {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 1.77rem;
	height: 1.77rem;
	aspect-ratio: 1 / 1;
	padding: 0;
	color: var(--dblue);
	font-size: 1.05em;
	font-weight: 650;
	line-height: 1;
	background-color: rgba(57, 104, 144, 0.08);
	border: 0.05em solid var(--blue2);
	border-radius: 50%;
	cursor: pointer;
}

#PolandMapPrevArea,
#PolandMapNextArea {
	width: 1.77rem;
	height: 1.77rem;
	font-size: 1em;
	background-color: rgba(57, 104, 144, 0.12);
}

.poland-map-zoom-buttons button:hover {
	background-color: rgba(57, 104, 144, 0.16);
}

.poland-map-zoom-options span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 1.6em;
	padding: 0 0.55em;
	color: var(--dblue);
	font-size: 0.86em;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: rgba(255, 255, 255, 0.72);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/10);
}

.account-region-section.is-editing .poland-map-region {
	cursor: pointer;
}

.poland-map-region.is-active {
	fill: rgba(70, 129, 126, 0.52);
	stroke: var(--dgreen);
	filter: drop-shadow(0 0 0.18em rgba(70, 129, 126, 0.45));
	outline: none;
}

.account-region-section.is-editing .poland-map-region:hover,
.account-region-section.is-editing .poland-map-region:focus,
.account-region-section.is-editing .poland-map-region.is-active {
	fill: rgba(70, 129, 126, 0.72);
}

.account-region-section.is-editing .poland-map-level-voivodeship .poland-map-region:hover,
.account-region-section.is-editing .poland-map-level-voivodeship .poland-map-region:focus,
.account-region-section.is-editing .poland-map-level-voivodeship .poland-map-region.is-active {
	fill: rgba(57, 104, 144, 0.16);
}

@media (max-width: 720px) {
	.poland-map-layout {
		grid-template-columns: 1fr;
	}
}

#L-W-Acc > .account-logout-option {
	position: absolute;
	left: 0.8em;
	right: auto;
	bottom: 0.8em;
	display: block;
	box-sizing: content-box;
	width: calc(100% - var(--bas-dim-1) * 1.2 - 0.45em);
	height: calc(var(--bas-dim-1)/2.5);
	font-size: 1.17em;
	color: var(--dblue);
	margin: 0.3em;
	padding: 0.7em;
	background-color: var(--grey1);
	border: 0.05em solid transparent;
	border-top: 0.05em solid white;
	border-bottom: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6);
	cursor: pointer;
}

#L-W-Acc > .account-logout-option.w-option-active {
	background-color: var(--blue2);
	border: 0.05em solid var(--dgreen);
}

#L-W-Acc > .account-logout-confirm {
	left: 1.65em;
	right: auto;
	width: calc(100% - var(--bas-dim-1) * 1.2 - 0.45em + 2em);
	bottom: calc(var(--bas-dim-1) / 2.5 + 4em);
}

#L-W-Acc > .account-logout-option .min {
	position: absolute;
	top: 0.5em;
	width: calc(var(--bas-dim-1) / 2);
	height: calc(var(--bas-dim-1) / 2);
	margin-right: calc(var(--bas-dim-1) / 2);
	left: auto;
	transform: none;
}

#L-W-Acc > .account-logout-option .titlet {
	position: relative;
	margin-left: 2em;
	font-size: inherit;
	line-height: normal;
	transform: none;
}

#AccInfo.has-avatar {
	background-image: none;
	background-color: transparent;
	overflow: hidden;
	border-radius: 50%;
}

#Account.is-logged-out #AccInfo {
	position: relative;
	flex: 0 0 var(--bas-dim-1);
	background-image: none;
	background-color: #d9dde3;
	border: 0.05em solid #aeb7c2;
	border-radius: 50%;
	box-sizing: border-box;
	overflow: hidden;
}

#Account.is-logged-out {
	display: flex;
	align-items: center;
	gap: 0.45em;
	height: var(--bas-dim-1);
}

#Account.is-logged-out #accountPhoto {
	display: none !important;
}

#Account.is-logged-out #AccUser,
#Account.is-logged-out #AccUserFunction {
	position: static;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: calc(var(--bas-dim-1) * 1.85);
	height: calc(var(--bas-dim-1) / 1.9);
	padding: 0 0.75em;
	color: var(--dblue);
	background-color: var(--grey1);
	border: 0.05em solid transparent;
	border-top: 0.05em solid white;
	border-bottom: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1) / 8);
	cursor: pointer;
	line-height: 1;
	white-space: nowrap;
	text-align: center;
}

#Account.is-logged-out #AccUser {
	font-size: 0.86em;
}

#Account.is-logged-out #AccUserFunction {
	font-size: 0.86em;
}

body[data-active-user-type="bot"] #AccUser::after {
	content: "BOT";
	display: inline-block;
	margin-left: 0.52em;
	padding: 0.18em 0.42em;
	color: #1e4f7a;
	font-size: 0.62em;
	font-weight: 600;
	line-height: 1;
	vertical-align: middle;
	background-color: #eef6fb;
	border: 0.08em solid #91b5d2;
	border-radius: 0.42em;
}

body[data-active-user-type="bot"] #AccUser {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

body.account-logged-out #Top #Messages,
body.account-logged-out #Top #Sets,
body.account-logged-out #Bottom #Help {
	display: none !important;
}

/* Panel administratora: operator naglowka oraz lekka warstwa diagnostyczna. */
#Account {
	overflow: visible;
	z-index: 30;
}

#PanelVisibilityDot {
	position: absolute;
	left: calc(var(--bas-dim-1) / 2 - .31em);
	top: calc(var(--bas-dim-1) * -.28);
	z-index: 35;
	width: .62em;
	height: .62em;
	padding: 0;
	background: #e00000;
	border: .08em solid rgba(255, 255, 255, .92);
	border-radius: 50%;
	box-shadow: 0 0 .28em rgba(196, 0, 0, .36);
	cursor: pointer;
}

#PanelVisibilityDot[aria-pressed="true"] {
	background: #7f0000;
	box-shadow: inset 0 0 0 .12em rgba(255,255,255,.72), 0 0 .28em rgba(127, 0, 0, .3);
}

body.bimion-admin-diagnostic-panels-hidden #AdminPanelToggle,
body.bimion-admin-diagnostic-panels-hidden #AdminPanelBody,
body.bimion-admin-diagnostic-panels-hidden #BimionProjectTransformPanel {
	display: none !important;
}

button.bimion.bimion-work-indicator,
.bimion.bimion-work-indicator {
	animation: bimionWorkFullTurn 1.05s linear infinite !important;
	transform-origin: 50% 50% !important;
	will-change: transform;
}

button.bimion.bimion-work-indicator::after,
.bimion.bimion-work-indicator::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("images/interface/bimion.svg");
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	pointer-events: none;
}

.admin-panel {
	position: absolute;
	top: calc(var(--bas-dim-1) * -.28);
	left: calc(var(--bas-dim-1) * 3.35);
	z-index: 24;
	color: #242424;
	font-size: 0.82em;
	user-select: none;
}

.bot-panel {
	position: absolute;
	top: calc(var(--bas-dim-1) * -.28);
	left: calc(var(--bas-dim-1) * 4.92);
	z-index: 23;
	color: #5c4400;
	font-size: 0.82em;
	user-select: none;
}

#Account.is-logged-out .admin-panel {
	display: none;
}

#Account.is-logged-out .bot-panel {
	display: none;
}

.admin-panel button {
	box-sizing: border-box;
	font: inherit;
	cursor: pointer;
}

.bot-panel button {
	box-sizing: border-box;
	font: inherit;
	cursor: pointer;
}

.admin-panel-toggle {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.04em;
	width: calc(var(--bas-dim-1) * 1.35);
	min-width: calc(var(--bas-dim-1) * 1.35);
	height: calc(var(--bas-dim-1) * 1.56);
	padding: .24em .42em .34em;
	color: #8f2222;
	background-color: rgba(255, 255, 255, 0.92);
	border: 0.08em solid #b93636;
	border-radius: calc(var(--bas-dim-1) / 7);
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.bot-panel-toggle {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.04em;
	width: calc(var(--bas-dim-1) * 1.35);
	min-width: calc(var(--bas-dim-1) * 1.35);
	height: calc(var(--bas-dim-1) * 1.56);
	padding: .24em .42em .34em;
	color: #6f5200;
	background-color: rgba(255, 249, 221, 0.95);
	border: 0.08em solid #d8a900;
	border-radius: calc(var(--bas-dim-1) / 7);
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.bot-panel-toggle.is-active,
.bot-panel-toggle:hover {
	background-color: rgba(255, 244, 188, 0.98);
	box-shadow: 0 0.24em 0.68em rgba(109, 82, 0, 0.18);
}

.bot-panel-toggle-icon {
	display: grid;
	place-items: center;
	width: calc(var(--bas-dim-1) * .62);
	height: calc(var(--bas-dim-1) * .62);
	border: 0.08em solid currentColor;
	border-radius: 50%;
	font-weight: 800;
	line-height: 1;
}

.bot-panel-toggle-copy {
	font-size: 0.78em;
	line-height: 1;
}

.admin-panel-toggle:hover,
.admin-panel-toggle.is-active {
	background-color: #fff3f3;
	box-shadow: 0 0.2em 0.75em rgba(143, 34, 34, 0.16);
}

.admin-panel-toggle.is-active {
	border-radius: calc(var(--bas-dim-1) / 7) 0 0 calc(var(--bas-dim-1) / 7);
}

.admin-panel-toggle img {
	width: calc(var(--bas-dim-1) * .92);
	height: calc(var(--bas-dim-1) * .92);
	object-fit: contain;
	opacity: .78;
	transform: translateY(-0.04em) scale(.94);
	animation: bimionAdminHairPulse 2.4s ease-in-out infinite;
}

.admin-panel[data-panel-access="moderator"] .admin-panel-toggle {
	color: #0c5f9f;
	border-color: #0b70c9;
}

.admin-panel[data-panel-access="moderator"] .admin-panel-toggle:hover,
.admin-panel[data-panel-access="moderator"] .admin-panel-toggle.is-active {
	background-color: #edf7ff;
	box-shadow: 0 0.2em 0.75em rgba(12, 95, 159, 0.16);
}

.admin-panel[data-panel-access="moderator"] .admin-panel-body {
	border-color: #0b70c9;
	box-shadow: 0 0.5em 1.45em rgba(12, 95, 159, 0.16);
}

.admin-panel[data-panel-access="moderator"] .admin-panel-header {
	color: #0c5f9f;
	border-right-color: rgba(11, 112, 201, 0.36);
}

.admin-panel[data-panel-access="moderator"] .admin-panel-section + .admin-panel-section::before {
	background-color: rgba(11, 112, 201, .34);
}

.admin-panel-toggle-copy {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.08em;
	line-height: 1;
}

.admin-panel-toggle-copy strong {
	font-size: 1.02em;
	font-weight: 600;
}

@keyframes bimionAdminHairPulse {
	0%, 100% { transform: translateY(-0.04em) scale(.94); }
	50% { transform: translateY(-0.09em) scale(.965); }
}

.admin-panel-toggle-copy small {
	color: #a23a3a;
	font-size: 0.7em;
	font-weight: 500;
	line-height: 1;
}

.admin-panel-body {
	--admin-panel-pad: .42em;
	--admin-user-switcher-width: 15.2em;
	--admin-user-list-width: var(--admin-user-switcher-width);
	display: none;
	position: absolute;
	top: 0;
	left: calc(var(--bas-dim-1) * 1.35 - .08em);
	width: clamp(31em, 37vw, 38em);
	max-width: calc(100vw - var(--bas-dim-1) * 7.6);
	height: calc(var(--bas-dim-1) * 1.56);
	max-height: calc(var(--bas-dim-1) * 1.56);
	padding: var(--admin-panel-pad);
	overflow: visible;
	background-color: rgba(255, 255, 255, 0.97);
	border: 0.08em solid #b93636;
	border-radius: 0 calc(var(--bas-dim-1) / 7) calc(var(--bas-dim-1) / 7) 0;
	box-shadow: 0 0.5em 1.45em rgba(28, 43, 55, 0.17);
	box-sizing: border-box;
}

.admin-panel-body.is-active {
	display: grid;
	grid-template-columns: minmax(var(--admin-user-switcher-width), var(--admin-user-switcher-width)) minmax(4.6em, 4.6em) minmax(11.4em, 1fr);
	align-items: stretch;
	gap: .32em;
}

.admin-panel-body > * {
	min-width: 0;
}

.admin-panel-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.08em;
	min-width: 0;
	height: 100%;
	padding: 0 0.48em;
	color: #7f1e1e;
	border-right: 0.06em solid rgba(185, 54, 54, 0.36);
}

.admin-panel-header strong {
	overflow: hidden;
	max-width: 100%;
	font-size: 0.92em;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.admin-panel-header span {
	max-width: 100%;
	overflow: hidden;
	font-size: 0.9em;
	color: #5f666b;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.admin-panel-section {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	height: 100%;
	padding: 0;
}

.admin-panel-section:has(.admin-system-metrics),
.admin-panel-section:has(.admin-resource-grid) {
	justify-content: flex-start;
	align-self: start;
	padding-top: 0;
}

.admin-panel-label {
	display: none;
}

.admin-panel-section + .admin-panel-section::before {
	content: "";
	position: absolute;
	top: .38em;
	bottom: .38em;
	left: -.22em;
	width: .06em;
	background-color: rgba(185, 54, 54, .34);
	pointer-events: none;
}

.admin-access-options {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	min-width: 0;
	overflow: hidden;
}

.admin-access-stepper {
	height: 2.25em;
	border-color: #1f5f98;
}

.admin-access-stepper,
.admin-user-stepper,
.admin-system-metrics {
	height: 100%;
	min-height: 0;
}

.admin-user-access-section {
	display: grid;
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: .18em;
	width: var(--admin-user-switcher-width);
	max-width: 100%;
}

.admin-user-operators {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
	column-gap: calc(.14em + 4px);
	row-gap: .14em;
	width: 100%;
	height: 100%;
	margin: 0;
	transform: none;
}

.admin-user-operator {
	display: grid;
	place-items: center;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	background-color: rgba(230, 241, 250, .78);
	border: 0;
	border-radius: calc(var(--bas-dim-1) / 12);
}

.admin-user-operator:hover,
.admin-user-operator.is-active {
	background-color: rgba(214, 233, 247, .96);
}

.admin-user-operator.is-warning {
	background-color: #fff3c4;
}

.admin-user-operator.is-placeholder {
	opacity: 1;
	background-color: rgba(255, 239, 204, .94);
	color: #8a5100;
	cursor: default;
	transform: none;
}

.admin-user-operator.is-placeholder img {
	filter: sepia(100%) saturate(780%) hue-rotate(345deg) brightness(82%) contrast(94%);
	opacity: .86;
}

.admin-user-operator img {
	width: 1.74em;
	height: 1.74em;
	object-fit: contain;
	opacity: .96;
	transform: scale(1);
}

.admin-access-stepper .select-stepper-value {
	left: 0;
	right: 0;
	max-width: 100%;
	padding-right: 1.55em;
	color: #1e4f7a;
	font-size: 0.92em;
	font-weight: 600;
}

.admin-access-stepper::after {
	content: "";
	position: absolute;
	top: 50%;
	right: .62em;
	width: 0;
	height: 0;
	border-left: .28em solid transparent;
	border-right: .28em solid transparent;
	border-top: .38em solid #1f5f98;
	transform: translateY(-32%);
	pointer-events: none;
	z-index: 3;
}

.admin-access-stepper .select-stepper-menu {
	border-color: #1f5f98;
}

.admin-access-stepper.is-disabled {
	opacity: .72;
}

.admin-access-stepper.is-disabled .select-step,
.admin-access-stepper.is-disabled .select-stepper-value {
	cursor: default;
}

.admin-access-confirm {
	position: absolute;
	top: calc(50% + 1.7em);
	left: 0;
	z-index: 70;
	display: none;
	align-items: center;
	gap: 0.5em;
	width: max-content;
	min-width: 15.5em;
	padding: 0.52em 0.58em;
	color: #765900;
	background-color: #fff8d8;
	border: 0.07em solid #c9a734;
	border-radius: 0 0 calc(var(--bas-dim-1) / 10) calc(var(--bas-dim-1) / 10);
	box-shadow: 0 0.45em 0.85em rgba(104, 84, 23, 0.16);
	box-sizing: border-box;
}

.admin-access-confirm.is-active {
	display: flex;
}

.admin-access-confirm-text {
	font-size: 0.9em;
	line-height: 1.1;
	white-space: nowrap;
}

.admin-access-confirm-actions {
	display: flex;
	gap: 0.24em;
	margin-left: auto;
}

.admin-access-confirm button {
	min-width: 2.3em;
	padding: 0.24em 0.38em;
	color: #765900;
	background-color: rgba(255, 255, 255, 0.6);
	border: 0;
	border-radius: calc(var(--bas-dim-1) / 12);
}

.admin-access-confirm button:hover {
	background-color: white;
}

.admin-access-confirm-no {
	font-weight: 600;
}

.admin-access-option {
	min-width: 0;
	min-height: 1.75em;
	padding: 0.12em 0.22em;
	overflow: hidden;
	font-size: 0.9em;
	color: #43525d;
	background-color: #f5f8fa;
	border: 0.06em solid #b9cad8;
	border-right: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.admin-access-option:first-child {
	border-radius: calc(var(--bas-dim-1) / 10) 0 0 calc(var(--bas-dim-1) / 10);
}

.admin-access-option:last-child {
	border-right: 0.06em solid #b9cad8;
	border-radius: 0 calc(var(--bas-dim-1) / 10) calc(var(--bas-dim-1) / 10) 0;
}

.admin-access-option:hover {
	background-color: #edf5fb;
}

.admin-access-option.is-active {
	color: #216233;
	background-color: #edf8f0;
	border-color: #76a984;
}

.admin-user-stepper {
	display: grid;
	grid-template-columns: 1.95em minmax(9.1em, 1fr) 1.95em 2.95em;
	width: 100%;
	max-width: var(--admin-user-switcher-width);
	min-height: 2.45em;
	border: 0.05em solid #1f5f98;
	border-radius: calc(var(--bas-dim-1) / 10);
	box-sizing: border-box;
	overflow: hidden;
}

.admin-user-step,
.admin-search-button {
	display: grid;
	place-items: center;
	min-width: 0;
	padding: 0;
	color: #0b70c9;
	background-color: #e0effa;
	border: 0;
}

.admin-user-step:hover,
.admin-search-button:hover,
.admin-search-button.is-active {
	background-color: #d2e8f8;
}

.admin-user-step img {
	width: 1.34em;
	height: 1.34em;
	object-fit: contain;
	opacity: 1;
	transform: scale(1);
}

.admin-search-button {
	border-left: 0.06em solid #91b5d2;
	overflow: hidden;
	padding-right: .24em;
}

.admin-search-icon {
	position: relative;
	width: 1.08em;
	height: 1.08em;
	border: 0.07em solid #0b70c9;
	border-radius: 50%;
	box-sizing: border-box;
	transform: translateX(calc(-.08em - 3px));
}

.admin-search-icon::after {
	content: "";
	position: absolute;
	right: -0.25em;
	bottom: -0.14em;
	width: 0.32em;
	height: 0.045em;
	background-color: #0b70c9;
	border-radius: 1em;
	transform: rotate(45deg);
	transform-origin: center;
}

.admin-selected-user {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: 0.18em 0.5em;
	background-color: #fff;
	border-right: 0.06em solid #91b5d2;
	border-left: 0.06em solid #91b5d2;
}

.admin-selected-user strong,
.admin-selected-user small {
	overflow: hidden;
	line-height: 1.22;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.admin-selected-user strong {
	color: #17324c;
	font-weight: 700;
}

.admin-selected-user small {
	margin-top: 0.05em;
	color: #1f5f98;
	font-size: 0.72em;
	font-weight: 600;
}

.admin-user-list {
	display: none;
	position: absolute;
	top: calc(100% + 0.18em);
	left: 0;
	z-index: 80;
	width: var(--admin-user-list-width);
	min-width: var(--admin-user-list-width);
	max-width: min(var(--admin-user-list-width), calc(100vw - var(--bas-dim-1) * 2));
	max-height: 14.6em;
	overflow-y: auto;
	background-color: white;
	border: 0.06em solid #1f5f98;
	border-top: 0;
	border-radius: 0 0 calc(var(--bas-dim-1) / 10) calc(var(--bas-dim-1) / 10);
}

.admin-user-list.is-active {
	display: block;
}

.admin-user-row {
	display: grid;
	grid-template-columns: 0.62em minmax(0, 1fr);
	gap: 0.12em 0.48em;
	width: 100%;
	padding: 0.48em 0.55em;
	text-align: left;
	background-color: white;
	border: 0;
	border-bottom: 0.05em solid #dfe9ef;
}

.admin-user-row:last-child {
	border-bottom: 0;
}

.admin-user-row:hover,
.admin-user-row.is-active {
	background-color: #eef6fb;
}

.admin-user-row strong,
.admin-user-row small {
	grid-column: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.admin-user-row strong {
	font-weight: 580;
}

.admin-user-row small {
	color: #586871;
	font-size: 0.92em;
}

.admin-status-dot {
	grid-row: 1 / span 2;
	align-self: center;
	width: 0.62em;
	height: 0.62em;
	border-radius: 50%;
}

.admin-status-dot.is-online {
	background-color: #2d7b41;
}

.admin-status-dot.is-offline {
	background-color: #a5adb2;
}

.admin-resource-grid {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	position: relative;
	width: 100%;
	min-width: 0;
	height: auto;
	min-height: 0;
	margin: 0;
	align-self: start;
	padding-top: 0;
}

.admin-resource-grid::after {
	content: "";
	display: block;
	width: 100%;
	margin-top: .16em;
	border-bottom: .06em solid rgba(185, 54, 54, .34);
}

.admin-system-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(4.1em, max-content));
	grid-template-rows: minmax(0, 1fr);
	align-items: center;
	align-content: center;
	align-self: stretch;
	justify-content: center;
	justify-items: center;
	column-gap: .22em;
	row-gap: .22em;
	width: 100%;
	height: 100%;
	min-width: 0;
	padding: 0 .04em .04em;
	overflow: hidden;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
}

.admin-system-metric {
	display: grid;
	grid-template-columns: 2.35em minmax(0, 1fr);
	align-items: center;
	justify-content: start;
	gap: .26em;
	min-width: 0;
	padding: 0 .06em;
	color: #1e4f7a;
	border: 0;
	box-sizing: border-box;
}

.admin-system-metric img {
	flex: 0 0 auto;
	width: 2.2em;
	height: 2.2em;
	object-fit: contain;
	opacity: .9;
	transform: scale(1);
}

.admin-system-value {
	overflow: hidden;
	font-size: 1.22em;
	font-weight: 600;
	line-height: 1.05;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Na szerokich ekranach zachowujemy rytm kompaktowego widoku zamiast
   rozciagac pojedyncze pola na cala dostepna szerokosc. */
@media (min-width: 1500px) {
	.account-profile-grid,
	.account-form-grid,
	.function-grid,
	.consent-grid {
		grid-template-columns: repeat(auto-fill, minmax(15em, 21em));
		justify-content: start;
	}

	.subscription-plans {
		grid-template-columns: repeat(auto-fill, minmax(15em, 22em));
		justify-content: start;
	}

	#AccPanelFunctions,
	#AccPanelConsents {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .82em;
		align-content: start;
	}

	#AccPanelFunctions > .titleg,
	#AccPanelConsents > .titleg {
		grid-column: 1 / -1;
	}

	#AccPanelFunctions > .account-section,
	#AccPanelConsents > .account-section {
		margin-bottom: 0;
	}
}

.mode-record-list {
	box-sizing: border-box;
	width: calc(100% - 1.6em);
	margin-top: 0.38em;
	padding: 0;
}

.mode-record-group {
	margin: 0 0 0.72em;
	overflow: hidden;
	border: 0.05em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1) / 8);
	box-sizing: border-box;
}

.mode-record-group-label {
	margin: 0;
	padding: 0.58em 0.72em;
	color: var(--dblue);
	font-size: 0.96em;
	font-weight: 600;
	background-color: rgba(242, 248, 252, 0.96);
	border-bottom: 0.05em solid var(--dblue);
	box-sizing: border-box;
}

.mode-record-group .w-option {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: calc(var(--bas-dim-1) / 1.65);
	margin: 0;
	padding: 0.72em 0.82em;
	background-color: rgba(230, 241, 250, 0.78);
	border: 0;
	border-bottom: 0.05em solid rgba(57, 104, 144, 0.22);
	border-radius: 0;
}

.mode-record-group .w-option:last-child {
	border-bottom: 0;
}

.mode-record-group .w-option:hover {
	background-color: rgba(214, 233, 247, 0.88);
	border-color: rgba(57, 104, 144, 0.22);
}

.mode-record-archive {
	border-color: rgba(94, 104, 112, 0.52);
}

.mode-record-archive .mode-record-group-label {
	color: #586871;
	background-color: rgba(170, 178, 184, 0.2);
	border-bottom-color: rgba(94, 104, 112, 0.52);
}

.mode-record-archive .w-option {
	color: #586871;
	background-color: rgba(224, 228, 231, 0.82);
	border-bottom-color: rgba(94, 104, 112, 0.22);
}

.mode-record-empty {
	opacity: 0.82;
}

.mode-manipulation-empty {
	margin: calc(var(--bas-dim-1) * 1.28) 0.88em 0.88em;
	padding: 0.26em 0.12em;
	color: #586871;
	font-size: 0.92em;
	background-color: transparent;
	border: 0;
}

.bottom-bimion-record-panel .mode-record-list {
	width: auto;
	margin: 0.48em 0.8em 0;
}

.bottom-bimion-record-panel .mode-record-group .w-option {
	display: flex;
	align-items: center;
	gap: 0.56em;
}

.bottom-bimion-record-panel .mode-record-group .min {
	position: static;
	flex: 0 0 calc(var(--bas-dim-1) / 2);
	width: calc(var(--bas-dim-1) / 2);
	height: calc(var(--bas-dim-1) / 2);
	margin: 0;
	object-fit: contain;
}

.bottom-bimion-record-panel .mode-record-group .titlet {
	min-width: 0;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mode-manipulation-window > .titleg .right-title-text {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 720px) {
	.admin-panel {
		left: calc(var(--bas-dim-1) * 2.95);
	}

	.admin-panel-body {
		left: calc(var(--bas-dim-1) * 1.35 - 0.08em);
		width: calc(100vw - var(--bas-dim-1) * 6.74);
		overflow: hidden;
	}
}

@media (max-width: 1080px) {
	.admin-panel-body {
		--admin-user-switcher-width: clamp(12.5em, 39vw, 15.2em);
		width: calc(100vw - var(--bas-dim-1) * 8.2);
		height: calc(var(--bas-dim-1) * 1.68);
	}

	.admin-panel-body.is-active {
		grid-template-columns: minmax(var(--admin-user-switcher-width), var(--admin-user-switcher-width)) minmax(4.2em, .46fr) minmax(9.6em, 1fr);
		gap: .24em;
	}

	.admin-panel-header {
		display: none;
	}

	.admin-user-operator img {
		width: 1.92em;
		height: 1.92em;
	}

	.admin-system-metric {
		grid-template-columns: 1.72em minmax(0, 1fr);
		gap: .14em;
		padding: 0 .04em;
	}

	.admin-system-metric img {
		width: 1.58em;
		height: 1.58em;
	}

	.admin-system-value {
		font-size: .94em;
	}
}

@media (max-width: 780px) {
	.admin-panel-body {
		--admin-user-switcher-width: clamp(10.8em, 45vw, 13.4em);
		width: calc(100vw - var(--bas-dim-1) * 7.1);
	}

	.admin-panel-body.is-active {
		grid-template-columns: minmax(var(--admin-user-switcher-width), var(--admin-user-switcher-width)) minmax(3.1em, .42fr) minmax(5.8em, .7fr);
	}

	.admin-selected-user small {
		display: none;
	}

	.admin-system-metrics {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.admin-system-metric {
		grid-template-columns: 1fr;
		place-items: center;
	}

	.admin-system-value {
		display: none;
	}
}

@media (max-width: 620px) {
	.admin-panel-body {
		--admin-user-switcher-width: clamp(8.6em, 50vw, 11.4em);
	}

	.admin-panel-body.is-active {
		grid-template-columns: minmax(var(--admin-user-switcher-width), var(--admin-user-switcher-width)) minmax(2.9em, .34fr) minmax(4.6em, .46fr);
	}

	.admin-access-stepper .select-stepper-value {
		font-size: .74em;
	}

	.admin-user-step,
	.admin-search-button {
		width: 1.7em;
		min-width: 1.7em;
	}
}

.wr-acc .account-panel {
	display: none !important;
}

.wr-acc .account-panel.account-panel-active {
	display: block !important;
}

.wr-acc .account-subwindow {
	min-height: calc(100% - 1em);
}

.wr-acc .account-subwindow .titleg {
	margin-bottom: 0.5em;
}

.representation-company {
	display: grid;
	grid-template-columns: minmax(calc(var(--bas-dim-1) * 2.4), 0.28fr) minmax(0, 1fr);
	gap: 0.8em;
	align-items: start;
	width: 100%;
}

.representation-logo-box {
	position: relative;
	display: grid;
	grid-template-rows: auto auto;
	align-items: start;
	justify-content: stretch;
	justify-items: stretch;
	gap: 0.35em;
	min-width: 0;
	align-self: start;
}

.representation-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	min-height: 0;
	color: var(--dblue);
	font-size: 2em;
	font-weight: 600;
	background-color: var(--grey2);
	border: 0.05em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/6);
	cursor: pointer;
	overflow: hidden;
}

.representation-company-section:not(.is-editing) .representation-logo {
	cursor: default;
}

.representation-company-section:not(.is-editing) .representation-logo-shape-controls {
	display: none;
}

.representation-company-section.is-editing .representation-logo-shape-controls {
	display: flex;
}

.representation-company-section.is-editing .representation-logo-shape-current {
	display: none;
}

.representation-company-section.is-editing .representation-logo-shape-menu {
	display: flex;
}

.representation-logo-square {
	border-radius: calc(var(--bas-dim-1)/6);
}

.representation-logo-circle {
	border-radius: 50%;
}

.representation-logo-hexagon {
	padding: 0.05em;
	background-color: var(--dblue);
	border: 0;
	border-radius: 0;
	clip-path: polygon(50% 0%, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
}

.representation-logo-hexagon span {
	background-color: var(--grey2);
	clip-path: polygon(50% 0%, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
}

.representation-logo span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.representation-logo input {
	display: none;
}

.representation-logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

.representation-logo-shape-controls {
	position: static;
	left: auto;
	right: auto;
	bottom: auto;
	transform: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0.25em;
	width: 100%;
	padding: 0;
	background-color: transparent;
	border: 0;
	border-radius: 0;
}

.representation-logo-shape-menu {
	display: none;
	gap: 0.25em;
}

.representation-logo-shape-controls.is-open .representation-logo-shape-menu {
	display: flex;
}

.representation-logo-shape-controls:hover .representation-logo-shape-current,
.representation-logo-shape-controls.is-open .representation-logo-shape-current {
	display: none;
}

.representation-logo-shape-controls:hover .representation-logo-shape-menu {
	display: flex;
}

.representation-logo-shape-current,
.representation-logo-shape {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--bas-dim-1) * 0.34);
	height: calc(var(--bas-dim-1) * 0.34);
	margin: 0;
	padding: 0;
	background-color: rgba(255, 255, 255, 0.88);
	border: 0;
	border-radius: calc(var(--bas-dim-1)/10);
	cursor: pointer;
}

.representation-logo-shape-current {
	border: 0;
}

.representation-logo-shape.is-active {
	border: 0;
	box-shadow: none;
}

.logo-shape-icon {
	display: block;
	width: 56%;
	height: 56%;
	background-color: var(--dblue);
}

.logo-shape-square-icon {
	border-radius: 25%;
}

.logo-shape-circle-icon {
	border-radius: 50%;
}

.logo-shape-hexagon-icon {
	border-radius: 25%;
	clip-path: polygon(50% 0%, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
}

.representation-company-data {
	display: flex;
	min-width: 0;
}

.representation-company-data .account-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.2em;
	height: 100%;
	margin: 0;
}

.representation-company-section.is-editing {
	background-color: rgba(61, 135, 110, 0.14);
	transition: background-color 0.2s ease;
}

.representation-new-company-sheet.is-editing,
.representation-added-company-section.is-editing {
	border-radius: calc(var(--bas-dim-1)/8);
}

.representation-company-section.is-editing:not(.representation-primary-company-section) {
	box-sizing: border-box;
	padding: 0.75em;
}

.representation-company-data-card {
	position: relative;
	padding-right: calc(var(--bas-dim-1) * 0.9);
}

.representation-company-data .account-card span {
	color: var(--ciemnoszary-01);
}

.representation-company-static,
.representation-company-select-preview {
	box-sizing: border-box;
	width: 100%;
	border: 0.05em solid transparent;
	border-radius: calc(var(--bas-dim-1)/10);
}

.representation-company-edit-input {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	margin: 0;
	display: block;
	flex: 1 1 auto;
	align-items: center;
	align-self: stretch;
	height: auto;
	min-height: 2.56em;
	padding: 0.55em 0.65em;
	color: var(--dblue);
	background-color: transparent;
	border: 0;
	border-radius: inherit;
	font: inherit;
	line-height: 1.2;
	outline: 0;
	user-select: text;
}

.representation-company-name .representation-company-edit-input {
	min-height: 2.05em;
	padding: 0.35em 0.55em;
	border: 0;
	box-shadow: none;
	font-weight: inherit;
}

.representation-company-data-card.is-editing .representation-company-static {
	display: flex;
	align-items: stretch;
	min-height: 2.56em;
	margin-bottom: 0.25em;
	padding: 0;
	color: var(--dblue);
	background-color: white;
	border-color: var(--blue2);
	outline: 0;
	overflow: hidden;
}

.representation-company-data-card.is-editing .representation-company-static:focus-within {
	border-color: var(--dgreen);
}

.representation-company-section.is-editing .representation-company-static.is-required-empty,
.representation-company-section.is-editing > .representation-company-title .representation-company-name.is-required-empty,
.representation-company-section.is-editing .select-stepper.is-required-empty,
.representation-company-section.is-editing .representation-company-static.is-required-empty:focus-within,
.representation-company-section.is-editing > .representation-company-title .representation-company-name.is-required-empty:focus-within,
.representation-company-section.is-editing .select-stepper.is-required-empty.is-open {
	border-color: #9b7600;
	box-shadow: 0 0 0 0.05em rgba(155, 118, 0, 0.18);
}

.representation-company-data-card.is-editing .representation-company-select-preview {
	display: none;
}

.representation-company-controls {
	display: none;
	grid-template-columns: repeat(auto-fit, minmax(min(12em, 100%), 1fr));
	gap: 0.65em;
	width: 100%;
	margin-top: 0.55em;
}

.representation-company-data-card.is-editing .representation-company-controls {
	display: grid;
}

.representation-company-field {
	margin: 0;
	padding: 0.65em;
	background-color: white;
}

.representation-company-edit {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	background-color: transparent;
	background-image: url("images/interface/editMode.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 82%;
}

.representation-company-edit:hover,
.representation-company-edit:focus {
	background-color: rgba(57, 104, 144, 0.1);
	outline: 0;
}

.representation-company-edit.is-confirming {
	background-image: none;
	background-color: rgba(57, 104, 144, 0.08);
	border: 0.05em solid var(--blue2);
}

.representation-company-edit.is-confirming::before {
	content: "";
	width: 67%;
	height: 38%;
	border-right: 0.16em solid var(--dblue);
	border-bottom: 0.16em solid var(--dblue);
	transform: scaleX(-1) rotate(45deg) translate(0.05em, -0.05em);
}

.representation-main-title .right-title-text {
	flex: 1 1 auto;
	min-width: 0;
	max-width: none;
	padding-right: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.representation-main-title-actions {
	position: relative;
	z-index: 43001;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 0 0 auto;
	gap: 0.35em;
	margin-left: auto;
	margin-right: 0.4em;
}

.representation-main-add-company,
.representation-main-search-company {
	width: calc(var(--bas-dim-1) * 0.83);
	height: calc(var(--bas-dim-1) * 0.83);
	margin: 0;
	padding: 0.24em;
	position: relative;
	top: auto;
	right: auto;
	transform: none;
	z-index: 43001;
}

.representation-main-title {
	padding-right: calc(1.8em + var(--right-scrollbar-gap, 0px)) !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: calc(var(--bas-dim-1)/3) !important;
}

.representation-company-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8em;
}

.representation-company-name {
	display: block;
	min-width: 0;
	color: var(--dblue);
	border: 0.05em solid transparent;
	border-radius: calc(var(--bas-dim-1)/10);
}

.representation-company-section.is-editing > .representation-company-title .representation-company-name {
	display: flex;
	align-items: stretch;
	min-height: 2.05em;
	padding: 0;
	background-color: white;
	border-color: var(--blue2);
	outline: 0;
	overflow: hidden;
}

.representation-company-section.is-editing > .representation-company-title .representation-company-name:focus-within {
	border-color: var(--dgreen);
}

.representation-company-title-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35em;
}

.representation-title-icon-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: calc(var(--bas-dim-1) * 0.52);
	height: calc(var(--bas-dim-1) * 0.52);
	margin: 0;
	padding: 0.16em;
	background-color: white;
	border: 0.05em solid var(--dblue);
	border-radius: 50%;
	cursor: pointer;
}

.representation-title-icon-button img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.representation-title-icon-button:hover,
.representation-title-icon-button.is-active {
	background-color: rgba(57, 104, 144, 0.1);
	border-color: var(--dgreen);
}

.representation-company-search {
	position: relative;
}

.representation-company-search::before,
.representation-company-search::after {
	content: "";
	position: absolute;
	display: block;
}

.representation-company-search::before {
	width: 38%;
	height: 38%;
	border: 0.11em solid var(--dblue);
	border-radius: 50%;
	left: 44%;
	top: 43%;
	transform: translate(-50%, -50%);
}

.representation-company-search::after {
	width: 32%;
	height: 0.12em;
	background-color: var(--dblue);
	left: 54%;
	top: 56%;
	transform: rotate(45deg);
	transform-origin: left center;
}

.representation-main-add-company,
.representation-company-add-confirm {
	width: calc(var(--bas-dim-1) * 0.83);
	height: calc(var(--bas-dim-1) * 0.83);
	padding: 0;
	color: white;
	background-color: var(--dblue);
	border: 0;
	border-radius: 50%;
	overflow: visible;
	font-size: 1em;
	font-weight: 600;
	line-height: 1;
}

.representation-main-title-actions .representation-main-add-company {
	box-sizing: border-box;
	width: calc(var(--bas-dim-1) * 0.52);
	height: calc(var(--bas-dim-1) * 0.52);
	padding: 0.16em;
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid var(--dblue);
}

.representation-company-title-actions .representation-company-add-confirm {
	box-sizing: border-box;
	width: calc(var(--bas-dim-1) * 0.52);
	height: calc(var(--bas-dim-1) * 0.52);
	padding: 0.16em;
}

.representation-main-add-company img,
.representation-company-add-confirm img {
	display: none;
}

.representation-main-add-company::before,
.representation-company-add-confirm::before {
	content: "+";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 1.25em;
	line-height: 1;
	transform: none;
}

#RepresentationNewCompanySheet.is-editing .representation-company-add-confirm {
	background-color: rgba(57, 104, 144, 0.08);
	border: 0.05em solid var(--blue2);
}

#RepresentationNewCompanySheet.is-editing .representation-company-add-confirm::before {
	content: "";
	width: 67%;
	height: 38%;
	border-right: 0.16em solid var(--dblue);
	border-bottom: 0.16em solid var(--dblue);
	transform: scaleX(-1) rotate(45deg) translate(0.05em, -0.05em);
}

.representation-main-add-company:hover,
.representation-main-add-company.is-active,
.representation-company-add-confirm:hover,
.representation-company-add-confirm.is-active {
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid var(--dgreen);
}

.representation-company-add-confirm.is-disabled,
.representation-company-add-confirm:disabled {
	cursor: default;
	opacity: 0.45;
	filter: grayscale(0.35);
}

.representation-company-section.is-validation-blocked .representation-company-data-card .representation-company-static,
.representation-company-section.is-validation-blocked > .representation-company-title .representation-company-name,
.representation-company-section.is-validation-blocked .select-stepper {
	border-color: #9b7600;
	box-shadow: 0 0 0 0.05em rgba(155, 118, 0, 0.18);
}

.representation-company-draft:not(.is-added) .representation-company-edit {
	display: none;
}

.representation-company-draft.is-added .representation-company-add-confirm {
	display: none;
}

.representation-company-remove {
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid var(--dblue);
	font-size: 1em;
	font-weight: 600;
	line-height: 1;
}

.representation-company-remove img {
	display: none;
}

.representation-company-remove::before {
	content: "x";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 0.98em;
	line-height: 0.9;
	transform: none;
}

.representation-company-remove:hover:not(.is-confirming),
.representation-company-remove.is-active:not(.is-confirming) {
	color: var(--dblue);
	background-color: rgba(57, 104, 144, 0.1);
	border-color: var(--dgreen);
}

.representation-company-remove.is-confirming {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: calc(var(--bas-dim-1) * 7.15);
	height: calc(var(--bas-dim-1) * 0.52);
	min-width: 0;
	padding: 0 calc(var(--bas-dim-1) * 0.64) 0 0.75em;
	color: #7d1f2b;
	background-color: #f7e1e3;
	border-color: #f1c9cc;
	border-radius: calc(var(--bas-dim-1)/8);
	font-size: 0.78em;
	line-height: 1.15;
	white-space: nowrap;
	transform-origin: right center;
}

.representation-company-remove.is-confirming::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	width: calc(var(--bas-dim-1) * 0.52);
	height: 100%;
	padding: 0.14em;
	color: #7d1f2b;
	background-color: #f1d7d9;
	border-left: 0.05em solid #e8b7bd;
	border-radius: 0 calc(var(--bas-dim-1)/8) calc(var(--bas-dim-1)/8) 0;
	font-size: 1.5em;
	transform: none;
}

.representation-company-remove.is-confirming::after {
	content: "Czy napewno chcesz usunąć firmę?";
	display: flex;
	align-items: center;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.representation-company-remove.is-confirming {
	display: none;
}

.representation-company-remove.is-confirming::before,
.representation-company-remove.is-confirming::after {
	content: none;
}

.representation-remove-confirm-panel {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	width: calc(var(--bas-dim-1) * 7.15);
	height: calc(var(--bas-dim-1) * 0.52);
	min-width: 0;
	padding: 0 0.18em 0 0.75em;
	gap: 0.25em;
	color: #7d1f2b;
	background-color: #f7e1e3;
	border: 0.05em solid #f1c9cc;
	border-radius: calc(var(--bas-dim-1)/8);
	font-size: 0.78em;
	line-height: 1.15;
	white-space: nowrap;
	transform-origin: right center;
}

.representation-relation-remove.is-confirming {
	display: none;
}

.representation-relation-remove-confirm-panel {
	width: calc(var(--bas-dim-1) * 5.65);
	max-width: min(72vw, calc(var(--bas-dim-1) * 5.65));
}

.representation-remove-confirm-text {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.representation-remove-confirm-choice {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: calc(100% - 0.26em);
	min-width: calc(var(--bas-dim-1) * 0.72);
	margin: 0;
	padding: 0 0.45em;
	color: #7d1f2b;
	background-color: #f1d7d9;
	border: 0;
	border-radius: calc(var(--bas-dim-1)/10);
	cursor: pointer;
	font: inherit;
	font-weight: 400;
}

.representation-remove-confirm-no {
	font-weight: 600;
}

.representation-remove-confirm-yes {
	margin-left: auto;
}

.representation-remove-confirm-choice:hover,
.representation-remove-confirm-choice:focus {
	background-color: #f1c9cc;
	outline: 0;
}

.representation-primary-company-section.is-removed > .representation-company-title,
.representation-primary-company-section.is-removed > .representation-company,
.representation-primary-company-section.is-removed > .representation-scope-block,
.representation-primary-company-section.is-removed > .representation-metrics,
.representation-primary-company-section.is-removed > .representation-metric-panel {
	display: none;
}

.representation-empty-company-state {
	display: none;
	box-sizing: border-box;
	width: 100%;
	margin: 0.8em 0;
	padding: 0.9em;
	color: var(--ciemnoszary-01);
	background-color: white;
	border: 0.12em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/8);
}

.representation-empty-company-state.is-active {
	display: grid;
	gap: 0.25em;
}

.representation-empty-company-state strong {
	color: var(--dblue);
	font-weight: 500;
}

.representation-empty-company-state span {
	color: var(--ciemnoszary-01);
}

.representation-tags {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(10.5em, 100%), 1fr));
	gap: 0.5em;
	margin: 0 0 1em 0;
}

.representation-scope-block {
	box-sizing: border-box;
	width: 100%;
	margin-top: 0.8em;
}

.representation-company + .representation-scope-block {
	margin-top: 1.25em;
}

.representation-scope-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8em;
	margin-bottom: 0.45em;
	color: var(--dblue);
	font-size: 0.9em;
	font-weight: 500;
}

.representation-company-section:not(.is-editing) .representation-scope-add {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

.representation-company-section.is-editing .representation-scope-add {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

.representation-scope-title-text {
	font-size: 1.2em;
	line-height: 1.15;
}

.round-add-button {
	display: inline-grid;
	place-items: center;
	flex: 0 0 auto;
	width: calc(var(--bas-dim-1) * 0.45);
	height: calc(var(--bas-dim-1) * 0.45);
	margin: 0;
	padding: 0;
	color: white;
	background-color: var(--dblue);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	font: inherit;
	font-size: 1em;
	line-height: 1;
	overflow: hidden;
}

.round-add-button::before {
	content: attr(data-symbol);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 1.35em;
	font-weight: 600;
	line-height: 1;
	transform: translateY(-0.02em);
}

.round-add-button:hover,
.round-add-button.is-active {
	color: var(--dblue);
	background-color: white;
	box-shadow: inset 0 0 0 0.05em var(--dgreen);
}

.representation-tags-framed {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0.8em;
	border: 0.12em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/8);
}

.representation-scope-block.is-picker-open .representation-tags-framed {
	border-bottom: 0;
	border-radius: calc(var(--bas-dim-1)/8) calc(var(--bas-dim-1)/8) 0 0;
}

.representation-scope-block.is-empty .representation-tags-framed {
	display: none;
}

.representation-scope-block.is-empty .representation-scope-picker {
	border-top: 0.12em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/8);
}

.representation-scope-block.is-empty.is-picker-open .representation-scope-picker {
	border-radius: calc(var(--bas-dim-1)/8);
}

.representation-tags span {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 0;
	padding: 0.45em 2em;
	color: var(--ciemnoszary-01);
	background-color: var(--grey2);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
	font-size: var(--scope-font-size, 1em);
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.representation-scope-remove {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.55em;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #7d1f2b;
	background-color: #f1d7d9;
	border: 0;
	border-radius: 0 calc(var(--bas-dim-1)/8) calc(var(--bas-dim-1)/8) 0;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	font-size: 1.95em;
	line-height: 0.9;
	opacity: 0;
	pointer-events: none;
}

.representation-tags span:hover .representation-scope-remove {
	opacity: 1;
	pointer-events: auto;
}

.representation-company-section:not(.is-editing) .representation-tags span:hover .representation-scope-remove {
	opacity: 0;
	pointer-events: none;
}

.representation-company-section:not(.is-editing) .representation-scope-picker {
	display: none;
}

.representation-scope-remove:hover {
	background-color: #f1c9cc;
}

.representation-scope-picker {
	display: none;
	grid-template-columns: repeat(auto-fit, minmax(min(12em, 100%), 1fr));
	gap: 0.5em;
	box-sizing: border-box;
	width: 100%;
	margin-top: 0;
	padding: 0.8em;
	background-color: white;
	border: 0.12em solid var(--dblue);
	border-top: 0;
	border-radius: 0 0 calc(var(--bas-dim-1)/8) calc(var(--bas-dim-1)/8);
}

.representation-scope-picker.is-active {
	display: grid !important;
	position: relative;
	z-index: 6;
}

.representation-company-section.is-editing .representation-scope-block.is-picker-open .representation-scope-picker {
	display: grid !important;
}

.representation-scope-option {
	position: relative;
	display: grid;
	align-items: center;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.55em;
	box-sizing: border-box;
	min-width: 0;
	min-height: 2.05em;
	padding: 0.55em 0.75em;
	color: var(--dblue);
	background-color: var(--grey2);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
	cursor: pointer;
	font: inherit;
	text-align: center;
	user-select: none;
}

.representation-scope-option span {
	min-width: 0;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.representation-scope-option::before {
	display: none;
}

.representation-scope-option.is-selected::before {
	display: none;
}

.representation-scope-option.is-selected::after {
	display: none;
}

.representation-scope-checkbox {
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	width: 0.88em;
	height: 0.88em;
	margin: 0;
	background-color: white;
	border: 0.05em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/16);
	cursor: pointer;
}

.representation-scope-checkbox:checked {
	background-color: var(--dblue);
	box-shadow: inset 0 0 0 0.16em white;
}

.representation-scope-option:hover,
.representation-scope-option.is-selected {
	background-color: rgba(57, 104, 144, 0.1);
	border-color: var(--dgreen);
}

.representation-new-company-sheet {
	display: none;
	box-sizing: border-box;
	width: 100%;
	margin-top: 0.8em;
	padding: 0.25em 0 0 0;
	background-color: transparent;
	border: 0;
	border-radius: 0;
}

.representation-new-company-sheet.is-active {
	display: block;
}

.representation-company-divider {
	display: none;
}

.representation-added-company-section {
	position: relative;
	margin-top: 0.85em;
	padding-top: 0;
}

.representation-added-company-section.is-first-added-company {
	margin-top: 0.35em;
	padding-top: 0;
}

.representation-added-company-section.is-first-added-company > .representation-company-divider {
	display: none;
}

.representation-added-company-section .representation-company-divider {
	display: none;
}

.representation-company-external-divider {
	box-sizing: border-box;
	width: 100%;
	height: 0;
	margin: 1.05em 0;
	border-top: 0.12em solid var(--dblue);
}

.representation-added-company-section .representation-new-company-title {
	margin-bottom: 0.55em;
}

.representation-new-company-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8em;
}

.representation-metrics {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(10.5em, 100%), 1fr));
	gap: 0.8em;
	width: 100%;
	margin: 0.8em 0 0 0;
}

.representation-metrics-active {
	position: relative;
	z-index: 3;
	gap: 0;
	margin-bottom: 0;
}

.representation-metrics-active .representation-metric {
	border-color: var(--blue2);
	border-right-color: transparent;
	border-bottom-color: var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6) calc(var(--bas-dim-1)/6) 0 0;
}

.representation-metrics-active .representation-metric:last-child {
	border-right-color: var(--blue2);
}

.representation-metric {
	position: relative;
	box-sizing: border-box;
	min-width: 0;
	padding: 0.8em;
	text-align: center;
	color: var(--ciemnoszary-01);
	background-color: var(--grey2);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
	cursor: pointer;
	font: inherit;
	box-shadow: none;
}

.representation-metric strong {
	display: block;
	font-size: 1.5em;
	color: var(--dblue);
	font-weight: 600;
}

.representation-metric span {
	display: block;
	margin-top: 0.3em;
}

.representation-metric:hover,
.representation-metric.is-active {
	background-color: rgba(57, 104, 144, 0.1);
	border-color: var(--dgreen);
}

.representation-metrics-active .representation-metric:hover {
	background-color: rgba(57, 104, 144, 0.1);
	border-color: var(--dgreen);
}

.representation-metric.is-active {
	background-color: white;
	border-color: var(--blue2);
	border-bottom-color: white;
	border-radius: calc(var(--bas-dim-1)/6) calc(var(--bas-dim-1)/6) 0 0;
	box-shadow: none;
}

.representation-metric.is-active::after {
	content: none;
}

.representation-metric-panel {
	display: none;
	box-sizing: border-box;
	width: 100%;
	margin-top: 0.8em;
	padding: 0.8em;
	background-color: white;
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
}

.representation-metric-panel.is-active {
	display: block;
	margin-top: -0.05em;
	border-radius: 0 0 calc(var(--bas-dim-1)/6) calc(var(--bas-dim-1)/6);
}

.representation-entity-list {
	display: grid;
	gap: 0.7em;
}

.representation-entity-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 0.8em;
	box-sizing: border-box;
	min-width: 0;
	padding: 0.75em;
	color: var(--ciemnoszary-01);
	background-color: var(--grey2);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
}

.representation-entity-row strong,
.representation-entity-row span {
	display: block;
}

.representation-entity-row span {
	margin-top: 0.3em;
}

.representation-entity-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--bas-dim-1) * 0.48);
	height: calc(var(--bas-dim-1) * 0.48);
	padding: 0.12em;
	background-color: rgba(57, 104, 144, 0.08);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
	box-sizing: border-box;
}

.representation-entity-link:hover {
	background-color: rgba(57, 104, 144, 0.16);
	border-color: var(--dgreen);
}

.representation-entity-link img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.representation-empty-relation-link {
	position: relative;
}

.representation-empty-relation-link img {
	display: none;
}

.representation-empty-relation-link::before,
.representation-empty-relation-link::after {
	content: "";
	position: absolute;
	display: block;
}

.representation-empty-relation-link::before {
	width: 38%;
	height: 38%;
	border: 0.1em solid var(--dblue);
	border-radius: 50%;
	left: 43%;
	top: 43%;
	transform: translate(-50%, -50%);
}

.representation-empty-relation-link::after {
	width: 30%;
	height: 0.1em;
	background-color: var(--dblue);
	left: 53%;
	top: 56%;
	transform: rotate(45deg);
	transform-origin: left center;
}

.representation-profile-preview-link {
	position: relative;
	background-color: white;
	border-color: var(--dblue);
}

.representation-profile-preview-link img {
	display: none;
}

.representation-profile-preview-link::before,
.representation-profile-preview-link::after {
	content: "";
	position: absolute;
	display: block;
	left: 50%;
	transform: translateX(-50%);
}

.representation-profile-preview-link::before {
	width: 31%;
	height: 31%;
	top: 22%;
	border: 0.1em solid var(--dblue);
	border-radius: 50%;
}

.representation-profile-preview-link::after {
	width: 48%;
	height: 25%;
	top: 55%;
	border: 0.1em solid var(--dblue);
	border-top-left-radius: 50% 70%;
	border-top-right-radius: 50% 70%;
	border-bottom: 0;
}

.representation-relation-actions {
	display: none;
	align-items: center;
	gap: 0.28em;
}

.representation-company-section.is-editing .representation-relation-actions {
	display: inline-flex;
}

.representation-relation-action {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: calc(var(--bas-dim-1) * 0.48);
	height: calc(var(--bas-dim-1) * 0.48);
	margin: 0;
	padding: 0;
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
	cursor: pointer;
}

.representation-relation-action:hover {
	background-color: rgba(57, 104, 144, 0.1);
	border-color: var(--dgreen);
}

.representation-relation-find {
	display: none;
}

.representation-relation-find::before,
.representation-relation-find::after {
	content: "";
	position: absolute;
	display: block;
}

.representation-relation-find::before {
	width: 36%;
	height: 36%;
	border: 0.1em solid var(--dblue);
	border-radius: 50%;
	left: 42%;
	top: 42%;
	transform: translate(-50%, -50%);
}

.representation-relation-find::after {
	width: 29%;
	height: 0.1em;
	background-color: var(--dblue);
	left: 53%;
	top: 56%;
	transform: rotate(45deg);
	transform-origin: left center;
}

.representation-relation-remove::before {
	content: "x";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--dblue);
	font-size: 0.98em;
	font-weight: 600;
	line-height: 0.9;
}

.representation-relation-remove.is-required-single-employee {
	display: none !important;
}

.representation-company-actions {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(10.5em, 100%), 1fr));
	gap: 0.8em;
	width: 100%;
	margin: 0.8em 0 0 0;
}

.representation-company-actions .account-button {
	width: 100%;
	height: 100%;
	min-width: 0;
}

.representation-list {
	display: grid;
	gap: 0.7em;
	margin-bottom: 1em;
}

.representation-row {
	padding: 0.8em;
	color: var(--ciemnoszary-01);
	background-color: var(--grey2);
	border: 0.05em solid transparent;
	border-top: 0.05em solid white;
	border-bottom: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
}

.representation-metric-panel .representation-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 0.8em;
	box-sizing: border-box;
}

.representation-user-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 0.8em;
	box-sizing: border-box;
}

.representation-employee-actions {
	margin-top: 0.8em;
}

.representation-row strong,
.representation-row span {
	display: block;
}

.representation-row span {
	margin-top: 0.35em;
	color: var(--ciemnoszary-01);
}

.status-text-active {
	display: inline !important;
	margin-top: 0 !important;
	color: var(--dgreen) !important;
}

.status-text-pending-signature {
	display: inline !important;
	margin-top: 0 !important;
	color: #9b7600 !important;
}

.representation-subject-card {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 0.8em;
	margin-bottom: 1em;
	padding: 0.8em;
	color: var(--ciemnoszary-01);
	background-color: var(--grey2);
	border: 0.12em solid var(--company-accent, var(--dblue));
	border-radius: calc(var(--bas-dim-1)/8);
}

.representation-subject-card strong,
.representation-subject-card span {
	display: block;
}

.representation-section-title {
	display: flex;
	align-items: center;
	gap: 0.6em;
}

.representation-mini-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--bas-dim-1) * 0.72);
	height: calc(var(--bas-dim-1) * 0.72);
	color: var(--dblue);
	font-weight: 600;
	background-color: var(--grey2);
	border: 0.05em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/8);
	overflow: hidden;
}

.representation-mini-logo.representation-logo-square {
	border-radius: calc(var(--bas-dim-1)/8);
}

.representation-mini-logo.representation-logo-circle {
	border-radius: 50%;
}

.representation-mini-logo.representation-logo-hexagon {
	padding: 0.04em;
	background-color: var(--dblue);
	border: 0;
	border-radius: 0;
	clip-path: polygon(50% 0%, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
}

.representation-mini-logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.select-stepper {
	position: relative;
	display: block;
	overflow: visible;
	width: 100%;
	max-width: 100%;
	background-color: white;
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
	height: 2.05em;
	box-sizing: border-box;
}

.select-stepper.is-open {
	z-index: 30;
	border-radius: calc(var(--bas-dim-1)/8) calc(var(--bas-dim-1)/8) 0 0;
}

.select-stepper select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	inset: 0;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 2.15em;
	line-height: 2.05em;
	text-align: center;
	text-align-last: center;
	border: 0;
	outline: 0;
	border-radius: calc(var(--bas-dim-1)/8);
	background-color: white;
	box-sizing: border-box;
	box-shadow: none;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	z-index: 0;
}

.select-stepper-value {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1.55em;
	right: 1.55em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	max-width: calc(100% - 3.1em);
	margin: 0;
	padding: 0 0.55em;
	color: var(--dblue);
	background-color: white;
	border: 0;
	outline: 0;
	border-radius: 0;
	box-sizing: border-box;
	box-shadow: none;
	cursor: pointer;
	font: inherit;
	font-size: 0.92em;
	font-weight: 500;
	line-height: 1.15;
	text-align: center;
	white-space: normal;
	overflow: hidden;
	z-index: 1;
}

.select-stepper.is-open .select-stepper-value.is-placeholder {
	color: transparent;
}

.select-stepper-value:focus,
.select-stepper-value:active {
	outline: 0;
	box-shadow: none;
}

.select-stepper-menu {
	position: absolute;
	top: calc(100% - 0.05em);
	left: 0;
	right: 0;
	display: none;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	background-color: white;
	border: 0.05em solid var(--blue2);
	border-top: 0;
	border-radius: 0 0 calc(var(--bas-dim-1)/8) calc(var(--bas-dim-1)/8);
	box-sizing: border-box;
	box-shadow: 0 0.35em 0.7em rgba(57, 104, 144, 0.16);
	max-height: 11em;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 20;
}

.select-stepper.is-open .select-stepper-menu {
	display: block;
}

.select-stepper-option {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.2em;
	margin: 0;
	padding: 0.45em 0.75em;
	color: var(--dblue);
	background-color: white;
	border: 0;
	border-top: 0.05em solid rgba(57, 104, 144, 0.18);
	box-sizing: border-box;
	cursor: pointer;
	font: inherit;
	font-size: 0.9em;
	line-height: 1.15;
	text-align: center;
}

.select-stepper-option:first-child {
	border-top: 0;
}

.select-stepper-option:last-child {
	border-radius: 0 0 calc(var(--bas-dim-1)/8) calc(var(--bas-dim-1)/8);
}

.select-stepper-option:hover,
.select-stepper-option.is-active {
	background-color: rgba(57, 104, 144, 0.1);
}

.select-stepper-option:focus,
.select-stepper-option:active {
	outline: 0;
	box-shadow: none;
}

.select-step {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1.55em;
	height: 100%;
	margin: 0;
	padding: 0;
	color: var(--dblue);
	background-color: rgba(57, 104, 144, 0.08);
	border: 0;
	outline: 0;
	border-radius: 0;
	cursor: pointer;
	font-size: 1em;
	line-height: 0;
	text-indent: -9999px;
	box-shadow: none;
	z-index: 2;
}

.select-step[data-select-direction="-1"] {
	left: 0;
	border-radius: calc(var(--bas-dim-1)/8) 0 0 calc(var(--bas-dim-1)/8);
}

.select-step[data-select-direction="1"] {
	right: 0;
	border-radius: 0 calc(var(--bas-dim-1)/8) calc(var(--bas-dim-1)/8) 0;
}

.select-stepper.is-open .select-step[data-select-direction="-1"] {
	border-radius: calc(var(--bas-dim-1)/8) 0 0 0;
}

.select-stepper.is-open .select-step[data-select-direction="1"] {
	border-radius: 0 calc(var(--bas-dim-1)/8) 0 0;
}

.select-step:hover {
	background-color: rgba(57, 104, 144, 0.16);
}

.select-step:focus,
.select-step:active,
.select-stepper select:focus,
.select-stepper select:active {
	outline: 0;
	box-shadow: none;
}

.select-step:active {
	background-color: rgba(57, 104, 144, 0.08);
}

.select-step::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
}

.select-step[data-select-direction="1"]::before {
	left: 40%;
}

.select-step[data-select-direction="-1"]::before {
	border-top: 0.42rem solid transparent;
	border-bottom: 0.42rem solid transparent;
	border-right: 0.62rem solid var(--dblue);
}

.select-step[data-select-direction="1"]::before {
	border-top: 0.42rem solid transparent;
	border-bottom: 0.42rem solid transparent;
	border-left: 0.62rem solid var(--dblue);
}

.representation-investment-row {
	display: grid;
	grid-template-columns: calc(var(--bas-dim-1) * 1.65) minmax(0, 1fr);
	align-items: stretch;
	gap: 0.85em;
	border-color: var(--blue2);
}

.representation-investment-visual {
	display: grid;
	align-content: start;
	gap: 0.45em;
	min-width: 0;
}

.representation-investment-thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1 / 1;
	min-height: calc(var(--bas-dim-1) * 1.65);
	padding: 0.45em;
	box-sizing: border-box;
	background:
		linear-gradient(135deg, rgba(57, 104, 144, 0.14), rgba(75, 105, 45, 0.08)),
		white;
	border: 0.05em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/8);
}

.representation-investment-thumb-service {
	background:
		linear-gradient(135deg, rgba(57, 104, 144, 0.1), rgba(155, 118, 0, 0.1)),
		white;
}

.representation-investment-thumb-estate {
	background:
		linear-gradient(135deg, rgba(75, 105, 45, 0.12), rgba(57, 104, 144, 0.09)),
		white;
}

.representation-investment-thumb img {
	width: 72%;
	height: 72%;
	object-fit: contain;
}

.representation-investment-link {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: calc(var(--bas-dim-1) * 0.48);
	padding: 0.35em 0.45em;
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/8);
	font-size: 0.72em;
	font-weight: 500;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
}

.representation-investment-link:hover {
	background-color: rgba(57, 104, 144, 0.1);
	border-color: var(--dgreen);
}

.representation-investment-details {
	display: grid;
	align-content: start;
	gap: 0.45em;
	min-width: 0;
}

.representation-investment-details > strong {
	color: var(--dblue);
	font-size: 1.04em;
	font-weight: 600;
}

.representation-investment-details > span {
	margin: 0;
	color: var(--ciemnoszary-01);
}

.representation-investment-data {
	display: grid;
	gap: 0.35em;
	margin-top: 0.2em;
}

.representation-investment-data div {
	display: grid;
	grid-template-columns: minmax(8.5em, 0.42fr) minmax(0, 1fr);
	gap: 0.65em;
	align-items: start;
	padding: 0.45em 0.55em;
	background-color: rgba(255, 255, 255, 0.72);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/10);
}

.representation-investment-data b {
	color: var(--dblue);
	font-size: 0.86em;
	font-weight: 500;
}

.representation-investment-data span {
	margin: 0;
	color: var(--ciemnoszary-01);
}

@media (max-width: 720px) {
	.representation-investment-row {
		grid-template-columns: 1fr;
	}

	.representation-investment-thumb {
		min-height: calc(var(--bas-dim-1) * 1.1);
		max-width: calc(var(--bas-dim-1) * 1.65);
	}

	.representation-investment-thumb img {
		width: calc(var(--bas-dim-1) * 0.85);
		height: calc(var(--bas-dim-1) * 0.85);
	}

	.representation-investment-data div {
		grid-template-columns: 1fr;
		gap: 0.2em;
	}
}

.representation-contract-row {
	display: grid;
	grid-template-columns: calc(var(--bas-dim-1) * 1.65) minmax(0, 1fr);
	align-items: stretch;
	gap: 0.85em;
	border-color: var(--blue2);
}

.representation-contract-visual {
	display: grid;
	align-content: start;
	gap: 0.45em;
	min-width: 0;
}

.representation-contract-thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1 / 1;
	min-height: calc(var(--bas-dim-1) * 1.65);
	padding: 0.45em;
	box-sizing: border-box;
	background:
		linear-gradient(135deg, rgba(57, 104, 144, 0.14), rgba(75, 105, 45, 0.08)),
		white;
	border: 0.05em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/8);
}

.representation-contract-thumb-pending {
	background:
		linear-gradient(135deg, rgba(155, 118, 0, 0.14), rgba(57, 104, 144, 0.08)),
		white;
}

.representation-contract-thumb-service {
	background:
		linear-gradient(135deg, rgba(75, 105, 45, 0.12), rgba(57, 104, 144, 0.1)),
		white;
}

.representation-contract-thumb img {
	width: 72%;
	height: 72%;
	object-fit: contain;
}

.representation-contract-link {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: calc(var(--bas-dim-1) * 0.48);
	padding: 0.35em 0.45em;
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/8);
	font-size: 0.72em;
	font-weight: 500;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
}

.representation-contract-link:hover {
	background-color: rgba(57, 104, 144, 0.1);
	border-color: var(--dgreen);
}

.representation-contract-details {
	display: grid;
	align-content: start;
	gap: 0.45em;
	min-width: 0;
}

.representation-contract-details > strong {
	color: var(--dblue);
	font-size: 1.04em;
	font-weight: 600;
}

.representation-contract-details > span {
	margin: 0;
	color: var(--ciemnoszary-01);
}

.representation-contract-data {
	display: grid;
	gap: 0.35em;
	margin-top: 0.2em;
}

.representation-contract-data div {
	display: grid;
	grid-template-columns: minmax(8.5em, 0.42fr) minmax(0, 1fr);
	gap: 0.65em;
	align-items: start;
	padding: 0.45em 0.55em;
	background-color: rgba(255, 255, 255, 0.72);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/10);
}

.representation-contract-data b {
	color: var(--dblue);
	font-size: 0.86em;
	font-weight: 500;
}

.representation-contract-data span {
	margin: 0;
	color: var(--ciemnoszary-01);
}

@media (max-width: 720px) {
	.representation-contract-row {
		grid-template-columns: 1fr;
	}

	.representation-contract-thumb {
		min-height: calc(var(--bas-dim-1) * 1.1);
		max-width: calc(var(--bas-dim-1) * 1.65);
	}

	.representation-contract-thumb img {
		width: calc(var(--bas-dim-1) * 0.85);
		height: calc(var(--bas-dim-1) * 0.85);
	}

	.representation-contract-data div {
		grid-template-columns: 1fr;
		gap: 0.2em;
	}
}

.right-scroll-window {
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	overflow-wrap: anywhere;
	padding: 0 1em 1em 1em;
	scrollbar-gutter: stable;
	scrollbar-width: thin;
	scrollbar-color: var(--blue1) transparent;
	--right-scroll-mask-top: 0px;
	--right-scroll-mask-bottom: 0px;
	--right-scroll-layer-bg: var(--bimion-right-title-bg);
}

body.start-panel-options-hidden .wl-messages,
body.start-panel-options-hidden .wl-sets,
body.start-panel-options-hidden .wl-works,
body.start-panel-options-hidden .wl-docs,
body.start-panel-options-hidden .wl-schedule,
body.start-panel-options-hidden .wl-tasks,
body.start-panel-options-hidden .wl-acc,
body.start-panel-options-hidden .wl-help,
body.start-panel-options-hidden .wl-agreements,
body.start-panel-options-hidden .wl-relinvestments,
body.start-panel-options-hidden .wl-relprojects,
body.start-panel-options-hidden .wl-relproducts,
body.start-panel-options-hidden .wl-arrangements,
body.start-panel-options-hidden .wl-architect,
body.start-panel-options-hidden .wl-inspector,
body.start-panel-options-hidden .wl-producer,
body.start-panel-options-hidden .wl-building,
body.start-panel-options-hidden .wl-costs,
body.start-panel-options-hidden .wl-offers,
body.start-panel-options-hidden .wr-messages,
body.start-panel-options-hidden .wr-sets,
body.start-panel-options-hidden .wr-works,
body.start-panel-options-hidden .wr-docs,
body.start-panel-options-hidden .wr-schedule,
body.start-panel-options-hidden .wr-tasks,
body.start-panel-options-hidden .wr-acc,
body.start-panel-options-hidden .wr-help,
body.start-panel-options-hidden .wr-agreements,
body.start-panel-options-hidden .wr-relinvestments,
body.start-panel-options-hidden .wr-relprojects,
body.start-panel-options-hidden .wr-relproducts,
body.start-panel-options-hidden .wr-arrangements,
body.start-panel-options-hidden .wr-architect,
body.start-panel-options-hidden .wr-inspector,
body.start-panel-options-hidden .wr-producer,
body.start-panel-options-hidden .wr-building,
body.start-panel-options-hidden .wr-costs,
body.start-panel-options-hidden .wr-offers {
	height: calc(100vh - var(--bas-dim-1) * 5.9);
}

.wr-messages, .wr-sets, .wr-works, .wr-docs, .wr-schedule, .wr-tasks, .wr-acc, .wr-help, .wr-agreements, .wr-relinvestments, .wr-relprojects, .wr-relproducts, .wr-arrangements, .wr-architect, .wr-inspector, .wr-producer, .wr-building, .wr-costs, .wr-offers,
.wr-account-window {
	height: calc(100vh - var(--bas-dim-1) * 7);
}

body.start-panel-options-hidden .wr-messages,
body.start-panel-options-hidden .wr-sets,
body.start-panel-options-hidden .wr-works,
body.start-panel-options-hidden .wr-docs,
body.start-panel-options-hidden .wr-schedule,
body.start-panel-options-hidden .wr-tasks,
body.start-panel-options-hidden .wr-acc,
body.start-panel-options-hidden .wr-help,
body.start-panel-options-hidden .wr-agreements,
body.start-panel-options-hidden .wr-relinvestments,
body.start-panel-options-hidden .wr-relprojects,
body.start-panel-options-hidden .wr-relproducts,
body.start-panel-options-hidden .wr-arrangements,
body.start-panel-options-hidden .wr-architect,
body.start-panel-options-hidden .wr-inspector,
body.start-panel-options-hidden .wr-producer,
body.start-panel-options-hidden .wr-building,
body.start-panel-options-hidden .wr-costs,
body.start-panel-options-hidden .wr-offers {
	height: calc(100vh - var(--bas-dim-1) * 5.9);
}

.right-scroll-window::-webkit-scrollbar {
	display: block !important;
	width: 0.55em;
}

.right-scroll-window::-webkit-scrollbar-track {
	background: transparent;
}

.right-scroll-window::-webkit-scrollbar-thumb {
	background: var(--blue1);
	border-radius: 1em;
}

.right-scroll-window > *,
.right-scroll-window .account-window-body,
.right-scroll-window .account-section,
.right-scroll-window .account-card,
.right-scroll-window .account-plan,
.right-scroll-window .account-consent {
	box-sizing: border-box;
	max-width: 100%;
}

.right-scroll-window > .title,
.right-scroll-window > .titleg,
.right-scroll-window .account-panel > .titleg {
	position: sticky;
	top: 0;
	z-index: 42000;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	--right-title-scroll-extension: calc(var(--bas-dim-1) * 0.58);
	--right-title-scrollbar-offset: 10px;
	--right-title-icon-gap: 1em;
	width: calc(100% + 2em + var(--right-scrollbar-gap, 0px) + 1px);
	max-width: none;
	min-height: calc(var(--bas-dim-1) * 1.02);
	margin: 0 0 0 -1em;
	padding: 0.35em calc(1.8em + var(--right-scrollbar-gap, 0px)) 0.35em var(--right-title-icon-gap);
	float: none;
	color: var(--dblue);
	background: transparent;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	border-radius: calc(var(--bas-dim-1)/6) 0 calc(var(--bas-dim-1)/3) calc(var(--bas-dim-1)/8);
	box-shadow: none;
	overflow: visible;
	isolation: isolate;
}

.right-scroll-window > .title::before,
.right-scroll-window > .titleg::before,
.right-scroll-window .account-panel > .titleg::before {
	content: "";
	position: absolute;
	inset: 0 calc(var(--right-scrollbar-gap, 0px) + var(--right-title-scrollbar-offset, 0px)) 0 0;
	background: var(--right-scroll-layer-bg);
	border-radius: inherit;
	pointer-events: none;
	z-index: -1;
}

.right-scroll-window > .title::after,
.right-scroll-window > .titleg::after,
.right-scroll-window .account-panel > .titleg::after {
	content: "";
	position: absolute;
	left: 50%;
	top: calc(100% + (var(--right-title-scroll-extension) / 2));
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-left: 0.36em solid transparent;
	border-right: 0.36em solid transparent;
	border-bottom: 0.48em solid var(--dgreen);
	opacity: 0;
	pointer-events: none;
	z-index: 1;
	transition: opacity 0.15s ease;
}

.right-title-with-top-scroll {
	border-bottom-left-radius: calc(var(--bas-dim-1)/8) !important;
	border-bottom-right-radius: calc(var(--bas-dim-1)/8) !important;
}

.right-title-with-top-scroll::before {
	bottom: calc(-1 * var(--right-title-scroll-extension)) !important;
}

.right-title-with-top-scroll::after {
	opacity: 1 !important;
}

.right-title-icon {
	flex: 0 0 auto;
	width: calc(var(--bas-dim-1) * 0.9);
	height: calc(var(--bas-dim-1) * 0.9);
	margin-right: var(--right-title-icon-gap);
	object-fit: contain;
	position: relative;
	z-index: 43000;
	transform-origin: left top;
	transition: transform 0.5s ease, margin-right 0.5s ease;
}

.right-title-with-top-scroll .right-title-icon {
	margin-right: calc(var(--right-title-icon-gap) + (var(--bas-dim-1) * 0.2));
	transform: scale(1.6);
}

.right-scroll-window .account-window-body {
	padding: 1em 0.4em 1.2em 0.4em;
}

.right-scroll-window .account-panel {
	padding: 0 !important;
}

.right-panel {
	display: none;
}

.right-scroll-window .account-panel-active > .account-window-body {
	clip-path: inset(var(--right-scroll-mask-top, 0px) 0 var(--right-scroll-mask-bottom, 0px) 0);
}

.right-scroll-window .operations {
	position: relative;
	right: auto;
	width: auto;
	max-width: calc(100% - 1em);
	margin: 0.6em 0.5em;
}

.window-scroll-indicator {
	display: none;
	position: fixed;
	height: calc(var(--bas-dim-1) * 0.58);
	z-index: 36000;
	pointer-events: none;
	background: transparent;
	border-left: 0.1em solid var(--dblue);
	border-right: 0.1em solid var(--dblue);
	border-radius: 0;
	box-sizing: border-box;
	max-width: none;
	--right-scrollbar-gap: 0px;
	--right-scroll-layer-bg: var(--bimion-right-title-bg);
	overflow: hidden;
}

.window-scroll-indicator::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	opacity: 0;
	transition: opacity 0.15s ease;
	z-index: 2;
}

.window-scroll-indicator::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--right-scroll-layer-bg);
	z-index: 1;
}

.window-scroll-indicator.window-scroll-indicator-active::before {
	opacity: 1;
}

#RightScrollTop::before {
	border-left: 0.36em solid transparent;
	border-right: 0.36em solid transparent;
	border-bottom: 0.48em solid var(--dgreen);
}

#RightScrollTop {
	border-top: 0;
	border-bottom: 0;
	box-shadow: none;
}

#RightScrollBottom {
	border-top: 0;
	border-bottom: 0.1em solid var(--dblue);
	border-radius: 0 0 calc(var(--bas-dim-1)/6) calc(var(--bas-dim-1)/6);
	box-shadow: none;
}

#RightScrollBottom::before {
	border-left: 0.36em solid transparent;
	border-right: 0.36em solid transparent;
	border-top: 0.48em solid var(--dgreen);
}

/* IDENTYFIKATORY I POZYCJONOWANIE */
#Account {
	margin: 0;
	position: absolute;
	left: calc(var(--bas-dim-1) / 2);
	float: left;
}

#AccInfo {
	margin: 0;
	position: relative;
	width: var(--bas-dim-1);
	height: var(--bas-dim-1);
	background-image: url("images/interface/account.svg");
	background-color: transparent;
	background-position: center;
	background-size: 110%;
}

#AccUser {
	margin: 0;
	position: absolute;
	top: calc(var(--bas-dim-1) - 2.3em);
	left: calc(var(--bas-dim-1)*1.2);
	font-size: 1.2em;
}

#AccUserFunction {
	margin: 0;
	position: absolute;
	top: calc(var(--bas-dim-1) - 1.8em);
	left: calc(var(--bas-dim-1)*1.2);
	font-size: 0.7em;
}

#Active {
	position: absolute;
	top: 0;
	margin: 0;
	width: calc(100% - 8 * var(--bas-dim-1));
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}

#Agreements {
	background-image: url("images/interface/agreement.svg");
}

#Architect{
	background-image: url("images/interface/architect.svg");
}

#Arrangements{
	background-image: url("images/interface/arrangement.svg");
}

#Bottom {
	margin: 0;
	position: absolute;
	left:0;
	bottom:calc(var(--bas-dim-1)/2);
	width: 100%;
	user-select: none;
	z-index: 2;
}

#Bottom-center {
	height: var(--bas-dim-1);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	user-select: none;
}

#Building{
	background-image: url("images/interface/building.svg");
}

#Centrum {
	margin: 0;
	position: absolute;
	top:calc(var(--bas-dim-1) * 1);
	width: 100%;
	user-select: none;
	z-index: 2;
}

#Costs{
	background-image: url("images/interface/cost-pln.svg");
}

#Help {
	margin: 0;
	position: relative;
	width: var(--bas-dim-1);
	height: var(--bas-dim-1);
	background-image: url("images/interface/help.svg");
	background-color: transparent;
	background-position: center;
	background-size: 68%;
	background-repeat: no-repeat;
}

#Inspector {
	background-image: url("images/interface/inspector.svg");
}

#Log {
	margin: 0;
	position: absolute;
	left: calc(var(--bas-dim-1) / 2);
	bottom:calc(var(--bas-dim-1)/2);
	float: left;
}

#L-Place {
	position: absolute;
	top: 0.08em;
	right: calc(var(--bas-dim-1) * 4.2);
	float: left;
	width: calc(var(--bas-dim-1) * 5); /*mnożnik w zależności od liczby kafelków*/
	height:  var(--basicDimension01);
	margin: 0;
	font-family: "EB Garamond", serif;
	font-size: 8em;
	user-select: none;
	transition: 0.6s ease;
	user-select: none;
}

#MyDocs{
	background-image: url("images/interface/documents.svg");
}

#MySchedule{
	background-image: url("images/interface/schedule.svg");
}

#MyTasks {
	background-image: url("images/interface/task.svg");
}

#MyWorks {
	background-image: url("images/interface/myworks.svg");
}

#Offers {
	background-image: url("images/interface/offer-pln.svg");
}

#Producer {
	background-image: url("images/interface/producer.svg");
}

#R-Place {
	position: absolute;
	top: 0.08em;
	left: calc(var(--bas-dim-1) * 4.2);
	float: right;
	width: calc(var(--bas-dim-1) * 9);
	height:  var(--basicDimension01);
	margin: 0;
	font-family: "EB Garamond", serif;
	font-size: 8em;
	user-select: none;
	transition: 0.6s ease;
	user-select: none;
}

#RelInvestments {
	background-image: url("images/interface/investment.svg");
}

#RelProjects {
	background-image: url("images/interface/project.svg");
}

#RelProducts {
	background-image: url("images/interface/product.svg");
}

#Settings {
	margin: 0;
	position: absolute;
	top: 0;
	right: calc(var(--bas-dim-1) / 2);
	float: left;
	display: flex;
	height: var(--bas-dim-1);
}

#Start {
	position: relative;
	bottom: calc(var(--bas-dim-1)*1.45);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(var(--bas-dim-1)/5);
	user-select: none;
}

#S-Activity {
	position: relative;
	bottom: calc(var(--bas-dim-1)*1.45);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--ciemnoszary-p01);
	border-radius: calc(var(--bas-dim-1)/5);
	user-select: none;
}

#Top {
	margin: 0;
	position: absolute;
	top:calc(var(--bas-dim-1)/2);
	width: 100%;
	user-select: none;
	z-index: 2;
}

#Top-center {
	height: var(--bas-dim-1);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	user-select: none;
}

#Version {
	margin: 0;
	position: absolute;
	left: calc(var(--bas-dim-1) / 2);
	bottom:calc(var(--bas-dim-1)/10);
	float: left;
}
.bimion-topbar {
  position: fixed;
  top: 24px;
  left: 26px;
  right: 24px;
  z-index: 40;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  pointer-events: none;
}

.bimion-user,
.bimion-top-actions,
.bimion-scene-modes,
.bimion-scene-caption,
.bimion-help-button {
  pointer-events: auto;
}

.bimion-user {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #1d1d1d;
  font-family: Arial, sans-serif;
}

.bimion-user-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #0a77d8;
  color: #ffffff;
  display: grid;
  place-items: center;
  font-weight: 600;
}

#UserName {
  font-size: 20px;
  line-height: 1.1;
}

#UserRole {
  font-size: 12px;
  line-height: 1.2;
}

.bimion-top-actions {
  display: flex;
  gap: 12px;
}

.bimion-icon-button,
.bimion-help-button,
.bimion-mode-button {
  border: 1px solid #0072df;
  background: rgba(255, 255, 255, 0.72);
  color: #0072df;
  font: 500 14px/1 Arial, sans-serif;
}

.bimion-icon-button {
  width: 34px;
  height: 30px;
  border-radius: 4px;
}

.bimion-scene-modes {
  position: fixed;
  left: 50%;
  bottom: 62px;
  z-index: 35;
  display: flex;
  gap: 8px;
  transform: translateX(-50%);
}

.bimion-mode-button {
  min-width: 84px;
  height: 32px;
  border-radius: 4px;
}

.bimion-mode-button.is-active {
  background: #0072df;
  color: #ffffff;
}

.bimion-scene-caption {
  position: fixed;
  left: 20px;
  bottom: 22px;
  z-index: 35;
  color: #1d1d1d;
  font: 16px/1.25 Arial, sans-serif;
}

.bimion-help-button {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 35;
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

/* Recovery polish pass: bridge rebuilt HTML to the refined account-window style. */
.wr-messages,
.wr-sets,
.wr-help,
.wr-acc {
	padding: 1em;
}

.wr-messages > .account-section,
.wr-sets > .account-section,
.wr-help > .account-section,
.wr-acc .account-panel > .account-section {
	margin-left: 0;
	margin-right: 0;
}

.account-profile-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(15em, 100%), 1fr));
	gap: 0.8em;
	align-items: stretch;
	width: 100%;
	min-width: 0;
}

.profile-field {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	min-width: 0;
	width: 100%;
	min-height: 3.05em;
	margin: 0;
	padding: 0.55em 0.65em;
	color: var(--ciemnoszary-01);
	background-color: rgba(255, 255, 255, 0.62);
	border: 0.05em solid transparent;
	border-radius: calc(var(--bas-dim-1)/8);
	font-weight: 500;
	overflow: visible;
}

.profile-field > span,
.representation-company-field > span {
	display: block;
	margin: 0 0 0.18em 0;
	padding: 0;
	color: var(--ciemnoszary-01);
	font-size: 0.8em;
	font-weight: 500;
	line-height: 1.15;
}

.profile-field > input,
.profile-field > select,
.representation-company-field > select {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	height: 2.1em;
	margin: 0;
	padding: 0.25em 0.45em;
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
	font: inherit;
	font-size: 1.08em;
	font-weight: 600;
	line-height: 1.2;
	outline: 0;
}

.account-profile-section:not(.is-editing) .profile-field > input,
.account-region-section:not(.is-editing) .profile-field > select {
	padding-left: 0;
	color: var(--dblue);
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	font-size: 1.18em;
	font-weight: 600;
	pointer-events: none;
}

.account-profile-section.is-editing,
.account-region-section.is-editing {
	background-color: rgba(61, 135, 110, 0.14);
	transition: background-color 0.2s ease;
}

.account-profile-section.is-editing .profile-field,
.account-region-section.is-editing .profile-field {
	background-color: white;
	border-color: var(--blue2);
}

.account-profile-section.is-editing .profile-field:focus-within,
.account-region-section.is-editing .profile-field:focus-within {
	border-color: var(--dgreen);
}

.account-section-title > button,
.representation-company-title button,
.representation-main-title-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: calc(var(--bas-dim-1) * 0.52);
	height: calc(var(--bas-dim-1) * 0.52);
	min-width: calc(var(--bas-dim-1) * 0.52);
	min-height: calc(var(--bas-dim-1) * 0.52);
	margin: 0;
	padding: 0;
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid var(--blue2);
	border-radius: 50%;
	font: inherit;
	font-size: 1.1em;
	font-weight: 500;
	line-height: 1;
	cursor: pointer;
}

.account-section-title > button:hover,
.representation-company-title button:hover,
.representation-main-title-actions button:hover {
	background-color: rgba(57, 104, 144, 0.1);
	border-color: var(--dgreen);
}

.account-main-title,
.community-main-title,
.subscription-main-title,
.consents-main-title {
	gap: 0.65em;
}

.account-main-title .right-title-text,
.representation-main-title .right-title-text,
.community-main-title .right-title-text,
.subscription-main-title .right-title-text,
.consents-main-title .right-title-text {
	display: block;
	min-width: 0;
	padding-left: 0.2em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.representation-main-title .right-title-text {
	padding-left: 0.65em;
}

.representation-main-title-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.4em;
	margin-left: auto;
	padding-right: 0.15em;
}

.representation-mini-logo:empty {
	display: none;
}

.representation-company-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35em;
	margin-left: auto;
}

.representation-company-title .representation-company-remove,
.representation-company-title .representation-company-edit {
	flex: 0 0 auto;
}

.representation-company-title .representation-company-remove {
	color: var(--dblue);
	background-image: none;
	background-color: white;
	border-color: var(--blue2);
	font-size: 1.05em;
	font-weight: 600;
}

.representation-company-title .representation-company-remove.is-confirming {
	width: auto;
	min-width: calc(var(--bas-dim-1) * 2.5);
	padding: 0 0.7em;
	color: #7d1f2b;
	background-color: #f1d7d9;
	border-color: transparent;
	border-radius: calc(var(--bas-dim-1)/8);
}

.representation-logo-shape-menu button,
.representation-logo-shape-current {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--bas-dim-1) * 0.34);
	height: calc(var(--bas-dim-1) * 0.34);
	min-width: calc(var(--bas-dim-1) * 0.34);
	min-height: calc(var(--bas-dim-1) * 0.34);
	padding: 0;
	background-color: rgba(255, 255, 255, 0.88);
	border: 0;
	cursor: pointer;
}

.representation-logo-shape-menu button::before,
.representation-logo-shape-current::before {
	content: "";
	display: block;
	width: 58%;
	height: 58%;
	background-color: var(--dblue);
	border-radius: inherit;
}

.logo-shape-hexagon-icon {
	clip-path: polygon(50% 0%, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
	transform: rotate(90deg);
}

.account-access-actions {
	display: flex;
	align-items: stretch;
	gap: 0;
	width: 100%;
	margin-bottom: 0;
}

.account-access-actions .account-access-button {
	flex: 1 1 0;
	min-width: 0;
	border-radius: 0;
}

.account-access-actions .account-access-button:first-child {
	border-radius: calc(var(--bas-dim-1)/8) 0 0 calc(var(--bas-dim-1)/8);
}

.account-access-actions .account-access-button:last-child {
	border-radius: 0 calc(var(--bas-dim-1)/8) calc(var(--bas-dim-1)/8) 0;
}

.account-access-panel.is-active {
	padding: 0.9em;
	background-color: white;
	border: 0.05em solid var(--blue2);
	border-top: 0;
	border-radius: 0 0 calc(var(--bas-dim-1)/8) calc(var(--bas-dim-1)/8);
}

.account-access-levels,
.account-connected-list {
	gap: 0.6em;
}

.account-access-levels span,
.account-connected-list span,
.account-card {
	color: var(--ciemnoszary-01);
}

.account-access-levels span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.4em;
	padding: 0.45em 0.7em;
	color: var(--dblue);
	background-color: rgba(57, 104, 144, 0.08);
	border: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/8);
}

.account-logout-wrap {
	position: absolute;
	left: 0.8em;
	right: 0.8em;
	bottom: 0.75em;
	box-sizing: border-box;
}

.account-logout-wrap #AccLogout {
	position: relative;
	left: auto;
	right: auto;
	bottom: auto;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	min-height: calc(var(--bas-dim-1) * 0.74);
	padding: 0.45em 0.7em;
	border-radius: calc(var(--bas-dim-1)/8);
}

.account-logout-wrap #AccLogout .min {
	position: static;
	flex: 0 0 calc(var(--bas-dim-1) / 2);
	width: calc(var(--bas-dim-1) / 2);
	height: calc(var(--bas-dim-1) / 2);
	margin: 0 0.55em 0 0;
}

.account-logout-wrap #AccLogout .titlet {
	position: static;
	margin: 0;
	font-size: 1em;
	line-height: 1;
}

.account-logout-wrap #AccLogout.w-option-active {
	background-color: var(--blue2);
	border: 0.05em solid var(--dgreen);
}

.account-logout-wrap #AccLogoutConfirm {
	left: 0;
	right: auto;
	bottom: calc(100% + 0.3em);
	width: 100%;
	box-sizing: border-box;
	color: #8b6b00;
	background-color: #fff5c9;
	border-color: #d7b43b;
}

.account-logout-wrap #AccLogoutConfirm.is-active {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.45em;
}

.account-logout-wrap #AccLogoutConfirm span {
	color: #8b6b00;
	font-weight: 500;
}

.account-logout-wrap #AccLogoutConfirm button {
	flex: 0 0 auto;
}

.account-logout-wrap #AccLogoutConfirm #AccLogoutYes {
	margin-left: auto;
	font-weight: 400;
}

.account-logout-wrap #AccLogoutConfirm #AccLogoutNo {
	font-weight: 650;
}
.right-scroll-window .account-panel > .account-section:first-of-type,
.right-scroll-window > .account-section:first-of-type {
	margin-top: 0.85em;
}

@media (max-width: 760px) {
	.representation-company {
		grid-template-columns: minmax(calc(var(--bas-dim-1) * 1.8), 0.35fr) minmax(0, 1fr);
		gap: 0.65em;
	}

	.account-access-actions {
		font-size: 0.9em;
	}
}

/* Representation reference polish */
#AccPanelRepresentations {
	--rep-radius: calc(var(--bas-dim-1)/8);
	--rep-line: 0.06em solid var(--blue2);
	--rep-navy-line: 0.08em solid var(--dblue);
	--rep-soft: rgba(57, 104, 144, 0.07);
	--rep-edit: rgba(75, 105, 45, 0.08);
}

#AccPanelRepresentations > .representation-main-title {
	display: flex;
	align-items: center;
	gap: 0.55em;
	box-sizing: border-box;
	min-height: calc(var(--bas-dim-1) * 0.7);
	padding: 0.42em 0.78em 0.42em 0.72em;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: var(--rep-radius) 0 calc(var(--bas-dim-1)/5) var(--rep-radius);
}

#AccPanelRepresentations > .representation-main-title::before {
	box-shadow: 0 0.85em 1.15em rgba(255, 255, 255, 0.78);
}

#AccPanelRepresentations > .representation-main-title.right-title-with-top-scroll::before {
	box-shadow: 0 1.25em 1.4em rgba(255, 255, 255, 0.86);
}

#AccPanelRepresentations .representation-main-title .right-title-text {
	flex: 1 1 auto;
	min-width: 0;
	padding-left: 0.58em;
	color: var(--dblue);
	font-weight: 560;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#AccPanelRepresentations .representation-main-title-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 0 0 auto;
	gap: 0.38em;
	margin-left: auto;
	padding-right: 0.18em;
}

#AccPanelRepresentations .representation-title-icon-button,
#AccPanelRepresentations .representation-main-title-actions button {
	position: relative;
	display: inline-grid;
	place-items: center;
	box-sizing: border-box;
	width: calc(var(--bas-dim-1) * 0.48);
	height: calc(var(--bas-dim-1) * 0.48);
	min-width: calc(var(--bas-dim-1) * 0.48);
	padding: 0;
	color: var(--dblue);
	background-color: white;
	border: var(--rep-line);
	border-radius: 50%;
	cursor: pointer;
	font: inherit;
	line-height: 1;
}

#AccPanelRepresentations .representation-title-icon-button:hover,
#AccPanelRepresentations .representation-main-title-actions button:hover,
#AccPanelRepresentations .representation-title-icon-button.is-active {
	background-color: var(--rep-soft);
	border-color: var(--dgreen);
}

#AccPanelRepresentations .representation-title-icon-button:focus,
#AccPanelRepresentations .representation-main-title-actions button:focus {
	outline: 0;
	box-shadow: inset 0 0 0 0.05em rgba(57, 104, 144, 0.25);
}

#AccPanelRepresentations .representation-main-add-company::before {
	content: "+";
	display: block;
	color: var(--dblue);
	font-size: 1.58em;
	font-weight: 560;
	line-height: 0.9;
	transform: translateY(-0.03em);
}

#AccPanelRepresentations .representation-main-search-company::before,
#AccPanelRepresentations .representation-main-search-company::after {
	content: "";
	position: absolute;
	display: block;
}

#AccPanelRepresentations .representation-main-search-company::before {
	width: 36%;
	height: 36%;
	left: 43%;
	top: 42%;
	border: 0.1em solid var(--dblue);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

#AccPanelRepresentations .representation-main-search-company::after {
	width: 30%;
	height: 0.1em;
	left: 53%;
	top: 57%;
	background-color: var(--dblue);
	border-radius: 1em;
	transform: rotate(45deg);
	transform-origin: left center;
}

#AccPanelRepresentations > .account-section {
	box-sizing: border-box;
	width: 100%;
	margin-top: 0.82em;
}

#AccPanelRepresentations .representation-company-section {
	padding: 0.88em;
	background-color: rgba(255, 255, 255, 0.96);
	border: var(--rep-navy-line);
	border-radius: var(--rep-radius);
}

#AccPanelRepresentations .representation-company-section.is-editing {
	background-color: rgba(75, 105, 45, 0.08);
}

#AccPanelRepresentations .representation-company-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75em;
	margin: 0 0 0.82em 0;
	padding: 0;
}

#AccPanelRepresentations .representation-company-name {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0.16em 0;
	color: var(--dblue);
	font-size: 1.28em;
	font-weight: 560;
	line-height: 1.1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#AccPanelRepresentations .representation-company-actions {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	flex: 0 0 auto;
	width: auto !important;
	margin: 0 !important;
	padding: 0;
	gap: 0.35em;
}

#AccPanelRepresentations .representation-company-edit,
#AccPanelRepresentations .representation-company-remove {
	position: relative;
	display: inline-grid;
	place-items: center;
	box-sizing: border-box;
	width: calc(var(--bas-dim-1) * 0.44);
	height: calc(var(--bas-dim-1) * 0.44);
	min-width: calc(var(--bas-dim-1) * 0.44);
	margin: 0;
	padding: 0;
	background-image: none;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	font: inherit;
	line-height: 1;
}

#AccPanelRepresentations .representation-company-edit {
	background-color: white;
	box-shadow: inset 0 0 0 0.05em var(--blue2);
}

#AccPanelRepresentations .representation-company-edit::before,
#AccPanelRepresentations .representation-company-edit::after {
	content: "";
	position: absolute;
	display: block;
}

#AccPanelRepresentations .representation-company-edit::before {
	width: 42%;
	height: 0.11em;
	left: 29%;
	top: 54%;
	background-color: var(--dblue);
	border-radius: 1em;
	transform: rotate(-38deg);
}

#AccPanelRepresentations .representation-company-edit::after {
	width: 0;
	height: 0;
	left: 61%;
	top: 38%;
	border-left: 0.16em solid var(--dblue);
	border-top: 0.12em solid transparent;
	border-bottom: 0.12em solid transparent;
	transform: rotate(-38deg);
}

#AccPanelRepresentations .representation-company-section.is-editing .representation-company-edit {
	background-color: var(--dblue);
	box-shadow: none;
}

#AccPanelRepresentations .representation-company-section.is-editing .representation-company-edit::before {
	width: 42%;
	height: 0.12em;
	left: 31%;
	top: 50%;
	background-color: white;
	transform: rotate(-45deg);
}

#AccPanelRepresentations .representation-company-section.is-editing .representation-company-edit::after {
	width: 24%;
	height: 0.12em;
	left: 21%;
	top: 57%;
	background-color: white;
	border: 0;
	border-radius: 1em;
	transform: rotate(45deg);
}

#AccPanelRepresentations .representation-company-remove {
	color: var(--dblue);
	background-color: white;
	font-size: 0;
	box-shadow: inset 0 0 0 0.05em var(--blue2);
}

#AccPanelRepresentations .representation-company-remove::before {
	content: "x";
	color: var(--dblue);
	font-size: 1.05rem;
	font-weight: 560;
	line-height: 1;
	transform: translateY(-0.05em);
}

#AccPanelRepresentations .representation-company-edit:hover,
#AccPanelRepresentations .representation-company-remove:hover {
	background-color: var(--rep-soft);
	box-shadow: inset 0 0 0 0.05em var(--dgreen);
}

#AccPanelRepresentations .representation-remove-confirm-panel {
	margin-left: auto;
	color: #7d1f2b;
	background-color: #f7e1e3;
	border-color: #efc4c8;
}

#AccPanelRepresentations .representation-company {
	display: grid;
	grid-template-columns: minmax(calc(var(--bas-dim-1) * 2), 0.27fr) minmax(0, 1fr);
	align-items: stretch;
	gap: 0.95em;
	width: 100%;
}

#AccPanelRepresentations .representation-logo-box {
	display: grid;
	grid-template-rows: minmax(calc(var(--bas-dim-1) * 2.2), 1fr) auto;
	align-self: stretch;
	gap: 0.42em;
	min-width: 0;
}

#AccPanelRepresentations .representation-logo {
	position: relative;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	width: 100%;
	min-height: calc(var(--bas-dim-1) * 2.2);
	padding: 0.55em;
	color: var(--dblue);
	background-color: #f8fbfd;
	border: var(--rep-navy-line);
	border-radius: var(--rep-radius);
	overflow: hidden;
	cursor: pointer;
}

#AccPanelRepresentations .representation-logo-circle {
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}

#AccPanelRepresentations .representation-logo-hexagon {
	clip-path: polygon(50% 0%, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
	aspect-ratio: 1 / 1;
}

#AccPanelRepresentations .representation-logo span {
	color: var(--dblue);
	font-size: 1.08em;
	font-weight: 560;
	letter-spacing: 0;
}

#AccPanelRepresentations .representation-logo input {
	display: none;
}

#AccPanelRepresentations .representation-logo-shape-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: calc(var(--bas-dim-1) * 0.4);
	gap: 0.22em;
}

#AccPanelRepresentations .representation-company-section:not(.is-editing) .representation-logo-shape-controls {
	display: none;
}

#AccPanelRepresentations .representation-company-section.is-editing .representation-logo-shape-controls {
	display: flex;
}

#AccPanelRepresentations .representation-logo-shape-menu {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 0.24em;
	position: static;
	padding: 0;
	background: transparent;
	border: 0;
}

#AccPanelRepresentations .representation-company-section.is-editing .representation-logo-shape-current {
	display: inline-grid;
}

#AccPanelRepresentations .representation-company-section.is-editing .representation-logo-shape-controls:hover .representation-logo-shape-menu,
#AccPanelRepresentations .representation-company-section.is-editing .representation-logo-shape-controls.is-open .representation-logo-shape-menu {
	display: flex;
}

#AccPanelRepresentations .representation-logo-shape-controls:hover .representation-logo-shape-current,
#AccPanelRepresentations .representation-logo-shape-controls.is-open .representation-logo-shape-current {
	display: none;
}

#AccPanelRepresentations .representation-logo-shape-menu button,
#AccPanelRepresentations .representation-logo-shape-current {
	width: calc(var(--bas-dim-1) * 0.32);
	height: calc(var(--bas-dim-1) * 0.32);
	min-width: calc(var(--bas-dim-1) * 0.32);
	min-height: calc(var(--bas-dim-1) * 0.32);
	background-color: white;
	border: 0;
	border-radius: 50%;
}

#AccPanelRepresentations .logo-shape-square-icon::before {
	border-radius: calc(var(--bas-dim-1)/16);
}

#AccPanelRepresentations .logo-shape-circle-icon::before {
	border-radius: 50%;
}

#AccPanelRepresentations .logo-shape-hexagon-icon::before {
	clip-path: polygon(50% 0%, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
	transform: rotate(90deg);
}

#AccPanelRepresentations .representation-company-data,
#AccPanelRepresentations .representation-company-data-card {
	align-self: stretch;
	min-width: 0;
	width: 100%;
}

#AccPanelRepresentations .representation-company-data-card {
	display: grid;
	align-content: start;
	align-items: stretch;
	justify-items: stretch;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.45em;
	box-sizing: border-box;
	min-height: 100%;
	padding: 0.85em;
	color: var(--ciemnoszary-01);
	background-color: white;
	border: var(--rep-line);
	border-radius: var(--rep-radius);
}

#AccPanelRepresentations .representation-company-data-card > strong {
	color: var(--dblue);
	font-size: 1em;
	font-weight: 560;
}

#AccPanelRepresentations .representation-company-static {
	display: block;
	min-width: 0;
	color: var(--ciemnoszary-01);
	font-size: 0.96em;
	line-height: 1.32;
	overflow-wrap: anywhere;
}

#AccPanelRepresentations .representation-company-controls {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: end;
	justify-items: stretch;
	gap: 0.58em;
	width: 100%;
	justify-self: stretch;
	margin-top: 0.25em;
}

#AccPanelRepresentations .representation-company-field {
	display: grid;
	gap: 0.28em;
	min-width: 0;
	width: 100%;
	justify-self: stretch;
	color: var(--dblue);
	font-size: 0.86em;
}

#AccPanelRepresentations .representation-company-field select,
#AccPanelRepresentations .representation-company-edit-input {
	box-sizing: border-box;
	width: 100%;
	min-height: calc(var(--bas-dim-1) * 0.52);
	padding: 0.45em 0.72em;
	color: var(--ciemnoszary-01);
	background-color: white;
	border: var(--rep-line);
	border-radius: var(--rep-radius);
	font: inherit;
	line-height: 1.2;
}

#AccPanelRepresentations .representation-company-field select:disabled {
	color: var(--ciemnoszary-01);
	opacity: 1;
	pointer-events: none;
}

#AccPanelRepresentations .representation-company-section.is-editing .representation-company-field select,
#AccPanelRepresentations .representation-company-section.is-editing .representation-company-edit-input {
	border-color: var(--dgreen);
}

#AccPanelRepresentations .representation-scope-block {
	margin-top: 1.08em;
}

#AccPanelRepresentations .representation-scope-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.7em;
	margin-bottom: 0.42em;
	color: var(--dblue);
}

#AccPanelRepresentations .representation-scope-title-text {
	color: var(--dblue);
	font-size: 1.02em;
	font-weight: 560;
	line-height: 1.15;
}

#AccPanelRepresentations .round-add-button,
#AccPanelRepresentations .representation-scope-add {
	display: inline-grid;
	place-items: center;
	width: calc(var(--bas-dim-1) * 0.43);
	height: calc(var(--bas-dim-1) * 0.43);
	min-width: calc(var(--bas-dim-1) * 0.43);
	padding: 0;
	color: white;
	background-color: var(--dblue);
	border: 0;
	border-radius: 50%;
}

#AccPanelRepresentations .round-add-button::before,
#AccPanelRepresentations .representation-scope-add::before {
	font-size: 1.45em;
	font-weight: 560;
	line-height: 1;
	transform: translateY(-0.04em);
}

#AccPanelRepresentations .representation-tags-framed {
	box-sizing: border-box;
	width: 100%;
	padding: 0.68em;
	background-color: rgba(255, 255, 255, 0.78);
	border: var(--rep-navy-line);
	border-radius: var(--rep-radius);
}

#AccPanelRepresentations .representation-tags {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(11em, 100%), 1fr));
	gap: 0.48em;
	margin: 0;
}

#AccPanelRepresentations .representation-tags span {
	justify-content: center;
	min-height: calc(var(--bas-dim-1) * 0.48);
	padding: 0.43em 1.85em;
	color: var(--ciemnoszary-01);
	background-color: white;
	border: var(--rep-line);
	border-radius: var(--rep-radius);
	font-weight: 430;
	line-height: 1.05;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#AccPanelRepresentations .representation-scope-remove {
	width: 1.45em;
	color: var(--dblue);
	background-color: rgba(57, 104, 144, 0.08);
	font-size: 1.28em;
}

#AccPanelRepresentations .representation-scope-picker {
	padding: 0.68em;
	border: var(--rep-navy-line);
	border-top: 0;
	border-radius: 0 0 var(--rep-radius) var(--rep-radius);
}

#AccPanelRepresentations .representation-scope-option {
	min-height: calc(var(--bas-dim-1) * 0.5);
	color: var(--ciemnoszary-01);
	background-color: white;
	border: var(--rep-line);
}

#AccPanelRepresentations .representation-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin-top: 0.92em;
}

#AccPanelRepresentations .representation-metric {
	display: grid;
	place-items: center;
	align-content: center;
	min-width: 0;
	min-height: calc(var(--bas-dim-1) * 0.95);
	padding: 0.52em 0.35em;
	color: var(--ciemnoszary-01);
	background-color: white;
	border: var(--rep-line);
	border-right: 0;
	border-radius: 0;
}

#AccPanelRepresentations .representation-metric:first-child {
	border-radius: var(--rep-radius) 0 0 var(--rep-radius);
}

#AccPanelRepresentations .representation-metric:last-child {
	border-right: var(--rep-line);
	border-radius: 0 var(--rep-radius) var(--rep-radius) 0;
}

#AccPanelRepresentations .representation-metric strong {
	color: var(--dblue);
	font-size: 1.28em;
	font-weight: 560;
	line-height: 1;
}

#AccPanelRepresentations .representation-metric span {
	margin-top: 0.22em;
	font-size: 0.84em;
	line-height: 1.1;
	text-align: center;
}

#AccPanelRepresentations .representation-metric:hover,
#AccPanelRepresentations .representation-metric.is-active {
	background-color: var(--rep-soft);
	border-color: var(--dgreen);
}

#AccPanelRepresentations .representation-metrics-active .representation-metric.is-active,
#AccPanelRepresentations .representation-metric.is-active {
	background-color: white;
	border-bottom-color: white;
	border-radius: var(--rep-radius) var(--rep-radius) 0 0;
}

#AccPanelRepresentations .representation-metric-panel {
	margin-top: -0.06em;
	padding: 0.75em;
	background-color: white;
	border: var(--rep-line);
	border-radius: 0 0 var(--rep-radius) var(--rep-radius);
}

#AccPanelRepresentations .representation-row,
#AccPanelRepresentations .representation-entity-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 0.58em;
	padding: 0.62em;
	color: var(--ciemnoszary-01);
	background-color: rgba(57, 104, 144, 0.05);
	border: var(--rep-line);
	border-radius: var(--rep-radius);
}

#AccPanelRepresentations .representation-row strong,
#AccPanelRepresentations .representation-entity-row strong {
	color: var(--dblue);
	font-weight: 560;
}

#AccPanelRepresentations .representation-investments,
#AccPanelRepresentations .representation-contracts {
	padding: 0.88em;
	background-color: rgba(255, 255, 255, 0.96);
	border: var(--rep-navy-line);
	border-radius: var(--rep-radius);
}

#AccPanelRepresentations .account-section-title {
	margin: 0 0 0.75em 0;
	padding: 0;
	color: var(--dblue);
	font-size: 1.02em;
	font-weight: 560;
}

#AccPanelRepresentations .representation-investment-row,
#AccPanelRepresentations .representation-contract-row {
	display: grid;
	grid-template-columns: calc(var(--bas-dim-1) * 1.75) minmax(0, 1fr);
	align-items: stretch;
	gap: 0.85em;
	box-sizing: border-box;
	width: 100%;
	padding: 0.76em;
	background-color: white;
	border: var(--rep-line);
	border-radius: var(--rep-radius);
}

#AccPanelRepresentations .representation-investment-visual,
#AccPanelRepresentations .representation-contract-visual {
	display: grid;
	align-content: start;
	gap: 0.42em;
	min-width: 0;
}

#AccPanelRepresentations .representation-investment-thumb,
#AccPanelRepresentations .representation-contract-thumb {
	display: grid;
	place-items: center;
	width: 100%;
	aspect-ratio: 1 / 1;
	min-height: calc(var(--bas-dim-1) * 1.7);
	box-sizing: border-box;
	background-color: #f8fbfd;
	border: var(--rep-navy-line);
	border-radius: var(--rep-radius);
}

#AccPanelRepresentations .representation-investment-thumb::before,
#AccPanelRepresentations .representation-contract-thumb::before {
	content: "";
	display: block;
	width: 54%;
	height: 54%;
	background-color: rgba(57, 104, 144, 0.12);
	border: 0.08em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/10);
}

#AccPanelRepresentations .representation-investment-thumb-estate::before {
	clip-path: polygon(50% 0%, 100% 34%, 88% 100%, 12% 100%, 0 34%);
}

#AccPanelRepresentations .representation-contract-thumb-service::before {
	clip-path: polygon(50% 0%, 92% 25%, 92% 75%, 50% 100%, 8% 75%, 8% 25%);
}

#AccPanelRepresentations .representation-investment-link,
#AccPanelRepresentations .representation-contract-link {
	display: grid;
	place-items: center;
	min-height: calc(var(--bas-dim-1) * 0.43);
	color: var(--dblue);
	background-color: white;
	border: var(--rep-line);
	border-radius: var(--rep-radius);
	font-size: 0.82em;
	font-weight: 560;
	text-decoration: none;
}

#AccPanelRepresentations .representation-investment-details,
#AccPanelRepresentations .representation-contract-details {
	display: grid;
	align-content: start;
	gap: 0.48em;
	min-width: 0;
}

#AccPanelRepresentations .representation-investment-details > strong,
#AccPanelRepresentations .representation-contract-details > strong {
	color: var(--dblue);
	font-size: 1.05em;
	font-weight: 560;
	line-height: 1.18;
}

#AccPanelRepresentations .representation-investment-data,
#AccPanelRepresentations .representation-contract-data {
	display: grid;
	gap: 0.36em;
}

#AccPanelRepresentations .representation-investment-data div,
#AccPanelRepresentations .representation-contract-data div {
	display: grid;
	grid-template-columns: minmax(8.4em, 0.38fr) minmax(0, 1fr);
	align-items: center;
	gap: 0.62em;
	min-width: 0;
	padding: 0.42em 0.55em;
	background-color: rgba(57, 104, 144, 0.04);
	border: var(--rep-line);
	border-radius: calc(var(--bas-dim-1)/10);
}

#AccPanelRepresentations .representation-investment-data b,
#AccPanelRepresentations .representation-contract-data b {
	color: var(--dblue);
	font-size: 0.84em;
	font-weight: 520;
	line-height: 1.15;
}

#AccPanelRepresentations .representation-investment-data span,
#AccPanelRepresentations .representation-contract-data span {
	min-width: 0;
	color: var(--ciemnoszary-01);
	line-height: 1.2;
	overflow-wrap: anywhere;
}

#AccPanelRepresentations .status-text-active {
	display: inline;
	color: #295c28;
	font-weight: 560;
}

@media (max-width: 760px) {
	#AccPanelRepresentations .representation-company,
	#AccPanelRepresentations .representation-investment-row,
	#AccPanelRepresentations .representation-contract-row {
		grid-template-columns: 1fr;
	}

	#AccPanelRepresentations .representation-logo-box {
		max-width: calc(var(--bas-dim-1) * 2.3);
	}

	#AccPanelRepresentations .representation-company-controls,
	#AccPanelRepresentations .representation-investment-data div,
	#AccPanelRepresentations .representation-contract-data div {
		grid-template-columns: 1fr;
	}

	#AccPanelRepresentations .representation-metrics {
		grid-template-columns: 1fr;
		gap: 0.42em;
	}

	#AccPanelRepresentations .representation-metric,
	#AccPanelRepresentations .representation-metric:first-child,
	#AccPanelRepresentations .representation-metric:last-child {
		border: var(--rep-line);
		border-radius: var(--rep-radius);
	}
}

/* Representation controls and icon system normalization */
#AccPanelRepresentations {
	--rep-control-height: calc(var(--bas-dim-1) * 0.56);
	--rep-step-width: calc(var(--bas-dim-1) * 0.42);
	--rep-icon-main: calc(var(--bas-dim-1) * 0.5);
	--rep-icon-small: calc(var(--bas-dim-1) * 0.45);
	--rep-step-bg: rgba(57, 104, 144, 0.1);
	--rep-step-bg-hover: rgba(57, 104, 144, 0.17);
}

#AccPanelRepresentations .representation-company-field .account-field-label {
	display: block;
	color: var(--dblue);
	font-size: 0.9em;
	font-weight: 520;
	line-height: 1.1;
}

#AccPanelRepresentations .representation-company-field .select-stepper {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: var(--rep-control-height);
	min-height: var(--rep-control-height);
	color: var(--ciemnoszary-01);
	background-color: white;
	border: var(--rep-line);
	border-radius: var(--rep-radius);
	overflow: visible;
}

#AccPanelRepresentations .representation-company-field .select-stepper.is-open {
	border-color: var(--dgreen);
	border-radius: var(--rep-radius) var(--rep-radius) 0 0;
	z-index: 50;
}

#AccPanelRepresentations .representation-company-field .select-stepper select {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
}

#AccPanelRepresentations .representation-company-field .select-stepper-value {
	position: absolute;
	top: 0;
	bottom: 0;
	left: var(--rep-step-width);
	right: var(--rep-step-width);
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: none;
	margin: 0;
	padding: 0 0.8em;
	color: var(--ciemnoszary-01);
	background-color: white;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: default;
	font: inherit;
	font-size: 0.95em;
	font-weight: 470;
	line-height: 1.1;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 2;
}

#AccPanelRepresentations .representation-company-section.is-editing .select-stepper-value {
	cursor: pointer;
}

#AccPanelRepresentations .representation-company-field .select-stepper-value:focus,
#AccPanelRepresentations .representation-company-field .select-stepper-value:active {
	outline: 0;
	box-shadow: none;
}

#AccPanelRepresentations .representation-company-field .select-stepper-value.is-placeholder {
	color: rgba(47, 53, 58, 0.66);
	font-style: normal;
}

#AccPanelRepresentations .representation-company-field .select-stepper.is-open .select-stepper-value.is-placeholder {
	color: transparent;
}

#AccPanelRepresentations .representation-company-field .select-step {
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	box-sizing: border-box;
	width: var(--rep-step-width);
	height: 100%;
	margin: 0;
	padding: 0;
	color: transparent;
	background-color: var(--rep-step-bg);
	border: 0;
	outline: 0;
	box-shadow: none;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 3;
}

#AccPanelRepresentations .representation-company-field .select-step:disabled {
	cursor: default;
	pointer-events: none;
}

#AccPanelRepresentations .representation-company-field .select-step[data-select-direction="-1"] {
	left: 0;
	border-radius: var(--rep-radius) 0 0 var(--rep-radius);
}

#AccPanelRepresentations .representation-company-field .select-step[data-select-direction="1"] {
	right: 0;
	border-radius: 0 var(--rep-radius) var(--rep-radius) 0;
}

#AccPanelRepresentations .representation-company-field .select-stepper.is-open .select-step[data-select-direction="-1"] {
	border-radius: var(--rep-radius) 0 0 0;
}

#AccPanelRepresentations .representation-company-field .select-stepper.is-open .select-step[data-select-direction="1"] {
	border-radius: 0 var(--rep-radius) 0 0;
}

#AccPanelRepresentations .representation-company-field .select-step:hover {
	background-color: var(--rep-step-bg-hover);
}

#AccPanelRepresentations .representation-company-field .select-step::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	transform: translate(-50%, -50%);
}

#AccPanelRepresentations .representation-company-field .select-step[data-select-direction="-1"]::before {
	border-top: 0.3rem solid transparent;
	border-bottom: 0.3rem solid transparent;
	border-right: 0.48rem solid var(--dblue);
}

#AccPanelRepresentations .representation-company-field .select-step[data-select-direction="1"]::before {
	border-top: 0.3rem solid transparent;
	border-bottom: 0.3rem solid transparent;
	border-left: 0.48rem solid var(--dblue);
}

#AccPanelRepresentations .representation-company-field .select-stepper-menu {
	position: absolute;
	top: calc(100% - 0.06em);
	left: -0.06em;
	right: -0.06em;
	display: none;
	box-sizing: border-box;
	width: auto;
	max-height: calc(var(--rep-control-height) * 5);
	margin: 0;
	padding: 0;
	background-color: white;
	border: var(--rep-line);
	border-color: var(--dgreen);
	border-top: 0;
	border-radius: 0 0 var(--rep-radius) var(--rep-radius);
	box-shadow: 0 0.45em 0.85em rgba(57, 104, 144, 0.14);
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 45;
}

#AccPanelRepresentations .representation-company-field .select-stepper.is-open .select-stepper-menu {
	display: block;
}

#AccPanelRepresentations .representation-company-field .select-stepper-option {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: var(--rep-control-height);
	padding: 0.45em 0.8em;
	color: var(--ciemnoszary-01);
	background-color: white;
	border: 0;
	border-top: var(--rep-line);
	border-top-color: rgba(57, 104, 144, 0.14);
	cursor: pointer;
	font: inherit;
	font-size: 0.93em;
	line-height: 1.1;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#AccPanelRepresentations .representation-company-field .select-stepper-option:first-child {
	border-top: 0;
}

#AccPanelRepresentations .representation-company-field .select-stepper-option:hover,
#AccPanelRepresentations .representation-company-field .select-stepper-option.is-active {
	color: var(--dblue);
	background-color: var(--rep-soft);
}

#AccPanelRepresentations .representation-title-icon-button,
#AccPanelRepresentations .representation-main-title-actions button {
	width: var(--rep-icon-main);
	height: var(--rep-icon-main);
	min-width: var(--rep-icon-main);
	min-height: var(--rep-icon-main);
}

#AccPanelRepresentations .representation-company-edit,
#AccPanelRepresentations .representation-company-remove,
#AccPanelRepresentations .round-add-button,
#AccPanelRepresentations .representation-scope-add,
#AccPanelRepresentations .representation-logo-shape-menu button,
#AccPanelRepresentations .representation-logo-shape-current {
	display: inline-grid;
	place-items: center;
	box-sizing: border-box;
	width: var(--rep-icon-small);
	height: var(--rep-icon-small);
	min-width: var(--rep-icon-small);
	min-height: var(--rep-icon-small);
	margin: 0;
	padding: 0;
	border-radius: 50%;
}

#AccPanelRepresentations .representation-logo-shape-menu button,
#AccPanelRepresentations .representation-logo-shape-current {
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: inset 0 0 0 0.05em rgba(57, 104, 144, 0.18);
}

#AccPanelRepresentations .representation-logo-shape-menu button::before,
#AccPanelRepresentations .representation-logo-shape-current::before {
	content: "";
	display: block;
	width: 54%;
	height: 54%;
	background-color: var(--dblue);
}

#AccPanelRepresentations .representation-company-edit::before {
	width: 40%;
	height: 0.1em;
	left: 30%;
	top: 54%;
}

#AccPanelRepresentations .representation-company-edit::after {
	left: 60%;
	top: 39%;
	border-left-width: 0.15em;
	border-top-width: 0.11em;
	border-bottom-width: 0.11em;
}

#AccPanelRepresentations .representation-company-remove::before {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 1.04rem;
	line-height: 1;
	transform: translateY(-0.06em);
}

#AccPanelRepresentations .representation-main-add-company::before {
	font-size: 1.72em;
	transform: translateY(-0.04em);
}

#AccPanelRepresentations .representation-main-search-company::before {
	width: 35%;
	height: 35%;
	left: 43%;
	top: 42%;
}

#AccPanelRepresentations .representation-main-search-company::after {
	width: 28%;
	left: 54%;
	top: 58%;
}

#AccPanelRepresentations .representation-investment-link,
#AccPanelRepresentations .representation-contract-link {
	min-height: var(--rep-icon-small);
	font-size: 0;
	line-height: 1;
}

#AccPanelRepresentations .representation-investment-link::before,
#AccPanelRepresentations .representation-contract-link::before {
	content: "↗";
	color: var(--dblue);
	font-size: 0.95rem;
	font-weight: 560;
	line-height: 1;
	transform: translateY(-0.03em);
}

#AccPanelRepresentations .representation-investment-link:hover,
#AccPanelRepresentations .representation-contract-link:hover {
	background-color: var(--rep-soft);
	border-color: var(--dgreen);
}

.wr-acc .function-category,
.wr-acc .community-category,
.wr-acc .subscription-category,
.wr-acc .consents-category {
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.96);
	border: 0.08em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/8);
}

.wr-acc .function-card,
.wr-acc .community-user-card,
.wr-acc .subscription-plan,
.wr-acc .consent-card {
	border-radius: calc(var(--bas-dim-1)/8);
}

/* Bimion sector design system */
:root {
	--bimion-sector-border: 0.08em solid var(--dblue);
	--bimion-category-bg: rgba(255, 255, 255, 0.96);
	--bimion-category-title-bg: rgba(57, 104, 144, 0.08);
	--bimion-operator-size: calc(var(--bas-dim-1) * 0.5);
	--bimion-category-operator-size: calc(var(--bas-dim-1) * 0.44);
	--bimion-label-color: var(--dblue);
	--bimion-data-color: var(--ciemnoszary-01);
}

.bimion-sector-panel,
.bimion-sector-window {
	box-sizing: border-box;
}

.bimion-sector-panel {
	border-color: var(--dblue);
}

.bimion-sector-window {
	border-color: var(--dblue);
}

.sector-panel-title {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	min-height: calc(var(--bas-dim-1) * 0.72);
	margin: 0.5em 0.5em 0.35em 0.5em;
	padding: 0 0.65em;
	color: var(--dblue);
	background-color: rgba(57, 104, 144, 0.09);
	border: 0.06em solid rgba(57, 104, 144, 0.22);
	border-radius: calc(var(--bas-dim-1)/8);
	font-size: 1.05em;
	font-weight: 560;
	line-height: 1.1;
}

.sector-issue-list {
	display: grid;
	gap: 0.38em;
	box-sizing: border-box;
	width: 100%;
	padding: 0.15em 0.5em 0.8em 0.5em;
}

.sector-issue-option {
	display: flex;
	align-items: center;
	gap: 0.56em;
	box-sizing: border-box;
	min-height: calc(var(--bas-dim-1) * 0.62);
	width: 100%;
	margin: 0;
	padding: 0.42em 0.58em;
	color: var(--dblue);
	background-color: rgba(255, 255, 255, 0.92);
	border: 0.05em solid rgba(57, 104, 144, 0.14);
	border-radius: calc(var(--bas-dim-1)/8);
	cursor: pointer;
	transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.sector-issue-option:hover,
.sector-issue-option.w-option-active {
	background-color: rgba(57, 104, 144, 0.08);
	border-color: var(--dgreen);
}

.sector-issue-option:hover {
	transform: translateX(0.08em);
}

.sector-issue-option .titlet {
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	min-width: 0;
	width: auto !important;
	margin: 0;
	color: var(--dblue);
	font-size: 0.96em;
	font-weight: 520;
	line-height: 1.15;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sector-issue-dot {
	position: static !important;
	left: auto !important;
	top: auto !important;
	display: grid;
	place-items: center;
	flex: 0 0 calc(var(--bas-dim-1) * 0.38);
	width: calc(var(--bas-dim-1) * 0.38);
	height: calc(var(--bas-dim-1) * 0.38);
	margin: 0;
	color: white;
	background-color: var(--dblue);
	border-radius: 50%;
	font-size: 0.72em;
	font-weight: 560;
	line-height: 1;
}

.sector-issue-view {
	display: none;
}

.sector-issue-view.sector-issue-view-active,
.sector-issue-view.account-panel-active {
	display: block;
}

.sector-issue-body {
	display: grid;
	gap: 0.82em;
}

.sector-title-mark {
	display: grid;
	place-items: center;
	width: calc(var(--bas-dim-1) * 0.72);
	height: calc(var(--bas-dim-1) * 0.72);
	margin-right: 0.35em;
	color: white;
	background-color: var(--dblue);
	box-shadow: 0 0.18em 0.48em rgba(57, 104, 144, 0.16);
	border-radius: 50%;
	font-size: 0.88em;
	font-weight: 560;
	line-height: 1;
}

.bimion-issue-trigger {
	box-sizing: border-box;
}

.bimion-issue-title {
	display: flex;
	align-items: center;
	gap: 0.55em;
	color: var(--dblue);
}

.bimion-issue-title .right-title-text {
	font-weight: 560;
}

.bimion-issue-title .representation-main-title-actions,
.bimion-issue-title .issue-operators,
.bimion-category-title .category-operators,
.account-section-title .category-operators {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35em;
	margin-left: auto;
}

.bimion-issue-title button,
.bimion-operator,
.issue-operator,
.category-operator {
	position: relative;
	display: inline-grid;
	place-items: center;
	box-sizing: border-box;
	width: var(--bimion-operator-size);
	height: var(--bimion-operator-size);
	min-width: var(--bimion-operator-size);
	min-height: var(--bimion-operator-size);
	margin: 0;
	padding: 0;
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid rgba(57, 104, 144, 0.16);
	border-radius: 50%;
	cursor: pointer;
	font: inherit;
	font-size: 0.86em;
	font-weight: 560;
	line-height: 1;
	text-align: center;
}

.bimion-issue-title button:hover,
.bimion-operator:hover,
.issue-operator:hover,
.category-operator:hover {
	background-color: rgba(57, 104, 144, 0.08);
	border-color: var(--dgreen);
}

.bimion-category,
.category-card {
	box-sizing: border-box;
	width: 100%;
	background-color: var(--bimion-category-bg);
	border: var(--bimion-sector-border);
	border-radius: calc(var(--bas-dim-1)/8);
	box-shadow: 0 0.18em 0.7em rgba(57, 104, 144, 0.045);
}

.bimion-category-title,
.category-title,
.wr-acc .account-section-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65em;
	box-sizing: border-box;
	width: 100%;
	min-height: calc(var(--bas-dim-1) * 0.58);
	margin: 0 0 0.75em 0;
	padding: 0.48em 0.62em;
	color: var(--dblue);
	background-color: var(--bimion-category-title-bg);
	border: 0.05em solid rgba(57, 104, 144, 0.14);
	border-radius: calc(var(--bas-dim-1)/8);
	font-size: 1em;
	font-weight: 560;
	line-height: 1.15;
}

.bimion-category-title > span,
.category-title > span,
.wr-acc .account-section-title > span {
	min-width: 0;
	color: var(--dblue);
	font-size: 1em;
	font-weight: 560;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bimion-category-title button,
.category-title button,
.wr-acc .account-section-title > button {
	width: var(--bimion-category-operator-size);
	height: var(--bimion-category-operator-size);
	min-width: var(--bimion-category-operator-size);
	min-height: var(--bimion-category-operator-size);
}

.category-collapse-toggle {
	color: #0b70c9;
}

.category-collapse-toggle::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 0.26em solid transparent;
	border-right: 0.26em solid transparent;
	border-top: 0.34em solid currentColor;
	transition: transform 0.2s ease;
}

.bimion-category.is-category-collapsed > :not(.bimion-category-title):not(.account-section-title),
.category-card.is-category-collapsed > :not(.bimion-category-title):not(.account-section-title) {
	display: none !important;
}

.bimion-category.is-category-collapsed > .bimion-category-title,
.bimion-category.is-category-collapsed > .account-section-title,
.category-card.is-category-collapsed > .bimion-category-title,
.category-card.is-category-collapsed > .account-section-title {
	margin-bottom: 0;
}

.bimion-category.is-category-collapsed .category-collapse-toggle::before,
.category-card.is-category-collapsed .category-collapse-toggle::before {
	transform: rotate(180deg);
}
.bimion-data-row,
.representation-investment-data div,
.representation-contract-data div,
.subscription-plan-stats div {
	box-sizing: border-box;
}

.bimion-data-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.5em;
}

.bimion-data-row {
	display: grid;
	gap: 0.16em;
	min-width: 0;
	padding: 0.55em 0.62em;
	background-color: white;
	border: 0.05em solid rgba(57, 104, 144, 0.12);
	border-radius: calc(var(--bas-dim-1)/10);
}

.bimion-data-row:hover {
	border-color: rgba(57, 104, 144, 0.28);
	background-color: rgba(255, 255, 255, 0.98);
}

.bimion-data-label,
.representation-investment-data b,
.representation-contract-data b,
.subscription-plan-stats span,
.community-user-stats span {
	color: var(--bimion-label-color);
	font-size: 0.84em;
	font-weight: 520;
	line-height: 1.15;
}

.bimion-data-value,
.representation-investment-data span,
.representation-contract-data span,
.community-user-main strong {
	color: var(--bimion-data-color);
	font-size: 1em;
	font-weight: 450;
	line-height: 1.18;
	overflow-wrap: anywhere;
}

.bimion-number,
.community-user-stats b,
.subscription-plan-stats b,
.function-card b,
.representation-metric strong {
	color: var(--dblue);
	font-size: 1.28em;
	font-weight: 560;
	line-height: 1;
}

.bimion-metric-strip {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	margin-top: 0.55em;
	border: 0.05em solid rgba(57, 104, 144, 0.14);
	border-radius: calc(var(--bas-dim-1)/8);
	overflow: hidden;
}

.bimion-metric-strip > div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.55em;
	min-height: calc(var(--bas-dim-1) * 0.62);
	padding: 0.35em 0.55em;
	background-color: white;
	color: var(--bimion-label-color);
	font-size: 0.9em;
	line-height: 1.1;
}

.bimion-autorefresh-panel {
	background-color: rgba(245, 250, 247, 0.98);
}

.bimion-autorefresh-grid {
	align-items: stretch;
}

.bimion-autorefresh-toggle,
.bimion-autorefresh-interval {
	box-sizing: border-box;
	width: 100%;
	min-height: calc(var(--bas-dim-1) * 0.48);
	padding: 0.35em 0.6em;
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid rgba(57, 104, 144, 0.22);
	border-radius: calc(var(--bas-dim-1)/10);
	font: inherit;
	font-size: 1em;
	font-weight: 520;
	line-height: 1.1;
	text-align: center;
}

.bimion-autorefresh-toggle {
	cursor: pointer;
}

.bimion-autorefresh-toggle.is-active {
	color: #295c28;
	background-color: rgba(47, 110, 54, 0.08);
	border-color: rgba(47, 110, 54, 0.34);
}

.bimion-autorefresh-interval {
	appearance: none;
	cursor: pointer;
}

.bimion-autorefresh-status {
	display: flex;
	align-items: center;
	min-height: calc(var(--bas-dim-1) * 0.48);
}

.bimion-render-preset-panel {
	background-color: rgba(246, 249, 252, 0.98);
}

.bimion-realtime-rendering-panel {
	background-color: rgba(247, 250, 252, 0.98);
}

.bimion-realtime-rendering-panel .bimion-render-preset-grid {
	gap: 0.58rem;
}

.bimion-realtime-rendering-panel .bimion-data-row {
	align-items: stretch;
}

.bimion-realtime-rendering-panel .bimion-render-preset-options {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bimion-realtime-rendering-panel .bimion-render-preset-option {
	min-width: 0;
	font-size: 0.92em;
	overflow-wrap: anywhere;
}

.bimion-realtime-render-status {
	display: flex;
	align-items: center;
	min-height: calc(var(--bas-dim-1) * 0.48);
	line-height: 1.3;
}

@media (max-width: 760px) {
	.bimion-realtime-rendering-panel .bimion-render-preset-options {
		grid-template-columns: 1fr;
	}
}

.bimion-render-preset-grid {
	align-items: stretch;
}

.bimion-render-preset-options {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.22rem;
	width: 100%;
}

.bimion-render-preset-option {
	box-sizing: border-box;
	min-height: calc(var(--bas-dim-1) * 0.48);
	padding: 0.35em 0.6em;
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid rgba(57, 104, 144, 0.22);
	font: inherit;
	font-size: 1em;
	font-weight: 520;
	line-height: 1.1;
	text-align: center;
	cursor: pointer;
	border-radius: calc(var(--bas-dim-1)/10);
	white-space: normal;
	word-break: normal;
	overflow-wrap: normal;
}

.bimion-render-preset-option:first-child {
	border-radius: calc(var(--bas-dim-1)/10);
}

.bimion-render-preset-option:last-child {
	margin-left: 0;
	border-radius: calc(var(--bas-dim-1)/10);
}

.bimion-render-preset-option + .bimion-render-preset-option {
	margin-left: 0;
}

.bimion-render-preset-option.is-active {
	position: relative;
	color: #295c28;
	background-color: rgba(47, 110, 54, 0.08);
	border-color: rgba(47, 110, 54, 0.42);
}

.bimion-render-preset-option.is-disabled,
.bimion-render-preset-option:disabled {
	color: rgba(44, 92, 48, 0.52);
	background-color: rgba(226, 241, 226, 0.72);
	border-color: rgba(61, 128, 66, 0.2);
	cursor: not-allowed;
}

.bimion-render-preset-option.is-planned-admin {
	color: #8b5b00;
	background-color: rgba(255, 180, 64, 0.28);
	border-color: rgba(204, 124, 12, 0.46);
	cursor: pointer;
}

.bimion-render-preset-option.is-planned-admin:hover {
	background-color: rgba(255, 190, 80, 0.42);
	border-color: rgba(204, 124, 12, 0.62);
}

.bimion-render-preset-status {
	display: flex;
	align-items: center;
	min-height: calc(var(--bas-dim-1) * 0.48);
}

.bimion-render-gpu-score {
	color: #295c28;
	font-size: 1.12em;
	font-weight: 560;
}

.bimion-render-gpu-requirements {
	line-height: 1.3;
}

.bimion-map-environment-panel {
	background-color: rgba(246, 250, 247, 0.98);
}

.bimion-map-source-grid,
.bimion-map-layer-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10.5em, 1fr));
	gap: 0.5rem;
	box-sizing: border-box;
	width: 100%;
	padding: 0.62em;
}

.bimion-map-source-option,
.bimion-map-layer-chip {
	box-sizing: border-box;
	min-height: calc(var(--bas-dim-1) * 0.92);
	padding: 0.58em 0.7em;
	border: 0.05em solid rgba(57, 104, 144, 0.22);
	border-radius: calc(var(--bas-dim-1)/9);
	background-color: white;
	color: var(--dblue);
	text-align: left;
}

.bimion-map-source-option {
	cursor: pointer;
}

.bimion-map-source-option strong,
.bimion-map-layer-chip strong {
	display: block;
	font-size: 1.04em;
	font-weight: 520;
	line-height: 1.15;
}

.bimion-map-source-option span,
.bimion-map-layer-chip span,
.bimion-map-note {
	display: block;
	margin-top: 0.28em;
	color: rgba(19, 54, 85, 0.78);
	font-size: 0.88em;
	line-height: 1.25;
}

.bimion-map-source-option.is-disabled,
.bimion-map-source-option:disabled {
	background-color: rgba(226, 241, 226, 0.72);
	color: rgba(44, 92, 48, 0.52);
	border-color: rgba(61, 128, 66, 0.2);
	cursor: not-allowed;
}

.bimion-map-source-option.is-adapter {
	border-color: rgba(47, 110, 54, 0.34);
	background-color: rgba(47, 110, 54, 0.06);
	color: #295c28;
}

.bimion-map-note {
	box-sizing: border-box;
	margin: 0.1em 0.62em 0;
	padding: 0.62em;
	border: 0.05em solid rgba(57, 104, 144, 0.12);
	border-radius: calc(var(--bas-dim-1)/10);
	background-color: rgba(255, 255, 255, 0.72);
}

.community-list {
	display: grid;
	gap: 0.62em;
}

.community-user-card {
	display: grid;
	grid-template-columns: calc(var(--bas-dim-1) * 0.78) minmax(0, 1fr) minmax(15em, 0.72fr);
	grid-template-areas:
		"avatar main stats"
		"avatar meta stats";
	align-items: center;
	gap: 0.72em;
	box-sizing: border-box;
	padding: 0.68em;
	background-color: white;
	border: 0.05em solid rgba(57, 104, 144, 0.14);
	border-radius: calc(var(--bas-dim-1)/8);
}

.community-avatar {
	display: grid;
	place-items: center;
	grid-area: avatar;
	width: calc(var(--bas-dim-1) * 0.72);
	height: calc(var(--bas-dim-1) * 0.72);
	color: white;
	background-color: var(--dblue);
	border-radius: 50%;
	font-weight: 560;
}

.community-user-main {
	display: grid;
	grid-area: main;
	gap: 0.12em;
	min-width: 0;
}

.community-user-main strong,
.community-user-main span,
.community-user-main a {
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.community-user-main span,
.community-profile-link,
.community-user-meta span {
	color: var(--dblue);
	font-size: 0.84em;
	line-height: 1.15;
}

.community-profile-link {
	text-decoration: none;
}

.community-user-meta {
	display: flex;
	grid-area: meta;
	flex-wrap: wrap;
	gap: 0.35em;
	grid-column: auto;
	margin-top: -0.28em;
}

.community-user-meta span {
	display: inline-flex;
	align-items: center;
	min-height: 1.65em;
	padding: 0.22em 0.5em;
	background-color: rgba(57, 104, 144, 0.06);
	border: 0.05em solid rgba(57, 104, 144, 0.12);
	border-radius: calc(var(--bas-dim-1)/10);
}

.community-user-stats {
	display: grid;
	grid-area: stats;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	border: 0.05em solid rgba(57, 104, 144, 0.14);
	border-radius: calc(var(--bas-dim-1)/8);
	overflow: hidden;
}

.community-user-stats div {
	display: grid;
	place-items: center;
	align-content: center;
	min-height: calc(var(--bas-dim-1) * 0.74);
	padding: 0.35em;
	background-color: white;
	border-left: 0.05em solid rgba(57, 104, 144, 0.14);
	text-align: center;
}

.community-user-stats div:first-child {
	border-left: 0;
}

.status-text-active {
	display: inline;
	color: #295c28 !important;
	font-weight: 560;
}

.status-text-pending-signature,
.status-text-awaiting {
	display: inline;
	color: #8b6b00 !important;
	font-weight: 560;
}

@media (max-width: 760px) {
	.bimion-data-grid {
		grid-template-columns: 1fr;
	}

	.community-user-card {
		grid-template-columns: calc(var(--bas-dim-1) * 0.72) minmax(0, 1fr);
		grid-template-areas:
			"avatar main"
			"meta meta"
			"stats stats";
	}

	.community-user-stats,
	.community-user-meta {
		grid-column: auto;
	}
}

/* Bimion account-sector polish pass */
:root {
	--bimion-right-title-bg: rgba(255, 255, 255, 1);
	--bimion-panel-gap: 0.46em;
	--bimion-panel-pad: 0.62em;
}

.bimion-sector-panel .title,
.bimion-sector-panel .sector-panel-title,
#L-W-Acc-T {
	float: none;
	box-sizing: border-box;
	width: auto;
	min-height: calc(var(--bas-dim-1) * 0.72);
	margin: var(--bimion-panel-pad) var(--bimion-panel-pad) 0.35em var(--bimion-panel-pad);
	padding: 0.45em 0.65em;
	color: var(--dblue);
	background-color: rgba(57, 104, 144, 0.09);
	border: 0.06em solid rgba(57, 104, 144, 0.22);
	border-radius: calc(var(--bas-dim-1)/8);
	font-size: 1.05em;
	font-weight: 500;
	line-height: 1.12;
}

#L-W-Acc-P {
	float: none;
	display: grid;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0.15em var(--bimion-panel-pad) calc(var(--bas-dim-1) * 1.65) var(--bimion-panel-pad);
	gap: var(--bimion-panel-gap);
}

#L-W-Acc .account-option,
.bimion-sector-panel .sector-issue-option,
.account-logout-wrap #AccLogout {
	display: flex !important;
	align-items: center;
	gap: 0.68em;
	box-sizing: border-box;
	width: 100% !important;
	min-height: calc(var(--bas-dim-1) * 0.62);
	height: auto;
	margin: 0 !important;
	padding: 0.42em 0.64em !important;
	color: var(--dblue);
	background-color: var(--grey1);
	border: 0.05em solid rgba(57, 104, 144, 0.14);
	border-top: 0.05em solid white;
	border-bottom: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6);
	overflow: hidden;
}

#L-W-Acc .account-option:hover,
#L-W-Acc .account-option.w-option-active,
.account-logout-wrap #AccLogout:hover,
.account-logout-wrap #AccLogout.w-option-active {
	background-color: rgba(57, 104, 144, 0.08);
	border-color: var(--dgreen);
}

#L-W-Acc .account-option .min,
.account-logout-wrap #AccLogout .min,
.sector-issue-icon {
	position: static !important;
	left: auto !important;
	top: auto !important;
	display: block;
	flex: 0 0 calc(var(--bas-dim-1) * 0.42);
	width: calc(var(--bas-dim-1) * 0.46);
	height: calc(var(--bas-dim-1) * 0.46);
	margin: 0 !important;
	object-fit: contain;
}

#L-W-Acc .account-option .titlet,
.account-logout-wrap #AccLogout .titlet {
	position: static !important;
	min-width: 0;
	margin: 0 !important;
	color: var(--dblue);
	font-size: 0.96em;
	font-weight: 500;
	line-height: 1.12;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.account-logout-wrap {
	left: var(--bimion-panel-pad);
	right: var(--bimion-panel-pad);
	bottom: var(--bimion-panel-pad);
}

.account-logout-wrap #AccLogoutConfirm {
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	bottom: calc(100% + 0.38em);
	padding: 0.58em 0.62em;
	border-radius: calc(var(--bas-dim-1)/8);
}

.right-scroll-window > .title,
.right-scroll-window > .titleg,
.right-scroll-window .account-panel > .titleg {
	background-color: transparent;
	top: -1em;
	min-height: calc(var(--bas-dim-1) * 1.2);
	margin: -1em 0 0 -1em;
	border-right: 0;
	border-bottom: 0;
	border-bottom-right-radius: calc(var(--bas-dim-1)/5) !important;
	border-top-right-radius: 0 !important;
}

.right-scroll-window > .title::before,
.right-scroll-window > .titleg::before,
.right-scroll-window .account-panel > .titleg::before {
	background: var(--bimion-right-title-bg);
	border-right: 0.08em solid var(--dblue);
	border-bottom: 0.08em solid var(--dblue);
	border-top: 0;
	border-bottom-right-radius: inherit;
}

.right-title-with-top-scroll {
	border-bottom-right-radius: calc(var(--bas-dim-1)/5) !important;
}

.bimion-category-title,
.category-title,
.wr-acc .account-section-title {
	min-height: calc(var(--bas-dim-1) * 0.7);
	padding-top: 0.58em;
	padding-bottom: 0.58em;
	font-weight: 500;
}

.bimion-category-title > span,
.category-title > span,
.wr-acc .account-section-title > span {
	font-size: 1.2em;
	font-weight: 500;
}

.account-profile-section .account-profile-grid,
.account-region-section .account-profile-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.48em;
}

.account-profile-section .profile-field,
.account-region-section .profile-field {
	min-height: 2.55em;
	padding: 0.42em 0.52em;
	font-weight: 400;
}

.account-profile-section .profile-field > span,
.account-region-section .profile-field > span {
	font-size: 0.74em;
	font-weight: 430;
}

.account-profile-section:not(.is-editing) .profile-field > input,
.account-region-section:not(.is-editing) .profile-field > select {
	height: 1.65em;
	font-size: 0.98em;
	font-weight: 430;
	letter-spacing: 0;
}

.account-avatar-row input[type="file"] {
	display: none !important;
}

.account-logout-wrap {
	left: calc(var(--bimion-panel-pad) + 0.14em) !important;
	right: calc(var(--bimion-panel-pad) + 0.14em) !important;
}

.account-access-panel:not(.is-active) {
	display: none !important;
}

.account-access-panel-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65em;
	margin: 0 0 0.75em 0;
	color: var(--dblue);
	font-size: 1em;
	font-weight: 500;
}

.account-access-confirm {
	display: inline-grid;
	place-items: center;
	width: calc(var(--bas-dim-1) * 0.48);
	height: calc(var(--bas-dim-1) * 0.48);
	border: 0;
	border-radius: 50%;
	background-color: rgba(57, 104, 144, 0.1);
	color: var(--dblue);
	cursor: pointer;
}

.account-access-confirm::before {
	content: "";
	width: 42%;
	height: 24%;
	border-right: 0.16em solid var(--dblue);
	border-bottom: 0.16em solid var(--dblue);
	transform: rotate(45deg);
}

.account-access-levels,
.account-permissions-list {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.6em;
}

.account-access-actions {
	display: flex !important;
	align-items: stretch;
	gap: 0 !important;
	margin: 0.7em 0 0 0;
}

.account-access-actions .account-access-button {
	flex: 1 1 0;
	min-height: calc(var(--bas-dim-1) * 0.58);
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid var(--blue2);
	border-right-color: transparent;
	border-radius: 0 !important;
	font-weight: 430;
}

.account-access-actions .account-access-button:first-child {
	border-radius: calc(var(--bas-dim-1)/8) 0 0 0 !important;
}

.account-access-actions .account-access-button:last-child {
	border-right-color: var(--blue2);
	border-radius: 0 calc(var(--bas-dim-1)/8) 0 0 !important;
}

.account-access-actions .account-access-button.is-active {
	background-color: rgba(70, 129, 126, 0.06);
	border-color: var(--dgreen) !important;
	border-bottom-color: white !important;
	box-shadow: inset 0 0 0 0.04em var(--dgreen);
}

.account-access-panel.is-active {
	margin-top: -0.05em;
	border: 0.05em solid var(--dgreen);
	border-top: 0;
	border-radius: 0 0 calc(var(--bas-dim-1)/8) calc(var(--bas-dim-1)/8);
}

.account-permissions-list {
	grid-template-columns: minmax(0, 1fr);
	margin-top: 0.65em;
}

.account-permissions-list span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2.2em;
	padding: 0.35em 0.55em;
	color: var(--dblue);
	background-color: white;
	border: 0.06em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/10);
	text-align: center;
}

.account-region-section .poland-map-preview {
	display: block !important;
	margin-top: 0.72em;
	border: var(--bimion-sector-border);
	border-radius: calc(var(--bas-dim-1)/8);
}

.account-connected-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(12em, 100%), 1fr));
	gap: 0.6em;
}

.account-system-avatar-picker {
	display: none;
	box-sizing: border-box;
	grid-column: 1 / -1;
	width: 100%;
	gap: 0.55em;
	margin-top: 0.65em;
	padding: 0.65em;
	background-color: white;
	border: 0.08em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1)/8);
}

.account-system-avatar-picker.is-active {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc(var(--bas-dim-1) * 0.62), max-content));
	align-items: center;
}

.account-system-avatar-picker .account-avatar-mini {
	margin: 0;
}

.sector-title-mark.right-title-icon {
	box-sizing: border-box;
	margin-right: var(--right-title-icon-gap);
	padding: 0.16em;
	background-color: rgba(57, 104, 144, 0.1);
	border: 0.05em solid rgba(57, 104, 144, 0.16);
	border-radius: 50%;
	object-fit: contain;
}

/* Restore the original Panel button proportions while keeping the recovered wiring. */
#L-W-Acc .account-option,
.bimion-sector-panel .sector-issue-option {
	position: relative !important;
	display: block !important;
	box-sizing: content-box;
	width: calc(100% - var(--bas-dim-1) * 1.2) !important;
	height: calc(var(--bas-dim-1)/2.5) !important;
	min-height: 0 !important;
	margin: 0.3em !important;
	padding: 0.7em !important;
	gap: 0 !important;
	font-size: 0.9em;
	color: var(--dblue);
	background-color: var(--grey1);
	border: 0.05em solid transparent;
	border-top: 0.05em solid white;
	border-bottom: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6);
	overflow: visible;
}

.account-logout-wrap #AccLogout {
	position: relative !important;
	display: block !important;
	box-sizing: content-box;
	height: calc(var(--bas-dim-1)/2.5) !important;
	min-height: 0 !important;
	padding: 0.7em !important;
	gap: 0 !important;
	font-size: 0.9em;
	background-color: var(--grey1);
	border: 0.05em solid transparent;
	border-top: 0.05em solid white;
	border-bottom: 0.05em solid var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6);
}

#L-W-Acc .account-option .min,
.bimion-sector-panel .sector-issue-option .min,
.bimion-sector-panel .sector-issue-option .sector-issue-icon,
.account-logout-wrap #AccLogout .min {
	position: absolute !important;
	top: 0.5em !important;
	left: auto !important;
	display: block;
	width: calc(var(--bas-dim-1) / 2) !important;
	height: calc(var(--bas-dim-1) / 2) !important;
	margin: 0 calc(var(--bas-dim-1) / 2) 0 0 !important;
	object-fit: contain;
}

#L-W-Acc .account-option .titlet,
.bimion-sector-panel .sector-issue-option .titlet,
.account-logout-wrap #AccLogout .titlet {
	position: static !important;
	display: block;
	margin: 0 0 0 2em !important;
	padding: 0;
	color: var(--dblue);
	font-size: inherit;
	font-weight: 500;
	line-height: normal;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
}
.bimion-sector-panel .sector-issue-option {
	--bimion-sector-issue-icon-text-gap: 0.68em;
}

.bimion-sector-panel .sector-issue-option .titlet {
	margin-left: calc(2em + var(--bimion-sector-issue-icon-text-gap)) !important;
}
.right-scroll-window .account-panel > .account-section:first-of-type,
.right-scroll-window > .account-section:first-of-type {
	margin-top: 2.25em !important;
}

.bimion-messages-section {
	display: grid;
	gap: 0.75em;
}

.bimion-message-switcher {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45em;
}

.bimion-message-sort-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.42em;
	padding: 0.5em;
	background-color: rgba(57, 104, 144, 0.05);
	border: 0.05em solid rgba(57, 104, 144, 0.12);
	border-radius: calc(var(--bas-dim-1)/8);
}

.bimion-message-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: calc(var(--bas-dim-1) * 0.48);
	padding: 0.38em 0.72em;
	color: var(--dblue);
	background-color: white;
	border: 0.05em solid rgba(57, 104, 144, 0.22);
	border-radius: calc(var(--bas-dim-1)/8);
	font: inherit;
	font-size: 0.92em;
	font-weight: 500;
	cursor: pointer;
}

.bimion-message-own-icon {
	display: inline-grid !important;
	place-items: center;
	color: var(--dblue);
	background-color: rgba(57, 104, 144, 0.08);
	border: 0.05em solid rgba(57, 104, 144, 0.18);
	border-radius: 50%;
	font-weight: 620;
	line-height: 1;
}

.sector-issue-icon.bimion-message-own-icon {
	font-size: 0.82em;
}

.sector-title-mark.bimion-message-own-icon {
	font-size: 0.92em;
}

.bimion-message-chip-active {
	background-color: rgba(61, 135, 110, 0.12);
	border-color: var(--dgreen);
	color: var(--dgreen);
}

.bimion-message-list,
.bimion-strategy-list {
	display: grid;
	gap: 0.58em;
}

.bimion-message-card,
.bimion-strategy-row {
	box-sizing: border-box;
	width: 100%;
	padding: 0.72em;
	color: var(--ciemnoszary-01);
	background-color: white;
	border: 0.05em solid rgba(57, 104, 144, 0.16);
	border-radius: calc(var(--bas-dim-1)/8);
}

.bimion-message-card-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.65em;
}

.bimion-message-card-title,
.bimion-notification-card {
	display: grid;
	gap: 0.22em;
}

.bimion-message-card-title strong,
.bimion-notification-card strong,
.bimion-strategy-row span {
	min-width: 0;
	color: var(--dblue);
	font-weight: 560;
	line-height: 1.18;
}

.bimion-message-card-title span,
.bimion-message-card-meta {
	color: rgba(29, 29, 29, 0.62);
	font-size: 0.86em;
	line-height: 1.15;
}

.bimion-message-card-text {
	margin: 0.5em 0 0 0;
	color: var(--ciemnoszary-01);
	line-height: 1.25;
}

.bimion-chat-thread {
	display: grid;
	gap: 0.48em;
	margin-top: 0.65em;
}

.bimion-chat-bubble {
	display: grid;
	gap: 0.18em;
	box-sizing: border-box;
	max-width: 78%;
	padding: 0.55em 0.68em;
	border: 0.05em solid rgba(57, 104, 144, 0.14);
	border-radius: calc(var(--bas-dim-1)/5);
}

.bimion-chat-bubble-other {
	justify-self: start;
	background-color: rgba(57, 104, 144, 0.07);
	border-bottom-left-radius: calc(var(--bas-dim-1)/14);
}

.bimion-chat-bubble-me {
	justify-self: end;
	background-color: rgba(61, 135, 110, 0.12);
	border-color: rgba(61, 135, 110, 0.28);
	border-bottom-right-radius: calc(var(--bas-dim-1)/14);
}

.bimion-chat-author {
	color: var(--dblue);
	font-size: 0.78em;
	font-weight: 560;
	line-height: 1.1;
}

.bimion-chat-bubble p {
	margin: 0;
	color: var(--ciemnoszary-01);
	line-height: 1.24;
}

.bimion-chat-bubble time {
	justify-self: end;
	color: rgba(29, 29, 29, 0.48);
	font-size: 0.74em;
	line-height: 1;
}

.bimion-message-card-actions {
	display: flex;
	align-items: center;
	gap: 0.35em;
}

.bimion-message-action {
	display: inline-grid;
	place-items: center;
	width: calc(var(--bas-dim-1) * 0.48);
	height: calc(var(--bas-dim-1) * 0.48);
	min-width: calc(var(--bas-dim-1) * 0.48);
	padding: 0;
	background-color: rgba(57, 104, 144, 0.06);
	border: 0.05em solid rgba(57, 104, 144, 0.18);
	border-radius: 50%;
	font: inherit;
	font-size: 0.94em;
	line-height: 1;
	cursor: pointer;
}

.bimion-message-action-active {
	color: var(--dgreen);
	background-color: rgba(61, 135, 110, 0.13);
	border-color: var(--dgreen);
}

.bimion-message-idea-action {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.42em;
	width: auto;
	min-width: 0;
	height: auto;
	padding: 0;
	border: 0;
	background: transparent;
	white-space: nowrap;
}

.bimion-message-idea-text {
	display: inline-block;
	line-height: 1;
}

.bimion-message-idea-button {
	flex: 0 0 calc(var(--bas-dim-1) * 0.48);
}

.bimion-message-idea-button img {
	display: block;
	width: 1.1em;
	height: 1.1em;
	object-fit: contain;
}
.bimion-message-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35em;
	margin-top: 0.55em;
}

.bimion-message-tag {
	display: inline-flex;
	align-items: center;
	min-height: calc(var(--bas-dim-1) * 0.34);
	padding: 0.18em 0.46em;
	color: var(--dblue);
	background-color: rgba(57, 104, 144, 0.08);
	border: 0.05em solid rgba(57, 104, 144, 0.12);
	border-radius: calc(var(--bas-dim-1)/10);
	font-size: 0.82em;
	line-height: 1.1;
}

button.bimion-message-tag {
	font: inherit;
	cursor: pointer;
}

.bimion-notification-list {
	grid-template-columns: repeat(auto-fit, minmax(min(16em, 100%), 1fr));
}

.bimion-notification-rank {
	justify-self: start;
	padding: 0.2em 0.45em;
	color: var(--dblue);
	background-color: rgba(57, 104, 144, 0.08);
	border-radius: calc(var(--bas-dim-1)/10);
	font-size: 0.82em;
	font-weight: 560;
}

.bimion-strategy-row {
	display: grid;
	grid-template-columns: minmax(9em, 0.35fr) minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 0.7em;
}

.bimion-strategy-row small {
	color: var(--dblue);
	font-size: 0.84em;
	font-weight: 500;
	line-height: 1.15;
}

.bimion-strategy-row span {
	font-weight: 400;
}

.bimion-strategy-row-separated {
	margin-top: 0.45em;
	border-top-width: 0.12em;
}

.bimion-strategy-row b,
.bimion-strategy-row em {
	color: rgba(29, 29, 29, 0.62);
	font-size: 0.9em;
	font-style: normal;
	font-weight: 500;
	white-space: nowrap;
}

.bimion-message-panel-footer {
	display: grid;
	gap: 0.38em;
	box-sizing: border-box;
	width: 100%;
	margin-top: auto;
	padding: 0.55em 0.5em 0.8em 0.5em;
}

.bimion-message-footer-option {
	display: grid;
	gap: 0.08em;
	width: 100%;
	padding: 0.52em 0.66em;
	color: var(--dblue);
	background-color: var(--grey1);
	border: 0.05em solid rgba(57, 104, 144, 0.16);
	border-top-color: white;
	border-bottom-color: var(--blue2);
	border-radius: calc(var(--bas-dim-1)/6);
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.bimion-message-footer-option span {
	font-weight: 560;
	line-height: 1.1;
}

.bimion-message-footer-option small {
	color: rgba(29, 29, 29, 0.55);
	font-size: 0.78em;
	line-height: 1.1;
}

@media (min-width: 1280px) {
	.wr-messages .bimion-message-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
	}
}

/* Panel returns to the original quiet window style. */
.bimion-sector-panel .title,
.bimion-sector-panel .sector-panel-title,
#L-W-Acc-T {
	color: #1f1f1f !important;
	background-color: transparent !important;
	border-color: transparent !important;
	border-radius: 0 !important;
}

#L-W-Acc-P,
.bimion-sector-panel .sector-panel-body {
	box-sizing: border-box;
	padding-left: var(--bimion-panel-pad) !important;
	padding-right: var(--bimion-panel-pad) !important;
}

#L-W-Acc {
	position: relative;
	overflow: hidden;
}

#L-W-Acc-P {
	max-height: calc(100% - var(--bas-dim-1) * 2.15);
	padding-bottom: 0.6em !important;
	overflow-y: auto;
}

#L-W-Acc .account-option,
.bimion-sector-panel .sector-issue-option {
	box-sizing: border-box;
	width: 100% !important;
	height: auto !important;
	min-height: calc(var(--bas-dim-1)/2.5 + 1.4em) !important;
	margin: 0.3em 0 !important;
	background-color: var(--grey1) !important;
}

#L-W-Acc .account-option.w-option-active,
.bimion-sector-panel .sector-issue-option.w-option-active,
.account-logout-wrap #AccLogout.w-option-active {
	background-color: var(--grey1) !important;
	border-color: var(--dgreen) !important;
}

.account-logout-wrap {
	position: absolute !important;
	left: var(--bimion-panel-pad) !important;
	right: var(--bimion-panel-pad) !important;
	bottom: var(--bimion-panel-pad) !important;
	z-index: 6;
}

.account-logout-wrap #AccLogout {
	box-sizing: border-box;
	width: 100% !important;
	height: auto !important;
	min-height: calc(var(--bas-dim-1)/2.5 + 1.4em) !important;
	margin: 0 !important;
	background-color: var(--grey1) !important;
}

.right-scroll-window .account-panel > .titleg + .account-section {
	margin-top: 2.25em !important;
}

/* Align manipulation headers with the established account-window rule. */
.mode-manipulation-window > .titleg {
	box-sizing: border-box;
	top: 0;
	height: calc(var(--bas-dim-1) * 1.2);
	min-height: calc(var(--bas-dim-1) * 1.2);
	padding-top: .64em;
	padding-bottom: .18em;
}

.mode-manipulation-window > .titleg .right-title-icon {
	box-sizing: border-box;
	width: calc(var(--bas-dim-1) * .76);
	height: calc(var(--bas-dim-1) * .76);
	margin-top: .26em;
	padding: .08em;
}

.mode-manipulation-window > .titleg .right-title-text {
	position: relative;
	top: .19em;
}

/* Compact open sectors before the manipulation window loses useful space. */
@media (max-width: 1080px) {
	#Centrum > .window[class*="wl-"] {
		left: calc(var(--bas-dim-1) * .32);
		width: calc(34% - var(--bas-dim-1) * .46);
	}

	#Centrum > .window[class*="wr-"],
	#Centrum > .wr-account-window {
		right: calc(var(--bas-dim-1) * .32);
		width: calc(66% - var(--bas-dim-1) * .46);
	}
}

@media (max-width: 860px) {
	#Centrum > .window[class*="wl-"] {
		width: calc(var(--bas-dim-1) * 2.55);
	}

	#Centrum > .window[class*="wr-"],
	#Centrum > .wr-account-window {
		width: calc(100% - var(--bas-dim-1) * 3.2);
	}

	.bimion-sector-panel .sector-issue-option,
	#L-W-Acc .account-option,
	.account-logout-wrap #AccLogout,
	.bottom-bimion-record-panel .mode-record-group .w-option {
		justify-content: center;
		gap: 0;
		padding-left: .42em !important;
		padding-right: .42em !important;
	}

	.bimion-sector-panel .sector-issue-option .titlet,
	#L-W-Acc .account-option .titlet,
	.account-logout-wrap #AccLogout .titlet,
	.bottom-bimion-record-panel .mode-record-group .w-option .titlet {
		display: none;
	}

	.bimion-sector-panel .sector-issue-icon,
	#L-W-Acc .account-option img,
	.account-logout-wrap #AccLogout img,
	.bottom-bimion-record-panel .mode-record-group .w-option img {
		flex: 0 0 auto;
		margin: 0;
	}

	.mode-record-group-label {
		padding-left: .3em;
		padding-right: .3em;
		font-size: .76em;
		text-align: center;
	}
}

/* Final wide-screen composition: later recovery rules must not stretch these cards. */
@media (min-width: 1500px) {
	.community-list {
		grid-template-columns: repeat(auto-fill, minmax(32em, 1fr));
	}

	.community-user-card {
		grid-template-columns: calc(var(--bas-dim-1) * 0.78) minmax(0, 1fr);
		grid-template-areas:
			"avatar main"
			"avatar meta"
			"stats stats";
	}
}
/* BR016: zwarte i czytelne metryki w prawym pasie panelu Admina. */
.admin-panel-body.is-active {
	grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 3fr) !important;
	grid-template-rows: minmax(0, 1fr) !important;
	align-items: stretch !important;
	gap: .36em !important;
}

.admin-user-access-section,
.admin-user-operators-section,
.admin-resource-grid {
	align-self: stretch !important;
	min-height: 0 !important;
	height: 100% !important;
	justify-content: stretch !important;
	align-items: stretch !important;
	padding: 0 !important;
}

.admin-user-access-section {
	width: 100% !important;
	max-width: 100% !important;
	grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
	gap: .18em !important;
}

.admin-user-operators-section {
	display: grid !important;
	place-items: center !important;
}

.admin-user-operators {
	width: 80% !important;
	height: 80% !important;
	align-self: center !important;
	justify-self: center !important;
	gap: .34em !important;
}

.admin-user-operator img {
	width: 1.39em !important;
	height: 1.39em !important;
}

.admin-user-stepper,
.admin-access-stepper {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
}

.admin-resource-grid {
	display: grid !important;
	grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
	justify-content: stretch !important;
	align-content: stretch !important;
	align-items: stretch !important;
}

.admin-resource-grid::after {
	display: none !important;
}

.admin-panel-section + .admin-panel-section::before {
	top: 0 !important;
	bottom: 0 !important;
	left: -.18em !important;
	height: auto !important;
}

.admin-system-metrics {
	width: 100% !important;
	height: 100% !important;
	grid-row: 1 !important;
	grid-template-columns: minmax(0, .82fr) minmax(0, .72fr) minmax(0, 1.46fr) !important;
	gap: .1em !important;
	justify-content: stretch !important;
	align-content: stretch !important;
	align-items: center !important;
	justify-items: stretch !important;
	padding: 0 !important;
	transform: translateX(10px) !important;
}

.admin-system-metric {
	min-width: 0 !important;
	grid-template-columns: 1.48em minmax(0, 1fr) !important;
	gap: .08em !important;
	justify-content: stretch !important;
	align-items: center !important;
	padding: 0 !important;
}

.admin-system-metric img {
	width: 1.48em !important;
	height: 1.48em !important;
}

.admin-system-metric span,
.admin-system-metric strong {
	font-size: .84em !important;
	line-height: 1 !important;
	font-weight: 600 !important;
}

/* BR024: metryki Admina nie moga znikac optycznie w jasnym panelu. */
.admin-system-metric {
	color: #073f73 !important;
}

.admin-system-value {
	color: #073f73 !important;
	font-weight: 600 !important;
	overflow: visible !important;
	text-overflow: clip !important;
}

.admin-system-metric img {
	filter: brightness(0) saturate(100%) invert(27%) sepia(73%) saturate(2075%) hue-rotate(190deg) brightness(88%) contrast(98%) !important;
	opacity: 1 !important;
}

/* BR025: strzalki wyboru uzytkownika w Adminie musza byc czytelne i osiowe. */
.admin-user-stepper {
	grid-template-columns: 2.18em minmax(8.6em, 1fr) 2.18em 2.78em !important;
}

.admin-user-step,
.admin-search-button {
	background-color: #e7f3fc !important;
	color: #075f9f !important;
}

.admin-user-step img {
	width: 1.58em !important;
	height: 1.58em !important;
	filter: brightness(0) saturate(100%) invert(31%) sepia(86%) saturate(1744%) hue-rotate(186deg) brightness(91%) contrast(96%) !important;
	opacity: 1 !important;
}

.admin-search-icon {
	width: .98em !important;
	height: .98em !important;
	border-width: .08em !important;
	transform: translateX(0) !important;
}

/* S-Activity: rozmiar przyciskow i ikon zgodny z pierwowzorem BIMION 0.01. */
#S-Activity .opt03 {
	width: calc(var(--bas-dim-1) / 1.7) !important;
	height: calc(var(--bas-dim-1) / 1.7) !important;
}

#S-Activity .opt03 img {
	width: 86% !important;
	height: 86% !important;
	max-width: 86% !important;
	max-height: 86% !important;
	object-fit: contain !important;
}

#S-Activity .opt03:not(.w-option-active):not(.is-active):not([aria-pressed="true"]) img {
	filter: none !important;
	opacity: 1 !important;
}

/* BR: ikony grup Ship/Team maja pozostac w tej samej skali, ale rysowac sie ostrzej. */
#Ship .opt04,
#Ream .opt04,
.ship .opt04,
.team .opt04 {
	background-repeat: no-repeat !important;
	background-position: center !important;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	filter: contrast(1.18) saturate(1.08);
}

body.bimion-render-realistic #Ship .opt04,
body.bimion-render-realistic #Ream .opt04,
body.bimion-render-realistic .ship .opt04,
body.bimion-render-realistic .team .opt04 {
	filter: contrast(1.2) saturate(1.08);
}

/* BR028: ikona Pomocy musi byc osiowo w przycisku jak ikona Korekty. */
#Bottom #Settings #Help {
	background-position: 50% 50% !important;
	background-size: 68% !important;
}

/* BR029: aktywny napis trybu ma miec mniejszy martwy margines nad BIMION. */
#Start #Mode-Active {
	margin-top: 0 !important;
	transform: none !important;
	align-self: center !important;
}

/* BR058/BR053: podpis modelu nizej i z czytelnym oddechem adresu. */
.scene-caption,
body:has(#BimionProjectTransformPanel) .scene-caption,
body.scene-main-options-collapsed .scene-caption,
body:not(.scene-main-options-collapsed) .scene-caption,
body.start-panel-options-hidden .scene-caption,
body:not(.start-panel-options-hidden) .scene-caption {
	left: 50% !important;
	bottom: calc(var(--bas-dim-1) * 5.05) !important;
	transform: translateX(-50%) !important;
	text-align: center !important;
	width: min(16rem, calc(100vw - var(--bas-dim-1) * 8)) !important;
	max-width: calc(100vw - var(--bas-dim-1) * 8) !important;
}

.scene-caption-address {
	margin-top: .37em !important;
}

/* BIMION open: podpis modelu musi zostac przy lewej krawedzi, takze przy aktywnym panelu diagnostycznym. */
body:not(.start-panel-options-hidden):has(#BimionProjectTransformPanel) .scene-caption,
body:not(.start-panel-options-hidden) .scene-caption {
	left: 50% !important;
	transform: translateX(-50%) !important;
	text-align: center !important;
	width: min(16rem, calc(100vw - var(--bas-dim-1) * 8)) !important;
	max-width: calc(100vw - var(--bas-dim-1) * 8) !important;
}

/* Dolne ikony automatycznego obrotu i zmiany modeli: mocny niebieski, aktywne zielone. */
.scene-main-option[data-scene-option="rotation"] img,
.scene-main-option[data-scene-option="model-switch"] img {
	width: 88% !important;
	height: 88% !important;
	max-width: 88% !important;
	max-height: 88% !important;
	object-fit: contain !important;
}

.scene-main-option[data-scene-option="rotation"]:not(.is-active):not([aria-pressed="true"]) img,
.scene-main-option[data-scene-option="model-switch"]:not(.is-active):not([aria-pressed="true"]) img {
	filter: none !important;
	opacity: 1 !important;
}

.scene-main-option[data-scene-option="rotation"].is-active img,
.scene-main-option[data-scene-option="rotation"][aria-pressed="true"] img,
.scene-main-option[data-scene-option="model-switch"].is-active img,
.scene-main-option[data-scene-option="model-switch"][aria-pressed="true"] img {
	filter: none !important;
	opacity: 1 !important;
}

/* Realistyczny: aktywny obrot i zmiana modeli maja zielony styl jak Otoczenie. */
body.bimion-render-realistic #AccInfo,
body.bimion-render-realistic #AccUser,
body.bimion-render-realistic #AccUserFunction {
	z-index: 1;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.82);
	border: 0.05em solid rgba(17, 79, 124, 0.34);
	box-shadow: 0 0.18rem 0.72rem rgba(22, 54, 82, 0.12);
	backdrop-filter: blur(3px);
}

body.bimion-render-realistic #AccUser,
body.bimion-render-realistic #AccUserFunction {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

body.bimion-render-realistic #Account {
	isolation: isolate;
}

body.bimion-render-realistic #Account::before {
	content: "";
	position: absolute;
	left: calc(var(--bas-dim-1) * -0.18);
	top: calc(var(--bas-dim-1) * -0.13);
	width: calc(var(--bas-dim-1) * 3.32);
	height: calc(var(--bas-dim-1) * 1.18 + 10px);
	background: rgba(255, 255, 255, 0.72);
	border: 0.05em solid rgba(17, 79, 124, 0.28);
	border-radius: calc(var(--bas-dim-1) / 7);
	box-shadow: 0 0.18rem 0.72rem rgba(22, 54, 82, 0.12);
	backdrop-filter: blur(3px);
	pointer-events: none;
	z-index: -1;
}

body.bimion-render-realistic #PanelVisibilityDot {
	left: calc(var(--bas-dim-1) * -0.18 + .22em);
	top: calc(var(--bas-dim-1) * 1.05 + 10px - .84em);
}

body.bimion-render-realistic #AccInfo {
	border-radius: 50%;
}

body.bimion-render-realistic #AccUser,
body.bimion-render-realistic #AccUserFunction {
	padding: 0.08em 0.42em;
	border-radius: calc(var(--bas-dim-1) / 8);
}

body.bimion-render-realistic .scene-main-option[data-scene-option="rotation"].is-active,
body.bimion-render-realistic .scene-main-option[data-scene-option="rotation"][aria-pressed="true"],
body.bimion-render-realistic .scene-main-option[data-scene-option="model-switch"].is-active,
body.bimion-render-realistic .scene-main-option[data-scene-option="model-switch"][aria-pressed="true"] {
	border-color: #2f7f36 !important;
	background-color: rgba(113, 172, 65, 0.2) !important;
	box-shadow: 0 0 0 1px rgba(45, 126, 52, 0.32), 0 0.18rem 0.48rem rgba(49, 32, 42, 0.14) !important;
	color: #2f7f36 !important;
}

.scene-main-option[data-scene-option="materials"]:not(.is-active):not([aria-pressed="true"]) img {
	filter: none !important;
	opacity: 1 !important;
}

/* Pomoc: sluchawki maja miec skale ikon Wiadomosci i Ustawienia. */
#Bottom #Settings #Help {
	width: calc(var(--bas-dim-1) / 1.2) !important;
	height: calc(var(--bas-dim-1) / 1.2) !important;
	background-size: 82% !important;
}

/* Material library uses the same left-window grammar as Account/Messages/Settings. */
#Centrum > .bimion-material-library-panel {
	overflow: visible;
}


#Centrum > .bimion-scene-settings-panel {
	left: calc(var(--bas-dim-1) / 2);
	right: auto;
}
#Centrum > .bimion-geometry-library-panel {
	display: none;
	flex-direction: column;
	max-height: min(78vh, calc(var(--bas-dim-1) * 12.6));
	overflow: hidden;
}

#Centrum > .bimion-geometry-library-panel.is-active {
	display: flex;
}

.bimion-material-kind-tabs {
	position: absolute;
	left: 100%;
	top: calc(var(--bas-dim-1) * 1.72);
	z-index: 0;
	display: grid;
	gap: .18em;
	align-content: start;
	width: calc(var(--bas-dim-1) * .78);
}

.bimion-material-kind-tab {
	display: grid;
	place-items: center;
	width: calc(var(--bas-dim-1) * .66);
	height: calc(var(--bas-dim-1) * .66);
	min-height: calc(var(--bas-dim-1) * .66);
	margin-left: 0;
	padding: 0;
	border: 1px solid var(--dblue);
	border-left: 0;
	border-radius: 0 .22em .22em 0;
	background: var(--grey3);
	color: var(--dblue);
	cursor: pointer;
	box-shadow: none;
}

.bimion-material-kind-tab.is-active {
	background: rgba(214,244,220,.96);
	color: #1f6b28;
	border-color: #2f7f36;
}

.bimion-material-kind-tab.is-new {
	margin-top: calc(var(--bas-dim-1) * .58);
}

.bimion-material-kind-icon {
	position: relative;
	display: block;
	width: 62%;
	height: 62%;
	border: 1.4px solid currentColor;
	border-radius: .12em;
	box-sizing: border-box;
	overflow: hidden;
}

.bimion-material-kind-icon.is-wood {
	background: repeating-linear-gradient(90deg, transparent 0 18%, currentColor 19% 22%, transparent 23% 42%);
}

.bimion-material-kind-icon.is-concrete {
	background: radial-gradient(circle at 30% 35%, currentColor 0 7%, transparent 8%), radial-gradient(circle at 70% 58%, currentColor 0 6%, transparent 7%);
}

.bimion-material-kind-icon.is-stone {
	clip-path: polygon(18% 78%, 8% 42%, 34% 12%, 78% 18%, 92% 62%, 62% 88%);
}

.bimion-material-kind-icon.is-metal {
	background: linear-gradient(135deg, transparent 0 34%, currentColor 35% 40%, transparent 41% 100%);
}

.bimion-material-kind-icon.is-nature::before,
.bimion-material-kind-icon.is-nature::after {
	content: "";
	position: absolute;
	bottom: 10%;
	width: 1.4px;
	height: 58%;
	background: currentColor;
	transform-origin: bottom center;
}

.bimion-material-kind-icon.is-nature::before {
	left: 42%;
	transform: rotate(-22deg);
}

.bimion-material-kind-icon.is-nature::after {
	right: 38%;
	transform: rotate(18deg);
}

.bimion-material-kind-icon.is-glass {
	background: linear-gradient(135deg, transparent 0 38%, rgba(255,255,255,.85) 39% 47%, transparent 48%);
}

.bimion-material-kind-icon.is-textile {
	background: repeating-linear-gradient(0deg, transparent 0 18%, currentColor 19% 22%, transparent 23% 42%), repeating-linear-gradient(90deg, transparent 0 18%, currentColor 19% 22%, transparent 23% 42%);
}

.bimion-material-kind-icon.is-paint::before {
	content: "";
	position: absolute;
	left: 18%;
	right: 18%;
	bottom: 18%;
	height: 22%;
	background: currentColor;
	border-radius: 0 0 .12em .12em;
}

.bimion-material-kind-icon.is-new::before,
.bimion-material-kind-icon.is-new::after {
	content: "";
	position: absolute;
	left: 22%;
	right: 22%;
	top: 48%;
	height: 1.4px;
	background: currentColor;
}

.bimion-material-kind-icon.is-new::after {
	transform: rotate(90deg);
}

.bimion-material-library-tabs {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: calc(var(--bas-dim-1) * .11);
	padding: calc(var(--bas-dim-1) * .18) var(--bimion-panel-pad) 0 var(--bimion-panel-pad);
	box-sizing: border-box;
}

.bimion-material-library-tab {
	display: grid;
	place-items: center;
	height: calc(var(--bas-dim-1) * .72);
	padding: 0;
	border: 1px solid rgba(17, 79, 124, .42);
	border-radius: .36em;
	background: rgba(243, 249, 255, .94);
	cursor: pointer;
}

.bimion-material-library-tab img {
	width: 64%;
	height: 64%;
	object-fit: contain;
	pointer-events: none;
}

.bimion-material-library-tab svg,
.bimion-geometry-tool-swatch svg {
	width: 64%;
	height: 64%;
	color: var(--dblue);
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none;
}

.bimion-material-library-tab.is-active {
	border-color: rgba(45, 126, 52, .76);
	background: rgba(214, 244, 220, .96);
	box-shadow: 0 0 0 1px rgba(45, 126, 52, .18);
}

.bimion-material-library-subtitle {
	padding: .32em var(--bimion-panel-pad) .18em var(--bimion-panel-pad);
	color: #114f7c;
	font: 700 .82em/1.15 Arial, sans-serif;
}

.bimion-material-library-panel .bimion-material-library-list {
	float: none;
	clear: none;
	display: grid;
	box-sizing: border-box;
	width: 100%;
	max-height: calc(100% - var(--bas-dim-1) * 2.15);
	margin: 0;
	padding: 0.15em var(--bimion-panel-pad) 0.6em var(--bimion-panel-pad);
	gap: var(--bimion-panel-gap);
	overflow-y: auto;
}

.bimion-geometry-library-panel .bimion-material-library-tabs {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bimion-scene-settings-panel[data-scene-settings-panel="lighting"] .bimion-material-library-tabs {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bimion-scene-settings-panel[data-scene-settings-panel="environment"] .bimion-material-library-tabs {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.bimion-geometry-library-panel .bimion-material-library-list {
	flex: 1 1 auto;
	min-height: 0;
	gap: calc(var(--bimion-panel-gap) * .75);
	max-height: calc(100% - var(--bas-dim-1) * 2.55);
	overflow-y: auto;
	padding-bottom: calc(var(--bas-dim-1) * .18);
}

.bimion-geometry-library-panel .bimion-material-library-subtitle {
	padding-top: calc(var(--bas-dim-1) * .24);
}

.bimion-geometry-library-panel .bimion-material-card.w-option {
	display: grid !important;
	grid-template-columns: calc(var(--bas-dim-1) * .72) minmax(0, 1fr);
	align-items: center;
	min-height: calc(var(--bas-dim-1) * .86) !important;
	padding: calc(var(--bas-dim-1) * .10) calc(var(--bas-dim-1) * .14) !important;
	border: 1px solid rgba(17, 79, 124, .34) !important;
	border-radius: calc(var(--bas-dim-1) / 7) !important;
	background: rgba(243, 249, 255, .94) !important;
	color: #114f7c !important;
	box-shadow: none !important;
	text-align: left;
}

.bimion-geometry-library-panel .bimion-material-card.w-option .titlet {
	margin: 0;
	font: 700 .78em/1.08 Arial, sans-serif;
	color: inherit;
	white-space: normal;
}

.bimion-geometry-library-panel .bimion-material-card.w-option .bimion-geometry-tool-swatch {
	width: calc(var(--bas-dim-1) * .58);
	height: calc(var(--bas-dim-1) * .58);
	margin: 0;
	border-color: rgba(17, 79, 124, .28);
	background: rgba(255, 255, 255, .82);
}

.bimion-geometry-library-panel .bimion-material-card.w-option.is-active {
	border-color: rgba(45, 126, 52, .72) !important;
	background: rgba(214, 244, 220, .95) !important;
	color: #2f7f36 !important;
	box-shadow: 0 0 0 1px rgba(45, 126, 52, .18) !important;
}

.bimion-geometry-library-panel .bimion-geometry-control-group,
.bimion-scene-settings-panel .bimion-geometry-control-group {
	display: grid;
	gap: calc(var(--bimion-panel-gap) * .9);
	border: 1px solid rgba(185, 54, 54, .24);
	border-radius: calc(var(--bas-dim-1) / 6);
	background: rgba(255, 255, 255, .76);
	padding: calc(var(--bas-dim-1) * .24);
	box-sizing: border-box;
}

.bimion-scene-settings-panel .bimion-scene-settings-group h4 {
	margin: 0 0 .05em 0;
	color: #114f7c;
	font: 700 .82em/1.1 Arial, sans-serif;
}

.bimion-scene-settings-panel .bimion-scene-settings-mode-group {
	display: grid;
	gap: calc(var(--bimion-panel-gap) * .72);
	min-width: 0;
	transition: opacity .18s ease;
}

.bimion-scene-settings-panel .bimion-scene-settings-mode-group[disabled] {
	opacity: .38;
	pointer-events: none;
}

.bimion-geometry-library-panel .bimion-geometry-control-group h4 {
	margin: 0 0 .04em 0;
	color: #114f7c;
	font: 700 .82em/1.1 Arial, sans-serif;
}

.bimion-geometry-library-panel .bimion-geometry-field,
.bimion-scene-settings-panel .bimion-geometry-field {
	display: grid;
	grid-template-columns: minmax(calc(var(--bas-dim-1) * 2.02), 1fr) calc(var(--bas-dim-1) * 2.36) calc(var(--bas-dim-1) * 1.58);
	gap: calc(var(--bas-dim-1) * .16);
	align-items: stretch;
	justify-items: stretch;
	min-width: 0;
	max-width: 100%;
	color: #184d78;
	font: 420 .8em/1.08 Arial, sans-serif;
	box-sizing: border-box;
}

.bimion-geometry-library-panel .bimion-geometry-field.is-no-unit,
.bimion-scene-settings-panel .bimion-geometry-field.is-no-unit {
	grid-template-columns: minmax(calc(var(--bas-dim-1) * 2.02), 1fr) calc(var(--bas-dim-1) * 2.36);
}

.bimion-geometry-library-panel .bimion-geometry-field > span:first-child,
.bimion-scene-settings-panel .bimion-geometry-field > span:first-child {
	align-self: center;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bimion-geometry-library-panel .bimion-geometry-field input,
.bimion-geometry-library-panel .bimion-geometry-field select,
.bimion-geometry-library-panel .bimion-geometry-unit-static,
.bimion-scene-settings-panel .bimion-geometry-field input,
.bimion-scene-settings-panel .bimion-geometry-field select,
.bimion-scene-settings-panel .bimion-geometry-unit-static {
	height: calc(var(--bas-dim-1) * .68);
	width: 100%;
	min-width: 0;
	max-width: 100%;
	border: 1px solid rgba(0, 102, 204, .36);
	border-radius: calc(var(--bas-dim-1) / 8);
	background: rgba(255, 255, 255, .92);
	color: #17324c;
	font: 420 .8em/1 Arial, sans-serif;
	box-sizing: border-box;
	line-height: calc(var(--bas-dim-1) * .68);
}

.bimion-geometry-library-panel .bimion-geometry-field input,
.bimion-scene-settings-panel .bimion-geometry-field input {
	padding: 0 .36em;
	text-align: right;
}

.bimion-geometry-library-panel .bimion-geometry-field select,
.bimion-scene-settings-panel .bimion-geometry-field select {
	appearance: none;
	padding: 0 .28em;
	text-align: center;
	text-align-last: center;
}

.bimion-geometry-library-panel .bimion-geometry-unit-static,
.bimion-scene-settings-panel .bimion-geometry-unit-static {
	display: grid;
	place-items: center;
	padding: 0 .16em;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bimion-geometry-library-panel .bimion-geometry-empty,
.bimion-scene-settings-panel .bimion-geometry-empty {
	margin: 0;
	color: #184d78;
	font: 500 .86em/1.25 Arial, sans-serif;
	text-align: center;
}

.bimion-geometry-library-panel .bimion-geometry-action-row,
.bimion-geometry-library-panel .bimion-geometry-footer-row,
.bimion-scene-settings-panel .bimion-geometry-action-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: calc(var(--bas-dim-1) * .14);
	min-width: 0;
}

.bimion-geometry-library-panel .bimion-geometry-action,
.bimion-geometry-library-panel .bimion-geometry-undo,
.bimion-scene-settings-panel .bimion-geometry-action {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	justify-items: center;
	align-items: center;
	gap: calc(var(--bas-dim-1) * .12);
	min-height: calc(var(--bas-dim-1) * .72);
	border: 1px solid rgba(17, 79, 124, .34);
	border-radius: calc(var(--bas-dim-1) / 7);
	background: rgba(243, 249, 255, .94);
	color: #114f7c;
	font: 600 .75em/1.08 Arial, sans-serif;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	padding: .2em .42em;
}

.bimion-geometry-library-panel .bimion-geometry-action.is-active,
.bimion-scene-settings-panel .bimion-geometry-action.is-active {
	border-color: rgba(45, 126, 52, .72);
	background: rgba(214, 244, 220, .95);
	color: #2f7f36;
}

.bimion-geometry-library-panel .bimion-geometry-undo {
	margin-top: auto;
	border-color: rgba(0, 102, 204, .40);
	font-size: .85em;
}

.bimion-geometry-library-panel .bimion-geometry-undo:disabled {
	opacity: .42;
	cursor: default;
}

@media (max-width: 1400px) {
	.bimion-geometry-library-panel .bimion-geometry-control-group,
	.bimion-scene-settings-panel .bimion-geometry-control-group {
		gap: calc(var(--bimion-panel-gap) * .72);
		padding: calc(var(--bas-dim-1) * .22);
	}

	.bimion-geometry-library-panel .bimion-geometry-field,
	.bimion-scene-settings-panel .bimion-geometry-field {
		grid-template-columns: minmax(0, 1fr) calc(var(--bas-dim-1) * 1.72);
		grid-template-areas:
			"label label"
			"value unit";
		gap: calc(var(--bas-dim-1) * .1) calc(var(--bas-dim-1) * .14);
	}

	.bimion-geometry-library-panel .bimion-geometry-field.is-no-unit,
	.bimion-scene-settings-panel .bimion-geometry-field.is-no-unit {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"label"
			"value";
	}

	.bimion-geometry-library-panel .bimion-geometry-field > span:first-child,
	.bimion-scene-settings-panel .bimion-geometry-field > span:first-child {
		grid-area: label;
	}

	.bimion-geometry-library-panel .bimion-geometry-field input,
	.bimion-scene-settings-panel .bimion-geometry-field input {
		grid-area: value;
	}

	.bimion-geometry-library-panel .bimion-geometry-field select,
	.bimion-geometry-library-panel .bimion-geometry-unit-static,
	.bimion-scene-settings-panel .bimion-geometry-field select,
	.bimion-scene-settings-panel .bimion-geometry-unit-static {
		grid-area: unit;
	}

	.bimion-geometry-library-panel .bimion-geometry-action-row,
	.bimion-geometry-library-panel .bimion-geometry-footer-row {
		grid-template-columns: 1fr 1fr;
	}

	.bimion-geometry-library-panel .bimion-geometry-field {
		grid-template-columns: minmax(calc(var(--bas-dim-1) * 1.25), 1fr) minmax(calc(var(--bas-dim-1) * 1.54), calc(var(--bas-dim-1) * 2.05)) calc(var(--bas-dim-1) * 1.08);
		grid-template-areas: "label value unit";
		align-items: center;
		gap: calc(var(--bas-dim-1) * .10);
	}

	.bimion-geometry-library-panel .bimion-geometry-field.is-no-unit {
		grid-template-columns: minmax(calc(var(--bas-dim-1) * 1.25), 1fr) minmax(calc(var(--bas-dim-1) * 1.54), calc(var(--bas-dim-1) * 2.05));
		grid-template-areas: "label value";
	}
}

.bimion-geometry-library-panel .bimion-geometry-field {
	grid-template-columns: minmax(calc(var(--bas-dim-1) * 1.58), 1fr) minmax(calc(var(--bas-dim-1) * 1.88), calc(var(--bas-dim-1) * 2.04)) calc(var(--bas-dim-1) * 1.38);
	align-items: center;
	gap: calc(var(--bas-dim-1) * .12);
}

.bimion-geometry-library-panel .bimion-geometry-field.is-no-unit {
	grid-template-columns: minmax(calc(var(--bas-dim-1) * 1.58), 1fr) minmax(calc(var(--bas-dim-1) * 1.88), calc(var(--bas-dim-1) * 2.04));
}

.bimion-geometry-library-panel .bimion-geometry-field input,
.bimion-geometry-library-panel .bimion-geometry-field select,
.bimion-geometry-library-panel .bimion-geometry-unit-static {
	height: calc(var(--bas-dim-1) * .64);
	line-height: calc(var(--bas-dim-1) * .64);
	font-weight: 420;
	align-self: center;
}

.bimion-geometry-library-panel .bimion-geometry-field input[type="number"]::-webkit-outer-spin-button,
.bimion-geometry-library-panel .bimion-geometry-field input[type="number"]::-webkit-inner-spin-button {
	opacity: 1;
	width: calc(var(--bas-dim-1) * .46);
	min-height: calc(var(--bas-dim-1) * .66);
	cursor: pointer;
}

.bimion-geometry-library-panel .bimion-geometry-field input[type="number"] {
	padding-right: .08em;
}
.bimion-geometry-library-panel .bimion-geometry-field select,
.bimion-geometry-library-panel .bimion-geometry-unit-static {
	margin-right: 0;
}

.bimion-geometry-library-panel .bimion-geometry-panel-footer {
	flex: 0 0 auto;
	display: grid;
	gap: calc(var(--bas-dim-1) * .14);
	padding: calc(var(--bas-dim-1) * .16) var(--bimion-panel-pad) 0 var(--bimion-panel-pad);
	margin-top: 0;
	border-top: 1px solid rgba(17, 79, 124, .18);
	box-sizing: border-box;
}

.bimion-material-library-panel .bimion-material-card.w-option {
	display: block !important;
	grid-template-columns: none;
	grid-template-rows: none;
	column-gap: 0;
	width: 100% !important;
	min-height: calc(var(--bas-dim-1)/2.5 + 1.4em) !important;
	margin: 0.3em 0 !important;
	padding: 0.7em !important;
}

.bimion-material-library-panel .bimion-material-card.is-empty {
	cursor: default;
	opacity: .48;
}

.bimion-material-library-panel .bimion-material-card .bimion-material-swatch.min {
	position: absolute !important;
	top: 0.5em !important;
	width: calc(var(--bas-dim-1) / 2) !important;
	height: calc(var(--bas-dim-1) / 2) !important;
	margin: 0 calc(var(--bas-dim-1) / 2) 0 0 !important;
}

.bimion-material-library-panel .bimion-material-card .titlet {
	margin: 0 0 0 calc(var(--bas-dim-1) * 1.08) !important;
}

.bimion-material-library-panel .bimion-material-card .bimion-material-current {
	display: block;
	margin-top: .24em;
	color: rgba(24, 77, 120, .82);
	font: 520 .82em/1.1 Arial, sans-serif;
	letter-spacing: 0;
}

.bimion-material-library-panel .bimion-material-card .bimion-material-restore {
	display: inline-grid;
	place-items: center;
	margin-top: .36em;
	padding: .18em .48em;
	border: 1px solid rgba(11, 112, 201, .46);
	border-radius: .28em;
	background: rgba(255, 255, 255, .72);
	color: #0b70c9;
	font: 560 .78em/1 Arial, sans-serif;
	cursor: pointer;
}

.bimion-material-library-panel .bimion-material-card .bimion-material-restore:hover,
.bimion-material-library-panel .bimion-material-card .bimion-material-restore:focus {
	border-color: rgba(45, 126, 52, .72);
	background: rgba(214, 244, 220, .9);
	color: #2d7e34;
}

.bimion-material-drag-preview {
	position: fixed;
	z-index: 100000;
	width: calc(var(--bas-dim-1) * .78);
	height: calc(var(--bas-dim-1) * .78);
	margin: calc(var(--bas-dim-1) * -.39) 0 0 calc(var(--bas-dim-1) * -.39);
	border: 1px solid rgba(17,79,124,.42);
	border-radius: 999px;
	background-color: #c9a06f;
	background-size: 220% 220%;
	background-position: center;
	box-shadow: inset -0.18em -0.22em .38em rgba(45,32,18,.22), inset .18em .18em .32em rgba(255,255,255,.44), 0 .22em .62em rgba(0,0,0,.2);
	pointer-events: none;
}

.bimion-geometry-library-panel .bimion-geometry-footer-row {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bimion-geometry-library-panel .bimion-geometry-undo.is-pinned {
	border-color: rgba(45, 126, 52, .72);
	background: rgba(214, 244, 220, .95);
	color: #2f7f36;
}

/* BR 20260629: paleta narzedzi korekty ma byc osiowo ustawiona nad przyciskiem korekty i pozostac dostepna podczas oznaczania. */
#Settings .bug-correction-tools {
	right: 0 !important;
	bottom: calc(var(--bas-dim-1) * 1.14) !important;
	z-index: 43040 !important;
	pointer-events: auto !important;
	grid-template-columns: repeat(6, calc(var(--bas-dim-1) * .88)) !important;
	gap: calc(var(--bas-dim-1) * .15) !important;
	align-items: center !important;
	justify-items: center !important;
}

#Settings .bug-correction-tool {
	position: relative !important;
	z-index: 43041 !important;
	pointer-events: auto !important;
	width: calc(var(--bas-dim-1) * .88) !important;
	height: calc(var(--bas-dim-1) * .88) !important;
	padding: calc(var(--bas-dim-1) * .075) !important;
	border-radius: calc(var(--bas-dim-1) / 5.5) !important;
	background: rgba(255, 255, 255, .96) !important;
	border-color: rgba(11, 112, 201, .52) !important;
}

#Settings .bug-correction-tool img {
	width: 92% !important;
	height: 92% !important;
}

#Settings .bug-correction-tool:hover,
#Settings .bug-correction-tool:focus-visible {
	background: rgba(214, 244, 220, .92) !important;
	border-color: rgba(45, 126, 52, .82) !important;
	box-shadow: 0 0 0 1px rgba(45, 126, 52, .32), 0 .28em .8em rgba(27,45,61,.18) !important;
}

#Settings .bug-correction-tool.is-active {
	background: rgba(113, 172, 65, .18) !important;
	border-color: #2f7f36 !important;
	box-shadow: 0 0 0 1px rgba(45, 126, 52, .26), 0 .24em .72em rgba(27,45,61,.14) !important;
}

#BugCorrectionTools.is-locked .bug-correction-tool:not([data-bug-tool="note"]) {
	opacity: .34 !important;
	filter: grayscale(1) saturate(.2) !important;
	background: rgba(226, 232, 238, .82) !important;
	border-color: rgba(98, 114, 130, .34) !important;
	box-shadow: none !important;
	cursor: not-allowed !important;
	pointer-events: none;
}

#BugCorrectionTools.is-locked .bug-correction-tool[data-bug-tool="note"] {
	opacity: 1 !important;
	filter: none !important;
}
/* 0010: Bledy i korekty BIMION w osobnym prawym oknie Bug/Korekta. */
#Centrum > .window.wr-bug-corrections {
	display: none;
	position: fixed;
	left: auto;
	right: 26px;
	top: 102px;
	bottom: 138px;
	align-items: stretch;
	justify-content: flex-start;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-gutter: stable;
	scrollbar-width: thin;
	scrollbar-color: var(--blue1) transparent;
	box-sizing: border-box;
	width: 306px !important;
	min-width: 306px;
	max-width: 306px;
	min-height: calc(var(--bas-dim-1) * 4);
	padding: 0.1em;
	font-size: 0.9em;
	background-color: var(--grey3);
	border: 0.1em solid var(--dblue);
	border-radius: calc(var(--bas-dim-1) / 6);
	box-shadow: 0 .34em 1.05em rgba(24, 45, 65, .14);
	z-index: 43020;
}

.wr-bug-corrections.w-active {
	display: block !important;
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

#Centrum > .window.wr-bug-corrections > .title {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: calc(100% + 2em + var(--right-scrollbar-gap, 0px) + 1px);
	max-width: none;
	min-height: calc(var(--bas-dim-1) * 1.2);
	margin: -1em 0 0 -1em;
	padding: calc(1em + .504em) calc(1.8em + var(--right-scrollbar-gap, 0px)) .504em var(--right-title-icon-gap);
	position: sticky;
	top: -1em;
	z-index: 42000;
	float: none;
	font: 700 1.08em/1.08 Arial, sans-serif;
	color: var(--dblue);
	background: transparent;
	border: 0;
	border-radius: calc(var(--bas-dim-1)/6) 0 calc(var(--bas-dim-1)/5) calc(var(--bas-dim-1)/8);
	box-shadow: none;
	overflow: visible;
	isolation: isolate;
}

#Centrum > .window.wr-bug-corrections > .title::before {
	content: "";
	position: absolute;
	inset: 0 calc(var(--right-scrollbar-gap, 0px) + 10px) 0 0;
	background: var(--bimion-right-title-bg);
	border-right: 0.08em solid var(--dblue);
	border-bottom: 0.08em solid var(--dblue);
	border-top: 0;
	border-radius: inherit;
	pointer-events: none;
	z-index: -1;
}

#Centrum > .window.wr-bug-corrections > .title::after {
	display: none;
}

#Centrum > .window.wr-bug-corrections > .title .right-title-icon {
	width: calc(var(--bas-dim-1) * .86);
	height: calc(var(--bas-dim-1) * .86);
	margin-right: var(--right-title-icon-gap);
	padding: .04em;
}

#Centrum > .window.wr-bug-corrections > .title .right-title-text {
	position: relative;
	z-index: 43000;
}



.bimion-work-queue {
	display: contents;
}

.bimion-work-queue-meta {
	display: none;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: calc(var(--bas-dim-1) * .12);
	min-width: 0;
	padding: calc(var(--bas-dim-1) * .12) calc(var(--bas-dim-1) * .16);
	border: 1px solid rgba(17, 79, 124, .24);
	border-radius: calc(var(--bas-dim-1) / 7);
	background: rgba(255, 255, 255, .72);
	color: #114f7c;
	font: 650 .82em/1.12 Arial, sans-serif;
}

.bimion-work-queue-meta strong {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bimion-work-queue-meta span {
	white-space: nowrap;
}

.bimion-work-queue-list {
	display: contents;
}

.bimion-work-queue-card {
	margin: 0 calc(var(--bas-dim-1) * .22) calc(var(--bas-dim-1) * .16);
	background: rgba(255, 255, 255, .82);
}

.bimion-work-queue-card:first-child {
	margin-top: calc(var(--bas-dim-1) * .22);
}

.bimion-work-queue-window-actions {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: calc(var(--bas-dim-1) * .1);
	margin: 0 calc(var(--bas-dim-1) * .22) calc(var(--bas-dim-1) * .22);
}

.bimion-task-board {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	gap: calc(var(--bas-dim-1) * .18);
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: calc(var(--bas-dim-1) * .22);
	overflow: hidden;
}

.bimion-task-board-meta {
	box-sizing: border-box;
	padding: calc(var(--bas-dim-1) * .12) calc(var(--bas-dim-1) * .16);
	border: 1px solid rgba(17, 79, 124, .24);
	border-radius: calc(var(--bas-dim-1) / 7);
	background: rgba(255, 255, 255, .72);
	color: #114f7c;
	font: 650 .82em/1.12 Arial, sans-serif;
}

.bimion-task-board-list {
	display: grid;
	align-content: start;
	gap: calc(var(--bas-dim-1) * .16);
	min-height: 0;
	overflow: visible;
	padding-right: calc(var(--bas-dim-1) * .08);
}

.bimion-task-card {
	display: grid;
	gap: calc(var(--bas-dim-1) * .12);
	box-sizing: border-box;
	padding: calc(var(--bas-dim-1) * .18);
	border: 1px solid rgba(17, 79, 124, .32);
	border-radius: calc(var(--bas-dim-1) / 7);
	background: rgba(255, 255, 255, .82);
	color: #17324c;
}

.bimion-task-card.is-received {
	border-color: rgba(45, 126, 52, .64);
	background: rgba(214, 244, 220, .82);
}

.bimion-task-meta {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: calc(var(--bas-dim-1) * .06);
	align-items: start;
	font: 700 .74em/1.1 Arial, sans-serif;
	color: #114f7c;
}

.bimion-task-id-row {
	display: flex;
	align-items: baseline;
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
}

.bimion-task-id,
.bimion-task-user,
.bimion-task-date {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bimion-task-id {
	flex: 0 1 auto;
}

.bimion-task-user {
	flex: 0 0 auto;
	font-weight: 700;
	color: rgba(17, 79, 124, .86);
}

.bimion-task-date {
	font-weight: 560;
	color: rgba(17, 79, 124, .78);
}

.bimion-task-editable {
	cursor: text;
	border-radius: calc(var(--bas-dim-1) / 12);
}

.bimion-task-editable.is-editing {
	outline: 1px solid rgba(11, 112, 201, .58);
	background: rgba(243, 249, 255, .88);
	padding: .08em .18em;
}

.bimion-task-name {
	font: 700 .88em/1.16 Arial, sans-serif;
	color: #17324c;
}

.bimion-task-scopes {
	margin: 0;
	padding-left: calc(var(--bas-dim-1) * .34);
	font: 520 .78em/1.22 Arial, sans-serif;
	color: #26384a;
}

.bimion-task-scopes li + li {
	margin-top: .16em;
}
.bimion-task-scope-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: calc(var(--bas-dim-1) * .12);
}

.bimion-task-scope-text {
	min-width: 0;
	user-select: text;
	-webkit-user-select: text;
}

.bimion-task-scope-actions {
	display: inline-flex;
	gap: calc(var(--bas-dim-1) * .08);
	padding-top: .02em;
}

.bimion-task-scope-action {
	min-width: calc(var(--bas-dim-1) * .56);
	height: calc(var(--bas-dim-1) * .34);
	border: 1px solid rgba(17, 79, 124, .28);
	border-radius: calc(var(--bas-dim-1) / 9);
	background: rgba(243, 249, 255, .86);
	color: #17324c;
	font: 700 .62em/1 Arial, sans-serif;
	padding: 0 calc(var(--bas-dim-1) * .09);
}

.bimion-task-scope-action:hover,
.bimion-task-scope-action:focus-visible {
	background: rgba(17, 79, 124, .86);
	border-color: rgba(17, 79, 124, .86);
	color: #fff;
}

.bimion-work-queue-comment-text {
	display: block;
	align-self: center;
	min-height: calc(var(--bas-dim-1) * .38);
	white-space: pre-wrap;
	word-break: break-word;
}

.bimion-work-queue-comment-text:empty::before {
	content: attr(data-placeholder);
	color: rgba(20, 56, 84, .5);
}

.bimion-work-queue-attachment {
	display: inline-flex;
	align-items: center;
	gap: calc(var(--bas-dim-1) * .08);
	min-height: calc(var(--bas-dim-1) * .36);
	border: 1px solid rgba(17, 79, 124, .36);
	border-radius: calc(var(--bas-dim-1) / 10);
	background: rgba(255, 255, 255, .76);
	color: #114f7c;
	font: 800 .68em/1 Arial, sans-serif;
	padding: 0 calc(var(--bas-dim-1) * .12);
	cursor: pointer;
}

.bimion-work-queue-attachment::before {
	content: "";
	width: calc(var(--bas-dim-1) * .13);
	height: calc(var(--bas-dim-1) * .24);
	border: 2px solid currentColor;
	border-left-color: transparent;
	border-radius: calc(var(--bas-dim-1) * .12);
	transform: rotate(28deg);
}

.bimion-work-queue-attachment:hover,
.bimion-work-queue-attachment:focus-visible {
	background: rgba(17, 79, 124, .86);
	color: #fff;
}

.bimion-work-queue-attachment-preview {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .48);
	padding: calc(var(--bas-dim-1) * .6);
}

.bimion-work-queue-attachment-frame {
	position: relative;
	max-width: min(92vw, 1100px);
	max-height: 88vh;
	background: #fff;
	border: 1px solid rgba(17, 79, 124, .3);
	border-radius: calc(var(--bas-dim-1) / 8);
	padding: calc(var(--bas-dim-1) * .36);
	box-shadow: 0 18px 60px rgba(0, 0, 0, .28);
}

.bimion-work-queue-attachment-frame img {
	display: block;
	max-width: 100%;
	max-height: 76vh;
	object-fit: contain;
}

.bimion-work-queue-attachment-title {
	font: 800 .78em/1 Arial, sans-serif;
	color: #114f7c;
	margin-bottom: calc(var(--bas-dim-1) * .12);
}

.bimion-work-queue-attachment-close {
	position: absolute;
	top: calc(var(--bas-dim-1) * .12);
	right: calc(var(--bas-dim-1) * .12);
	width: calc(var(--bas-dim-1) * .42);
	height: calc(var(--bas-dim-1) * .42);
	border: 1px solid rgba(17, 79, 124, .34);
	border-radius: 50%;
	background: #fff;
	color: #114f7c;
	font: 800 .75em/1 Arial, sans-serif;
	cursor: pointer;
}

.bimion-work-queue-editable[contenteditable="true"],
.bimion-work-queue-comment-text[contenteditable="true"] {
	cursor: text;
	user-select: text !important;
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	outline: none;
}

.bimion-work-queue-editable[contenteditable="true"]:focus,
.bimion-work-queue-comment-text[contenteditable="true"]:focus {
	box-shadow: 0 0 0 2px rgba(11, 112, 201, .28);
	border-radius: calc(var(--bas-dim-1) / 10);
	background: rgba(255, 255, 255, .72);
}

.bimion-task-progress-row {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: calc(var(--bas-dim-1) * .14);
}

.bimion-task-controls {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: calc(var(--bas-dim-1) * .1);
}

.bimion-work-queue-comments {
	list-style: none;
	padding-left: 0;
	display: grid;
	gap: calc(var(--bas-dim-1) * .12);
}

.bimion-work-queue-comment {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: stretch;
	width: 100%;
	box-sizing: border-box;
	gap: 0;
	padding: 0 0 0 calc(var(--bas-dim-1) * .12);
	border: 1px solid rgba(17, 79, 124, .32);
	border-radius: calc(var(--bas-dim-1) / 8);
	background: rgba(232, 244, 255, .78);
	overflow: hidden;
}

.bimion-work-queue-comment .bimion-task-scope-actions {
	padding-top: 0;
	align-items: stretch;
	gap: 0;
}

.bimion-work-queue-comment .bimion-work-queue-attachment {
	align-self: center;
	min-width: calc(var(--bas-dim-1) * .52);
	height: calc(var(--bas-dim-1) * .34);
	min-height: 0;
	box-sizing: border-box;
	margin-right: calc(var(--bas-dim-1) * .08);
}

.bimion-work-queue-comment .bimion-work-queue-comment-action {
	min-width: calc(var(--bas-dim-1) * .56);
	height: auto;
	min-height: calc(var(--bas-dim-1) * .52);
	box-sizing: border-box;
	border-top: 0;
	border-bottom: 0;
}

.bimion-work-queue-comment .bimion-comment-delete {
	position: relative;
	font-size: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px solid rgba(124, 28, 48, .42);
	border-radius: 0;
	background: rgba(255, 247, 248, .9);
	color: #7c1c30;
}

.bimion-work-queue-comment .bimion-comment-delete::before {
	content: "×";
	font: 900 calc(var(--bas-dim-1) * .26)/1 Arial, sans-serif;
	color: #7c1c30;
}

.bimion-work-queue-comment .bimion-comment-delete:hover,
.bimion-work-queue-comment .bimion-comment-delete:focus-visible {
	background: rgba(124, 28, 48, .9);
	border-left-color: rgba(124, 28, 48, .9);
	color: #fff;
}

.bimion-work-queue-comment .bimion-comment-delete:hover::before,
.bimion-work-queue-comment .bimion-comment-delete:focus-visible::before {
	color: #fff;
}

.bimion-work-queue-resume-note {
	color: #2f7f36;
	font: 700 .78em/1.25 Arial, sans-serif;
	background: rgba(225, 247, 226, .72);
	border: 1px solid rgba(47, 127, 54, .24);
	border-radius: calc(var(--bas-dim-1) / 9);
	padding: calc(var(--bas-dim-1) * .12);
}

.bimion-work-queue-approval-note {
	color: #0b70c9;
	font: 700 .78em/1.25 Arial, sans-serif;
	background: rgba(218, 236, 255, .72);
	border: 1px solid rgba(11, 112, 201, .22);
	border-radius: calc(var(--bas-dim-1) / 9);
	padding: calc(var(--bas-dim-1) * .12);
}

.bimion-task-progress.is-approval-request {
	cursor: pointer;
	border: 1px solid rgba(11, 112, 201, .5);
	background: rgba(218, 236, 255, .86);
}

.bimion-task-progress {
	position: relative;
	height: calc(var(--bas-dim-1) * .48);
	border-radius: calc(var(--bas-dim-1) / 8);
	background: rgba(17, 79, 124, .16);
	overflow: hidden;
}

.bimion-task-progress > span {
	display: block;
	height: 100%;
	width: 0%;
	border-radius: inherit;
	background: linear-gradient(90deg, rgba(47, 127, 54, .72), rgba(113, 172, 65, .88));
}

.bimion-task-progress > strong {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font: 800 .82em/1 Arial, sans-serif;
	color: #17324c;
}

.bimion-task-actions {
	display: grid;
	grid-template-columns: repeat(4, calc(var(--bas-dim-1) * .7));
	justify-content: end;
	gap: calc(var(--bas-dim-1) * .1);
}

.bimion-task-action {
	width: calc(var(--bas-dim-1) * .7);
	height: calc(var(--bas-dim-1) * .7);
	min-height: calc(var(--bas-dim-1) * .7);
	border: 1px solid rgba(11, 112, 201, .42);
	border-radius: calc(var(--bas-dim-1) / 5.5);
	background-color: rgba(243, 249, 255, .94);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: transparent;
	font: 0/0 Arial, sans-serif;
	cursor: pointer;
}

.bimion-task-action::before {
	content: "";
	display: block;
	width: 93%;
	height: 93%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}

.bimion-work-queue-card .bimion-task-action::before {
	background-color: transparent;
}

.bimion-task-delete::before { background-image: url("images/interface/close.svg"); }
.bimion-task-add::before { background-image: url("images/interface/bug-plus.svg"); width: 79%; height: 79%; }
.bimion-task-note::before { background-image: url("images/interface/bug-note.svg"); }
.bimion-task-draw::before { background-image: url("images/interface/bug-draw.svg"); }
.bimion-task-receive::before { background-image: url("images/interface/bug-accept.svg"); }
.bimion-task-start::before { background-image: url("images/interface/bug-start.svg"); }
.bimion-task-pause::before { background-image: url("images/interface/bug-pause.svg"); }
.bimion-task-retry::before { background-image: url("images/interface/bug-retry.svg"); }

.bimion-task-action:hover,
.bimion-task-action:focus {
	border-color: rgba(45, 126, 52, .72);
	background: rgba(214, 244, 220, .92);
	color: #2f7f36;
}

.bimion-task-action:hover::before,
.bimion-task-action:focus::before {
	filter: brightness(0) invert(1);
}

.bimion-task-action.is-received {
	background: rgba(214, 244, 220, .95);
	border-color: rgba(45, 126, 52, .72);
	color: #2f7f36;
}

.bimion-task-board-empty,
.bimion-task-board-error {
	padding: calc(var(--bas-dim-1) * .24);
	border: 1px solid rgba(17, 79, 124, .24);
	border-radius: calc(var(--bas-dim-1) / 7);
	background: rgba(255, 255, 255, .72);
	color: #114f7c;
	font: 560 .86em/1.24 Arial, sans-serif;
}

/* BR 20260629: tekst bug report jest edytowalny inline i przesuwalny przed opisem. */
.bug-text-note {
	position: fixed;
	z-index: 89;
	min-width: min(16rem, calc(100vw - 2rem));
	max-width: min(28rem, calc(100vw - 2rem));
	padding: .48rem .64rem .52rem;
	border: 1px solid rgba(216, 0, 255, .5);
	border-radius: 6px;
	background: rgba(255, 255, 255, .94);
	box-shadow: 0 .32rem .9rem rgba(27, 45, 61, .18);
	color: #1a2a36;
	font: 600 1rem/1.28 Arial, sans-serif;
	pointer-events: auto;
	cursor: text;
}

.bug-text-note.is-active {
	border-color: #d800ff;
	box-shadow: 0 0 0 1px rgba(216, 0, 255, .16), 0 .34rem .96rem rgba(27, 45, 61, .2);
}

.bug-text-note-content {
	min-height: 1.28rem;
	outline: none;
	white-space: pre-wrap;
	word-break: break-word;
}

.bug-text-note-content:empty::before {
	content: "Tekst";
	color: rgba(26, 42, 54, .42);
}

.bug-text-note-handle {
	position: absolute;
	right: -.58rem;
	top: -.58rem;
	width: 1.16rem;
	height: 1.16rem;
	border: 1px solid rgba(11, 112, 201, .46);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 .16rem .45rem rgba(27, 45, 61, .18);
	cursor: move;
}

.bug-text-note-handle::before,
.bug-text-note-handle::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: .56rem;
	height: 1px;
	background: #0b70c9;
	transform: translate(-50%, -50%);
}

.bug-text-note-handle::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.bimion-task-progress.is-approval-request > span {
	width: 100% !important;
	background: rgba(255, 176, 77, .5);
}

.bimion-task-progress.is-approval-request > strong {
	color: #6f3500;
}


/* 0029: progress bar full width after removing Start/Pauza/Ponów */
.bimion-task-progress-row {
	grid-template-columns: minmax(0, 1fr);
}

.bimion-task-progress-row > .bimion-task-progress {
	width: 100%;
	min-width: 0;
}

/* p02: keep the hidden scene options header in flow so the toggle does not jump vertically. */
body.scene-main-options-collapsed .scene-main-options-top {
	display: grid !important;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

body.scene-main-options-collapsed .scene-main-options-label {
	visibility: hidden;
}

/* p03: admin visibility lightbulb replaces the red status dot. */
#PanelVisibilityDot {
	width: .98em !important;
	height: .98em !important;
	left: calc(var(--bas-dim-1) / 2 - .49em) !important;
	top: calc(var(--bas-dim-1) * -.36 + .50em) !important;
	background: transparent url("images/interface/admin-panel-light-on.svg?v=p03") center / contain no-repeat !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: 0 0 .42em rgba(255, 207, 58, .42) !important;
	transition: filter .18s ease, opacity .18s ease, transform .18s ease, box-shadow .18s ease;
}

#PanelVisibilityDot[aria-pressed="true"] {
	background-image: url("images/interface/admin-panel-light-off.svg?v=p03") !important;
	box-shadow: none !important;
	filter: saturate(.68) brightness(.9);
	opacity: .86;
}

#PanelVisibilityDot:hover {
	transform: scale(1.06);
}

body.bimion-render-realistic #PanelVisibilityDot {
	left: calc(var(--bas-dim-1) * -0.18 + .04em) !important;
	top: calc(var(--bas-dim-1) * 1.05 + 10px - 1.02em) !important;
}
/* p04: match utility buttons to New Task visual style without changing geometry. */
#Messages,
#Sets,
#BugCorrection,
#Help {
	border-color: rgba(11, 112, 201, .42) !important;
	background-color: rgba(243, 249, 255, .94) !important;
	box-shadow: 0 0.18rem 0.48rem rgba(22, 54, 82, .10) !important;
	color: #17324c !important;
	filter: none !important;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

#Messages:hover,
#Messages:focus-visible,
#Sets:hover,
#Sets:focus-visible,
#BugCorrection:hover,
#BugCorrection:focus-visible,
#Help:hover,
#Help:focus-visible,
#Messages.is-active,
#Sets.is-active,
#BugCorrection.is-active,
#Help.is-active,
#Messages[aria-pressed="true"],
#Sets[aria-pressed="true"],
#BugCorrection[aria-pressed="true"],
#Help[aria-pressed="true"] {
	border-color: rgba(45, 126, 52, .72) !important;
	background-color: rgba(214, 244, 220, .92) !important;
	box-shadow: 0 0 0 1px rgba(45, 126, 52, .26), 0 .22rem .62rem rgba(27, 45, 61, .14) !important;
	color: #2f7f36 !important;
	filter: none !important;
}

#Messages img,
#Sets img {
	filter: none !important;
	opacity: 1 !important;
	transition: opacity .18s ease;
}

#Messages:hover img,
#Messages:focus-visible img,
#Sets:hover img,
#Sets:focus-visible img,
#Messages.is-active img,
#Sets.is-active img,
#Messages[aria-pressed="true"] img,
#Sets[aria-pressed="true"] img {
	filter: none !important;
	opacity: 1 !important;
}

body.bimion-render-realistic #Messages,
body.bimion-render-realistic #Sets,
body.bimion-render-realistic #BugCorrection,
body.bimion-render-realistic #Help {
	background-color: rgba(243, 249, 255, .94) !important;
	border-color: rgba(11, 112, 201, .42) !important;
	box-shadow: 0 0.18rem 0.48rem rgba(22, 54, 82, .10) !important;
	filter: none !important;
}

body.bimion-render-realistic #Messages:hover,
body.bimion-render-realistic #Messages:focus-visible,
body.bimion-render-realistic #Sets:hover,
body.bimion-render-realistic #Sets:focus-visible,
body.bimion-render-realistic #BugCorrection:hover,
body.bimion-render-realistic #BugCorrection:focus-visible,
body.bimion-render-realistic #Help:hover,
body.bimion-render-realistic #Help:focus-visible,
body.bimion-render-realistic #Messages.is-active,
body.bimion-render-realistic #Sets.is-active,
body.bimion-render-realistic #BugCorrection.is-active,
body.bimion-render-realistic #Help.is-active {
	background-color: rgba(214, 244, 220, .92) !important;
	border-color: rgba(45, 126, 52, .72) !important;
	box-shadow: 0 0 0 1px rgba(45, 126, 52, .26), 0 .22rem .62rem rgba(27, 45, 61, .14) !important;
}

body.bimion-render-realistic #Account::before {
	background: rgba(243, 249, 255, .88) !important;
	border-color: rgba(11, 112, 201, .42) !important;
	box-shadow: 0 0.18rem 0.48rem rgba(22, 54, 82, .10) !important;
}

body.bimion-render-realistic #AccInfo {
	background-color: rgba(243, 249, 255, .94) !important;
	border-color: rgba(11, 112, 201, .42) !important;
	box-shadow: 0 0.18rem 0.48rem rgba(22, 54, 82, .10) !important;
	color: #17324c !important;
}
/* p04 active aliases for utility buttons: one active look for Help, Messages and Settings. */
#Messages.w-active,
#Messages.w-option-active,
#Messages.opt-active,
#Messages.active,
#Sets.w-active,
#Sets.w-option-active,
#Sets.opt-active,
#Sets.active,
#Help.w-active,
#Help.w-option-active,
#Help.opt-active,
#Help.active,
body:has(.wl-messages.w-active) #Messages,
body:has(.wr-messages.w-active) #Messages,
body:has(.wl-sets.w-active) #Sets,
body:has(.wr-sets.w-active) #Sets,
body:has(.wl-help.w-active) #Help,
body:has(.wr-help.w-active) #Help {
	border-color: rgba(45, 126, 52, .72) !important;
	background-color: rgba(214, 244, 220, .92) !important;
	box-shadow: 0 0 0 1px rgba(45, 126, 52, .26), 0 .22rem .62rem rgba(27, 45, 61, .14) !important;
	color: #2f7f36 !important;
	filter: none !important;
}

body.bimion-render-realistic #Messages.w-active,
body.bimion-render-realistic #Messages.w-option-active,
body.bimion-render-realistic #Sets.w-active,
body.bimion-render-realistic #Sets.w-option-active,
body.bimion-render-realistic #Help.w-active,
body.bimion-render-realistic #Help.w-option-active,
body.bimion-render-realistic:has(.wr-messages.w-active) #Messages,
body.bimion-render-realistic:has(.wr-sets.w-active) #Sets,
body.bimion-render-realistic:has(.wr-help.w-active) #Help {
	border-color: rgba(45, 126, 52, .72) !important;
	background-color: rgba(214, 244, 220, .92) !important;
	box-shadow: 0 0 0 1px rgba(45, 126, 52, .26), 0 .22rem .62rem rgba(27, 45, 61, .14) !important;
}
/* p05: single click target for the whole user identity area and non-layout BOT badge. */
#Account {
	min-width: calc(var(--bas-dim-1) * 3.45);
	min-height: calc(var(--bas-dim-1) * 1.08);
	cursor: pointer;
}

#Account #PanelVisibilityDot,
#Account #AdminPanel,
#Account #BotPanel,
#Account #AdminPanel *,
#Account #BotPanel * {
	cursor: auto;
}

body[data-active-user-type="bot"] #AccUser {
	display: block;
	white-space: nowrap;
}

body[data-active-user-type="bot"] #AccUser::after {
	position: absolute;
	left: -0.1em;
	top: -0.58em;
	z-index: 2;
	display: block;
	margin-left: 0;
	padding: 0.15em 0.38em 0.13em;
	line-height: 1;
	pointer-events: none;
}

body[data-active-user-type="bot"] #Account.is-logged-out #AccUser::after {
	top: -0.5em;
}


/* p10: compact Chaty/System icon and title visuals without changing button geometry. */
#Messages img,
#Sets img {
	width: 80% !important;
	height: 80% !important;
}

.bimion-p10-compact-title {
	font-size: 80% !important;
}



/* p20 Konto: dodatkowe zagadnienia i czytelne ikony tytułu kategorii */
.account-bottom-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr) calc(var(--bas-dim-1) * 1.12);
	gap: 0.38em;
	align-items: stretch;
}

.account-logout-wrap .account-bottom-actions #AccLogout {
	width: 100% !important;
}

#L-W-Acc .account-operations-option {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: calc(var(--bas-dim-1) * 1.12) !important;
	min-width: calc(var(--bas-dim-1) * 1.12);
	min-height: calc(var(--bas-dim-1) * 1.12) !important;
	padding: 0 !important;
	aspect-ratio: 1 / 1;
}

#L-W-Acc .account-operations-option .min {
	position: static !important;
	width: calc(var(--bas-dim-1) * 0.48) !important;
	height: calc(var(--bas-dim-1) * 0.48) !important;
	margin: 0 !important;
}

#L-W-Acc .account-operations-option .titlet {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px !important;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.account-profile-edit.is-confirming,
.account-region-edit.is-confirming {
	background-image: url("images/interface/bug-accept.svg") !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 74%;
}

.account-profile-edit.is-confirming::before,
.account-region-edit.is-confirming::before {
	content: none !important;
}
/* p21 Konto: korekta przycisków Wyloguj i Operacje */
.account-logout-wrap .account-bottom-actions {
	grid-template-columns: minmax(0, 1fr) calc(var(--bas-dim-1) * 1.12);
	align-items: center;
}

.account-logout-wrap .account-bottom-actions #AccLogout {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.58em !important;
	box-sizing: border-box !important;
	height: auto !important;
	min-height: calc(var(--bas-dim-1)/2.5 + 1.4em) !important;
	padding: 0.42em 0.64em !important;
}

.account-logout-wrap .account-bottom-actions #AccLogout .min {
	position: static !important;
	flex: 0 0 calc(var(--bas-dim-1) * 0.46) !important;
	width: calc(var(--bas-dim-1) * 0.46) !important;
	height: calc(var(--bas-dim-1) * 0.46) !important;
	margin: 0 !important;
}

.account-logout-wrap .account-bottom-actions #AccLogout .titlet {
	position: static !important;
	display: block !important;
	margin: 0 !important;
	line-height: 1.12 !important;
	text-align: center;
}

#L-W-Acc .account-bottom-actions .account-operations-option {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	height: auto !important;
	min-height: calc(var(--bas-dim-1)/2.5 + 1.4em) !important;
	width: calc(var(--bas-dim-1) * 1.12) !important;
	min-width: calc(var(--bas-dim-1) * 1.12) !important;
	padding: 0.42em 0 !important;
	aspect-ratio: auto !important;
}
/* p21 Konto: wyrownanie Wyloguj jak przycisk zagadnienia i kwadrat Operacje */
.account-logout-wrap .account-bottom-actions {
    --bimion-account-bottom-button-size: calc(var(--bas-dim-1)/2.5 + 1.4em);
    grid-template-columns: minmax(0, 1fr) var(--bimion-account-bottom-button-size);
    align-items: stretch;
}

.account-logout-wrap .account-bottom-actions #AccLogout {
    display: block !important;
    position: relative !important;
    justify-content: initial !important;
    align-items: initial !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    min-height: var(--bimion-account-bottom-button-size) !important;
    height: var(--bimion-account-bottom-button-size) !important;
    padding: 0.7em !important;
}

.account-logout-wrap .account-bottom-actions #AccLogout .min {
    position: absolute !important;
    top: 0.5em !important;
    flex: none !important;
    width: calc(var(--bas-dim-1)/2) !important;
    height: calc(var(--bas-dim-1)/2) !important;
    margin: 0 calc(var(--bas-dim-1)/2) 0 0 !important;
}

.account-logout-wrap .account-bottom-actions #AccLogout .titlet {
    position: static !important;
    display: block !important;
    margin: 0 0 0 2em !important;
    line-height: normal !important;
    text-align: left !important;
}

#L-W-Acc .account-bottom-actions .account-operations-option {
    width: var(--bimion-account-bottom-button-size) !important;
    min-width: var(--bimion-account-bottom-button-size) !important;
    max-width: var(--bimion-account-bottom-button-size) !important;
    height: var(--bimion-account-bottom-button-size) !important;
    min-height: var(--bimion-account-bottom-button-size) !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
}
/* p23 Konto: wspolna os tekstu zagadnien i wyrownanie Wyloguj */
#L-W-Acc .account-option:not(.account-operations-option),
.bimion-sector-panel .sector-issue-option,
.account-logout-wrap .account-bottom-actions #AccLogout {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.68em !important;
    box-sizing: border-box !important;
    min-height: calc(var(--bas-dim-1)/2.5 + 1.4em) !important;
    height: auto !important;
    padding: 0.7em !important;
}

#L-W-Acc .account-option:not(.account-operations-option) .min,
.bimion-sector-panel .sector-issue-option .min,
.bimion-sector-panel .sector-issue-option .sector-issue-icon,
.account-logout-wrap .account-bottom-actions #AccLogout .min {
    position: static !important;
    top: auto !important;
    left: auto !important;
    flex: 0 0 calc(var(--bas-dim-1) / 2) !important;
    width: calc(var(--bas-dim-1) / 2) !important;
    height: calc(var(--bas-dim-1) / 2) !important;
    margin: 0 !important;
    object-fit: contain;
}

#L-W-Acc .account-option:not(.account-operations-option) .titlet,
.bimion-sector-panel .sector-issue-option .titlet,
.account-logout-wrap .account-bottom-actions #AccLogout .titlet {
    position: static !important;
    display: block !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.12 !important;
    text-align: left !important;
}

.account-logout-wrap .account-bottom-actions {
    --bimion-account-bottom-button-size: calc(var(--bas-dim-1)/2.5 + 1.4em);
    grid-template-columns: minmax(0, 1fr) var(--bimion-account-bottom-button-size) !important;
    align-items: center !important;
}

#L-W-Acc .account-bottom-actions .account-operations-option {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: var(--bimion-account-bottom-button-size) !important;
    min-width: var(--bimion-account-bottom-button-size) !important;
    max-width: var(--bimion-account-bottom-button-size) !important;
    height: var(--bimion-account-bottom-button-size) !important;
    min-height: var(--bimion-account-bottom-button-size) !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
}
/* p24 Konto/System: przezroczystosc glownych okien i wymiar Operacje na koncie */
:root {
    --bimion-main-window-opacity: 0.8;
}

#Centrum > .window[class*="wl-"],
#Centrum > .window[class*="wr-"],
#Centrum > .wr-account-window {
    background-color: rgba(254, 254, 254, var(--bimion-main-window-opacity)) !important;
}

.account-logout-wrap .account-bottom-actions {
    --bimion-account-bottom-button-size: calc(var(--bas-dim-1)/2.5 + 1.4em);
    grid-template-columns: minmax(0, 1fr) var(--bimion-account-bottom-button-size) !important;
    align-items: stretch !important;
}

#L-W-Acc .account-bottom-actions .account-operations-option {
    width: var(--bimion-account-bottom-button-size) !important;
    min-width: var(--bimion-account-bottom-button-size) !important;
    max-width: var(--bimion-account-bottom-button-size) !important;
    height: var(--bimion-account-bottom-button-size) !important;
    min-height: var(--bimion-account-bottom-button-size) !important;
    max-height: var(--bimion-account-bottom-button-size) !important;
    align-self: stretch !important;
}

.bimion-main-window-opacity-control {
    display: flex;
    align-items: center;
    gap: 0.55em;
}

.bimion-main-window-opacity-range {
    width: min(12em, 100%);
}

.bimion-main-window-opacity-value {
    min-width: 2.4em;
    text-align: right;
}
/* p27 Konto: Operacje na koncie jak przycisk zagadnienia */
.account-logout-wrap .account-bottom-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
}

#L-W-Acc .account-bottom-actions .account-operations-option {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.68em !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: calc(var(--bas-dim-1)/2.5 + 1.4em) !important;
    height: auto !important;
    max-height: none !important;
    padding: 0.7em !important;
    aspect-ratio: auto !important;
}

#L-W-Acc .account-bottom-actions .account-operations-option .min {
    position: static !important;
    flex: 0 0 calc(var(--bas-dim-1) / 2) !important;
    width: calc(var(--bas-dim-1) / 2) !important;
    height: calc(var(--bas-dim-1) / 2) !important;
    margin: 0 !important;
    object-fit: contain;
}

#L-W-Acc .account-bottom-actions .account-operations-option .titlet {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    clip: auto !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.12 !important;
    text-align: left !important;
}
/* p31 Konto: Operacje na koncie kwadrat wysokosci Wyloguj */
.account-logout-wrap .account-bottom-actions {
    --bimion-account-bottom-button-size: calc(var(--bas-dim-1)/2.5 + 1.4em);
    grid-template-columns: minmax(0, 1fr) var(--bimion-account-bottom-button-size) !important;
    align-items: stretch !important;
}

.account-logout-wrap .account-bottom-actions #AccLogout {
    min-height: var(--bimion-account-bottom-button-size) !important;
    height: var(--bimion-account-bottom-button-size) !important;
}

#L-W-Acc .account-bottom-actions .account-operations-option {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: var(--bimion-account-bottom-button-size) !important;
    min-width: var(--bimion-account-bottom-button-size) !important;
    max-width: var(--bimion-account-bottom-button-size) !important;
    min-height: var(--bimion-account-bottom-button-size) !important;
    height: var(--bimion-account-bottom-button-size) !important;
    max-height: var(--bimion-account-bottom-button-size) !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
    align-self: stretch !important;
}

#L-W-Acc .account-bottom-actions .account-operations-option .min {
    position: static !important;
    flex: 0 0 calc(var(--bas-dim-1) / 2) !important;
    width: calc(var(--bas-dim-1) / 2) !important;
    height: calc(var(--bas-dim-1) / 2) !important;
    margin: 0 !important;
}

#L-W-Acc .account-bottom-actions .account-operations-option .titlet {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}
/* p32 Konto: wspolna linia dolnych przyciskow */
.account-logout-wrap .account-bottom-actions {
    --bimion-account-bottom-button-size: calc(var(--bas-dim-1)/2.5 + 1.4em);
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--bimion-account-bottom-button-size) !important;
    align-items: stretch !important;
    column-gap: 0.38em !important;
}

.account-logout-wrap .account-bottom-actions #AccLogout,
#L-W-Acc .account-bottom-actions .account-operations-option {
    align-self: stretch !important;
    box-sizing: border-box !important;
    min-height: var(--bimion-account-bottom-button-size) !important;
    height: var(--bimion-account-bottom-button-size) !important;
    max-height: var(--bimion-account-bottom-button-size) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.account-logout-wrap .account-bottom-actions #AccLogout {
    width: 100% !important;
}

#L-W-Acc .account-bottom-actions .account-operations-option {
    width: var(--bimion-account-bottom-button-size) !important;
    min-width: var(--bimion-account-bottom-button-size) !important;
    max-width: var(--bimion-account-bottom-button-size) !important;
    aspect-ratio: 1 / 1 !important;
}
/* p33 Okna danych: dolna maska scroll z mgla */
#RightScrollBottom.window-scroll-indicator {
    --right-scroll-layer-bg: rgba(254, 254, 254, var(--bimion-main-window-opacity, 0.8));
    overflow: visible !important;
    background: transparent !important;
    box-shadow: 0 -0.72em 1.08em rgba(255, 255, 255, 0.88) !important;
}

#RightScrollBottom.window-scroll-indicator::after {
    inset: 0;
    background: rgba(254, 254, 254, var(--bimion-main-window-opacity, 0.8)) !important;
    border-radius: 0 0 calc(var(--bas-dim-1)/6) calc(var(--bas-dim-1)/6);
    box-shadow: 0 -0.52em 0.92em rgba(255, 255, 255, 0.84);
    backdrop-filter: blur(1px);
}

#RightScrollBottom.window-scroll-indicator::before {
    z-index: 2;
}
/* p35 Okna danych: pelna dolna maska i pionowa mgla */
#RightScrollBottom.window-scroll-indicator {
    --right-scroll-layer-bg: rgba(254, 254, 254, var(--bimion-main-window-opacity, 0.8));
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}

#RightScrollBottom.window-scroll-indicator::after {
    inset: 0 !important;
    background: var(--right-scroll-layer-bg) !important;
    border-radius: 0 0 calc(var(--bas-dim-1)/6) calc(var(--bas-dim-1)/6);
    box-shadow: none !important;
    backdrop-filter: none !important;
}

#RightScrollBottom.window-scroll-indicator::before {
    left: 0 !important;
    right: 0 !important;
    top: -25px !important;
    width: auto !important;
    height: 25px !important;
    transform: none !important;
    border: 0 !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) !important;
    opacity: 1 !important;
    z-index: 2 !important;
}
/* p37 Okna danych: pasek scroll opacity i odwrocona mgla */
#RightScrollBottom.window-scroll-indicator {
    --right-scroll-layer-bg: rgba(254, 254, 254, var(--bimion-main-window-opacity, 0.8));
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

#RightScrollBottom.window-scroll-indicator::after {
    inset: 0 0.1em 0 0.1em !important;
    background: rgba(254, 254, 254, var(--bimion-main-window-opacity, 0.8)) !important;
    border-radius: 0 0 calc(var(--bas-dim-1)/6) calc(var(--bas-dim-1)/6);
    box-shadow: none !important;
    backdrop-filter: none !important;
}

#RightScrollBottom.window-scroll-indicator::before {
    left: 0.1em !important;
    right: 0.1em !important;
    top: -25px !important;
    width: auto !important;
    height: 25px !important;
    transform: none !important;
    border: 0 !important;
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) !important;
    opacity: 1 !important;
    z-index: 2 !important;
}


/* p38 Okna danych: pasek scroll aktywnego okna i nizsza mgla */
#RightScrollBottom.window-scroll-indicator::before {
    top: -12px !important;
    height: 12px !important;
    left: 0.1em !important;
    right: 0.1em !important;
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) !important;
}


/* p41 Okna danych: pasek scrollbara bez mgly */
#RightScrollBottom.window-scroll-indicator::before {
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
    width: 0 !important;
    height: 0 !important;
}


/* p42 Etykieta sceny: okna danych i panel opcji */
body.scene-caption-data-window-open.start-panel-options-hidden .scene-caption {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0s linear, visibility 0s linear !important;
}

body:not(.scene-caption-data-window-open) .scene-caption {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.24s ease, visibility 0s linear !important;
}

body.scene-caption-data-window-open:not(.start-panel-options-hidden) .scene-caption {
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.24s ease, visibility 0s linear !important;
}


/* p43b1 Ikony edycji danych */
.account-profile-edit,
.account-region-edit,
#AccPanelRepresentations .representation-company-edit {
	background-image: url("images/interface/account-edit-data.svg?v=p47-ui-icon-cache") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 68% 68% !important;
}

.account-profile-edit.is-confirming,
.account-region-edit.is-confirming,
#AccPanelRepresentations .representation-company-section.is-editing .representation-company-edit,
#AccPanelRepresentations .representation-company-edit.is-confirming {
	background-image: url("images/interface/account-confirm-changes.svg?v=p47-ui-icon-cache") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 68% 68% !important;
}

.account-profile-edit.is-confirming::before,
.account-region-edit.is-confirming::before,
#AccPanelRepresentations .representation-company-edit::before,
#AccPanelRepresentations .representation-company-edit::after {
	content: none !important;
	display: none !important;
}
/* p43c1 Sortery Konto */
.account-sort-operator img {
	width: 62%;
	height: 62%;
	display: block;
	object-fit: contain;
	pointer-events: none;
}

.titleg .account-sort-operators,
.titleg .representation-main-title-actions {
	align-items: center;
}

.titleg .account-sort-operator {
	flex: 0 0 var(--bimion-category-operator-size);
	width: var(--bimion-category-operator-size);
	height: var(--bimion-category-operator-size);
	min-width: var(--bimion-category-operator-size);
	min-height: var(--bimion-category-operator-size);
}
/* p43c2 Sortery System Pomoc */
.p43c2-system-help-sort-operator img {
	width: 62%;
	height: 62%;
	display: block;
	object-fit: contain;
	pointer-events: none;
}
/* p43c3a Sortery Czaty biezace */
.p43c3a-current-chats-sort-operator img {
	width: 62%;
	height: 62%;
	display: block;
	object-fit: contain;
	pointer-events: none;
}
/* p43c3b Sortery Czaty archiwalne */
.p43c3b-archived-chats-sort-operator img {
	width: 62%;
	height: 62%;
	display: block;
	object-fit: contain;
	pointer-events: none;
}/* p43c3c Sortery Blokady */
.p43c3c-block-sort-operator img {
	width: 62%;
	height: 62%;
	display: block;
	object-fit: contain;
	pointer-events: none;
}
/* p45 Sortery widocznosc */
.bimion-category-title .category-operators,
.account-section-title .category-operators,
.titleg .account-sort-operators,
.titleg .representation-main-title-actions .account-sort-operator,
.p43c3a-current-chats-sort-operators,
.p43c3b-archived-chats-sort-operators,
.p43c3c-block-sort-operators {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 0.34em !important;
	visibility: visible !important;
	opacity: 1 !important;
	overflow: visible !important;
}

.category-operator[data-sort-id],
.account-sort-operator[data-sort-id],
.p43c2-system-help-sort-operator,
.p43c3a-current-chats-sort-operator,
.p43c3b-archived-chats-sort-operator,
.p43c3c-block-sort-operator {
	display: inline-grid !important;
	place-items: center !important;
	visibility: visible !important;
	opacity: 1 !important;
	flex: 0 0 calc(var(--bas-dim-1) * 0.54) !important;
	width: calc(var(--bas-dim-1) * 0.54) !important;
	height: calc(var(--bas-dim-1) * 0.54) !important;
	min-width: calc(var(--bas-dim-1) * 0.54) !important;
	min-height: calc(var(--bas-dim-1) * 0.54) !important;
	background-color: rgba(255, 255, 255, 0.98) !important;
	border: 0.06em solid rgba(57, 104, 144, 0.42) !important;
	box-shadow: 0 0.12em 0.34em rgba(57, 104, 144, 0.18) !important;
	border-radius: 50% !important;
	overflow: visible !important;
	z-index: 3 !important;
}

.category-operator[data-sort-id] img,
.account-sort-operator[data-sort-id] img,
.p43c2-system-help-sort-operator img,
.p43c3a-current-chats-sort-operator img,
.p43c3b-archived-chats-sort-operator img,
.p43c3c-block-sort-operator img {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 68% !important;
	height: 68% !important;
	object-fit: contain !important;
	pointer-events: none !important;
}
/* p49 Panel BIMION ship team 90 */
#Ship .opt04,
#Ream .opt04,
.ship .opt04,
.team .opt04 {
	background-size: 90% 90% !important;
}
/* p50b Sortery realnie widoczne */
.account-panel > .titleg {
	display: flex !important;
	align-items: center !important;
	gap: 0.55em !important;
	overflow: visible !important;
}

.account-panel > .titleg > .right-title-text {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.account-panel > .titleg > .representation-main-title-actions,
.account-panel > .titleg > .account-sort-operators,
.bimion-category-title > .category-operators,
.account-section-title > .category-operators {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 0.34em !important;
	margin-left: auto !important;
	flex: 0 0 auto !important;
	width: auto !important;
	height: auto !important;
	visibility: visible !important;
	opacity: 1 !important;
	overflow: visible !important;
}
/* p52 login auth */
body.account-logged-out #Top #Messages,
body.account-logged-out #Bottom #Help,
body.account-logged-out #Bottom #BugCorrection {
    filter: grayscale(1) opacity(0.45);
    pointer-events: none;
}

.bimion-welcome-auth.bimion-welcome-v3 { position: fixed; inset: 0; z-index: 99999; display: none; overflow: hidden; color: #163650; box-sizing: border-box; background: radial-gradient(circle at 50% 42%, rgba(255,255,255,0.98) 0 20%, rgba(255,255,255,0.8) 34%, rgba(244,249,253,0.44) 56%, rgba(244,249,253,0) 74%), linear-gradient(180deg, rgba(255,255,255,0.94), rgba(245,250,255,0.97)); }
.bimion-welcome-auth.bimion-welcome-v3.is-visible { display: block; }
body.bimion-welcome-v3-open { overflow: hidden; }
.bimion-welcome-v3-network { position: absolute; inset: 0; pointer-events: none; opacity: 0.96; background: radial-gradient(circle at 8% 82%, rgba(54,114,184,0.16) 0 .12rem, transparent .18rem), radial-gradient(circle at 14% 28%, rgba(54,114,184,0.12) 0 .12rem, transparent .18rem), radial-gradient(circle at 88% 19%, rgba(54,114,184,0.14) 0 .12rem, transparent .18rem), radial-gradient(circle at 82% 78%, rgba(54,114,184,0.14) 0 .12rem, transparent .18rem), linear-gradient(120deg, transparent 0 12%, rgba(86,131,177,0.08) 12.3% 12.6%, transparent 13% 87%, rgba(86,131,177,0.08) 87.3% 87.6%, transparent 88%), linear-gradient(180deg, rgba(255,255,255,0.9), rgba(245,250,255,0.95)); }
/* 0210j Welcome style + center fix */
.bimion-welcome-auth.bimion-welcome-v3 { position: fixed; inset: 0; z-index: 99999; display: none; overflow: hidden; color: #163650; box-sizing: border-box; background: radial-gradient(circle at 50% 42%, rgba(255,255,255,0.98) 0 20%, rgba(255,255,255,0.82) 34%, rgba(244,249,253,0.46) 56%, rgba(244,249,253,0) 74%), linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,250,255,0.98)); }
.bimion-welcome-auth.bimion-welcome-v3.is-visible { display: block; }
.bimion-welcome-v3-network { position: absolute; inset: 0; pointer-events: none; opacity: 0.96; background: radial-gradient(circle at 8% 82%, rgba(54,114,184,0.16) 0 .12rem, transparent .18rem), radial-gradient(circle at 14% 28%, rgba(54,114,184,0.12) 0 .12rem, transparent .18rem), radial-gradient(circle at 88% 19%, rgba(54,114,184,0.14) 0 .12rem, transparent .18rem), radial-gradient(circle at 82% 78%, rgba(54,114,184,0.14) 0 .12rem, transparent .18rem), linear-gradient(120deg, transparent 0 12%, rgba(86,131,177,0.08) 12.3% 12.6%, transparent 13% 87%, rgba(86,131,177,0.08) 87.3% 87.6%, transparent 88%), linear-gradient(180deg, rgba(255,255,255,0.9), rgba(245,250,255,0.95)); }
.bimion-welcome-v3-shell { position: relative; z-index: 1; min-height: 100dvh; height: 100dvh; padding: 16px; box-sizing: border-box; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; grid-template-areas: "hero" "footer"; }
.bimion-welcome-v3-card { border: 1px solid rgba(123, 168, 214, 0.34); border-radius: 18px; background: rgba(255,255,255,0.94); box-shadow: 0 24px 60px rgba(33,76,121,0.12); backdrop-filter: blur(10px); }
.bimion-welcome-v3-login-panel { grid-area: login; position: absolute; top: 16px; left: 16px; width: min(100%, 21rem); min-width: 0; min-height: 0; height: auto; padding: .82rem .88rem .68rem; box-sizing: border-box; }
.bimion-welcome-v3-login-panel h1 { margin: 0 0 .42rem; color: #1d476d; font-size: clamp(1.4rem, 2.2vw, 1.85rem); line-height: 1.05; }
.bimion-welcome-v3-copy { display: none !important; }
.bimion-welcome-v3-login-form { display: grid; gap: .46rem; width: 100%; margin: 0; }
.bimion-welcome-v3-field { width: 100%; min-width: 0; }
.bimion-welcome-v3-field span { display: block; margin-bottom: .32rem; color: #31506b; font-size: .86rem; font-weight: 600; }
.bimion-welcome-v3-field input { display: block; width: 100%; margin: 0; min-height: 2.75rem; padding: .72rem .88rem; box-sizing: border-box; border: 1px solid rgba(123, 168, 214, 0.42); border-radius: 12px; background: rgba(255,255,255,0.98); color: #163650; font: inherit; appearance: none; outline: none; box-shadow: inset 0 1px 1px rgba(255,255,255,0.35); }
.bimion-welcome-v3-field input:focus,.bimion-welcome-v3-btn:focus-visible,#BimionWelcomeLanguageButton:focus-visible,.bimion-welcome-v3-language-menu button:focus-visible,.bimion-welcome-v3-social-btn:focus-visible,.bimion-welcome-v3-register-back:focus-visible { outline: none; border-color: rgba(31,111,210,0.78); box-shadow: 0 0 0 .18rem rgba(31,111,210,0.16); }
.bimion-welcome-v3-link { display: block; width: 100%; margin: 0; text-align: center; color: #1f6fd2; text-decoration: none; font-size: .82rem; line-height: 1.25; }
.bimion-welcome-v3-link:hover { text-decoration: underline; }
.bimion-welcome-v3-button-row { display: grid; grid-template-columns: 1fr 1fr; gap: .42rem; width: 100%; margin: 0; }
.bimion-welcome-v3-btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 2.75rem; padding: .72rem 1rem; box-sizing: border-box; border-radius: 12px; border: 1px solid rgba(123,168,214,0.42); background: rgba(255,255,255,0.98); color: #163650; font: inherit; font-size: .95rem; font-weight: 700; line-height: 1.1; cursor: pointer; appearance: none; box-shadow: 0 10px 24px rgba(32,71,113,0.08); }
.bimion-welcome-v3-btn-primary { background: linear-gradient(180deg, #1f6fd2, #1a5cb1); border-color: rgba(26,92,177,0.92); color: #fff; }
.bimion-welcome-v3-btn-secondary { background: rgba(255,255,255,0.96); color: #1d476d; }
.bimion-welcome-v3-auth-message { min-height: 0; margin: 0; color: #31506b; font-size: .82rem; line-height: 1.28; }
.bimion-welcome-v3-language { position: absolute; top: 16px; right: 16px; width: auto; min-width: 8.25rem; z-index: 3; }
#BimionWelcomeLanguageButton { display: inline-flex; align-items: center; justify-content: space-between; gap: .7rem; width: 100%; min-height: 2.75rem; padding: .72rem .88rem; box-sizing: border-box; border: 1px solid rgba(123,168,214,0.42); border-radius: 12px; background: rgba(255,255,255,0.94); color: #163650; font: inherit; font-size: .92rem; font-weight: 700; cursor: pointer; appearance: none; box-shadow: 0 12px 28px rgba(32,71,113,0.08); }
.bimion-welcome-v3-language-left { display: inline-flex; align-items: center; gap: .52rem; }
.bimion-welcome-v3-language-icon { width: .62rem; height: .62rem; border-radius: 50%; background: #1f6fd2; box-shadow: 0 0 0 .18rem rgba(31,111,210,0.12); }
.bimion-welcome-v3-language-menu { position: absolute; top: calc(100% + .5rem); right: 0; min-width: 100%; display: none; padding: .42rem; border-radius: 14px; border: 1px solid rgba(123,168,214,0.36); background: rgba(255,255,255,0.98); box-shadow: 0 18px 40px rgba(32,71,113,0.12); }
.bimion-welcome-v3-language-menu.is-open { display: block; }
.bimion-welcome-v3-language-menu button { display: block; width: 100%; padding: .62rem .74rem; border: 0; border-radius: 10px; background: transparent; color: #163650; font: inherit; text-align: left; cursor: pointer; }
.bimion-welcome-v3-language-menu button:hover { background: rgba(31,111,210,0.08); }
.bimion-welcome-v3-hero { grid-area: hero; width: min(100%, 940px); min-width: 0; min-height: 0; justify-self: center; align-self: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .42rem; text-align: center; }
.bimion-welcome-v3-brand { display: flex !important; align-items: center; justify-content: center; width: 100%; margin: 0 auto .18rem; }
.bimion-welcome-v3-brand img { display: block; width: clamp(11rem, 22vw, 16rem); height: auto; }
.bimion-welcome-v3-wordmark { display: none !important; font-size: clamp(1.75rem, 3.8vw, 2.65rem); }
.bimion-welcome-v3-status-copy { margin: 0 auto .14rem; max-width: 32rem; color: #1d476d; font-size: clamp(.92rem, 1.6vw, 1.22rem); line-height: 1.12; text-align: center; }
.bimion-welcome-v3-status-label { margin: 0 auto .22rem; color: #4d6d8c; font-size: .78rem; text-align: center; }
.bimion-welcome-v3-progress-label { margin: 0 auto .2rem; color: #4d6d8c; font-size: .74rem; text-align: center; }
.bimion-welcome-v3-progress-track { width: min(100%, 21rem); margin: 0 auto .34rem; height: .72rem; border-radius: 999px; background: rgba(123,168,214,0.18); overflow: hidden; }
.bimion-welcome-v3-progress-bar { height: 100%; border-radius: inherit; background: linear-gradient(90deg, #1f6fd2, #2fa75f); }
.bimion-welcome-v3-feature-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .7rem; width: min(100%, 43rem); margin: 0 auto; }
.bimion-welcome-v3-feature-column { min-width: 0; border: .06rem solid rgba(139,180,219,0.36); border-radius: .95rem; background: rgba(255,255,255,0.84); padding: .62rem .72rem; box-shadow: 0 16px 32px rgba(31,77,129,0.08); text-align: left; }
.bimion-welcome-v3-feature-column h2 { margin: 0 0 .34rem; color: #1f6fd2; font-size: .78rem; letter-spacing: .05em; text-transform: uppercase; }
.bimion-welcome-v3-feature-column ul { margin: 0; padding: 0; list-style: none; display: grid; gap: .22rem; }
.bimion-welcome-v3-feature-column li { position: relative; padding-left: .84rem; color: #33526f; font-size: .74rem; line-height: 1.26; }
.bimion-welcome-v3-feature-column li::before { content: ""; position: absolute; left: 0; top: .56em; width: .38rem; height: .38rem; border-radius: 50%; transform: translateY(-50%); background: #2f8f47; box-shadow: 0 0 0 .18rem rgba(47,143,71,0.08); }
.bimion-welcome-v3-register-card { grid-area: hero; display: none; width: min(100%, 31rem); min-width: 0; min-height: 0; align-self: center; justify-self: center; height: auto; padding: .78rem .84rem .84rem; box-sizing: border-box; }
.bimion-welcome-v3-register-header { display: flex; align-items: center; gap: .5rem; width: 100%; margin: 0 0 .34rem; }
.bimion-welcome-v3-register-back { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 2.34rem; height: 2.34rem; border: 0; border-radius: 999px; background: rgba(63,143,78,0.14); color: #2f8f47; box-shadow: 0 0 0 .12rem rgba(63,143,78,0.08); cursor: pointer; font: inherit; font-size: 1.22rem; font-weight: 800; appearance: none; }
.bimion-welcome-v3-register-card h2 { margin: 0; color: #1d476d; font-size: clamp(1.18rem, 1.9vw, 1.44rem); line-height: 1.08; }
.bimion-welcome-v3-register-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .44rem; width: 100%; margin: 0 0 .46rem; }
.bimion-welcome-v3-register-actions { display: grid; width: 100%; gap: 0; margin: 0 0 .42rem; }
.bimion-welcome-v3-provider-block { display: grid; width: 100%; gap: .32rem; margin: .2rem 0 0; }
.bimion-welcome-v3-provider-title { margin: 0; color: #33526f; font-size: .76rem; font-weight: 700; line-height: 1.2; text-align: left; }
.bimion-welcome-v3-register-submit { width: 100%; max-width: none; min-height: 2.2rem; }
.bimion-welcome-v3-social-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .34rem; width: 100%; }
.bimion-welcome-v3-social-grid-login { margin-top: 0; }
.bimion-welcome-v3-social-btn { display: grid; grid-template-columns: 1.28rem minmax(0, 1fr); align-items: center; justify-content: stretch; gap: .46rem; min-height: 2.34rem; padding: .42rem .5rem; box-sizing: border-box; border: 1px solid rgba(123,168,214,0.34); border-radius: 12px; background: rgba(255,255,255,0.98); color: #163650; font: inherit; font-size: .75rem; line-height: 1.15; text-align: left; cursor: pointer; appearance: none; box-shadow: 0 10px 24px rgba(32,71,113,0.08); }
.bimion-welcome-v3-provider-icon { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 1.28rem; width: 1.28rem; height: 1.28rem; border-radius: 999px; background: rgba(31,111,210,0.12); color: #1f6fd2; font-size: .66rem; font-weight: 800; object-fit: contain; }
.bimion-welcome-v3-provider-label { display: inline-flex; align-items: center; justify-content: center; min-width: 0; text-align: center; }
.bimion-welcome-v3-social-title,.bimion-welcome-v3-register-note,.bimion-welcome-v3-copy { display: none !important; }
.bimion-welcome-v3-footer { grid-area: footer; display: flex; justify-content: center; align-items: center; width: 100%; min-height: 2.6rem; padding: 0; margin: 0; }
.bimion-welcome-v3-footer p,.bimion-welcome-v3-footer > img { display: none !important; }
.bimion-welcome-v3-footer-brands { display: inline-flex; align-items: center; justify-content: center; gap: clamp(.8rem, 1.8vw, 1.2rem); min-height: 2.6rem; }
.bimion-welcome-v3-footer-logo { display: block !important; height: auto; filter: drop-shadow(0 .55rem 1rem rgba(31,111,210,0.1)); }
.bimion-welcome-v3-footer-logo-alia { width: clamp(6.8rem, 11vw, 8rem); }
.bimion-welcome-auth.bimion-welcome-v3:not(.is-registration-view) #BimionWelcomeRegistrationSection { display: none; }
.bimion-welcome-auth.bimion-welcome-v3.is-registration-view .bimion-welcome-v3-feature-grid,.bimion-welcome-auth.bimion-welcome-v3.is-registration-view #BimionWelcomeBootHeadline,.bimion-welcome-auth.bimion-welcome-v3.is-registration-view #BimionWelcomeBootStatusCopy,.bimion-welcome-auth.bimion-welcome-v3.is-registration-view #BimionWelcomeProgressText,.bimion-welcome-auth.bimion-welcome-v3.is-registration-view .bimion-welcome-v3-progress-track { display: none !important; }
.bimion-welcome-auth.bimion-welcome-v3.is-registration-view #BimionWelcomeRegistrationSection { display: block; }
@media (max-width: 1023px) {
  .bimion-welcome-v3-shell { padding: .74rem; gap: .46rem; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr) auto; grid-template-areas: "lang" "login" "hero" "footer"; }
  .bimion-welcome-v3-language { position: static; justify-self: stretch; width: 100%; min-width: 0; }
  .bimion-welcome-v3-login-panel { position: static; width: 100%; max-width: 30rem; justify-self: stretch; }
  .bimion-welcome-v3-hero { width: 100%; max-width: none; align-self: start; }
  .bimion-welcome-v3-footer { min-height: 2.3rem; }
}
@media (max-width: 767px) {
  .bimion-welcome-v3-shell { padding: .58rem; gap: .36rem; }
  .bimion-welcome-v3-login-panel { padding: .72rem .76rem .68rem; }
  .bimion-welcome-v3-status-copy { font-size: .9rem; }
  .bimion-welcome-v3-status-label,.bimion-welcome-v3-progress-label { font-size: .72rem; }
  .bimion-welcome-v3-progress-track { width: min(100%, 18rem); margin-bottom: .28rem; }
  .bimion-welcome-v3-feature-grid { gap: .38rem; }
  .bimion-welcome-v3-feature-column { padding: .5rem .56rem; }
  .bimion-welcome-v3-feature-column h2 { font-size: .74rem; }
  .bimion-welcome-v3-feature-column li { font-size: .72rem; line-height: 1.22; }
  .bimion-welcome-v3-register-card { width: 100%; padding: .7rem .76rem .76rem; }
  .bimion-welcome-v3-register-grid { gap: .34rem; }
  .bimion-welcome-v3-register-actions { margin-bottom: .34rem; }
  .bimion-welcome-v3-provider-title { font-size: .74rem; }
  .bimion-welcome-v3-social-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .26rem; }
  .bimion-welcome-v3-social-btn { min-height: 2.18rem; padding: .34rem .34rem; font-size: .75rem; }
  .bimion-welcome-v3-provider-icon { flex-basis: 1rem; width: 1rem; height: 1rem; }
}

/* 0210m compact welcome UI + registration fix */
.bimion-welcome-v3-language { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; min-width: 0 !important; }
.bimion-welcome-v3-language-controls { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: .42rem !important; width: auto !important; }
#BimionWelcomeLanguageButton { width: auto !important; min-width: 5.5rem !important; min-height: 2.28rem !important; padding: .5rem .72rem !important; font-size: .82rem !important; box-shadow: 0 8px 18px rgba(32,71,113,0.06) !important; }
#BimionWelcomeAccessibilityButton { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 2.28rem !important; min-width: 2.28rem !important; height: 2.28rem !important; padding: 0 !important; border: 1px solid rgba(123,168,214,0.42) !important; border-radius: 12px !important; background: rgba(255,255,255,0.94) !important; box-shadow: 0 8px 18px rgba(32,71,113,0.06) !important; cursor: pointer !important; }
#BimionWelcomeAccessibilityButton img { display: block !important; width: 1rem !important; height: 1rem !important; }
.bimion-welcome-v3-login-panel { width: min(100%, 18rem) !important; padding: .58rem .62rem .56rem !important; }
.bimion-welcome-v3-login-panel h1 { margin: 0 0 .24rem !important; font-size: 1.15rem !important; line-height: 1.05 !important; }
.bimion-welcome-v3-login-form { gap: .28rem !important; }
.bimion-welcome-v3-field span { margin-bottom: .18rem !important; font-size: .74rem !important; }
.bimion-welcome-v3-field input { min-height: 2.08rem !important; padding: .46rem .62rem !important; font-size: .82rem !important; }
.bimion-welcome-v3-link { margin: .02rem 0 !important; font-size: .74rem !important; text-align: center !important; }
.bimion-welcome-v3-button-row { gap: .28rem !important; }
.bimion-welcome-v3-btn { min-height: 2.08rem !important; padding: .46rem .62rem !important; font-size: .82rem !important; }
.bimion-welcome-v3-provider-block-login { gap: .2rem !important; margin-top: .06rem !important; }
.bimion-welcome-v3-provider-title { margin: 0 !important; font-size: .68rem !important; }
.bimion-welcome-v3-social-grid { gap: .18rem !important; }
.bimion-welcome-v3-social-cell,.bimion-welcome-v3-action-host { gap: .12rem !important; min-width: 0 !important; width: 100% !important; }
.bimion-welcome-v3-social-btn { min-height: 1.92rem !important; padding: .22rem .3rem !important; grid-template-columns: .88rem minmax(0,1fr) !important; gap: .3rem !important; border-radius: 10px !important; font-size: .62rem !important; box-shadow: none !important; }
.bimion-welcome-v3-provider-icon { width: .88rem !important; height: .88rem !important; flex-basis: .88rem !important; background: transparent !important; }
.bimion-welcome-v3-provider-label { justify-content: flex-start !important; text-align: left !important; font-size: .62rem !important; line-height: 1.08 !important; }
.bimion-welcome-v3-inline-result.bimion-welcome-v3-sr-only,#BimionWelcomeRegisterMessage.bimion-welcome-v3-sr-only { display: none !important; padding: 0 !important; border: 0 !important; background: transparent !important; min-height: 0 !important; }
.bimion-welcome-v3-brand { flex-direction: column !important; gap: .18rem !important; margin: 0 auto .16rem !important; }
.bimion-welcome-v3-brand img { width: clamp(3.6rem, 5vw, 4.6rem) !important; }
.bimion-welcome-v3-wordmark { display: block !important; margin-left: 0 !important; font-size: clamp(2.1rem, 4.4vw, 3.25rem) !important; font-weight: 500 !important; line-height: 1 !important; }
.bimion-welcome-v3-status-copy { max-width: 26rem !important; font-size: clamp(.84rem, 1.2vw, 1rem) !important; font-weight: 400 !important; }
.bimion-welcome-v3-hero { width: min(100%, 50rem) !important; gap: .3rem !important; }
.bimion-welcome-v3-progress-track { width: min(100%, 17rem) !important; margin-bottom: .24rem !important; }
.bimion-welcome-v3-feature-grid { width: min(100%, 38rem) !important; gap: .5rem !important; }
.bimion-welcome-v3-feature-column { padding: .44rem .54rem !important; }
.bimion-welcome-v3-feature-column h2 { margin: 0 0 .22rem !important; font-size: .7rem !important; }
.bimion-welcome-v3-feature-column li { padding-left: .72rem !important; font-size: .68rem !important; line-height: 1.18 !important; }
.bimion-welcome-v3-register-card { width: min(100%, 22rem) !important; padding: .64rem .68rem .62rem !important; }
.bimion-welcome-v3-register-header { margin: 0 0 .22rem !important; gap: .4rem !important; }
.bimion-welcome-v3-register-back { width: 2.08rem !important; height: 2.08rem !important; font-size: 1.06rem !important; }
.bimion-welcome-v3-register-card h2 { font-size: 1.08rem !important; }
.bimion-welcome-v3-register-grid { gap: .32rem !important; margin: 0 0 .32rem !important; }
.bimion-welcome-v3-register-submit { min-height: 2.08rem !important; }
.bimion-welcome-v3-register-actions { margin: 0 0 .18rem !important; }
#BimionWelcomeRegistrationSection { align-self: center !important; justify-self: center !important; }
@media (max-width: 1023px) {
  .bimion-welcome-v3-login-panel { width: min(100%, 19rem) !important; justify-self: start !important; }
  .bimion-welcome-v3-language { justify-self: end !important; }
  .bimion-welcome-v3-hero { width: min(100%, 34rem) !important; }
}
@media (max-width: 767px) {
  .bimion-welcome-v3-language-controls { gap: .28rem !important; }
  #BimionWelcomeLanguageButton { min-width: 5rem !important; }
  .bimion-welcome-v3-login-panel,.bimion-welcome-v3-register-card { width: 100% !important; }
}

/* 0210m wordmark animation */
.bimion-welcome-v3-wordmark { color: #1f6fd2; }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .bimion-welcome-v3-wordmark {
    color: transparent !important;
    background-image: linear-gradient(90deg, #111111 0%, #111111 28%, #1f6fd2 44%, #1f6fd2 61%, #2f8f47 77%, #2f8f47 90%, #111111 100%);
    background-size: 260% 100%;
    background-position: 0% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: bimionWordmarkBlend0210m 18s ease-in-out infinite;
  }
  @keyframes bimionWordmarkBlend0210m {
    0% { background-position: 0% 50%; }
    33.333% { background-position: 42% 50%; }
    66.666% { background-position: 78% 50%; }
    100% { background-position: 120% 50%; }
  }
}
@media (prefers-reduced-motion: reduce) {
  .bimion-welcome-v3-wordmark {
    animation: none !important;
    background-image: none !important;
    background-position: 0 0 !important;
    color: #1f6fd2;
  }
}
/* p53b Fundament wizualny okien danych */
.bimion-sector-panel,
.bimion-sector-window:not(.mode-manipulation-window):not(.bimion-scene-settings-panel),
.right-scroll-window:not(.mode-manipulation-window):not(.bimion-scene-settings-panel) {
    background-color: rgba(249, 251, 253, 0.96);
    border: 1px solid rgba(31, 95, 153, 0.34);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(22, 62, 96, 0.12), 0 1px 0 rgba(255, 255, 255, 0.86) inset;
}

.bimion-sector-panel .sector-panel-title,
.bimion-sector-window:not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .titleg,
.right-scroll-window:not(.mode-manipulation-window):not(.bimion-scene-settings-panel) > .titleg,
.right-scroll-window:not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .account-panel > .titleg {
    color: var(--dblue);
    background-color: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(31, 95, 153, 0.22);
    border-radius: 6px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
    font-weight: 600;
}

.sector-issue-option,
#L-W-Acc .account-option,
.bimion-render-preset-option {
    color: var(--dblue);
    background-color: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(31, 95, 153, 0.28);
    border-radius: 6px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.88) inset;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
}

.sector-issue-option:hover,
#L-W-Acc .account-option:hover,
.bimion-render-preset-option:hover {
    background-color: rgba(245, 250, 254, 0.98);
    border-color: rgba(31, 95, 153, 0.48);
    box-shadow: 0 0 0 1px rgba(31, 95, 153, 0.08), 0 1px 0 rgba(255, 255, 255, 0.92) inset;
}

.sector-issue-option.w-option-active,
#L-W-Acc .account-option.w-option-active,
.bimion-render-preset-option.is-active,
.bimion-render-preset-option[aria-pressed="true"] {
    color: #225b2f;
    background-color: rgba(232, 246, 235, 0.96);
    border-color: rgba(63, 143, 78, 0.72);
    box-shadow: 0 0 0 1px rgba(63, 143, 78, 0.1), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

.sector-issue-option.w-option-active::after,
#L-W-Acc .account-option.w-option-active::after,
.bimion-render-preset-option.is-active::after,
.bimion-render-preset-option[aria-pressed="true"]::after {
    content: "\2713";
    display: inline-grid;
    place-items: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-left: auto;
    color: #ffffff;
    background-color: #3f8f4e;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.sector-issue-option:focus-visible,
#L-W-Acc .account-option:focus-visible,
.bimion-render-preset-option:focus-visible,
.bimion-category-title button:focus-visible,
.account-section-title button:focus-visible {
    outline: 2px solid rgba(31, 95, 153, 0.42);
    outline-offset: 2px;
}

.sector-issue-option.is-disabled,
.sector-issue-option[aria-disabled="true"],
#L-W-Acc .account-option.is-disabled,
#L-W-Acc .account-option[aria-disabled="true"],
.bimion-render-preset-option:disabled {
    color: rgba(31, 95, 153, 0.5);
    background-color: rgba(245, 247, 249, 0.86);
    border-color: rgba(31, 95, 153, 0.16);
    box-shadow: none;
    cursor: default;
}

.bimion-category,
.category-card {
    background-color: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(31, 95, 153, 0.18);
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(22, 62, 96, 0.07);
}

.bimion-category-title,
.account-section-title {
    min-height: 40px;
    padding: 8px 12px;
    color: var(--dblue);
    background-color: rgba(247, 250, 253, 0.98);
    border-bottom: 1px solid rgba(31, 95, 153, 0.14);
    border-radius: 7px 7px 0 0;
    font-weight: 600;
}

.bimion-data-row {
    padding: 8px 12px;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(31, 95, 153, 0.14);
    border-radius: 6px;
}

.bimion-data-row:hover {
    background-color: rgba(247, 251, 254, 0.98);
    border-color: rgba(31, 95, 153, 0.3);
}

/* p53c Tryb Prosty/Techniczny - kontrolka */
.bimion-interface-mode-control {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    padding: 4px;
    background-color: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(31, 95, 153, 0.24);
    border-radius: 6px;
}

.bimion-interface-mode-option {
    min-height: 30px;
    padding: 0 12px;
    color: var(--dblue);
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.bimion-interface-mode-option:hover {
    background-color: rgba(245, 250, 254, 0.98);
    border-color: rgba(31, 95, 153, 0.3);
}

.bimion-interface-mode-option.is-active,
.bimion-interface-mode-option[aria-pressed="true"] {
    color: #225b2f;
    background-color: rgba(232, 246, 235, 0.96);
    border-color: rgba(63, 143, 78, 0.72);
}

.bimion-interface-mode-option:focus-visible {
    outline: 2px solid rgba(31, 95, 153, 0.42);
    outline-offset: 2px;
}
/* p53d1 Rendering Basic/Advanced - prezentacja istniejących kontrolek */
.bimion-render-mode-card .bimion-render-mode-grid {
    gap: 8px;
}

.bimion-render-mode-card .bimion-render-control-row,
.bimion-render-mode-card .bimion-render-info-row,
.bimion-render-mode-card .bimion-render-technical-row {
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

body.bimion-ui-basic .bimion-render-mode-card {
    padding: 16px;
}

body.bimion-ui-basic .bimion-render-mode-card .bimion-render-mode-grid,
body.bimion-ui-basic .bimion-realtime-rendering-panel .bimion-render-mode-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

body.bimion-ui-basic .bimion-render-mode-card .bimion-render-control-row {
    gap: 8px;
    padding: 12px;
}

body.bimion-ui-basic .bimion-realtime-rendering-panel .bimion-render-primary-row {
    padding: 14px;
    border-color: rgba(31, 95, 153, 0.34);
    background-color: rgba(250, 253, 255, 0.98);
}

body.bimion-ui-basic .bimion-realtime-rendering-panel .bimion-render-preset-options {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

body.bimion-ui-basic .bimion-realtime-rendering-panel .bimion-render-preset-option,
body.bimion-ui-basic .bimion-render-preset-panel .bimion-render-preset-option {
    min-height: 42px;
    padding: 10px 12px;
    text-align: left;
}

body.bimion-ui-basic .bimion-render-mode-card .bimion-render-technical-row {
    display: none;
}

body.bimion-ui-basic .bimion-render-mode-card .bimion-render-info-row {
    background-color: rgba(250, 253, 255, 0.96);
}

body.bimion-ui-advanced .bimion-render-mode-card .bimion-render-mode-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
}

body.bimion-ui-advanced .bimion-render-mode-card .bimion-data-row {
    grid-template-columns: minmax(130px, 0.55fr) minmax(0, 1.45fr);
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
}

body.bimion-ui-advanced .bimion-render-mode-card .bimion-data-label {
    min-width: 0;
}

body.bimion-ui-advanced .bimion-render-mode-card .bimion-data-value,
body.bimion-ui-advanced .bimion-render-mode-card .bimion-render-preset-options,
body.bimion-ui-advanced .bimion-render-mode-card .bimion-autorefresh-toggle,
body.bimion-ui-advanced .bimion-render-mode-card .bimion-autorefresh-interval,
body.bimion-ui-advanced .bimion-render-mode-card .bimion-model-switch-interval {
    min-width: 0;
}

body.bimion-ui-advanced .bimion-render-mode-card .bimion-render-preset-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.bimion-ui-advanced .bimion-render-mode-card .bimion-render-preset-option {
    min-height: 34px;
    padding: 7px 8px;
}

/* p53e1 Twoje dane Basic/Advanced - prezentacja istniejącego DOM */
#AccPanelData .bimion-account-mode-card {
    border-radius: 8px;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

#AccPanelData .bimion-account-control-row {
    min-width: 0;
}

body.bimion-ui-basic #AccPanelData .bimion-account-mode-card {
    padding: 16px;
    background-color: rgba(255, 255, 255, 0.96);
    border-color: rgba(31, 95, 153, 0.24);
}

body.bimion-ui-basic #AccPanelData .account-profile-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

body.bimion-ui-basic #AccPanelData .profile-field {
    min-height: 58px;
    padding: 12px;
}

body.bimion-ui-basic #AccPanelData .account-avatar-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

body.bimion-ui-basic #AccPanelData .account-avatar-part {
    border-color: rgba(31, 95, 153, 0.22);
    background-color: rgba(250, 253, 255, 0.96);
}

body.bimion-ui-basic #AccPanelData .account-access-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

body.bimion-ui-basic #AccPanelData .account-access-button {
    min-height: 42px;
    text-align: left;
}

body.bimion-ui-basic #AccPanelData .bimion-account-technical-detail {
    display: none;
}

body.bimion-ui-basic #AccPanelData .account-connected-row .bimion-account-technical-detail {
    display: inline;
}

body.bimion-ui-advanced #AccPanelData .bimion-account-mode-card {
    padding: 10px 12px;
}

body.bimion-ui-advanced #AccPanelData .account-profile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

body.bimion-ui-advanced #AccPanelData .profile-field {
    min-height: 44px;
    padding: 8px 10px;
}

body.bimion-ui-advanced #AccPanelData .account-avatar-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

body.bimion-ui-advanced #AccPanelData .account-access-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

body.bimion-ui-advanced #AccPanelData .bimion-account-technical-detail {
    display: revert;
}

/* p53f1 Mobile data-window shell - CSS-only */
@media (max-width: 760px) {
    #Centrum:has(> .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel)),
    #Centrum:has(> .wr-account-window.w-active) {
        overflow: hidden;
    }

    #Centrum:has(> .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel)) > .window[class*="wl-"],
    #Centrum:has(> .wr-account-window.w-active) > .window[class*="wl-"] {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(-0.5rem);
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel),
    #Centrum > .wr-account-window.w-active {
        position: fixed !important;
        inset: 8px !important;
        left: 8px !important;
        right: 8px !important;
        top: 8px !important;
        bottom: 8px !important;
        box-sizing: border-box !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        z-index: 39000;
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel).right-scroll-window,
    #Centrum > .wr-account-window.w-active.right-scroll-window,
    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .right-scroll-window,
    #Centrum > .wr-account-window.w-active .right-scroll-window {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding-bottom: calc(1rem + 44px) !important;
        scroll-padding-bottom: calc(1rem + 44px);
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) button:not(.category-operator),
    #Centrum > .wr-account-window.w-active button:not(.category-operator),
    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .bimion-render-preset-option,
    #Centrum > .wr-account-window.w-active .bimion-render-preset-option,
    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .account-access-button,
    #Centrum > .wr-account-window.w-active .account-access-button {
        min-height: 44px;
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) button:not(.category-operator),
    #Centrum > .wr-account-window.w-active button:not(.category-operator) {
        min-width: 44px;
    }

    #RightScrollBottom.window-scroll-indicator {
        left: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
        width: auto !important;
        max-width: calc(100vw - 16px) !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        pointer-events: none !important;
    }
}
/* p53f2 Mobile data-window header */
.bimion-mobile-back-button {
    display: none;
}

@media (max-width: 760px) {
    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .bimion-mobile-back-button,
    #Centrum > .wr-account-window.w-active .bimion-mobile-back-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
        margin: 0 8px 0 0;
        padding: 0;
        color: var(--dblue);
        background-color: rgba(255, 255, 255, 0.96);
        border: 1px solid rgba(31, 95, 153, 0.24);
        border-radius: 8px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.88) inset;
        cursor: pointer;
        letter-spacing: 0;
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .bimion-mobile-back-button img,
    #Centrum > .wr-account-window.w-active .bimion-mobile-back-button img {
        display: block;
        width: 20px;
        height: 20px;
        margin: 0;
        object-fit: contain;
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .bimion-mobile-back-button:hover,
    #Centrum > .wr-account-window.w-active .bimion-mobile-back-button:hover {
        background-color: rgba(245, 250, 254, 0.98);
        border-color: rgba(31, 95, 153, 0.46);
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .bimion-mobile-back-button:focus-visible,
    #Centrum > .wr-account-window.w-active .bimion-mobile-back-button:focus-visible {
        outline: 2px solid rgba(31, 95, 153, 0.42);
        outline-offset: 2px;
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) > .titleg,
    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .account-panel-active > .titleg,
    #Centrum > .wr-account-window.w-active > .titleg,
    #Centrum > .wr-account-window.w-active .account-panel-active > .titleg {
        align-items: center;
        gap: 0;
        min-height: 52px;
        padding-left: 8px;
        padding-right: calc(8px + var(--right-scrollbar-gap, 0px));
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .right-title-icon,
    #Centrum > .wr-account-window.w-active .right-title-icon {
        flex: 0 0 auto;
        margin-right: 8px;
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .right-title-text,
    #Centrum > .wr-account-window.w-active .right-title-text {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        letter-spacing: 0;
    }
}

/* p53f6 Mobile real desktop controls - no cloned nav */
@media (max-width: 760px) {
    #Bottom,
    #Bottom-center,
    #Start,
    #Settings,
    #SceneMainOptions,
    #Mode {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #SceneCaption,
    body:has(#BimionProjectTransformPanel) .scene-caption,
    body.scene-main-options-collapsed .scene-caption,
    body:not(.scene-main-options-collapsed) .scene-caption,
    body.start-panel-options-hidden .scene-caption,
    body:not(.start-panel-options-hidden) .scene-caption {
        position: fixed !important;
        left: 8px !important;
        right: auto !important;
        bottom: 68px !important;
        width: min(46vw, 12.5rem) !important;
        max-width: 46vw !important;
        transform: none !important;
        text-align: left !important;
        z-index: 40010 !important;
        pointer-events: none !important;
    }

    #SceneCaption #NameModel,
    #SceneCaption #ModelData {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #SceneCaption #ModelData {
        margin-top: 0.22rem !important;
    }

    #Mode #Mode-Active {
        position: fixed !important;
        right: 8px !important;
        bottom: 68px !important;
        left: auto !important;
        z-index: 40010 !important;
        max-width: 46vw !important;
        min-width: 44px !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        letter-spacing: 0;
    }

    #SceneMainOptions .scene-options-toggle,
    #Start .bimion,
    #Settings #Help,
    #Settings #BugCorrection {
        position: fixed !important;
        bottom: 8px !important;
        z-index: 40020 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 8px !important;
        letter-spacing: 0;
        box-sizing: border-box !important;
        pointer-events: auto !important;
    }

    #SceneMainOptions .scene-options-toggle {
        left: 10vw !important;
        transform: translateX(-50%) !important;
    }

    #Start .bimion {
        left: 50vw !important;
        transform: translateX(-50%) !important;
    }

    #Settings #Help {
        left: 70vw !important;
        transform: translateX(-50%) !important;
    }

    #Settings #BugCorrection {
        left: 90vw !important;
        transform: translateX(-50%) !important;
    }

    #SceneMainOptions .scene-options-toggle img {
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        object-fit: contain;
    }

    #Start .bimion,
    #Settings #Help,
    #Settings #BugCorrection {
        background-position: 50% 50% !important;
        background-size: 30px 30px !important;
        background-repeat: no-repeat !important;
    }

    body:not(.account-logged-out) #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel),
    body:not(.account-logged-out) #Centrum > .wr-account-window.w-active {
        padding-bottom: calc(72px + 1rem) !important;
        scroll-padding-bottom: calc(72px + 1rem) !important;
    }

    body:not(.account-logged-out) #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel).right-scroll-window,
    body:not(.account-logged-out) #Centrum > .wr-account-window.w-active.right-scroll-window,
    body:not(.account-logged-out) #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .right-scroll-window,
    body:not(.account-logged-out) #Centrum > .wr-account-window.w-active .right-scroll-window {
        padding-bottom: calc(72px + 1rem) !important;
        scroll-padding-bottom: calc(72px + 1rem) !important;
    }

    body:not(.account-logged-out) #RightScrollBottom.window-scroll-indicator {
        bottom: 72px !important;
    }
}
/* p53f7 Mobile geometry correction from Admin screenshot */
@media (max-width: 760px) {
    :root {
        --bimion-mobile-edge: 8px;
        --bimion-mobile-control: 44px;
        --bimion-mobile-gap: 8px;
        --bimion-mobile-logo: 75px;
        --bimion-mobile-meta-bottom: 60px;
        --bimion-mobile-meta-width: calc(50vw - 46px);
    }

    #Top,
    #Top-center,
    #Top #Settings {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #Account {
        position: fixed !important;
        top: var(--bimion-mobile-edge) !important;
        left: var(--bimion-mobile-edge) !important;
        right: auto !important;
        bottom: auto !important;
        min-height: var(--bimion-mobile-control) !important;
        z-index: 40030 !important;
    }

    #AccInfo {
        width: var(--bimion-mobile-control) !important;
        height: var(--bimion-mobile-control) !important;
    }

    #AccUser {
        top: 2px !important;
        left: calc(var(--bimion-mobile-control) + var(--bimion-mobile-gap)) !important;
    }

    #AccUserFunction {
        top: 24px !important;
        left: calc(var(--bimion-mobile-control) + var(--bimion-mobile-gap)) !important;
    }

    #Top #Settings {
        position: fixed !important;
        top: var(--bimion-mobile-edge) !important;
        right: var(--bimion-mobile-edge) !important;
        left: auto !important;
        height: var(--bimion-mobile-control) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: var(--bimion-mobile-gap) !important;
        z-index: 40030 !important;
    }

    #Top #Settings #Messages,
    #Top #Settings #Sets {
        width: var(--bimion-mobile-control) !important;
        height: var(--bimion-mobile-control) !important;
        min-width: var(--bimion-mobile-control) !important;
        min-height: var(--bimion-mobile-control) !important;
        margin: 0 !important;
        border-radius: 8px !important;
        letter-spacing: 0;
        box-sizing: border-box !important;
    }

    #SceneMainOptions .scene-options-toggle,
    #Settings #Help,
    #Settings #BugCorrection {
        width: var(--bimion-mobile-control) !important;
        height: var(--bimion-mobile-control) !important;
        min-width: var(--bimion-mobile-control) !important;
        min-height: var(--bimion-mobile-control) !important;
        max-width: var(--bimion-mobile-control) !important;
        max-height: var(--bimion-mobile-control) !important;
        bottom: var(--bimion-mobile-edge) !important;
        border-radius: 8px !important;
        letter-spacing: 0;
    }

    #SceneMainOptions .scene-options-toggle {
        left: var(--bimion-mobile-edge) !important;
        transform: none !important;
    }

    #Start .bimion {
        position: fixed !important;
        left: 50vw !important;
        bottom: var(--bimion-mobile-edge) !important;
        width: var(--bimion-mobile-logo) !important;
        height: var(--bimion-mobile-logo) !important;
        min-width: var(--bimion-mobile-logo) !important;
        min-height: var(--bimion-mobile-logo) !important;
        max-width: var(--bimion-mobile-logo) !important;
        max-height: var(--bimion-mobile-logo) !important;
        transform: translateX(-50%) !important;
        background-size: var(--bimion-mobile-logo) var(--bimion-mobile-logo) !important;
        background-position: 50% 50% !important;
        background-repeat: no-repeat !important;
        z-index: 40020 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 8px !important;
    }

    #Settings #Help {
        left: auto !important;
        right: calc(var(--bimion-mobile-edge) + var(--bimion-mobile-control) + var(--bimion-mobile-gap)) !important;
        transform: none !important;
    }

    #Settings #BugCorrection {
        left: auto !important;
        right: var(--bimion-mobile-edge) !important;
        transform: none !important;
    }

    #SceneCaption,
    body:has(#BimionProjectTransformPanel) .scene-caption,
    body.scene-main-options-collapsed .scene-caption,
    body:not(.scene-main-options-collapsed) .scene-caption,
    body.start-panel-options-hidden .scene-caption,
    body:not(.start-panel-options-hidden) .scene-caption {
        left: var(--bimion-mobile-edge) !important;
        right: auto !important;
        bottom: var(--bimion-mobile-meta-bottom) !important;
        width: var(--bimion-mobile-meta-width) !important;
        max-width: var(--bimion-mobile-meta-width) !important;
        transform: none !important;
        text-align: left !important;
    }

    #Mode #Mode-Active {
        right: var(--bimion-mobile-edge) !important;
        left: auto !important;
        bottom: var(--bimion-mobile-meta-bottom) !important;
        width: var(--bimion-mobile-meta-width) !important;
        max-width: var(--bimion-mobile-meta-width) !important;
        min-width: 44px !important;
        justify-content: flex-end !important;
        text-align: right !important;
    }

    #BimionCompassRose {
        left: 50vw !important;
        right: auto !important;
        bottom: calc(var(--bimion-mobile-edge) + var(--bimion-mobile-logo) + var(--bimion-mobile-gap)) !important;
        width: 52px !important;
        height: 52px !important;
        transform: translateX(-50%) !important;
        z-index: 40015 !important;
    }

    body:not(.account-logged-out) #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel),
    body:not(.account-logged-out) #Centrum > .wr-account-window.w-active,
    body:not(.account-logged-out) #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel).right-scroll-window,
    body:not(.account-logged-out) #Centrum > .wr-account-window.w-active.right-scroll-window,
    body:not(.account-logged-out) #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .right-scroll-window,
    body:not(.account-logged-out) #Centrum > .wr-account-window.w-active .right-scroll-window {
        padding-bottom: calc(var(--bimion-mobile-logo) + var(--bimion-mobile-meta-bottom)) !important;
        scroll-padding-bottom: calc(var(--bimion-mobile-logo) + var(--bimion-mobile-meta-bottom)) !important;
    }

    body:not(.account-logged-out) #RightScrollBottom.window-scroll-indicator {
        bottom: calc(var(--bimion-mobile-logo) + var(--bimion-mobile-edge)) !important;
    }
}

/* p53f8 Scene options toggle visual alignment */
#SceneMainOptions .scene-options-toggle {
    width: calc(var(--bas-dim-1) / 1.2) !important;
    height: calc(var(--bas-dim-1) / 1.2) !important;
    min-width: calc(var(--bas-dim-1) / 1.2) !important;
    min-height: calc(var(--bas-dim-1) / 1.2) !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #17324c !important;
    background-color: rgba(243, 249, 255, .94) !important;
    border: 0.05em solid rgba(11, 112, 201, .42) !important;
    border-radius: calc(var(--bas-dim-1) / 6) !important;
    box-shadow: 0 0.18rem 0.48rem rgba(22, 54, 82, .10) !important;
    filter: none !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

#SceneMainOptions .scene-options-toggle:hover,
#SceneMainOptions .scene-options-toggle:focus-visible,
#SceneMainOptions .scene-options-toggle.is-active,
#SceneMainOptions .scene-options-toggle[aria-pressed="true"],
body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle,
body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle[aria-pressed="true"] {
    color: #2f7f36 !important;
    background-color: rgba(255, 255, 255, .96) !important;
    border-color: rgba(45, 126, 52, .72) !important;
    box-shadow: 0 0 0 1px rgba(45, 126, 52, .20), 0 .22rem .62rem rgba(27, 45, 61, .12) !important;
    filter: none !important;
}

#SceneMainOptions .scene-options-toggle:focus-visible {
    outline: 2px solid rgba(11, 112, 201, .58);
    outline-offset: 2px;
}

#SceneMainOptions .scene-options-toggle img,
body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle img,
body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle[aria-pressed="true"] img {
    width: 68% !important;
    height: 68% !important;
    max-width: 68% !important;
    max-height: 68% !important;
    margin: 0 !important;
    object-fit: contain !important;
    filter: brightness(0) saturate(100%) invert(27%) sepia(94%) saturate(1424%) hue-rotate(184deg) brightness(92%) contrast(98%) !important;
    opacity: 1 !important;
}

#SceneMainOptions .scene-options-toggle:hover img,
#SceneMainOptions .scene-options-toggle:focus-visible img,
#SceneMainOptions .scene-options-toggle.is-active img,
#SceneMainOptions .scene-options-toggle[aria-pressed="true"] img,
body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle:hover img,
body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle:focus-visible img {
    filter: brightness(0) saturate(100%) invert(35%) sepia(58%) saturate(686%) hue-rotate(72deg) brightness(88%) contrast(92%) !important;
    opacity: 1 !important;
}

@media (max-width: 760px) {
    #SceneMainOptions .scene-options-toggle {
        width: var(--bimion-mobile-control) !important;
        height: var(--bimion-mobile-control) !important;
        min-width: var(--bimion-mobile-control) !important;
        min-height: var(--bimion-mobile-control) !important;
        max-width: var(--bimion-mobile-control) !important;
        max-height: var(--bimion-mobile-control) !important;
        border-radius: 8px !important;
    }

    #SceneMainOptions .scene-options-toggle img,
    body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle img,
    body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle[aria-pressed="true"] img {
        width: 30px !important;
        height: 30px !important;
        max-width: 30px !important;
        max-height: 30px !important;
    }
}

/* p53f9 Mobile scene caption full-word wrapping */
@media (max-width: 760px) {
    #SceneCaption,
    body:has(#BimionProjectTransformPanel) .scene-caption,
    body.scene-main-options-collapsed .scene-caption,
    body:not(.scene-main-options-collapsed) .scene-caption,
    body.start-panel-options-hidden .scene-caption,
    body:not(.start-panel-options-hidden) .scene-caption {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    #SceneCaption #NameModel,
    #SceneCaption #ModelData {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        text-overflow: clip !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
        float: none !important;
    }

    #SceneCaption #NameModel {
        font-size: 0.9rem !important;
        line-height: 1.12 !important;
    }

    #SceneCaption #ModelData {
        margin-top: 0.28rem !important;
        font-size: 0.7rem !important;
        line-height: 1.14 !important;
    }
}

/* P54b Mobile safe layout geometry owner */
@media (max-width: 760px) {
    :root {
        --bimion-mobile-edge: 8px;
        --bimion-mobile-control: 44px;
        --bimion-mobile-gap: 8px;
        --bimion-mobile-logo: 75px;
        --bimion-mobile-logo-half: 37.5px;
        --bimion-mobile-compass: 52px;
        --bimion-mobile-compass-offset: 22px;
        --bimion-mobile-top-safe: calc(var(--bimion-mobile-edge) + var(--bimion-mobile-control) + var(--bimion-mobile-gap));
        --bimion-mobile-bottom-safe: calc(var(--bimion-mobile-edge) + var(--bimion-mobile-control) + var(--bimion-mobile-gap) + var(--bimion-mobile-control) + var(--bimion-mobile-compass) + var(--bimion-mobile-gap));
        --bimion-mobile-bottom-meta: calc(var(--bimion-mobile-edge) + var(--bimion-mobile-control) + var(--bimion-mobile-gap));
        --bimion-mobile-compass-bottom: calc(var(--bimion-mobile-edge) + var(--bimion-mobile-control) + var(--bimion-mobile-gap) + var(--bimion-mobile-control));
        --bimion-mobile-right-cluster-width: calc((var(--bimion-mobile-control) * 2) + var(--bimion-mobile-gap));
        --bimion-mobile-caption-width: calc(50vw - (var(--bimion-mobile-edge) + var(--bimion-mobile-logo-half) + var(--bimion-mobile-gap)));
        --bimion-mobile-account-max: calc(100vw - ((var(--bimion-mobile-edge) * 2) + var(--bimion-mobile-right-cluster-width) + var(--bimion-mobile-gap)));
    }

    #Top,
    #Top-center,
    #Bottom,
    #Bottom-center,
    #Start,
    #Settings,
    #SceneMainOptions,
    #Mode {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #Account {
        position: fixed !important;
        top: var(--bimion-mobile-edge) !important;
        left: var(--bimion-mobile-edge) !important;
        right: auto !important;
        bottom: auto !important;
        width: auto !important;
        max-width: var(--bimion-mobile-account-max) !important;
        min-height: var(--bimion-mobile-control) !important;
        overflow: hidden !important;
        z-index: 40030 !important;
    }

    #AccInfo {
        width: var(--bimion-mobile-control) !important;
        height: var(--bimion-mobile-control) !important;
        min-width: var(--bimion-mobile-control) !important;
        min-height: var(--bimion-mobile-control) !important;
    }

    #AccUser,
    #AccUserFunction {
        left: calc(var(--bimion-mobile-control) + var(--bimion-mobile-gap)) !important;
        max-width: calc(var(--bimion-mobile-account-max) - var(--bimion-mobile-control) - var(--bimion-mobile-gap)) !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    #AccUser {
        top: 2px !important;
    }

    #AccUserFunction {
        top: 24px !important;
    }

    #Top #Settings {
        position: fixed !important;
        top: var(--bimion-mobile-edge) !important;
        right: var(--bimion-mobile-edge) !important;
        left: auto !important;
        height: var(--bimion-mobile-control) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: var(--bimion-mobile-gap) !important;
        z-index: 40030 !important;
    }

    #Top #Settings #Messages,
    #Top #Settings #Sets,
    #SceneMainOptions .scene-options-toggle,
    #Settings #Help,
    #Settings #BugCorrection {
        width: var(--bimion-mobile-control) !important;
        height: var(--bimion-mobile-control) !important;
        min-width: var(--bimion-mobile-control) !important;
        min-height: var(--bimion-mobile-control) !important;
        max-width: var(--bimion-mobile-control) !important;
        max-height: var(--bimion-mobile-control) !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 8px !important;
        letter-spacing: 0;
        box-sizing: border-box !important;
    }

    #SceneMainOptions .scene-options-toggle,
    #Settings #Help,
    #Settings #BugCorrection {
        position: fixed !important;
        bottom: var(--bimion-mobile-edge) !important;
        z-index: 40030 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: auto !important;
    }

    #SceneMainOptions .scene-options-toggle {
        left: var(--bimion-mobile-edge) !important;
        transform: none !important;
    }

    #Settings #Help {
        left: auto !important;
        right: calc(var(--bimion-mobile-edge) + var(--bimion-mobile-control) + var(--bimion-mobile-gap)) !important;
        transform: none !important;
    }

    #Settings #BugCorrection {
        left: auto !important;
        right: var(--bimion-mobile-edge) !important;
        transform: none !important;
    }

    #Start .bimion {
        position: fixed !important;
        left: 50vw !important;
        bottom: var(--bimion-mobile-edge) !important;
        width: var(--bimion-mobile-logo) !important;
        height: var(--bimion-mobile-logo) !important;
        min-width: var(--bimion-mobile-logo) !important;
        min-height: var(--bimion-mobile-logo) !important;
        max-width: var(--bimion-mobile-logo) !important;
        max-height: var(--bimion-mobile-logo) !important;
        transform: translateX(-50%) !important;
        background-size: var(--bimion-mobile-logo) var(--bimion-mobile-logo) !important;
        background-position: 50% 50% !important;
        background-repeat: no-repeat !important;
        z-index: 40025 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 8px !important;
    }

    #SceneCaption,
    body:has(#BimionProjectTransformPanel) .scene-caption,
    body.scene-main-options-collapsed .scene-caption,
    body:not(.scene-main-options-collapsed) .scene-caption,
    body.start-panel-options-hidden .scene-caption,
    body:not(.start-panel-options-hidden) .scene-caption {
        left: var(--bimion-mobile-edge) !important;
        right: auto !important;
        bottom: var(--bimion-mobile-bottom-meta) !important;
        width: var(--bimion-mobile-caption-width) !important;
        max-width: var(--bimion-mobile-caption-width) !important;
        transform: none !important;
        text-align: left !important;
        z-index: 40010 !important;
        pointer-events: none !important;
    }

    #Mode #Mode-Active {
        position: fixed !important;
        right: var(--bimion-mobile-edge) !important;
        left: auto !important;
        bottom: var(--bimion-mobile-bottom-meta) !important;
        width: var(--bimion-mobile-right-cluster-width) !important;
        max-width: var(--bimion-mobile-right-cluster-width) !important;
        min-width: var(--bimion-mobile-control) !important;
        min-height: var(--bimion-mobile-control) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        overflow: hidden !important;
        text-align: right !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        letter-spacing: 0;
        z-index: 40020 !important;
    }

    #BimionCompassRose {
        position: fixed !important;
        left: auto !important;
        right: calc(var(--bimion-mobile-edge) + var(--bimion-mobile-compass-offset)) !important;
        bottom: var(--bimion-mobile-compass-bottom) !important;
        width: var(--bimion-mobile-compass) !important;
        height: var(--bimion-mobile-compass) !important;
        transform: none !important;
        z-index: 40015 !important;
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel),
    #Centrum > .wr-account-window.w-active {
        position: fixed !important;
        top: var(--bimion-mobile-top-safe) !important;
        bottom: var(--bimion-mobile-bottom-safe) !important;
        left: var(--bimion-mobile-edge) !important;
        right: var(--bimion-mobile-edge) !important;
        inset: auto var(--bimion-mobile-edge) var(--bimion-mobile-bottom-safe) var(--bimion-mobile-edge) !important;
        box-sizing: border-box !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        z-index: 39000;
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) > .titleg,
    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .account-panel-active > .titleg,
    #Centrum > .wr-account-window.w-active > .titleg,
    #Centrum > .wr-account-window.w-active .account-panel-active > .titleg {
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        flex: 0 0 52px !important;
        overflow: hidden !important;
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .right-title-text,
    #Centrum > .wr-account-window.w-active .right-title-text {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel).right-scroll-window,
    #Centrum > .wr-account-window.w-active.right-scroll-window,
    #Centrum > .window[class*="wr-"].w-active:not(.wr-bug-corrections):not(.mode-manipulation-window):not(.bimion-scene-settings-panel) .right-scroll-window,
    #Centrum > .wr-account-window.w-active .right-scroll-window {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding-bottom: calc(1rem + var(--bimion-mobile-control)) !important;
        scroll-padding-bottom: calc(1rem + var(--bimion-mobile-control)) !important;
    }

    body:not(.account-logged-out) #RightScrollBottom.window-scroll-indicator {
        left: var(--bimion-mobile-edge) !important;
        right: var(--bimion-mobile-edge) !important;
        bottom: var(--bimion-mobile-bottom-safe) !important;
        width: auto !important;
        max-width: calc(100vw - (var(--bimion-mobile-edge) * 2)) !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        pointer-events: none !important;
    }
}

/* P54c Mobile account full-text owner */
@media (max-width: 760px) {
    #Account {
        --bimion-mobile-account-copy-max: calc(var(--bimion-mobile-account-max) - var(--bimion-mobile-control) - var(--bimion-mobile-gap));
        position: fixed !important;
        top: var(--bimion-mobile-edge) !important;
        left: var(--bimion-mobile-edge) !important;
        right: auto !important;
        bottom: auto !important;
        display: grid !important;
        grid-template-columns: var(--bimion-mobile-control) minmax(0, auto);
        grid-template-rows: minmax(0, auto) minmax(0, auto);
        column-gap: var(--bimion-mobile-gap) !important;
        row-gap: 0 !important;
        align-items: center !important;
        width: fit-content !important;
        max-width: var(--bimion-mobile-account-max) !important;
        min-width: var(--bimion-mobile-control) !important;
        min-height: var(--bimion-mobile-control) !important;
        height: auto !important;
        padding: 0 !important;
        overflow: visible !important;
        isolation: isolate !important;
        z-index: 40030 !important;
    }

    #Account::before {
        content: "";
        position: absolute !important;
        inset: 0 !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        border-radius: 8px !important;
        pointer-events: none !important;
        z-index: -1 !important;
    }

    #AccInfo {
        position: relative !important;
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        align-self: center !important;
        width: var(--bimion-mobile-control) !important;
        height: var(--bimion-mobile-control) !important;
        min-width: var(--bimion-mobile-control) !important;
        min-height: var(--bimion-mobile-control) !important;
        max-width: var(--bimion-mobile-control) !important;
        max-height: var(--bimion-mobile-control) !important;
        border-radius: 50% !important;
        overflow: hidden !important;
        z-index: 1 !important;
    }

    #accountPhoto {
        border-radius: 50% !important;
    }

    #AccUser,
    #AccUserFunction {
        position: static !important;
        grid-column: 2 !important;
        left: auto !important;
        top: auto !important;
        display: block !important;
        width: fit-content !important;
        max-width: var(--bimion-mobile-account-copy-max) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0.02rem 0.35rem 0.02rem 0 !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        line-height: 1.12 !important;
        z-index: 1 !important;
    }

    #AccUser {
        grid-row: 1 !important;
        align-self: end !important;
    }

    #AccUserFunction {
        grid-row: 2 !important;
        align-self: start !important;
    }
}
/* P54d Scene options sliders icon and shared button style */
#SceneMainOptions .scene-options-toggle {
    width: calc(var(--bas-dim-1) / 1.2) !important;
    height: calc(var(--bas-dim-1) / 1.2) !important;
    min-width: calc(var(--bas-dim-1) / 1.2) !important;
    min-height: calc(var(--bas-dim-1) / 1.2) !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #17324c !important;
    background-color: rgba(243, 249, 255, .94) !important;
    border: 0.05em solid rgba(11, 112, 201, .42) !important;
    border-radius: min(8px, calc(var(--bas-dim-1) / 6)) !important;
    box-shadow: 0 0.18rem 0.48rem rgba(22, 54, 82, .10) !important;
    filter: none !important;
    letter-spacing: 0 !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

#SceneMainOptions .scene-options-toggle:hover,
#SceneMainOptions .scene-options-toggle:focus-visible,
#SceneMainOptions .scene-options-toggle.is-active,
#SceneMainOptions .scene-options-toggle[aria-pressed="true"],
body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle,
body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle[aria-pressed="true"] {
    color: #2f7f36 !important;
    background-color: rgba(214, 244, 220, .92) !important;
    border-color: rgba(45, 126, 52, .72) !important;
    box-shadow: 0 0 0 1px rgba(45, 126, 52, .26), 0 .22rem .62rem rgba(27, 45, 61, .14) !important;
    filter: none !important;
}

#SceneMainOptions .scene-options-toggle:focus-visible {
    outline: 2px solid rgba(11, 112, 201, .58) !important;
    outline-offset: 2px !important;
}

#SceneMainOptions .scene-options-toggle img,
body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle img,
body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle[aria-pressed="true"] img {
    width: 68% !important;
    height: 68% !important;
    max-width: 68% !important;
    max-height: 68% !important;
    margin: 0 !important;
    object-fit: contain !important;
    filter: none !important;
    opacity: 1 !important;
}

@media (max-width: 760px) {
    #SceneMainOptions .scene-options-toggle {
        width: var(--bimion-mobile-control) !important;
        height: var(--bimion-mobile-control) !important;
        min-width: var(--bimion-mobile-control) !important;
        min-height: var(--bimion-mobile-control) !important;
        max-width: var(--bimion-mobile-control) !important;
        max-height: var(--bimion-mobile-control) !important;
        border-radius: 8px !important;
    }

    #SceneMainOptions .scene-options-toggle img,
    body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle img,
    body.scene-main-options-collapsed #SceneMainOptions .scene-options-toggle[aria-pressed="true"] img {
        width: 30px !important;
        height: 30px !important;
        max-width: 30px !important;
        max-height: 30px !important;
    }
}
/* P54e Mobile mode label right-bottom owner */
@media (max-width: 760px) {
    #Mode #Mode-Active {
        --bimion-mobile-mode-width: calc(50vw - (var(--bimion-mobile-edge) + var(--bimion-mobile-logo-half) + var(--bimion-mobile-gap)));
        position: fixed !important;
        right: var(--bimion-mobile-edge) !important;
        left: auto !important;
        bottom: var(--bimion-mobile-bottom-meta) !important;
        width: var(--bimion-mobile-mode-width) !important;
        max-width: var(--bimion-mobile-mode-width) !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: flex-end !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        text-align: right !important;
        text-overflow: clip !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        line-height: 1.1 !important;
        letter-spacing: 0 !important;
        z-index: 40020 !important;
        pointer-events: auto !important;
    }

    #Mode #Mode-Active > * {
        max-width: 100% !important;
        overflow: visible !important;
        text-align: right !important;
        text-overflow: clip !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        letter-spacing: 0 !important;
    }
}
/* P54f Canonical mobile shell for standard data windows */
@media (max-width: 760px) {
    #Centrum > .wr-messages.w-active,
    #Centrum > .wr-sets.w-active,
    #Centrum > .wr-help.w-active,
    #Centrum > .wr-acc.w-active,
    #Centrum > .wr-account-window.w-active {
        position: fixed !important;
        top: var(--bimion-mobile-top-safe) !important;
        right: var(--bimion-mobile-edge) !important;
        bottom: var(--bimion-mobile-bottom-safe) !important;
        left: var(--bimion-mobile-edge) !important;
        inset: auto var(--bimion-mobile-edge) var(--bimion-mobile-bottom-safe) var(--bimion-mobile-edge) !important;
        display: block !important;
        box-sizing: border-box !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 0 !important;
        max-height: calc(100dvh - var(--bimion-mobile-top-safe) - var(--bimion-mobile-bottom-safe)) !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        scrollbar-gutter: stable !important;
        background: rgba(255, 255, 255, var(--bimion-main-window-opacity, .8)) !important;
        border: 1px solid rgba(31, 95, 153, .24) !important;
        border-radius: 8px !important;
        box-shadow: 0 .35rem 1.2rem rgba(22, 54, 82, .14) !important;
        z-index: 39000 !important;
    }

    @supports not (height: 100dvh) {
        #Centrum > .wr-messages.w-active,
        #Centrum > .wr-sets.w-active,
        #Centrum > .wr-help.w-active,
        #Centrum > .wr-acc.w-active,
        #Centrum > .wr-account-window.w-active {
            max-height: calc(100vh - var(--bimion-mobile-top-safe) - var(--bimion-mobile-bottom-safe)) !important;
        }
    }

    #Centrum > .wr-messages.w-active > .titleg,
    #Centrum > .wr-sets.w-active > .titleg,
    #Centrum > .wr-help.w-active > .titleg,
    #Centrum > .wr-acc.w-active > .titleg,
    #Centrum > .wr-acc.w-active .account-panel-active > .titleg,
    #Centrum > .wr-account-window.w-active > .titleg,
    #Centrum > .wr-account-window.w-active .account-panel-active > .titleg {
        position: sticky !important;
        top: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding-left: 8px !important;
        padding-right: calc(8px + var(--right-scrollbar-gap, 0px)) !important;
        margin: 0 !important;
        overflow: hidden !important;
        background: rgba(248, 252, 255, .96) !important;
        border-radius: 8px 8px 0 0 !important;
        border-bottom: 1px solid rgba(31, 95, 153, .16) !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .86) inset !important;
        z-index: 2 !important;
    }

    #Centrum > .wr-messages.w-active .right-title-text,
    #Centrum > .wr-sets.w-active .right-title-text,
    #Centrum > .wr-help.w-active .right-title-text,
    #Centrum > .wr-acc.w-active .right-title-text,
    #Centrum > .wr-account-window.w-active .right-title-text {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }

    #Centrum > .wr-messages.w-active .bimion-mobile-back-button,
    #Centrum > .wr-sets.w-active .bimion-mobile-back-button,
    #Centrum > .wr-help.w-active .bimion-mobile-back-button,
    #Centrum > .wr-acc.w-active .bimion-mobile-back-button,
    #Centrum > .wr-account-window.w-active .bimion-mobile-back-button,
    #Centrum > .wr-messages.w-active button:not(.category-operator),
    #Centrum > .wr-sets.w-active button:not(.category-operator),
    #Centrum > .wr-help.w-active button:not(.category-operator),
    #Centrum > .wr-acc.w-active button:not(.category-operator),
    #Centrum > .wr-account-window.w-active button:not(.category-operator),
    #Centrum > .wr-sets.w-active .bimion-render-preset-option,
    #Centrum > .wr-acc.w-active .account-access-button,
    #Centrum > .wr-account-window.w-active .account-access-button {
        min-width: 44px !important;
        min-height: 44px !important;
        border-radius: min(8px, var(--bimion-radius-sm, 6px)) !important;
        letter-spacing: 0 !important;
    }

    #Centrum > .wr-messages.w-active.right-scroll-window,
    #Centrum > .wr-sets.w-active.right-scroll-window,
    #Centrum > .wr-help.w-active.right-scroll-window,
    #Centrum > .wr-acc.w-active.right-scroll-window,
    #Centrum > .wr-account-window.w-active.right-scroll-window,
    #Centrum > .wr-messages.w-active .right-scroll-window,
    #Centrum > .wr-sets.w-active .right-scroll-window,
    #Centrum > .wr-help.w-active .right-scroll-window,
    #Centrum > .wr-acc.w-active .right-scroll-window,
    #Centrum > .wr-account-window.w-active .right-scroll-window {
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        padding-bottom: calc(1rem + var(--bimion-mobile-control)) !important;
        scroll-padding-bottom: calc(1rem + var(--bimion-mobile-control)) !important;
    }

    body:not(.account-logged-out) #RightScrollBottom.window-scroll-indicator {
        left: var(--bimion-mobile-edge) !important;
        right: var(--bimion-mobile-edge) !important;
        bottom: var(--bimion-mobile-bottom-safe) !important;
        width: auto !important;
        max-width: calc(100vw - (var(--bimion-mobile-edge) * 2)) !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        border-radius: 0 0 8px 8px !important;
        pointer-events: none !important;
        z-index: 39010 !important;
    }
}
/* P54g1 Mobile manipulation existing-tab rail */
@media (max-width: 760px) {
    :root {
        --bimion-mobile-manipulation-rail: 56px;
        --bimion-mobile-manipulation-tab: 44px;
    }

    #Centrum > .wl-relinvestments.w-active,
    #Centrum > .wl-relprojects.w-active,
    #Centrum > .wl-relproducts.w-active {
        position: fixed !important;
        top: var(--bimion-mobile-top-safe) !important;
        left: var(--bimion-mobile-edge) !important;
        bottom: var(--bimion-mobile-bottom-safe) !important;
        width: var(--bimion-mobile-manipulation-rail) !important;
        min-width: var(--bimion-mobile-manipulation-rail) !important;
        max-width: var(--bimion-mobile-manipulation-rail) !important;
        height: auto !important;
        max-height: calc(100dvh - var(--bimion-mobile-top-safe) - var(--bimion-mobile-bottom-safe)) !important;
        margin: 0 !important;
        padding: 6px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 6px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        background: rgba(255, 255, 255, var(--bimion-main-window-opacity, .8)) !important;
        border: 1px solid rgba(31, 95, 153, .24) !important;
        border-radius: 8px !important;
        box-shadow: 0 .35rem 1.2rem rgba(22, 54, 82, .12) !important;
        z-index: 39020 !important;
    }

    @supports not (height: 100dvh) {
        #Centrum > .wl-relinvestments.w-active,
        #Centrum > .wl-relprojects.w-active,
        #Centrum > .wl-relproducts.w-active {
            max-height: calc(100vh - var(--bimion-mobile-top-safe) - var(--bimion-mobile-bottom-safe)) !important;
        }
    }

    #Centrum > .wl-relinvestments.w-active > .title:not(.mode-record-list),
    #Centrum > .wl-relprojects.w-active > .title:not(.mode-record-list),
    #Centrum > .wl-relproducts.w-active > .title:not(.mode-record-list),
    #Centrum > .wl-relinvestments.w-active .mode-record-group-label,
    #Centrum > .wl-relprojects.w-active .mode-record-group-label,
    #Centrum > .wl-relproducts.w-active .mode-record-group-label {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }

    #Centrum > .wl-relinvestments.w-active .mode-record-list,
    #Centrum > .wl-relprojects.w-active .mode-record-list,
    #Centrum > .wl-relproducts.w-active .mode-record-list {
        position: static !important;
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #Centrum > .wl-relinvestments.w-active .mode-record-group,
    #Centrum > .wl-relprojects.w-active .mode-record-group,
    #Centrum > .wl-relproducts.w-active .mode-record-group {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #Centrum > .wl-relinvestments.w-active .mode-record-option,
    #Centrum > .wl-relprojects.w-active .mode-record-option,
    #Centrum > .wl-relproducts.w-active .mode-record-option,
    #Centrum > .wl-relinvestments.w-active .mode-record-empty,
    #Centrum > .wl-relprojects.w-active .mode-record-empty,
    #Centrum > .wl-relproducts.w-active .mode-record-empty {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: var(--bimion-mobile-manipulation-tab) !important;
        height: var(--bimion-mobile-manipulation-tab) !important;
        min-width: var(--bimion-mobile-manipulation-tab) !important;
        min-height: var(--bimion-mobile-manipulation-tab) !important;
        max-width: var(--bimion-mobile-manipulation-tab) !important;
        max-height: var(--bimion-mobile-manipulation-tab) !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        border-radius: 8px !important;
        letter-spacing: 0 !important;
        background: rgba(243, 249, 255, .94) !important;
        border: 1px solid rgba(31, 95, 153, .24) !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .86) inset !important;
    }

    #Centrum > .wl-relinvestments.w-active .mode-record-option:hover,
    #Centrum > .wl-relprojects.w-active .mode-record-option:hover,
    #Centrum > .wl-relproducts.w-active .mode-record-option:hover,
    #Centrum > .wl-relinvestments.w-active .mode-record-option:focus-visible,
    #Centrum > .wl-relprojects.w-active .mode-record-option:focus-visible,
    #Centrum > .wl-relproducts.w-active .mode-record-option:focus-visible,
    #Centrum > .wl-relinvestments.w-active .mode-record-option.w-option-active,
    #Centrum > .wl-relprojects.w-active .mode-record-option.w-option-active,
    #Centrum > .wl-relproducts.w-active .mode-record-option.w-option-active {
        border-color: rgba(45, 126, 52, .72) !important;
        background: rgba(214, 244, 220, .92) !important;
        box-shadow: 0 0 0 1px rgba(45, 126, 52, .20), 0 .22rem .62rem rgba(27, 45, 61, .12) !important;
    }

    #Centrum > .wl-relinvestments.w-active .mode-record-option .min,
    #Centrum > .wl-relprojects.w-active .mode-record-option .min,
    #Centrum > .wl-relproducts.w-active .mode-record-option .min,
    #Centrum > .wl-relinvestments.w-active .mode-record-empty .min,
    #Centrum > .wl-relprojects.w-active .mode-record-empty .min,
    #Centrum > .wl-relproducts.w-active .mode-record-empty .min {
        display: block !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
        margin: 0 !important;
        object-fit: contain !important;
        opacity: 1 !important;
    }

    #Centrum > .wl-relinvestments.w-active .mode-record-option .titlet,
    #Centrum > .wl-relprojects.w-active .mode-record-option .titlet,
    #Centrum > .wl-relproducts.w-active .mode-record-option .titlet,
    #Centrum > .wl-relinvestments.w-active .mode-record-empty .titlet,
    #Centrum > .wl-relprojects.w-active .mode-record-empty .titlet,
    #Centrum > .wl-relproducts.w-active .mode-record-empty .titlet {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }

    #Centrum > .wr-relinvestments.w-active.mode-manipulation-window,
    #Centrum > .wr-relprojects.w-active.mode-manipulation-window,
    #Centrum > .wr-relproducts.w-active.mode-manipulation-window {
        position: fixed !important;
        top: var(--bimion-mobile-top-safe) !important;
        right: var(--bimion-mobile-edge) !important;
        bottom: var(--bimion-mobile-bottom-safe) !important;
        left: calc(var(--bimion-mobile-edge) + var(--bimion-mobile-manipulation-rail) + var(--bimion-mobile-gap)) !important;
        inset: auto var(--bimion-mobile-edge) var(--bimion-mobile-bottom-safe) calc(var(--bimion-mobile-edge) + var(--bimion-mobile-manipulation-rail) + var(--bimion-mobile-gap)) !important;
        box-sizing: border-box !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 0 !important;
        max-height: calc(100dvh - var(--bimion-mobile-top-safe) - var(--bimion-mobile-bottom-safe)) !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        scrollbar-gutter: stable !important;
        background: rgba(255, 255, 255, var(--bimion-main-window-opacity, .8)) !important;
        border: 1px solid rgba(31, 95, 153, .24) !important;
        border-radius: 8px !important;
        box-shadow: 0 .35rem 1.2rem rgba(22, 54, 82, .14) !important;
        z-index: 39000 !important;
    }

    @supports not (height: 100dvh) {
        #Centrum > .wr-relinvestments.w-active.mode-manipulation-window,
        #Centrum > .wr-relprojects.w-active.mode-manipulation-window,
        #Centrum > .wr-relproducts.w-active.mode-manipulation-window {
            max-height: calc(100vh - var(--bimion-mobile-top-safe) - var(--bimion-mobile-bottom-safe)) !important;
        }
    }

    #Centrum > .wr-relinvestments.w-active.mode-manipulation-window > .titleg,
    #Centrum > .wr-relprojects.w-active.mode-manipulation-window > .titleg,
    #Centrum > .wr-relproducts.w-active.mode-manipulation-window > .titleg {
        position: sticky !important;
        top: 0 !important;
        display: flex !important;
        align-items: center !important;
        box-sizing: border-box !important;
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 0 8px !important;
        margin: 0 !important;
        overflow: hidden !important;
        background: rgba(248, 252, 255, .96) !important;
        border-radius: 8px 8px 0 0 !important;
        border-bottom: 1px solid rgba(31, 95, 153, .16) !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .86) inset !important;
        z-index: 2 !important;
    }

    #Centrum > .wr-relinvestments.w-active.mode-manipulation-window > .titleg .right-title-text,
    #Centrum > .wr-relprojects.w-active.mode-manipulation-window > .titleg .right-title-text,
    #Centrum > .wr-relproducts.w-active.mode-manipulation-window > .titleg .right-title-text {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }
}


/* UI-MOBILE-A1-BIK-VISIBLE-r1: canonical mobile BIK shell. */
@media (max-width: 760px) {
    #Centrum > .window.wr-bug-corrections.w-active {
        position: fixed !important;
        inset: var(--bimion-mobile-top-safe) var(--bimion-mobile-edge) var(--bimion-mobile-bottom-safe) !important;
        display: block !important;
        box-sizing: border-box !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100dvh - var(--bimion-mobile-top-safe) - var(--bimion-mobile-bottom-safe)) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        background: rgba(248, 252, 255, var(--bimion-main-window-opacity, .8)) !important;
        border: 1px solid rgba(31, 95, 153, .24) !important;
        border-radius: 8px !important;
        box-shadow: 0 8px 22px rgba(24, 45, 65, .14) !important;
        z-index: 39000 !important;
    }

    @supports not (height: 100dvh) {
        #Centrum > .window.wr-bug-corrections.w-active {
            max-height: calc(100vh - var(--bimion-mobile-top-safe) - var(--bimion-mobile-bottom-safe)) !important;
        }
    }

    #Centrum > .window.wr-bug-corrections.w-active > .bimion-task-board-title {
        position: sticky !important;
        top: 0 !important;
        display: flex !important;
        align-items: center !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        overflow: hidden !important;
        color: var(--dblue) !important;
        background: rgba(248, 252, 255, .96) !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(31, 95, 153, .16) !important;
        border-radius: 8px 8px 0 0 !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .86) inset !important;
        z-index: 2 !important;
    }

    #Centrum > .window.wr-bug-corrections.w-active > .bimion-task-board-title::before {
        inset: 0 !important;
        background: rgba(248, 252, 255, .96) !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(31, 95, 153, .16) !important;
        border-radius: 8px 8px 0 0 !important;
    }

    #Centrum > .window.wr-bug-corrections.w-active > .bimion-task-board-title .right-title-text {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }

    #Centrum > .window.wr-bug-corrections.w-active > #BimionWorkQueue,
    #Centrum > .window.wr-bug-corrections.w-active > #BimionTaskBoard,
    #Centrum > .window.wr-bug-corrections.w-active #BimionWorkQueueList,
    #Centrum > .window.wr-bug-corrections.w-active #BimionTaskBoardList {
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    #Centrum > .window.wr-bug-corrections.w-active > #BimionWorkQueue,
    #Centrum > .window.wr-bug-corrections.w-active > #BimionTaskBoard {
        padding-bottom: calc(var(--bimion-mobile-control) + var(--bimion-mobile-gap)) !important;
    }

    #Centrum > .window.wr-bug-corrections.w-active #BimionWorkQueueNewProblem {
        min-width: 44px !important;
        min-height: 44px !important;
        border-radius: 8px !important;
        letter-spacing: 0 !important;
    }
}
/* UI-MOBILE-A1-BIK-VISIBLE-r2: stable title identity and readable mobile type. */
@media (max-width: 760px) {
    #Centrum > .window.wr-bug-corrections.w-active {
        --bimion-bik-surface: #f7fbfe !important;
        --bimion-bik-header: #edf5fb !important;
        --bimion-bik-border: #4f7fa8 !important;
        --bimion-bik-text: #17324c !important;
        background: var(--bimion-bik-surface) !important;
        color: var(--bimion-bik-text) !important;
        border-color: var(--bimion-bik-border) !important;
        box-shadow: 0 0 0 1px var(--bimion-bik-border) inset !important;
    }

    #Centrum > .window.wr-bug-corrections.w-active > .bimion-task-board-title {
        background: var(--bimion-bik-header) !important;
        color: var(--bimion-bik-text) !important;
        border-bottom: 1px solid var(--bimion-bik-border) !important;
    }

    #Centrum > .window.wr-bug-corrections.w-active > .bimion-task-board-title::before {
        background: var(--bimion-bik-header) !important;
        border-bottom: 1px solid var(--bimion-bik-border) !important;
    }

    #Centrum > .window.wr-bug-corrections.w-active .right-title-icon {
        flex: 0 0 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;
        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
        margin: 0 10px 0 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    #Centrum > .window.wr-bug-corrections.w-active .right-title-text {
        font: 700 16px/1.25 Arial, sans-serif !important;
        letter-spacing: 0 !important;
    }

    #Centrum > .window.wr-bug-corrections.w-active .bimion-task-name,
    #Centrum > .window.wr-bug-corrections.w-active .bimion-task-scopes,
    #Centrum > .window.wr-bug-corrections.w-active .bimion-work-queue-comment-text {
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    #Centrum > .window.wr-bug-corrections.w-active .bimion-task-meta,
    #Centrum > .window.wr-bug-corrections.w-active .bimion-task-board-meta,
    #Centrum > .window.wr-bug-corrections.w-active .bimion-work-queue-meta,
    #Centrum > .window.wr-bug-corrections.w-active .bimion-work-queue-attachment-title {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    #Centrum > .window.wr-bug-corrections.w-active button,
    #Centrum > .window.wr-bug-corrections.w-active input,
    #Centrum > .window.wr-bug-corrections.w-active select,
    #Centrum > .window.wr-bug-corrections.w-active textarea {
        box-sizing: border-box !important;
        min-height: 44px !important;
        font-size: 16px !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
    }

    #Centrum > .window.wr-bug-corrections.w-active {
        font-size: 16px !important;
        line-height: 1.45 !important;
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }
}


/* BIMION SYSTEM OPTIONS / UI-R9E */
#L-W-Sets-P .bimion-system-options-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
#BimionSystemOptionsMount{display:block;width:100%;height:100%;min-width:0;min-height:0;overflow:auto;box-sizing:border-box;background:#f5f7f8;color:#202a32;font-size:14px;line-height:1.4}
#BimionSystemOptionsMount .bimion-system-options{display:flex;flex-direction:column;min-height:100%;box-sizing:border-box;background:#f5f7f8}
#BimionSystemOptionsMount .bimion-system-options__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:16px 18px 12px;border-bottom:1px solid #d7dee2;background:#fff}
#BimionSystemOptionsMount .bimion-system-options__header h3,#BimionSystemOptionsMount .bimion-system-option h4,#BimionSystemOptionsMount .bimion-system-options__header p,#BimionSystemOptionsMount .bimion-system-option p{min-width:0;margin:0;overflow-wrap:anywhere;letter-spacing:0}
#BimionSystemOptionsMount .bimion-system-options__header h3{font-size:18px;font-weight:700}
#BimionSystemOptionsMount .bimion-system-options__subtitle,#BimionSystemOptionsMount .bimion-system-options__meta{color:#5b6871;font-size:12px}
#BimionSystemOptionsMount .bimion-system-options__meta{text-align:right}
#BimionSystemOptionsMount .bimion-system-options__counts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 12px;padding-top:5px;color:#52616b;font:600 11px/1.3 ui-monospace,Consolas,monospace}
#BimionSystemOptionsMount .bimion-system-options__toolbar{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:minmax(120px,2fr) minmax(128px,1.4fr) auto auto;gap:8px;padding:10px 18px;border-bottom:1px solid #d7dee2;background:rgba(245,247,248,.98)}
#BimionSystemOptionsMount input,#BimionSystemOptionsMount select,#BimionSystemOptionsMount button{box-sizing:border-box;min-width:0;min-height:40px;border:1px solid #b9c6cd;border-radius:6px;background:#fff;color:#1f2a30;font:inherit}
#BimionSystemOptionsMount input,#BimionSystemOptionsMount select{width:100%;padding:8px 10px}
#BimionSystemOptionsMount button{padding:8px 13px;cursor:pointer}
#BimionSystemOptionsMount button:hover:not(:disabled){border-color:#18849a;background:#edf8f7}
#BimionSystemOptionsMount button:disabled,#BimionSystemOptionsMount input:disabled,#BimionSystemOptionsMount select:disabled{cursor:not-allowed;opacity:.56}
#BimionSystemOptionsMount [data-mode-switch]:disabled{border-color:#287a69;background:#e1f1e9;color:#18594d;opacity:1}
#BimionSystemOptionsMount [data-system-option-list]{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;flex:1 1 auto}
#BimionSystemOptionsMount .bimion-system-option{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,34%);gap:5px 16px;align-items:center;padding:14px 18px;border-bottom:1px solid #dce2e5;background:#fff}
#BimionSystemOptionsMount .bimion-system-option h4{font-size:14px;font-weight:700}
#BimionSystemOptionsMount .bimion-system-option>p:not(.bimion-system-option__status):not(.bimion-system-option__category){grid-column:1;color:#53616a;font-size:12px}
#BimionSystemOptionsMount .bimion-system-option__status,#BimionSystemOptionsMount .bimion-system-option__category{grid-column:1;color:#64727b;font:600 10px/1.35 ui-monospace,Consolas,monospace}
#BimionSystemOptionsMount .bimion-system-option__control{grid-column:2;grid-row:1/span 4;min-width:0}
#BimionSystemOptionsMount .bimion-system-option__control label{display:flex;align-items:center;justify-content:flex-end;min-height:40px}
#BimionSystemOptionsMount .bimion-system-option__control input[type="checkbox"]{width:22px;height:22px;min-height:22px;accent-color:#287a69}
#BimionSystemOptionsMount .bimion-system-options:has([data-mode-switch][value="ADVANCED"]:disabled) .bimion-system-option{padding-top:10px;padding-bottom:10px}
#BimionSystemOptionsMount .bimion-system-options__empty{padding:24px 18px;color:#5d6971}
#BimionSystemOptionsMount .bimion-system-options__footer{position:sticky;bottom:0;z-index:3;display:flex;justify-content:flex-end;gap:8px;padding:10px 18px;border-top:1px solid #cfd8dc;background:rgba(255,255,255,.98)}
#BimionSystemOptionsMount :focus-visible{outline:3px solid rgba(18,137,167,.38);outline-offset:2px}
@media(max-width:720px){#BimionSystemOptionsMount .bimion-system-options__header,#BimionSystemOptionsMount .bimion-system-options__toolbar,#BimionSystemOptionsMount .bimion-system-option{grid-template-columns:minmax(0,1fr)}#BimionSystemOptionsMount .bimion-system-options__meta{text-align:left}#BimionSystemOptionsMount .bimion-system-option__control{grid-column:1;grid-row:auto}#BimionSystemOptionsMount input,#BimionSystemOptionsMount select,#BimionSystemOptionsMount button,#BimionSystemOptionsMount .bimion-system-option__control label{min-height:44px}#BimionSystemOptionsMount .bimion-system-options__footer{justify-content:stretch}#BimionSystemOptionsMount .bimion-system-options__footer button{flex:1 1 0;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){#BimionSystemOptionsMount *,#BimionSystemOptionsMount *::before,#BimionSystemOptionsMount *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* P1 window layout preferences: user sizing and simultaneous data windows. */
@media (min-width: 901px) {
  .window.bimion-layout-managed-window {
    width: var(--bimion-window-user-width);
    height: var(--bimion-window-user-height);
    min-width: 280px;
    min-height: 220px;
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    overflow: auto;
    resize: both;
  }

  body.bimion-multi-window-mode .window.bimion-layout-managed-window.w-active {
    box-shadow: 0 10px 28px rgba(24, 54, 86, 0.16);
  }
}

@media (max-width: 900px) {
  .window.bimion-layout-managed-window {
    resize: none;
  }
}

.bimion-system-option__action {
  min-height: 36px;
  padding: 8px 14px;
  border: 1px solid #7fb5e8;
  border-radius: 6px;
  background: #fff;
  color: #075da8;
  cursor: pointer;
  font: inherit;
}

.bimion-system-option__action:hover:not(:disabled),
.bimion-system-option__action:focus-visible {
  background: #eef7ff;
  border-color: #0d78d2;
}

.bimion-system-option__action:disabled {
  cursor: default;
  opacity: 0.55;
}

/* 0210l append-only welcome overrides */
.bimion-welcome-v3-language-controls { display: inline-flex; align-items: center; gap: .42rem; width: 100%; }
.bimion-welcome-v3-accessibility-button { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; min-width: 2.5rem; height: 2.5rem; border: 1px solid rgba(123,168,214,0.42); border-radius: 12px; background: rgba(255,255,255,0.94); color: #163650; cursor: pointer; box-shadow: 0 12px 28px rgba(32,71,113,0.08); }
.bimion-welcome-v3-accessibility-button img { width: 1.12rem; height: 1.12rem; }
.bimion-welcome-v3-wordmark { display: block !important; margin-left: .78rem; color: #1d476d; font-size: clamp(1.45rem, 3vw, 2.28rem); font-weight: 500; line-height: 1; }
.bimion-welcome-v3-login-panel { width: min(100%, 24.5rem) !important; }
.bimion-welcome-v3-field span,
.bimion-welcome-v3-btn,
#BimionWelcomeLanguageButton,
.bimion-welcome-v3-provider-title,
.bimion-welcome-v3-feature-column h2 { font-weight: 500 !important; }
#BimionWelcomeAuth .bimion-welcome-v3-btn,
#BimionWelcomeAuth .bimion-welcome-v3-register-back,
#BimionWelcomeAuth #BimionWelcomeLanguageButton,
#BimionWelcomeAuth #BimionWelcomeAccessibilityButton { transition: background-color 220ms ease, border-color 220ms ease, color 220ms ease, box-shadow 220ms ease, transform 220ms ease; }
.bimion-welcome-v3-btn { min-height: 2.5rem; padding: .64rem .92rem; font-size: .9rem; }
.bimion-welcome-v3-field input { min-height: 2.5rem; padding: .64rem .82rem; }
.bimion-welcome-v3-social-grid { align-items: start; }
.bimion-welcome-v3-social-cell,
.bimion-welcome-v3-action-host { display: flex; flex-direction: column; gap: .24rem; min-width: 0; width: 100%; }
.bimion-welcome-v3-social-btn { min-height: 2.18rem; padding: .36rem .44rem; font-size: .74rem; overflow: hidden; }
.bimion-welcome-v3-provider-label { justify-content: flex-start; text-align: left; }
.bimion-welcome-v3-inline-result,
#BimionWelcomeRegisterMessage { margin: 0; font-size: .74rem; line-height: 1.2; }
.bimion-welcome-v3-inline-result.is-success,
#BimionWelcomeRegisterMessage.is-success { color: #1e8e3e; }
.bimion-welcome-v3-inline-result.is-error,
#BimionWelcomeRegisterMessage.is-error { color: #b3261e; }
#BimionWelcomeRegistrationSection .bimion-welcome-v3-provider-title,
#BimionWelcomeRegistrationSection .bimion-welcome-v3-social-grid { display: none !important; }
#BimionWelcomeRegistrationSection .bimion-welcome-v3-register-actions { margin-bottom: .18rem; }
body.bimion-welcome-v3-accessibility-enhanced #BimionWelcomeAuth { font-size: 1.04em; }
body.bimion-welcome-v3-accessibility-enhanced #BimionWelcomeAuth .bimion-welcome-v3-card { border-color: rgba(7, 93, 168, 0.58); box-shadow: 0 0 0 2px rgba(7,93,168,0.16), 0 24px 60px rgba(33,76,121,0.12); }
body.bimion-welcome-v3-accessibility-enhanced #BimionWelcomeAuth .bimion-welcome-v3-btn:focus-visible,
body.bimion-welcome-v3-accessibility-enhanced #BimionWelcomeAuth .bimion-welcome-v3-social-btn:focus-visible,
body.bimion-welcome-v3-accessibility-enhanced #BimionWelcomeAuth #BimionWelcomeLanguageButton:focus-visible,
body.bimion-welcome-v3-accessibility-enhanced #BimionWelcomeAuth #BimionWelcomeAccessibilityButton:focus-visible { box-shadow: 0 0 0 .22rem rgba(7,93,168,0.28); }
#BimionWelcomeAuth.bimion-welcome-v3-auth-success { display: block !important; animation: bimionWelcomeOverlayFade0210l 2000ms ease forwards; pointer-events: none; }
#BimionWelcomeAuth.bimion-welcome-v3-auth-success .bimion-welcome-v3-flight-item { animation: bimionWelcomeFlight0210l 2000ms ease forwards; }
#BimionWelcomeAuth.bimion-welcome-v3-auth-return { display: block !important; animation: bimionWelcomeOverlayReturn0211b 2000ms ease forwards; pointer-events: auto; }
#BimionWelcomeAuth.bimion-welcome-v3-auth-return .bimion-welcome-v3-flight-return-item { animation: bimionWelcomeFlightReturn0211b 2000ms ease forwards; }
@keyframes bimionWelcomeOverlayFade0210l { from { opacity: 1; } to { opacity: 0; } }
@keyframes bimionWelcomeFlight0210l { from { opacity: 1; transform: translate3d(0,0,0); } to { opacity: 0; transform: translate3d(var(--bimion-welcome-flight-x, 32px),0,0); } }
@keyframes bimionWelcomeOverlayReturn0211b { from { opacity: 0; } to { opacity: 1; } }
@keyframes bimionWelcomeFlightReturn0211b { from { opacity: 0; transform: translate3d(var(--bimion-welcome-return-x, 32px),0,0); } to { opacity: 1; transform: translate3d(0,0,0); } }
@media (prefers-reduced-motion: reduce) {
  #BimionWelcomeAuth.bimion-welcome-v3-auth-success .bimion-welcome-v3-flight-item { animation: bimionWelcomeFadeOnly0210l 2000ms ease forwards; }
  #BimionWelcomeAuth.bimion-welcome-v3-auth-return .bimion-welcome-v3-flight-return-item { animation: bimionWelcomeFadeInOnly0211b 2000ms ease forwards; }
  @keyframes bimionWelcomeFadeOnly0210l { from { opacity: 1; } to { opacity: 0; } }
  @keyframes bimionWelcomeFadeInOnly0211b { from { opacity: 0; } to { opacity: 1; } }
}
@media (max-width: 767px) {
  .bimion-welcome-v3-language-controls { gap: .3rem; }
  .bimion-welcome-v3-accessibility-button { width: 2.24rem; min-width: 2.24rem; height: 2.24rem; }
  .bimion-welcome-v3-login-panel { width: 100% !important; }
}
/* 0210m welcome correction overrides */
.bimion-welcome-v3-login-panel h1,
.bimion-welcome-v3-register-card h2,
.bimion-welcome-v3-status-copy,
.bimion-welcome-v3-status-label,
.bimion-welcome-v3-progress-label,
.bimion-welcome-v3-field span,
.bimion-welcome-v3-btn,
#BimionWelcomeLanguageButton,
.bimion-welcome-v3-provider-title,
.bimion-welcome-v3-provider-label,
.bimion-welcome-v3-feature-column h2 { font-weight: 400 !important; }
.bimion-welcome-v3-wordmark { font-weight: 500 !important; }
.bimion-welcome-v3-inline-result,
#BimionWelcomeRegisterMessage { display: block; margin: 0; padding: .48rem .6rem; border: 1px solid rgba(22,54,80,0.12); border-radius: 10px; background: rgba(22,54,80,0.04); color: #33526f; font-size: .74rem; line-height: 1.24; }
.bimion-welcome-v3-inline-result.is-success,
#BimionWelcomeRegisterMessage.is-success { background: rgba(30,142,62,0.14); border-color: rgba(30,142,62,0.38); color: #166534; }
.bimion-welcome-v3-inline-result.is-error,
#BimionWelcomeRegisterMessage.is-error { background: rgba(179,38,30,0.08); border-color: rgba(179,38,30,0.24); color: #9f231d; }
#BimionWelcomeAuth.bimion-welcome-v3-auth-success .bimion-welcome-v3-flight-item { animation: bimionWelcomeFlight0210m 2000ms ease forwards; }
@keyframes bimionWelcomeFlight0210m { from { opacity: 1; transform: translate3d(0,0,0); } to { opacity: 0; transform: translate3d(var(--bimion-welcome-flight-x, 110vw),0,0); } }
@media (prefers-reduced-motion: reduce) {
  #BimionWelcomeAuth.bimion-welcome-v3-auth-success .bimion-welcome-v3-flight-item { animation: bimionWelcomeFadeOnly0210m 2000ms ease forwards; }
  @keyframes bimionWelcomeFadeOnly0210m { from { opacity: 1; } to { opacity: 0; } }
}

/* 0210n final welcome overrides */
.bimion-welcome-v3-language-controls { width: auto !important; justify-content: flex-end !important; gap: .48rem !important; }
.bimion-welcome-v3-language { width: auto !important; min-width: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
#BimionWelcomeLanguageButton { width: auto !important; min-width: 5.2rem !important; min-height: 2.18rem !important; padding: .46rem .68rem !important; font-size: .8rem !important; font-weight: 400 !important; border-radius: 11px !important; }
#BimionWelcomeAccessibilityButton { width: 2.18rem !important; min-width: 2.18rem !important; height: 2.18rem !important; border-radius: 11px !important; }
#BimionWelcomeAuth .bimion-welcome-v3-login-panel { width: min(100%, 17.2rem) !important; padding: .54rem .58rem .54rem !important; align-self: center !important; }
#BimionWelcomeAuth .bimion-welcome-v3-login-panel h1 { margin: 0 0 .38rem !important; font-size: 1.08rem !important; line-height: 1.06 !important; font-weight: 400 !important; }
#BimionWelcomeAuth .bimion-welcome-v3-login-form { gap: .24rem !important; }
#BimionWelcomeAuth .bimion-welcome-v3-field span { margin-bottom: .16rem !important; font-size: .72rem !important; font-weight: 400 !important; }
#BimionWelcomeAuth .bimion-welcome-v3-field input { min-height: 2rem !important; padding: .42rem .58rem !important; font-size: .8rem !important; }
#BimionWelcomeAuth .bimion-welcome-v3-link { margin: .04rem 0 .02rem !important; font-size: .72rem !important; text-align: center !important; }
#BimionWelcomeAuth .bimion-welcome-v3-button-row { gap: .28rem !important; margin-bottom: .52rem !important; }
#BimionWelcomeAuth .bimion-welcome-v3-btn { min-height: 2rem !important; padding: .42rem .58rem !important; font-size: .8rem !important; font-weight: 400 !important; }
#BimionWelcomeAuth .bimion-welcome-v3-provider-block-login { margin-top: 0 !important; gap: .34rem !important; align-items: center !important; }
#BimionWelcomeAuth .bimion-welcome-v3-provider-title { width: 100% !important; margin: 0 !important; text-align: center !important; font-size: .68rem !important; font-weight: 400 !important; }
#BimionWelcomeAuth .bimion-welcome-v3-social-grid { gap: .2rem !important; align-items: stretch !important; }
#BimionWelcomeAuth .bimion-welcome-v3-social-cell,
#BimionWelcomeAuth .bimion-welcome-v3-action-host { gap: .12rem !important; min-width: 0 !important; width: 100% !important; }
#BimionWelcomeAuth .bimion-welcome-v3-social-btn { min-height: 1.88rem !important; padding: .2rem .28rem !important; grid-template-columns: .86rem minmax(0,1fr) !important; gap: .28rem !important; font-size: .62rem !important; border-radius: 10px !important; box-shadow: none !important; }
#BimionWelcomeAuth .bimion-welcome-v3-provider-icon { width: .86rem !important; height: .86rem !important; flex-basis: .86rem !important; }
#BimionWelcomeAuth .bimion-welcome-v3-provider-label { justify-content: flex-start !important; text-align: left !important; font-size: .62rem !important; line-height: 1.08 !important; }
#BimionWelcomeAuth .bimion-welcome-v3-inline-result.bimion-welcome-v3-sr-only,
#BimionWelcomeAuth #BimionWelcomeRegisterMessage.bimion-welcome-v3-sr-only { display: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; min-height: 0 !important; box-shadow: none !important; }
#BimionWelcomeAuth .bimion-welcome-v3-brand { display: flex !important; flex-direction: column !important; align-items: center !important; gap: .18rem !important; margin: 0 auto .18rem !important; }
#BimionWelcomeAuth .bimion-welcome-v3-brand img { width: clamp(3rem, 3.6vw, 3.85rem) !important; }
@property --bimion-wordmark-shift-z {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 0px;
}
#BimionWelcomeAuth .bimion-welcome-v3-wordmark {
  --bimion-wordmark-shift-z: 0px;
  color: transparent !important;
  background-color: transparent !important;
  background-image: repeating-linear-gradient(
    102deg,
    #111111 0px,
    #111111 10px,
    #163e76 18px,
    #1f6fd2 32px,
    #2d84bf 44px,
    #2f8f47 58px,
    #2d7d57 70px,
    #111111 80px,
    #111111 90px,
    #163e76 98px,
    #1f6fd2 112px,
    #2d84bf 124px,
    #2f8f47 138px,
    #2d7d57 150px,
    #111111 160px
  ) !important;
  background-size: 160px 100% !important;
  background-repeat: repeat !important;
  background-position: var(--bimion-wordmark-shift-z) 50% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-fill-color: transparent !important;
  will-change: background-position !important;
  animation: bimionWordmarkFlow0210z 11s linear infinite !important;
}
@keyframes bimionWordmarkFlow0210z {
  0% { --bimion-wordmark-shift-z: 0px; }
  100% { --bimion-wordmark-shift-z: 160px; }
}
@media (prefers-reduced-motion: reduce) {
  #BimionWelcomeAuth .bimion-welcome-v3-wordmark {
    animation: none !important;
    background-image: linear-gradient(102deg, #111111 0%, #1f6fd2 46%, #2f8f47 100%) !important;
    background-size: 100% 100% !important;
    background-position: 0px 50% !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
  }
}
/* 0210t2 provider temporary disable */
#BimionWelcomeAuth .bimion-welcome-v3-auth-message:empty {
  display: none !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-social-btn[disabled],
#BimionWelcomeAuth .bimion-welcome-v3-social-btn[aria-disabled="true"] {
  opacity: .56 !important;
  filter: grayscale(1) saturate(.2) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  box-shadow: none !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-social-btn[disabled] .bimion-welcome-v3-provider-label,
#BimionWelcomeAuth .bimion-welcome-v3-social-btn[aria-disabled="true"] .bimion-welcome-v3-provider-label {
  color: #6f8090 !important;
}

/* 0210x addendum exact three spacing corrections */
#BimionWelcomeAuth .bimion-welcome-v3-link {
  margin: .14rem 0 .18rem !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-provider-block-login {
  margin-top: .26rem !important;
}
#BimionWelcomeAuth #BimionWelcomeProgressText {
  margin-top: .22rem !important;
}

/* 0210x addendum registration close icon */
#BimionWelcomeAuth .bimion-welcome-v3-register-header {
  position: relative !important;
  display: block !important;
  min-height: 2.08rem !important;
  padding-right: 2.56rem !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-card h2 {
  margin-right: 0 !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-back {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  margin: 0 !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-back svg {
  width: 1rem !important;
  height: 1rem !important;
}

/* 0210x final hover active and x positioning */
#BimionWelcomeAuth .bimion-welcome-v3-register-card {
  position: relative !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-header {
  position: static !important;
  display: block !important;
  min-height: 0 !important;
  padding-right: 0 !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-card h2 {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  padding-right: 2.72rem !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-back {
  position: absolute !important;
  top: .62rem !important;
  right: .66rem !important;
  margin: 0 !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-btn:not(:disabled):hover,
#BimionWelcomeAuth .bimion-welcome-v3-btn:not(:disabled):active,
#BimionWelcomeAuth .bimion-welcome-v3-register-back:hover,
#BimionWelcomeAuth .bimion-welcome-v3-register-back:active,
#BimionWelcomeAuth #BimionWelcomeLanguageButton:hover,
#BimionWelcomeAuth #BimionWelcomeLanguageButton:active,
#BimionWelcomeAuth #BimionWelcomeAccessibilityButton:hover,
#BimionWelcomeAuth #BimionWelcomeAccessibilityButton:active {
  background: rgba(47,143,71,0.14) !important;
  border-color: rgba(47,143,71,0.46) !important;
  color: #2f8f47 !important;
  box-shadow: 0 0 0 .12rem rgba(47,143,71,0.12) !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-btn:not(:disabled):active,
#BimionWelcomeAuth .bimion-welcome-v3-register-back:active,
#BimionWelcomeAuth #BimionWelcomeLanguageButton:active,
#BimionWelcomeAuth #BimionWelcomeAccessibilityButton:active {
  background: rgba(47,143,71,0.22) !important;
  transform: translateY(1px);
}

/* 0210x final spacing/heading tighten */
#BimionWelcomeAuth #BimionWelcomeBootStatusCopy {
  display: block !important;
  padding-bottom: .22rem !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-card h2 {
  width: calc(100% - 2.72rem) !important;
  box-sizing: border-box !important;
}

/* 0210za annotated spacing + list padding */
#BimionWelcomeAuth .bimion-welcome-v3-login-panel h1 {
  margin: 0 0 .54rem !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-link {
  margin: .14rem 0 .28rem !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-provider-block-login {
  margin-top: .42rem !important;
}
#BimionWelcomeAuth #BimionWelcomeProgressText {
  margin-top: .34rem !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-feature-column {
  padding: .58rem .7rem !important;
}


/* 0210zb wide gradient + exact 2s exit + three network background */
#BimionWelcomeAuth .bimion-welcome-v3-network {
  overflow: hidden !important;
  transition: opacity 2000ms ease !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-network-canvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  pointer-events: none !important;
}
#BimionWelcomeAuth.bimion-welcome-v3-auth-success .bimion-welcome-v3-network {
  opacity: 0 !important;
}
@property --bimion-wordmark-shift-zb {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 0px;
}
#BimionWelcomeAuth .bimion-welcome-v3-wordmark {
  --bimion-wordmark-shift-zb: 0px;
  background-image: repeating-linear-gradient(104deg, #111111 0px, #111111 46px, #17447d 76px, #1f6fd2 124px, #2a86c4 146px, #2f8f47 164px, #2b8059 178px, #1f6fd2 196px, #18457d 212px, #111111 240px) !important;
  background-size: 240px 100% !important;
  background-repeat: repeat !important;
  background-position: var(--bimion-wordmark-shift-zb) 50% !important;
  animation: bimionWordmarkFlow0210zb 11s linear infinite !important;
}
@keyframes bimionWordmarkFlow0210zb {
  0% { --bimion-wordmark-shift-zb: 0px; }
  100% { --bimion-wordmark-shift-zb: 240px; }
}
@media (prefers-reduced-motion: reduce) {
  #BimionWelcomeAuth .bimion-welcome-v3-wordmark {
    animation: none !important;
    background-image: linear-gradient(104deg, #111111 0%, #1f6fd2 58%, #2f8f47 100%) !important;
    background-size: 100% 100% !important;
    background-position: 0 50% !important;
  }
}
#BimionWelcomePasswordError {
  margin: .08rem 0 .14rem !important;
  padding: .3rem .5rem !important;
  border-radius: 10px !important;
  font-size: .72rem !important;
  line-height: 1.18 !important;
}
#BimionWelcomePasswordError.is-error {
  border: 1px solid rgba(179,38,30,0.22) !important;
  background: rgba(179,38,30,0.08) !important;
  color: #9f231d !important;
}
#BimionWelcomePasswordError.is-info {
  border: 1px solid rgba(24,93,168,0.18) !important;
  background: rgba(24,93,168,0.11) !important;
  color: #184d7a !important;
}
#BimionWelcomePasswordError.bimion-welcome-v3-sr-only {
  display: none !important;
}
/* 0210zc welcome corner network + registration spacing */
#BimionWelcomeAuth .bimion-welcome-v3-network {
  opacity: .62 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(245,250,255,.9)) !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-card {
  padding-top: 1rem !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-header {
  display: block !important;
  margin: 0 0 1.02rem !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-card h2 {
  text-align: left !important;
  padding-right: 2.8rem !important;
  margin: 0 !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-back {
  position: absolute !important;
  top: .78rem !important;
  right: .78rem !important;
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-back:hover,
#BimionWelcomeAuth .bimion-welcome-v3-register-back:focus-visible {
  background: rgba(179,38,30,.12) !important;
  border-color: rgba(179,38,30,.26) !important;
  color: #9f231d !important;
  box-shadow: 0 0 0 .12rem rgba(179,38,30,.10) !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-grid {
  row-gap: .82rem !important;
}
#BimionWelcomeAuth .bimion-welcome-v3-register-submit {
  margin-top: 1.08rem !important;
}