* {
    font-family: 'Roboto', sans-serif;
}
.hidden-load{
    display: none;
}

.beam-input{
    min-width: 200px;
}
.row-panel-main{
    padding: 3px 16px;
  }
  .btn-container{
    display: flex; /* Включаем flexbox */    
    align-items: center; /* Центрируем элементы по горизонтали */
    justify-content: center; /* Центрируем элементы по вертикали */
    margin: 0px;
    padding:0px;
    min-width: 150px;
    margin-top: 10px;
}
.support-input{
    display: flex; /* Включаем flexbox */
    flex-direction: column; /* Располагаем элементы вертикально */
    align-items: center; /* Центрируем элементы по горизонтали */
    min-width: 150px;
    height: 100%;
    margin-left: 10px;  /* Внешний отступ слева */
    margin-right: 10px; /* Внешний отступ справа */
    
}
.support-checkbox{
    display: flex; /* Включаем flexbox */
    flex-direction: column; /* Располагаем элементы вертикально */
    align-items: center; /* Центрируем элементы по горизонтали */
    max-width: 150px;
    min-width: 100px;
    margin-left: 10px;  /* Внешний отступ слева */
    margin-right: 10px; /* Внешний отступ справа */
    height: 100%;
    
}

.support-btn-x{
    display: flex; /* Включаем flexbox */
    flex-direction: column; /* Располагаем элементы вертикально */
    align-items: center; /* Центрируем элементы по горизонтали */
    justify-content: center; /* Центрируем элементы по вертикали */
    margin: 0px;
    padding:0px;
    max-width: 50px;
    
}

.support-btn{
    display: flex; /* Включаем flexbox */
    
    align-items: center; /* Центрируем элементы по горизонтали */
    justify-content: center; /* Центрируем элементы по вертикали */
    margin: 0px;
    padding:0px;
    min-width: 150px;
    margin-left: 10px;  /* Внешний отступ слева */
    margin-right: 10px; /* Внешний отступ справа */

}
.form-row-support {
    display: flex;  /* Гибкое расположение */
    flex-wrap: nowrap; /* Запрещаем перенос строк */
    
    white-space: nowrap; /* Защита от переноса текста */
}

.load-btn-x{
    display: flex; /* Включаем flexbox */
    flex-direction: column; /* Располагаем элементы вертикально */
    align-items: center; /* Центрируем элементы по горизонтали */
    justify-content: center; /* Центрируем элементы по вертикали */
    margin: 0px;
    padding:0px;
    max-width: 50px;
}
.load-input{
    
    flex-direction: column; /* Располагаем элементы вертикально */
    align-items: center; /* Центрируем элементы по горизонтали */
    min-width: 150px;
    height: 100%;
    margin-top: 5px;
    margin-left: 10px;  /* Внешний отступ слева */
    margin-right: 10px; /* Внешний отступ справа */
    
}
.form-row-load {
    display: flex;  /* Гибкое расположение */
    flex-wrap: nowrap; /* Запрещаем перенос строк */
    
    white-space: nowrap; /* Защита от переноса текста */
}

.load-btn{
    display: flex; /* Включаем flexbox */
    
    align-items: center; /* Центрируем элементы по горизонтали */
    justify-content: center; /* Центрируем элементы по вертикали */
    margin: 0px;
    padding:0px;
    min-width: 150px;
    margin-left: 10px;  /* Внешний отступ слева */
    margin-right: 10px; /* Внешний отступ справа */

}

#result-container-1, 
#graph-container-1, 
#graph-container-2, 
#graph-container-3 {
    width: 100%;
   
}

.image-beam {
    width: 100%;         /* Контейнер занимает всю доступную ширину */
   
    height: auto;        /* Высота по содержимому */
    overflow: hidden;    /* На всякий случай */
}
.block-image-beam {
    display: block;
    width: 100%;         /* Картинка растягивается на всю ширину */
    height: auto;        /* Автоматическая высота сохраняет пропорции */
    object-fit: contain; /* Гарантирует, что пропорции сохраняются */
}




/* 📱 Медиа-запрос для мобильной адаптации */
@media (max-width: 900px) {
    
    .btn-container{
        
        min-width: 100px;
        max-width: 135px;
        margin-top: 5px;
    }
}