/* Убираем боковые отступы - полная ширина */
.md-container {
    max-width: 100% !important;
    padding: 0 !important;
}

.md-grid {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.md-main__inner {
    margin: 0 !important;
    padding: 0 !important;
}

.md-content {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 1rem !important;
}

/* Вертикальные разделители для боковых панелей */
.md-sidebar--primary {
    border-right: 1px solid var(--md-default-fg-color--lighter, rgba(0,0,0,0.12));
    height: 100vh;
}

.md-sidebar--secondary {
    border-left: 1px solid var(--md-default-fg-color--lighter, rgba(0,0,0,0.12));
    height: 100vh;
}

/* Убеждаемся, что разделители видны на всю высоту */
.md-sidebar__inner {
    height: 100%;
}

/* Центрирование навигационных вкладок */
.md-tabs {
    display: flex;
    justify-content: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.md-tabs__list {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    min-width: fit-content;
}

/* На мобильных и узких экранах - разрешаем горизонтальную прокрутку */
@media screen and (max-width: 76.1875em) {
    .md-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    
    .md-tabs__list {
        justify-content: flex-start;
        margin: 0;
        padding: 0 1rem;
        white-space: nowrap;
    }
    
    .md-tabs__item {
        flex-shrink: 0;
    }
}

/* Для очень узких экранов */
@media screen and (max-width: 59.9375em) {
    .md-tabs {
        overflow-x: auto;
    }
    
    .md-tabs__list {
        padding: 0 0.5rem;
    }
}