/* segment.css - Базовые стили для "экранов"/сегментов */

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

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

.seg-b {
    border: 1px solid var(--border-color); /* Рамка вокруг содержимого */
    border-radius: var(--radius-layer); /* Скругление углов */
}

/* Цветовые классы для секций - ТЕПЕРЬ ИСПОЛЬЗУЮТ ПЕРЕМЕННЫЕ */
.seg-bg { 
    background-color: var(--bg); /* Автоматически меняется с темой */
}

.seg-bg-0 { background-color: var(--bg-0); }
.seg-bg-1 { background-color: var(--bg-1); }
.seg-bg-2 { background-color: var(--bg-2); }
.seg-bg-3 { background-color: var(--bg-3); }
.seg-bg-4 { background-color: var(--bg-4); }
.seg-bg-5 { background-color: var(--bg-5); }
.seg-bg-6 { background-color: var(--bg-6); }
.seg-bg-7 { background-color: var(--bg-7); }
.seg-bg-8 { background-color: var(--bg-8); }
.seg-bg-9 { background-color: var(--bg-9); }

/* Дополнительные стили для сегментов */
.seg-rounded {
    border-radius: var(--radius-card);
}

.seg-shadow {
    box-shadow: var(--shadow);
}

.seg-padding {
    padding: 12px;
}

.seg-margin {
    margin: 8px;
}

/* Состояния сегментов */
.seg-hover:hover {
    background-color: var(--bg-secondary);
    transition: background-color 0.2s ease;
}

.seg-active {
    border-color: var(--btn-primary);
    box-shadow: 0 0 0 1px var(--btn-primary);
}

/* Утилиты для выравнивания */
.seg-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.seg-column {
    display: flex;
    flex-direction: column;
}