body {
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    
}

.header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    background-color: var(--color-blue-light);
    padding: var(--spacing-in) var(--spacing-in) 26px;
    margin-bottom: var(--spacing-block-min);
    border-radius: 0 0 var(--radius-base) var(--radius-base);
    color: var(--color-blue-dark);
    gap: 16px;
    z-index: 10;
}

/* Блок для базовых оступов */
.wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 var(--spacing-base);
}




/* --- СПИСОК ИНФОРМАЦИОННЫЙ (РАБОТЫ/МАТЕРИАЛЫ/КЛИЕНТЫ и тд)---------- */

.list-container {
    display: flex;
    box-sizing: border-box; 
    flex-direction: column;
    height: calc(100vh - 259px);
    border: 1px solid var(--color-white-2);
    border-radius: var(--radius-base);
    box-shadow: var(--shadow-in);
    padding: 0 var(--spacing-in);
    gap: 6px; 
    overflow-y: auto; 
    scrollbar-color:  rgba(29, 116, 183, 0.2) rgba(0, 0, 0, 0.1); 
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: 100%;
}
.list-container::-webkit-scrollbar {
    display: none;
}

/* Карточка списка */
.list-info-block {
    display: flex;
    justify-content: space-between; 
    align-items: stretch;
    box-sizing: border-box; 
    padding: 16px 0;
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid var(--color-white-2);
    gap: 20px;
}
.list-info-block:first-child {
    padding-top: 30px;
}
.list-info-block:last-child {
    border-bottom: none;
}





/* --- ЗАГЛУШКА НЕТ СПИСКА ------------------------- */


.block-null {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    font-size: 1.2;
    color: var(--color-white-2);
    gap: 40px;
}






/* --- БЛОК КНОПОК -------------------------------- */

.button-block {
    display: flex; 
    justify-content: space-between; 
    box-sizing: border-box;
    width: 100%;
    margin-top: 20px;
    padding: 0 var(--spacing-in);
    gap: var(--spacing-elements);
}




/* --- ДОПОЛНИТЕЛЬНЫЕ СТИЛИ --------- */

/* Белый текст */
.white-text {
    color: var(--color-white-0);
}



/* текст по центру */
.center-text {
    text-align: center;
}




/* Отступ между блоками */
.spacing-top {
    margin-top: var(--spacing-block-min);
}
.spacing-bottom {
    margin-bottom: 120px;
}


.spacing-last-block {
    margin: 0px 0px 120px;
}

.spacing-special {
    margin-top: 60px;
}


/* Размер списка внутри работ и материалов */
.list-heigth {
    max-height: 320px;
}



/* Размер списков по страницам */

/* Материалы */
.list-materials {
    height: calc(100vh - 255px);
}

/* Архив */
.list-archiv {
    height: calc(100vh - 209px);
}