.szkody-hub,
.szkody-hub-gate {
	--hub-bg: #070b0d;
	--hub-panel: #10181d;
	--hub-panel-2: #172229;
	--hub-line: #35505a;
	--hub-text: #edf4f5;
	--hub-muted: #b7c9ce;
	--hub-accent: #f2c319;
	--hub-red: #df3d38;
	--hub-green: #86cf54;
	--hub-grade-none: #64c85a;
	--hub-grade-light: #f2cf24;
	--hub-grade-medium: #ef8d35;
	--hub-grade-heavy: #dc3f39;
	--hub-grade-none-soft: rgba(100, 200, 90, 0.38);
	--hub-grade-light-soft: rgba(242, 207, 36, 0.38);
	--hub-grade-medium-soft: rgba(239, 141, 53, 0.38);
	--hub-grade-heavy-soft: rgba(220, 63, 57, 0.38);
	color: var(--hub-text);
	font-family: Inter, "Segoe UI", Arial, sans-serif;
	letter-spacing: 0;
}

.szkody-hub *,
.szkody-hub-gate * {
	box-sizing: border-box;
}

.szkody-hub [hidden] {
	display: none !important;
}

.szkody-hub {
	padding: 22px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(223, 61, 56, 0.08), transparent 28rem),
		linear-gradient(315deg, rgba(134, 207, 84, 0.07), transparent 24rem),
		var(--hub-bg);
}

.szkody-hub__trial-banner {
	display: none;
	margin: 16px 0;
	padding: 16px 18px;
	border: 2px solid #f2c319;
	border-radius: 8px;
	background: #321111;
	color: #ffd21f;
	font-size: 1.25rem;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
}

.szkody-hub.is-trial .szkody-hub__trial-banner {
	display: block;
}

.szkody-hub h2,
.szkody-hub h3,
.szkody-hub p,
.szkody-hub-gate h2,
.szkody-hub-gate h3,
.szkody-hub-gate p {
	margin-top: 0;
}

.szkody-hub h2 {
	margin-bottom: 0;
	font-size: clamp(1.45rem, 2vw, 2.2rem);
	color: var(--hub-text) !important;
	line-height: 1.15;
}

.szkody-hub h3 {
	margin-bottom: 12px;
	font-size: 1rem;
	color: var(--hub-text) !important;
}

.szkody-hub p,
.szkody-hub li,
.szkody-hub label,
.szkody-hub-gate p,
.szkody-hub-gate label {
	color: var(--hub-muted);
	line-height: 1.45;
}

.szkody-hub button,
.szkody-hub__upload,
.szkody-hub__lock,
.szkody-hub-gate button,
.szkody-hub-gate a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: var(--hub-panel-2);
	color: var(--hub-text);
	padding: 0 14px;
	text-decoration: none;
	cursor: pointer;
}

.szkody-hub button:hover,
.szkody-hub__lock:hover,
.szkody-hub-gate button:hover,
.szkody-hub-gate a:hover,
.szkody-hub button.is-active {
	border-color: var(--hub-accent);
	background: #243239;
	color: var(--hub-text);
}

.szkody-hub button.is-primary,
.szkody-hub__upload,
.szkody-hub-gate button {
	border-color: rgba(242, 195, 25, 0.7);
	background: #45380a;
	color: var(--hub-text);
}

.szkody-hub button:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.szkody-hub__upload {
	min-width: 196px;
	min-height: 56px;
	background: var(--hub-accent);
	color: #101010;
	font-weight: 700;
	font-size: 1rem;
}

.szkody-hub__upload:hover {
	background: #ffd337;
	color: #101010;
}

.szkody-hub__compose-open {
	border-color: rgba(242, 195, 25, 0.7) !important;
}

.szkody-hub__upload input {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	opacity: 0;
}

.szkody-hub input[type="number"],
.szkody-hub input[type="text"],
.szkody-hub input[type="date"],
.szkody-hub input[type="search"],
.szkody-hub-gate input {
	width: 100%;
	min-height: 42px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #071014;
	color: var(--hub-text);
	padding: 0 12px;
}

.szkody-hub__topbar,
.szkody-hub__section-head,
.szkody-hub__top-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.szkody-hub__topbar {
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 18px;
}

.szkody-hub__topbar > div:first-child {
	flex: 1 1 290px;
}

.szkody-hub__brand {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: 12px;
}

.szkody-hub__brand img {
	grid-row: 1 / 4;
	width: 46px;
	height: 46px;
	object-fit: contain;
}

.szkody-hub__license-line {
	grid-column: 2;
	margin: 3px 0 0;
	color: var(--hub-muted);
	font-size: 0.86rem;
}

.szkody-hub.is-trial .szkody-hub__license-line {
	color: var(--hub-accent);
	font-weight: 800;
}

.szkody-hub__top-actions {
	display: grid;
	grid-template-columns: repeat(5, 120px);
	flex: 0 0 auto;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.szkody-hub__top-actions button,
.szkody-hub__top-actions .szkody-hub__lock,
.szkody-hub__top-actions .szkody-hub__top-upload {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 120px;
	min-width: 120px;
	height: 48px;
	min-height: 48px;
	margin: 0 !important;
	gap: 0 !important;
	padding: 0 8px;
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.15;
	white-space: nowrap;
	text-align: center;
	color: #f4fafb !important;
}

.szkody-hub__top-actions .szkody-hub__top-upload {
	width: 120px;
	min-width: 120px;
	background: #f2c319;
	border-color: #f2c319;
	color: #091014 !important;
}

.szkody-hub__top-actions .szkody-hub__top-upload span {
	display: block;
	line-height: 1;
	color: #091014 !important;
	font-weight: 800;
}

.szkody-hub__top-actions .szkody-hub__top-upload:hover {
	background: #ffd337;
	border-color: #ffd337;
	color: #091014 !important;
}

.szkody-hub__top-actions .szkody-hub__compose-open {
	background: #152027;
	border-color: var(--hub-accent) !important;
	color: #fff !important;
}

.szkody-hub__top-actions .szkody-hub__lock {
	color: #fff !important;
}

.szkody-hub-license {
	position: fixed;
	inset: 0;
	z-index: 80;
	display: grid;
	place-items: center;
	padding: 24px;
	background: rgba(2, 7, 10, 0.78);
}

.szkody-hub-license[hidden] {
	display: none;
}

.szkody-hub-license__dialog {
	width: min(560px, 100%);
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #071014;
	box-shadow: 0 28px 90px rgba(0, 0, 0, 0.52);
	padding: 20px;
}

.szkody-hub-license__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 16px;
}

.szkody-hub-license__head img {
	width: 54px;
	height: 54px;
	object-fit: contain;
}

.szkody-hub-license h3 {
	margin: 0 0 4px;
	color: var(--hub-text);
}

.szkody-hub-license p {
	margin: 0 0 14px;
	color: var(--hub-muted);
}

.szkody-hub-license label {
	display: grid;
	gap: 6px;
	margin: 0 0 12px;
	color: var(--hub-text);
	font-weight: 700;
}

.szkody-hub-license input {
	width: 100%;
}

.szkody-hub-license__actions {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	margin-top: 14px;
}

.szkody-hub__eyebrow,
.szkody-hub-gate__eyebrow {
	margin-bottom: 6px;
	color: var(--hub-accent);
	font-weight: 700;
	text-transform: uppercase;
}

.szkody-hub__test-badge {
	display: inline-flex;
	margin: 8px 0 0;
	border: 1px solid #ff6a61;
	border-radius: 4px;
	background: rgba(223, 61, 56, 0.18);
	color: #ff9b94;
	padding: 5px 8px;
	font-size: 0.84rem;
	font-weight: 800;
	text-transform: uppercase;
}

.szkody-hub-composer {
	position: fixed;
	z-index: 100000;
	inset: 0;
	display: block;
	padding: 0;
	background: rgba(2, 5, 7, 0.82);
}

.szkody-hub-composer__dialog {
	display: grid;
	gap: 8px;
	grid-template-rows: auto minmax(0, 1fr) auto;
	width: 100vw;
	height: 100vh;
	max-height: none;
	overflow: hidden;
	padding: 10px;
	border: 0;
	border-radius: 0;
	background: var(--hub-bg);
	box-shadow: none;
}

.szkody-hub-composer__dialog h3,
.szkody-hub-composer__controls h4 {
	margin: 0;
	color: var(--hub-text);
}

.szkody-hub-composer__top,
.szkody-hub-composer__footer {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.szkody-hub-composer__top {
	min-height: 40px;
}

.szkody-hub-composer__top h3 {
	margin-right: 10px;
	font-size: 1rem;
}

.szkody-hub-composer__top [data-role="composer-count"] {
	margin-right: auto;
	color: var(--hub-muted);
	font-size: 0.9rem;
}

.szkody-hub-composer__top button {
	min-height: 38px;
	height: 38px;
	padding: 0 12px;
}

.szkody-hub-composer__upload {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 88px;
	min-height: 38px;
	height: 38px;
	padding: 0 12px;
	margin: 0 !important;
	gap: 0 !important;
	font-size: 0.9rem;
	color: #111 !important;
}

.szkody-hub-composer__workspace {
	display: grid;
	grid-template-columns: minmax(500px, 1fr) 292px;
	gap: 8px;
	min-height: 0;
}

.szkody-hub-composer__board {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	max-height: none;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #081015;
}

.szkody-hub-composer__board-column {
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	gap: 5px;
	min-width: 0;
	min-height: 0;
}

.szkody-hub-composer__board canvas {
	width: calc(100% + 420px);
	min-width: 1100px;
	cursor: grab;
}

.szkody-hub-composer__board canvas.is-dragging {
	cursor: grabbing;
}

.szkody-hub-composer__controls {
	display: grid;
	align-content: start;
	gap: 6px;
	padding: 8px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: var(--hub-panel);
	min-width: 0;
	overflow: hidden;
}

.szkody-hub-composer button {
	text-transform: none;
	font-weight: 700;
	color: var(--hub-text) !important;
}

.szkody-hub-composer__controls button:disabled {
	opacity: 0.72;
	color: #97aab1 !important;
	background: #172228;
}

.szkody-hub-composer__list {
	display: grid;
	gap: 4px;
}

.szkody-hub-composer__list button {
	justify-content: flex-start;
	min-height: 32px;
	height: 32px;
	max-width: 100%;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.szkody-hub-composer__tool-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 4px;
}

.szkody-hub-composer__tool-grid button {
	height: 36px;
	min-height: 36px;
	padding: 0 6px;
	font-size: 0.82rem;
	line-height: 1.15;
	white-space: nowrap;
}

.szkody-hub-composer__controls input[type="range"] {
	width: 100%;
}

.szkody-hub-composer__scroll-x {
	display: grid !important;
	grid-template-columns: auto minmax(180px, 1fr);
	align-items: center;
	gap: 8px !important;
	margin: 0 !important;
	padding: 4px 8px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: var(--hub-panel);
	color: var(--hub-muted);
	font-size: 0.82rem;
}

.szkody-hub-composer__scroll-x input {
	width: 100%;
}

.szkody-hub-composer__opacity {
	display: flex !important;
	align-items: center;
	flex-direction: row-reverse;
	gap: 7px !important;
	margin: 2px 0 0 !important;
}

.szkody-hub-composer__opacity output {
	min-width: 48px;
	padding: 3px 5px;
	border: 1px solid var(--hub-accent);
	border-radius: 7px;
	background: rgba(250, 198, 24, 0.1);
	color: var(--hub-accent);
	font-weight: 800;
	text-align: center;
}

.szkody-hub-composer__hint {
	font-size: 0.88rem;
}

.szkody-hub-composer__footer {
	position: sticky;
	z-index: 2;
	bottom: 0;
	justify-content: space-between;
	margin: 0 -10px -10px;
	padding: 7px 10px 9px;
	border-top: 1px solid var(--hub-line);
	background: var(--hub-bg);
	box-shadow: 0 -10px 18px rgba(0, 0, 0, 0.3);
}

.szkody-hub-composer__footer .is-primary:not(:disabled) {
	color: #111 !important;
}

.szkody-hub-composer__confirm {
	display: inline-flex !important;
	align-items: center;
	gap: 8px !important;
	margin: 0 !important;
}

.szkody-hub-composer__confirm input {
	width: 18px;
	height: 18px;
}

.szkody-hub__workspace {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas:
		"stage"
		"controls"
		"results";
	gap: 16px;
	align-items: start;
}

.szkody-hub__controls {
	display: grid;
	grid-area: controls;
	grid-template-columns: repeat(2, minmax(300px, 1fr));
	gap: 16px;
}

.szkody-hub__stage {
	display: grid;
	grid-area: stage;
	gap: 16px;
}

.szkody-hub__viewport-tools {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	padding: 10px 12px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: rgba(16, 24, 29, 0.96);
}

.szkody-hub__viewport-tools p {
	flex: 1 1 280px;
	margin: 0;
	font-size: 0.88rem;
	text-align: right;
}

.szkody-hub__zoom-controls {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.szkody-hub__zoom-controls button {
	min-height: 38px;
	padding: 0 12px;
}

.szkody-hub__zoom-controls button:first-child,
.szkody-hub__zoom-controls button:nth-child(3) {
	min-width: 42px;
	font-size: 1.2rem;
	font-weight: 700;
}

.szkody-hub__zoom-controls output {
	min-width: 58px;
	color: var(--hub-accent);
	font-weight: 700;
	text-align: center;
}

.szkody-hub__results {
	display: grid;
	grid-area: results;
	grid-template-columns: minmax(330px, 0.9fr) minmax(330px, 1.1fr);
	gap: 16px;
}

.szkody-hub__report {
	grid-column: 1 / -1;
}

.szkody-hub__valuation {
	grid-column: 1 / -1;
}

.szkody-hub__valuation-audit {
	margin: 2px 0 14px;
	padding: 10px 12px;
	border: 1px solid rgba(250, 198, 24, 0.28);
	border-radius: 8px;
	background: rgba(250, 198, 24, 0.08);
	color: var(--hub-muted);
	font-size: 0.9rem;
	line-height: 1.45;
}

.szkody-hub__panel {
	padding: 16px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: rgba(16, 24, 29, 0.96);
}

.szkody-hub label {
	display: grid;
	gap: 8px;
	margin-top: 14px;
}

.szkody-hub__field-area-input {
	color: var(--hub-accent) !important;
	font-weight: 700;
}

.szkody-hub__field-area-input .szkody-hub__inline-input {
	border-radius: 9px;
	box-shadow: 0 0 0 2px rgba(242, 195, 25, 0.2);
}

.szkody-hub__field-area-input input[data-role="field-area"] {
	border-color: rgba(242, 195, 25, 0.88);
	background: rgba(69, 56, 10, 0.55);
}

.szkody-hub__field-area-input input[data-role="field-area"]:focus {
	outline: 2px solid var(--hub-accent);
	outline-offset: 1px;
}

.szkody-hub__buttons,
.szkody-hub__grades,
.szkody-hub__grid-inputs {
	display: grid;
	gap: 8px;
}

.szkody-hub__buttons {
	grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
}

.szkody-hub__grades,
.szkody-hub__grid-inputs {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.szkody-hub__grades {
	margin-bottom: 8px;
}

.szkody-hub__overlay-controls {
	display: grid;
	gap: 10px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid rgba(53, 80, 90, 0.72);
}

.szkody-hub__overlay-controls label {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	margin-top: 0;
	color: var(--hub-muted);
	font-size: 0.92rem;
}

.szkody-hub__overlay-controls input[type="range"] {
	grid-column: 1 / -1;
	width: 100%;
	accent-color: var(--hub-accent);
}

.szkody-hub__overlay-controls span {
	color: var(--hub-text);
	font-weight: 800;
}

.szkody-hub__overlay-controls .szkody-hub__switch {
	grid-template-columns: auto minmax(0, 1fr);
	justify-content: start;
}

.szkody-hub__overlay-controls .szkody-hub__switch input {
	width: 18px;
	height: 18px;
	accent-color: var(--hub-accent);
}

.szkody-hub button.is-grade-none {
	border-color: var(--hub-grade-none);
}

.szkody-hub button.is-grade-light {
	border-color: var(--hub-grade-light);
}

.szkody-hub button.is-grade-medium {
	border-color: var(--hub-grade-medium);
}

.szkody-hub button.is-grade-heavy {
	border-color: var(--hub-grade-heavy);
}

.szkody-hub button.is-grade-none.is-active {
	background: var(--hub-grade-none-soft);
}

.szkody-hub button.is-grade-light.is-active {
	background: var(--hub-grade-light-soft);
}

.szkody-hub button.is-grade-medium.is-active {
	background: var(--hub-grade-medium-soft);
}

.szkody-hub button.is-grade-heavy.is-active {
	background: var(--hub-grade-heavy-soft);
}

.szkody-hub__inline-input {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
}

.szkody-hub__canvas-frame {
	position: relative;
	overflow: auto;
	min-height: min(82vh, 980px);
	max-height: min(82vh, 980px);
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background:
		linear-gradient(45deg, #10191d 25%, transparent 25%) 0 0 / 28px 28px,
		linear-gradient(-45deg, #10191d 25%, transparent 25%) 0 14px / 28px 28px,
		linear-gradient(45deg, transparent 75%, #10191d 75%) 14px -14px / 28px 28px,
		linear-gradient(-45deg, transparent 75%, #10191d 75%) -14px 0 / 28px 28px,
		#081015;
}

.szkody-hub canvas {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	cursor: crosshair;
}

.szkody-hub__canvas-frame.is-pan-mode canvas {
	cursor: grab;
	touch-action: none;
}

.szkody-hub__canvas-frame.is-panning canvas {
	cursor: grabbing;
}

.szkody-hub__empty {
	position: absolute;
	inset: 0;
	display: grid;
	place-content: center;
	gap: 8px;
	padding: 24px;
	color: var(--hub-muted);
	text-align: center;
	pointer-events: auto;
	background: linear-gradient(180deg, rgba(7, 11, 13, 0.32), rgba(7, 11, 13, 0.72));
}

.szkody-hub__empty strong {
	color: var(--hub-text);
	font-size: clamp(1.35rem, 2vw, 2rem);
}

.szkody-hub__empty span {
	max-width: 420px;
	color: var(--hub-text);
	font-size: clamp(1.05rem, 1.35vw, 1.3rem);
	font-weight: 800;
	line-height: 1.35;
}

.szkody-hub__empty button {
	justify-self: center;
	min-width: min(100%, 320px);
	min-height: 64px;
	margin-top: 12px;
	border-color: var(--hub-accent);
	background: var(--hub-accent);
	color: #101010;
	font-size: 1.08rem;
	font-weight: 700;
}

.szkody-hub__legend,
.szkody-hub__legend span {
	display: flex;
	align-items: center;
	gap: 8px;
}

.szkody-hub__legend {
	flex-wrap: wrap;
	gap: 10px 16px;
	color: var(--hub-muted);
}

.szkody-hub__legend i {
	inline-size: 18px;
	block-size: 18px;
	border: 1px solid currentColor;
	border-radius: 4px;
}

.szkody-hub__legend .is-none {
	color: var(--hub-grade-none);
	background: var(--hub-grade-none);
}

.szkody-hub__legend .is-light {
	color: var(--hub-grade-light);
	background: var(--hub-grade-light);
}

.szkody-hub__legend .is-medium {
	color: var(--hub-grade-medium);
	background: var(--hub-grade-medium);
}

.szkody-hub__legend .is-heavy {
	color: var(--hub-grade-heavy);
	background: var(--hub-grade-heavy);
}

.szkody-hub__metrics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 14px 0 0;
}

.szkody-hub__metrics div {
	padding: 12px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #081015;
}

.szkody-hub__metrics dt {
	color: var(--hub-muted);
	font-size: 0.88rem;
}

.szkody-hub__metrics dd {
	margin: 6px 0 0;
	font-size: 1.2rem;
	font-weight: 700;
}

.szkody-hub__area-metrics {
	margin: 10px 0 0;
}

.szkody-hub__area-metrics div {
	padding: 10px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #081015;
}

.szkody-hub__area-metrics dt {
	color: var(--hub-muted);
	font-size: 0.88rem;
}

.szkody-hub__area-metrics dd {
	margin: 6px 0 0;
	font-size: 1.15rem;
	font-weight: 700;
}

.szkody-hub__metrics [data-role="damage-percent"] {
	color: #ff5a53;
	font-size: 1.55rem;
}

.szkody-hub__weight-map {
	display: grid;
	overflow: auto;
	max-width: 100%;
	gap: 1px;
	border: 1px solid var(--hub-line);
	background: var(--hub-line);
}

.szkody-hub__weight-cell {
	display: grid;
	place-items: center;
	min-inline-size: 34px;
	min-block-size: 34px;
	background: #081015;
	color: var(--hub-muted);
	font-size: 0.88rem;
}

.szkody-hub__weight-cell.is-outside {
	background: #0d161a;
	color: #6c838c;
}

.szkody-hub__weight-cell.is-none {
	color: var(--hub-grade-none);
}

.szkody-hub__weight-cell.is-light {
	color: var(--hub-grade-light);
}

.szkody-hub__weight-cell.is-medium {
	color: var(--hub-grade-medium);
}

.szkody-hub__weight-cell.is-heavy {
	color: var(--hub-grade-heavy);
	font-weight: 700;
}

.szkody-hub__weight-cell.is-pending {
	color: #fff;
	background: #27343a;
}

.szkody-hub__report-summary dl {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin: 14px 0 0;
}

.szkody-hub__report-summary div {
	padding: 10px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #081015;
}

.szkody-hub__report-summary dt {
	color: var(--hub-muted);
	font-size: 0.84rem;
}

.szkody-hub__report-summary dd {
	margin: 4px 0 0;
	font-weight: 700;
	overflow-wrap: anywhere;
}

.szkody-hub__report-valuation {
	margin-top: 16px;
	padding-top: 12px;
	border-top: 1px solid var(--hub-line);
}

.szkody-hub__report-valuation h4 {
	margin: 0;
	color: var(--hub-accent);
	font-size: 1rem;
}

.szkody-hub__report-valuation .is-total {
	border-color: rgba(242, 195, 25, 0.58);
}

.szkody-hub__report-valuation .is-total dd {
	color: var(--hub-accent);
}

.szkody-hub__save-status {
	min-height: 24px;
	margin: 12px 0 6px;
}

.szkody-hub__completion-status {
	margin: 12px 0 0;
	padding: 10px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #081015;
	color: var(--hub-accent);
}

.szkody-hub__saved-image {
	color: var(--hub-accent);
}

.szkody-hub__report-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 10px;
}

.szkody-hub__work-loader {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 10px;
}

.szkody-hub__work-loader button {
	min-width: 152px;
}

.szkody-hub__saved-work {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid var(--hub-line);
}

.szkody-hub__saved-work summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	cursor: pointer;
	list-style: none;
	color: var(--hub-text);
	font-size: 1rem;
	font-weight: 700;
}

.szkody-hub__saved-work summary::-webkit-details-marker {
	display: none;
}

.szkody-hub__saved-work summary::before {
	content: "+";
	order: 2;
	color: var(--hub-accent);
	font-size: 1.35rem;
}

.szkody-hub__saved-work[open] summary::before {
	content: "-";
}

.szkody-hub__saved-work summary span {
	margin-left: auto;
	color: var(--hub-muted);
	font-size: 0.84rem;
	font-weight: 500;
}

.szkody-hub__saved-work[open] summary span {
	display: none;
}

.szkody-hub__saved-work-body {
	margin-top: 12px;
}

.szkody-hub__optional-panel {
	padding: 0;
	overflow: hidden;
}

.szkody-hub__optional-panel summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 46px;
	padding: 12px;
	color: var(--hub-text);
	cursor: pointer;
	font-weight: 800;
	list-style: none;
}

.szkody-hub__optional-panel summary::-webkit-details-marker {
	display: none;
}

.szkody-hub__optional-panel summary::before {
	content: "+";
	color: var(--hub-accent);
	font-size: 1.25rem;
	font-weight: 900;
	line-height: 1;
}

.szkody-hub__optional-panel[open] summary::before {
	content: "-";
}

.szkody-hub__optional-panel summary span {
	flex: 1;
}

.szkody-hub__optional-panel summary em {
	color: var(--hub-accent);
	font-style: normal;
	font-size: 0.86rem;
}

.szkody-hub__optional-panel > :not(summary) {
	margin: 0 12px 12px;
}

.szkody-hub__org-settings {
	margin: -6px 0 16px;
	padding: 10px 12px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #0a1216;
}

.szkody-hub__org-settings summary {
	color: var(--hub-accent);
	cursor: pointer;
	font-weight: 800;
}

.szkody-hub__org-grid {
	display: grid;
	grid-template-columns: minmax(180px, 0.35fr) minmax(260px, 0.65fr);
	gap: 10px;
	margin-top: 12px;
}

.szkody-hub__org-grid div {
	display: grid;
	gap: 4px;
	padding: 8px 10px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #071014;
}

.szkody-hub__org-grid strong {
	color: var(--hub-accent);
	font-size: 0.82rem;
}

.szkody-hub__org-grid span {
	color: var(--hub-text);
	overflow-wrap: anywhere;
}

.szkody-hub__org-wide {
	grid-column: 1 / -1;
}

.szkody-hub__org-note {
	margin: 10px 0 0;
}

.szkody-hub__org-note a {
	color: var(--hub-accent);
}

.szkody-hub__saved-filters {
	display: grid;
	grid-template-columns: repeat(4, minmax(130px, 1fr));
	gap: 10px;
	margin-bottom: 12px;
}

.szkody-hub__saved-filters label {
	margin-top: 0;
}

.szkody-hub__saved-actions,
.szkody-hub__report-toolbar,
.szkody-hub__saved-item,
.szkody-hub__saved-item-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.szkody-hub__report-toolbar {
	flex-wrap: wrap;
	padding: 10px;
	border: 1px solid rgba(242, 195, 25, 0.35);
	border-radius: 8px;
	background: rgba(242, 195, 25, 0.05);
}

.szkody-hub__report-toolbar button {
	min-width: 112px;
}

.szkody-hub__report-toolbar button.is-danger {
	border-color: rgba(220, 63, 57, 0.75);
	background: #351817;
}

.szkody-hub__saved-work-list {
	display: grid;
	gap: 8px;
	margin-top: 12px;
	max-height: 340px;
	overflow-y: auto;
	padding-right: 4px;
}

.szkody-hub__saved-item {
	justify-content: space-between;
	min-width: 0;
	padding: 10px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #081015;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.szkody-hub__saved-item:hover,
.szkody-hub__saved-item.is-selected {
	border-color: var(--hub-accent);
	background: #10181d;
}

.szkody-hub__saved-item.is-selected {
	box-shadow: inset 4px 0 0 var(--hub-accent);
}

.szkody-hub__saved-item div:first-child {
	display: grid;
	min-width: 0;
	gap: 5px;
}

.szkody-hub__saved-item-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.szkody-hub__saved-item-head b,
.szkody-hub__saved-item-head em {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	border-radius: 4px;
	padding: 2px 7px;
	font-size: 0.78rem;
	font-style: normal;
	line-height: 1;
}

.szkody-hub__saved-item-head b {
	background: rgba(242, 195, 25, 0.16);
	color: var(--hub-accent);
	text-transform: uppercase;
}

.szkody-hub__saved-item-head em {
	border: 1px solid var(--hub-line);
	color: var(--hub-text);
}

.szkody-hub__saved-item strong,
.szkody-hub__saved-item span,
.szkody-hub__saved-item small {
	overflow-wrap: anywhere;
}

.szkody-hub__saved-item span,
.szkody-hub__saved-item small {
	color: var(--hub-muted);
}

.szkody-hub__saved-item-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	padding: 0 12px;
	color: var(--hub-text);
	text-decoration: none;
}

.szkody-hub__development-badge {
	display: inline-flex;
	margin: 7px 0 0 !important;
	border: 1px solid rgba(242, 195, 25, 0.65);
	border-radius: 4px;
	background: rgba(242, 195, 25, 0.1);
	color: var(--hub-accent) !important;
	padding: 5px 8px;
	font-size: 0.82rem;
	font-weight: 700;
	text-transform: uppercase;
}

.szkody-hub__valuation [data-role="valuation-total"] {
	color: var(--hub-accent);
	font-size: 1.45rem;
}

.szkody-hub__valuation-area {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) auto;
	align-items: end;
	gap: 10px 12px;
	margin: 0 0 16px;
	padding: 12px;
	border: 1px solid rgba(242, 195, 25, 0.35);
	border-radius: 8px;
	background: rgba(242, 195, 25, 0.07);
}

.szkody-hub__valuation-mode {
	display: flex;
	flex-wrap: wrap;
	grid-column: 1 / -1;
	gap: 8px;
}

.szkody-hub__valuation-mode button {
	min-height: 38px;
	border-color: rgba(242, 195, 25, 0.38);
	font-size: 0.9rem;
}

.szkody-hub__valuation-mode button.is-active {
	border-color: var(--hub-accent);
	background: #45380a;
	color: #fff;
}

.szkody-hub__valuation-area label {
	margin-top: 0;
	color: var(--hub-accent);
	font-weight: 700;
}

.szkody-hub__valuation-area button {
	min-height: 42px;
	border-color: rgba(242, 195, 25, 0.65);
}

.szkody-hub__valuation-area p {
	grid-column: 1 / -1;
	margin: 0;
	color: var(--hub-muted);
	font-size: 0.88rem;
	line-height: 1.4;
}

.szkody-hub__crop-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 18px 0 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--hub-line);
}

.szkody-hub__crop-tabs button {
	min-height: 44px;
}

.szkody-hub__crop-tabs button.is-active {
	border-color: var(--hub-accent);
	background: #45380a;
}

.szkody-hub__yield-reference {
	margin: 0 0 16px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: rgba(7, 16, 20, 0.48);
	padding: 0 14px 14px;
}

.szkody-hub__yield-reference summary {
	cursor: pointer;
	padding: 13px 0;
	color: var(--hub-accent);
	font-weight: 700;
}

.szkody-hub__yield-reference p {
	margin: 0 0 12px;
	font-size: 0.89rem;
}

.szkody-hub__yield-table-wrap {
	overflow-x: auto;
}

.szkody-hub__gus-import {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(190px, auto);
	gap: 12px;
	align-items: center;
	margin: 0 0 14px;
	padding: 12px;
	border: 1px solid rgba(242, 195, 25, 0.38);
	border-radius: 8px;
	background: rgba(19, 24, 18, 0.72);
}

.szkody-hub__gus-import strong {
	display: block;
	margin: 0 0 4px;
	color: var(--hub-text);
}

.szkody-hub__gus-import p {
	margin: 0 0 6px;
}

.szkody-hub__gus-import a,
.szkody-hub__gus-import small {
	display: block;
	font-size: 0.86rem;
}

.szkody-hub__gus-import a {
	color: var(--hub-accent);
}

.szkody-hub__gus-file {
	display: grid;
	gap: 8px;
	color: var(--hub-text);
	font-weight: 700;
}

.szkody-hub__gus-file input {
	max-width: 320px;
}

.szkody-hub__gus-import [data-role="gus-status"] {
	grid-column: 1 / -1;
	margin: 0;
	color: var(--hub-muted);
}

.szkody-hub__yield-reference table {
	width: 100%;
	min-width: 680px;
	border-collapse: collapse;
	font-size: 0.9rem;
}

.szkody-hub__yield-reference th,
.szkody-hub__yield-reference td {
	border-bottom: 1px solid var(--hub-line);
	padding: 9px 8px;
	color: var(--hub-muted);
	text-align: left;
	vertical-align: middle;
}

.szkody-hub__yield-reference th {
	color: var(--hub-text);
	font-weight: 700;
}

.szkody-hub__yield-reference td:nth-child(3),
.szkody-hub__yield-reference td:nth-child(4) {
	color: var(--hub-text);
	font-weight: 700;
}

.szkody-hub__yield-reference button {
	min-height: 34px;
	padding: 0 10px;
	border-color: rgba(242, 195, 25, 0.55);
	color: var(--hub-accent);
	font-size: 0.84rem;
}

.szkody-hub__yield-source {
	margin: 12px 0 0 !important;
}

.szkody-hub__yield-source a {
	color: var(--hub-accent);
}

.szkody-hub__valuation-pane[hidden] {
	display: none;
}

.szkody-hub__valuation-pane h4 {
	margin: 0 0 12px;
	color: var(--hub-text);
	font-size: 1.1rem;
}

.szkody-hub__valuation-pane.is-pending {
	padding: 18px;
	border: 1px dashed var(--hub-line);
	border-radius: 8px;
	background: #081015;
}

.szkody-hub__valuation-pane.is-pending p {
	margin: 0;
}

.szkody-hub__valuation-sources {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
}

.szkody-hub__valuation-sources span {
	margin-right: 3px;
	color: var(--hub-muted);
	font-size: 0.86rem;
	font-weight: 600;
}

.szkody-hub__valuation-inputs {
	display: grid;
	grid-template-columns: repeat(4, minmax(150px, 1fr));
	gap: 12px;
}

.szkody-hub__valuation-inputs label {
	margin-top: 0;
}

.szkody-hub__valuation-inputs output {
	display: flex;
	align-items: center;
	min-height: 42px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #081015;
	color: var(--hub-text);
	padding: 0 12px;
	font-weight: 700;
}

.szkody-hub__price-mode {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: minmax(220px, 0.65fr) minmax(260px, 1fr);
	gap: 10px;
	align-items: end;
	max-width: 720px;
}

.szkody-hub__price-mode-buttons {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.szkody-hub__price-mode-buttons button {
	width: 100%;
	min-height: 42px;
}

.szkody-hub__price-mode-buttons button.is-active {
	border-color: var(--hub-accent);
	background: #45380a;
}

.szkody-hub__source-link {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	border: 1px solid rgba(242, 195, 25, 0.45);
	border-radius: 18px;
	background: rgba(242, 195, 25, 0.07);
	padding: 0 13px;
	color: var(--hub-accent);
	font-size: 0.86rem;
	font-weight: 600;
	line-height: 1.25;
	text-decoration: none;
}

.szkody-hub__source-link:hover {
	border-color: var(--hub-accent);
	background: rgba(242, 195, 25, 0.14);
	color: #ffd337;
}

.szkody-hub__valuation-results {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin: 18px 0 0;
}

.szkody-hub__valuation-results div {
	padding: 12px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #081015;
}

.szkody-hub__valuation-results dt {
	color: var(--hub-muted);
	font-size: 0.88rem;
}

.szkody-hub__valuation-results dd {
	margin: 6px 0 0;
	color: var(--hub-text);
	font-size: 1.15rem;
	font-weight: 700;
}

.szkody-hub__valuation-results .is-total {
	border-color: rgba(242, 195, 25, 0.58);
}

.szkody-hub__valuation-results .is-total dd {
	color: var(--hub-accent);
	font-size: 1.3rem;
}

.szkody-hub__reseeding {
	margin-top: 18px;
	padding: 14px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: rgba(7, 16, 20, 0.48);
}

.szkody-hub__reseeding-head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px 14px;
	margin-bottom: 12px;
}

.szkody-hub__reseeding-head h5 {
	margin: 0;
	color: var(--hub-text);
	font-size: 1rem;
}

.szkody-hub__reseeding-head p {
	margin: 0;
	color: var(--hub-muted);
	font-size: 0.87rem;
}

.szkody-hub__reseeding-inputs {
	display: grid;
	grid-template-columns: repeat(4, minmax(150px, 1fr));
	gap: 12px;
}

.szkody-hub__reseeding-inputs label {
	margin-top: 0;
}

.szkody-hub__reseeding-results {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 14px 0 0;
}

.szkody-hub__reseeding-results div {
	padding: 12px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #081015;
}

.szkody-hub__reseeding-results dt {
	color: var(--hub-muted);
	font-size: 0.88rem;
}

.szkody-hub__reseeding-results dd {
	margin: 6px 0 0;
	color: var(--hub-text);
	font-size: 1.15rem;
	font-weight: 700;
}

.szkody-hub__reseeding-results .is-total {
	border-color: rgba(242, 195, 25, 0.58);
}

.szkody-hub__reseeding-results .is-total dd {
	color: var(--hub-accent);
	font-size: 1.3rem;
}

.szkody-hub__footer {
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid var(--hub-line);
	color: var(--hub-muted);
	font-size: 0.92rem;
	text-align: right;
}

.szkody-hub ol {
	margin: 0;
	padding-left: 20px;
}

.szkody-hub li + li {
	margin-top: 8px;
}

.szkody-hub-gate {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
	gap: 18px;
	width: min(100%, 980px);
	margin: 24px auto;
	padding: 32px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(242, 195, 25, 0.11), transparent 28rem),
		linear-gradient(315deg, rgba(134, 207, 84, 0.08), transparent 25rem),
		var(--hub-bg);
}

.szkody-hub-gate h2,
.szkody-hub-gate h3 {
	color: var(--hub-text) !important;
	line-height: 1.15;
}

.szkody-hub-gate h2 {
	margin-bottom: 14px;
	font-size: clamp(1.7rem, 2.3vw, 2.7rem);
}

.szkody-hub-gate h3 {
	margin-bottom: 10px;
	font-size: 1.2rem;
}

.szkody-hub-gate__intro {
	padding: 12px 10px 12px 0;
}

.szkody-hub-gate__intro p:not(.szkody-hub-gate__eyebrow) {
	max-width: 620px;
	font-size: 1.08rem;
}

.szkody-hub-gate__access {
	padding: 22px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: rgba(16, 24, 29, 0.96);
}

.szkody-hub-gate form {
	display: grid;
	gap: 12px;
	margin-top: 18px;
}

.szkody-hub-gate input {
	min-height: 58px;
	font-size: 1.25rem;
}

.szkody-hub-gate button {
	min-height: 58px;
	background: var(--hub-accent);
	color: #101010;
	font-weight: 700;
	font-size: 1rem;
}

.szkody-hub-gate label {
	display: grid;
	gap: 8px;
}

.szkody-hub-gate__guide-open {
	margin-top: 14px;
	padding: 0 20px;
	background: transparent !important;
	color: var(--hub-text) !important;
}

.szkody-hub-guide[hidden] {
	display: none;
}

.szkody-hub-guide {
	position: fixed;
	z-index: 99999;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 28px;
	background: rgba(3, 7, 9, 0.82);
}

.szkody-hub-guide-open {
	overflow: hidden;
}

.szkody-hub-guide__dialog {
	display: grid;
	gap: 16px;
	width: min(1120px, 100%);
	max-height: calc(100vh - 48px);
	overflow: auto;
	padding: 22px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: var(--hub-bg);
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.48);
}

.szkody-hub-guide__head,
.szkody-hub-guide__controls,
.szkody-hub-guide__controls div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.szkody-hub-guide__head h3 {
	margin: 0;
	font-size: 1.55rem;
}

.szkody-hub-guide__close {
	flex: none;
	width: 48px;
	min-height: 48px !important;
	padding: 0 !important;
	border-color: var(--hub-line) !important;
	background: var(--hub-panel-2) !important;
	color: var(--hub-text) !important;
	font-size: 1.7rem !important;
	line-height: 1;
}

.szkody-hub-guide__progress {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
}

.szkody-hub-guide__progress button {
	min-height: 44px;
	border-color: var(--hub-line);
	background: var(--hub-panel);
	color: var(--hub-muted);
	font-size: 0.95rem;
}

.szkody-hub-guide__progress button.is-current {
	border-color: var(--hub-accent);
	background: #45380a;
	color: var(--hub-text);
}

.szkody-hub-guide__step {
	display: grid;
	grid-template-columns: minmax(230px, 0.34fr) minmax(440px, 0.66fr);
	gap: 18px;
	align-items: start;
}

.szkody-hub-guide__step[hidden] {
	display: none;
}

.szkody-hub-guide__copy {
	padding: 18px;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: var(--hub-panel);
}

.szkody-hub-guide__copy h4 {
	margin: 0 0 10px;
	color: var(--hub-text);
	font-size: 1.25rem;
	line-height: 1.25;
}

.szkody-hub-guide__copy p {
	margin: 0;
	font-size: 1rem;
}

.szkody-hub-guide__step img {
	display: block;
	width: 100%;
	max-height: min(58vh, 650px);
	object-fit: contain;
	object-position: top center;
	border: 1px solid var(--hub-line);
	border-radius: 8px;
	background: #fff;
}

.szkody-hub-guide__screens {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.szkody-hub-guide__screens img {
	max-height: min(58vh, 650px);
}

.szkody-hub-guide__controls {
	padding-top: 14px;
	border-top: 1px solid var(--hub-line);
	color: var(--hub-muted);
}

.szkody-hub-guide__controls button {
	min-height: 46px;
	background: var(--hub-panel-2);
	color: var(--hub-text);
}

.szkody-hub-guide__controls [data-guide-next] {
	min-width: 112px;
	background: var(--hub-accent);
	color: #101010;
}

.szkody-hub-guide__controls button:disabled {
	opacity: 0.42;
	cursor: not-allowed;
}

@media (max-width: 1160px) {
	.szkody-hub-gate {
		grid-template-columns: 1fr;
	}

	.szkody-hub-gate__intro {
		padding-right: 0;
	}

	.szkody-hub__controls {
		grid-template-columns: repeat(2, minmax(260px, 1fr));
	}

	.szkody-hub__results {
		grid-template-columns: 1fr;
	}

	.szkody-hub__report {
		grid-column: auto;
	}

	.szkody-hub__report-summary dl {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

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

	.szkody-hub__price-mode {
		grid-template-columns: 1fr;
	}

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

	.szkody-hub__top-actions {
		flex-basis: 100%;
		justify-content: end;
	}
}

@media (max-width: 760px) {
	.szkody-hub {
		padding: 14px;
	}

	.szkody-hub__topbar,
	.szkody-hub__workspace,
	.szkody-hub__controls,
	.szkody-hub__results {
		display: grid;
		grid-template-columns: 1fr;
	}

	.szkody-hub__top-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.szkody-hub__top-actions button,
	.szkody-hub__top-actions .szkody-hub__lock,
	.szkody-hub__top-actions .szkody-hub__top-upload {
		width: 100%;
		min-width: 0;
	}

	.szkody-hub-composer {
		padding: 0;
	}

	.szkody-hub-composer__dialog {
		height: 100vh;
		max-height: none;
		padding: 7px;
	}

	.szkody-hub-composer__workspace {
		grid-template-columns: 1fr;
	}

	.szkody-hub-composer__board canvas {
		width: calc(100% + 260px);
		min-width: 880px;
	}

	.szkody-hub-composer__scroll-x {
		grid-template-columns: 1fr;
	}

	.szkody-hub-composer__footer {
		align-items: stretch;
		flex-direction: column;
		bottom: 0;
		margin: 0 -7px -7px;
		padding: 7px;
	}

	.szkody-hub__canvas-frame {
		min-height: 56vh;
		max-height: 72vh;
	}

	.szkody-hub__viewport-tools p {
		flex-basis: 100%;
		text-align: left;
	}

	.szkody-hub__report-fields,
	.szkody-hub__work-loader,
	.szkody-hub__saved-filters,
	.szkody-hub__valuation-area,
	.szkody-hub__valuation-inputs,
	.szkody-hub__valuation-results,
	.szkody-hub__reseeding-inputs,
	.szkody-hub__reseeding-results {
		grid-template-columns: 1fr;
	}

	.szkody-hub__valuation-sources {
		align-items: stretch;
		flex-direction: column;
	}

	.szkody-hub__source-link {
		justify-content: center;
	}

	.szkody-hub__saved-actions,
	.szkody-hub__saved-item {
		align-items: stretch;
		flex-direction: column;
	}

	.szkody-hub-guide {
		padding: 10px;
	}

	.szkody-hub-guide__dialog {
		max-height: calc(100vh - 20px);
		padding: 14px;
	}

	.szkody-hub-guide__progress,
	.szkody-hub-guide__step,
	.szkody-hub-guide__screens {
		grid-template-columns: 1fr;
	}

	.szkody-hub-guide__progress button {
		min-height: 38px;
	}

	.szkody-hub-guide__step img {
		max-height: 44vh;
	}

	.szkody-hub-guide__controls {
		flex-direction: column;
		align-items: stretch;
	}
}