/* Стили для модального окна управления вопросами */

.question-item {
    transition: background-color 0.2s ease;
}

.question-item:hover {
    background-color: #f8f9fa;
}

.question-text {
    font-weight: 500;
    margin-bottom: 10px;
}

.question-meta {
    display: flex;
    align-items: center;
    gap: 10px;
}

.option-item {
    position: relative;
}

.option-item .input-group-text {
    background-color: #f8f9fa;
    min-width: 40px;
    justify-content: center;
}

.option-item:hover .remove-option-btn {
    opacity: 1;
}

.remove-option-btn {
    opacity: 0.5;
    transition: opacity 0.2s;
}

/* Устанавливаем максимальную высоту для списка вопросов */
.questions-list {
    max-height: 50vh;
    overflow-y: auto;
    padding-right: 5px;
}

.questions-list::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}

.questions-list::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 3px;
}

/* Стили для пустого состояния */
.no-questions-message {
    color: #6c757d;
    padding: 30px 0;
}

.no-questions-message i {
    display: block;
    margin-bottom: 10px;
}

/* Анимации для переходов между экранами */
.questions-list-container, .question-edit-container {
    transition: opacity 0.3s;
}

/* Кнопки в заголовке карточки вопроса */
.question-item .card-header .btn-group {
    opacity: 0.7;
    transition: opacity 0.2s;
}

.question-item:hover .card-header .btn-group {
    opacity: 1;
}

/* Стили для кнопки управления вопросами */
.btn-manage-questions {
    margin-left: 10px;
}

/* Стили для форм */
#questionForm {
    padding-top: 10px;
}

#questionText {
    resize: vertical;
}

/* Responsive fixes */
@media (max-width: 576px) {
    .modal-dialog {
        margin: 10px;
    }
    
    .question-item .card-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .question-item .card-header .btn-group {
        margin-top: 10px;
    }
}