/* Banner ambiente DEV — vtedev.ego.it */
:root {
	--vte-dev-banner-height: 36px;
}

body::before {
	content: "DEV — vtedev.ego.it — NON USARE PER DATI REALI";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10050;
	background: #e65100;
	color: #fff;
	text-align: center;
	font: bold 14px/36px sans-serif;
	height: var(--vte-dev-banner-height);
	letter-spacing: 0.04em;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
	pointer-events: none;
}

/* Login: solo spazio in alto (layout non fixed) */
body.main-login {
	padding-top: var(--vte-dev-banner-height) !important;
}

/* Post-login: elementi fixed VTE spostati sotto il banner (header = 55px) */
.vteMainHeader {
	top: var(--vte-dev-banner-height) !important;
}

.vteLeftMenu {
	top: var(--vte-dev-banner-height) !important;
	height: calc(100% - var(--vte-dev-banner-height)) !important;
	min-height: calc(100% - var(--vte-dev-banner-height)) !important;
}

.vteMainContent {
	margin-top: calc(55px + var(--vte-dev-banner-height)) !important;
}

.vteMainContainer .vteMainContent .vteNavbar.vteNavbar--fixed {
	top: calc(55px + var(--vte-dev-banner-height)) !important;
}

.fastPanel {
	top: calc(55px + var(--vte-dev-banner-height)) !important;
	height: calc(100% - 55px - var(--vte-dev-banner-height)) !important;
}

.fastPanel .maskFastPanel {
	top: calc(55px + var(--vte-dev-banner-height)) !important;
}
