.small-icon {
    width: 16px;
    height: 16px;
    /* fill: var(--bs-primary); Использование переменной Bootstrap для цвета */
    filter: invert(32%) sepia(89%) saturate(6482%) hue-rotate(196deg) brightness(95%) contrast(101%);

}

.small-icon-white {
    width: 16px;
    height: 16px;
    /* fill: var(--bs-primary); Использование переменной Bootstrap для цвета */
    filter: brightness(0) invert(1);
    vertical-align: middle;

}


/* Стилизация навигационных вкладок */

.nav-tabs .nav-link {
    /* color: #007bff;  текст для всех вкладок */
    color: #000;  /*  текст для всех вкладок  */
    background-color: hsla(0, 0%, 64%, 0.699); /* Синий фон для неактивных вкладок */
    border: 1px solid transparent; /* Прозрачные границы для сглаживания */
    margin-top: 10px;
}

.nav-tabs .nav-link.active {
    
    color: #fff;  /* текст для активной вкладки */
    
    background-color: #007bff;   /*  фон для активной вкладки */
    border-color: #dee2e6 #dee2e6 #fff; /* Границы только снизу и по бокам */
} 



.form-columns {
    display: flex;
    justify-content: space-between;
    width: 100%; /* Полная ширина для контейнера колонок */
}

.form-column {
    display: flex;
    flex-direction: column;
    width: 50%; /* Каждая колонка занимает половину ширины контейнера */
}

.form-column-spacer {
    flex-shrink: 0; /* чтобы не сжимался */
}




.form-row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px; /* Расстояние между строками */
    white-space: wrap;
}

.form-row label {
    flex: 0 0 30%; /* Ширина колонки для меток */
    text-align: flex-start; /* Выравнивание текста метки по левому краю */
    margin-right: 10px; /* Отступ между меткой и полем */
    white-space: nowrap; /* метка всегда в одну строку */
}

.form-row .form-input {
    flex: 1 1 70%; /* занимает оставшееся место */
    min-width: 150px; /* чтобы select не сжимался слишком сильно */
}


.textarea {
    width: 100%;
    box-sizing: border-box; /* Учитываем отступы, чтобы textarea не выходила за границы */
}


.copy-block {
    white-space: pre-wrap; /* сохраняет \n как перенос */
    overflow-wrap: anywhere;
    word-wrap: break-word;      /* переносит слова */
    overflow-wrap: break-word;  /* для совместимости */
    margin: 0;             /* не создаёт визуальных разрывов */
    line-height: 1.4;
    
  }