html, body {
    height: 100%;
    margin: 0px;
    display: flex;
    flex-direction: column;
}

body {
    min-height: 100vh; /* Минимальная высота 100% высоты видимой области */
    font-family: system-ui;
    background-color: #a2c2bf;
}
form {
    display: flex;
    flex-direction: column;
    margin-left: 0px;
}

    form p {
        margin: 0px;
    }

h2 {
    margin: 0px;
}

textarea, input{
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px
}

select {
    width: 30ch;
}

label {
    width: fit-content
}

input[type="number"] {
    width: 4ch;
    margin-left: 1ch;
}
input[type="file"] {
    width: 40ch;
}
input[name$="article"] {
    width: 25ch;
}


.itp-blocks-container {
    display: flex;
    border: 1px solid #000000;
    flex-direction: column;
}

.block-container {
    display: flex;
    border: 1px solid #0da527;
    padding: 10px;
    margin: 10px;
    flex-direction: column;
}

.block-row {
    display: flex;
    gap: 30px;
    border: 1px solid #0000ff;
    padding: 10px;
}

.addition-items-container {
    display: flex;
    gap: 30px;
    border: 1px solid #0000ff;
    padding: 10px;
    margin-bottom: 10px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.delete-block {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    width: 100%;
}

.item-center {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

nav a {
    text-decoration: none; /* убирает подчёркивание у ссылок */
}




.top-menu {
    margin: 8px;
    padding: 0px;
    direction: rtl;
}
    .top-menu a {
        color: #ffffff;
    }

    .top-menu li {
        display: inline-block;
        font-size: 18px;
        padding: 0px 10px; /* Отступ между ссылками меню */
        list-style: none;
    }

        .top-menu li.user-name {
            font-size: 12px;
            font-weight: normal;
        }

    .top-menu ul {
        padding: 0px; /* изначально padding-start у ul = 40px     это выравнивает кнопку "Выход"*/
    }

    .top-menu button {
        border: none;
        background: transparent;
        color: #ffffff;
        font-size: 16px;
        padding: 0;
        cursor: pointer; /* Указываем, что элемент является кнопкой */
    }

        .top-menu button:hover {
            text-decoration: underline; /* Можно добавить подчеркивание при наведении */
        }