/* Стили для центрального контейнера */
.seg-container {
	display: flex; /* Используем flexbox для контента горизонтально*/
	flex: 1; /* Позволяем контенту занимать оставшееся пространство */	
	margin-top: 1px; /* Отступ для верхней панели */
	margin-left: 1px; /* Отступ для левой панели */
	margin-right: 1px; /* Отступ для правой панели */
	margin-bottom: 1px; /* Отступ для нижней панели */
	padding: 0px; /* Внутренние отступы */
}

/* Стили для основного содержимого экрана */
.seg {
	flex: 1; /* Занимает оставшееся пространство */
	max-width: calc(100% - 20px); /* Максимальная ширина с учетом отступов */
	margin: 1px; /* Отступы для содержимого */
	padding: 2px; /* Внутренние отступы */
	overflow: 0 auto; /* Прокрутка содержимого при переполнении */
}

.seg-b {
	border: 1px solid #ccc; /* Рамка вокруг содержимого */
}


/* Цветовые классы для секций */
.seg-bg { background-color: #ECE6DB; }		/* Стандартизованный */

.seg-bg-0 { background-color: #111111; }  /* Самый тёмный */
.seg-bg-1 { background-color: #2a2a2a; }
.seg-bg-2 { background-color: #444444; }
.seg-bg-3 { background-color: #5d5d5d; }
.seg-bg-4 { background-color: #777777; }
.seg-bg-5 { background-color: #919191; }
.seg-bg-6 { background-color: #aaaaaa; }
.seg-bg-7 { background-color: #c4c4c4; }
.seg-bg-8 { background-color: #dddddd; }
.seg-bg-9 { background-color: #f7f7f7; }  /* Самый светлый */