@charset "UTF-8";

/* Runner admin question list owner from the P15.179 route split. */

/* ===================================================================

   СТИЛИ ДЛЯ СПИСКА ВОПРОСОВ - СОВРЕМЕННЫЙ МИНИМАЛИСТИЧНЫЙ v2.0

   =================================================================== */


#questions-list-container {

    display: none;

}


#questions-list-container .card {

    border-radius: var(--radius-card);

    box-shadow: 0 2px 8px rgba(0,0,0,0.08);

}


#questions-list-container .card-header {


    background: var(--color-bg-page);

    color: var(--color-text-primary);

    border-bottom: 1px solid var(--color-border);


}


#questions-list-container .card-header h3 {

    margin: 0;

    font-weight: 600;

}


/* Фильтры */

#questions-list-container .btn-group {

    border-radius: var(--radius-btn);

    overflow: hidden;

    box-shadow: 0 2px 6px rgba(0,0,0,0.1);

}


#questions-list-container .btn-group .btn {

    border: none;

    font-weight: 500;

    padding: 0.75rem 1.25rem;

    transition: all 0.2s ease;

}


#questions-list-container .btn-group .btn:hover {

    transform: translateY(-1px);

}


#questions-list-container .btn-group .badge {

    background-color: rgba(255,255,255,0.9) !important;

    color: var(--color-text-primary) !important;

    font-weight: 600;

    padding: 0.25em 0.6em;

    border-radius: var(--radius-btn);

}


/* Элементы списка */

#questions-list-container .list-group-item {

    transition: all 0.2s ease;

    border-left: 4px solid transparent;

    margin-bottom: 0.5rem;

    border-radius: var(--radius-btn);

    border: 1px solid var(--color-border);

}


#questions-list-container .list-group-item:hover {

    background-color: var(--color-bg-page);

    border-left-color: var(--color-xp);

    box-shadow: 0 2px 6px rgba(0,0,0,0.08);

    transform: translateX(4px);

}


/* Опубликованные вопросы */

#questions-list-container .list-group-item:not(.list-group-item-secondary) {

    background-color: var(--color-bg-card);

}


/* Неопубликованные вопросы */

#questions-list-container .list-group-item-secondary {

    background-color: var(--color-bg-hover);

    opacity: 0.85;

}


#questions-list-container .list-group-item-secondary:hover {

    opacity: 1;

}


/* Заголовки вопросов */

#questions-list-container .list-group-item h6 {

    color: var(--color-text-primary);

    font-weight: 600;

    font-size: 1rem;

}


#questions-list-container .list-group-item .badge.bg-primary {

    background: linear-gradient(135deg, var(--color-xp) 0%, var(--color-xp-dark) 100%) !important;

    font-weight: 600;

    padding: 0.4em 0.7em;

    border-radius: var(--radius-badge);

}


/* Кнопки управления вопросами - СОВРЕМЕННЫЙ СТИЛЬ */

#questions-list-container .btn-group.btn-group-sm .btn {

    padding: 0.5rem 0.75rem;

    border: none;

    border-radius: 0;

    transition: all 0.2s ease;

    font-weight: 500;

    position: relative;

    overflow: hidden;

}


#questions-list-container .btn-group.btn-group-sm .btn:first-child {

    border-radius: 6px 0 0 6px;

}


#questions-list-container .btn-group.btn-group-sm .btn:last-child {

    border-radius: 0 6px 6px 0;

}


#questions-list-container .btn-group.btn-group-sm .btn i {

    font-size: 1.1rem;

}


/* Эффект при наведении */

#questions-list-container .btn-group.btn-group-sm .btn::before {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: rgba(255,255,255,0.2);

    transition: left 0.3s ease;

}


#questions-list-container .btn-group.btn-group-sm .btn:hover::before {

    left: 100%;

}


#questions-list-container .btn-group.btn-group-sm .btn:hover {

    box-shadow: 0 3px 8px rgba(0,0,0,0.15);

}


/* Цвета кнопок */

#questions-list-container .btn-warning {

    background-color: var(--color-warning);

    color: var(--color-text-primary);

}


#questions-list-container .btn-warning:hover {

    background-color: var(--color-warning-dark);

}


#questions-list-container .btn-success {

    background-color: var(--color-success);

    color: var(--color-bg-card);

}


#questions-list-container .btn-success:hover {

    background-color: var(--color-success-dark);

}


#questions-list-container .btn-info,

#questions-list-container .btn-outline-info {

    background-color: var(--color-primary);

    color: var(--color-bg-card);

    border-color: var(--color-primary);

}


#questions-list-container .btn-info:hover {

    background-color: var(--color-primary-dark);

}


#questions-list-container .btn-outline-info {

    background-color: var(--color-bg-card);

    color: var(--color-primary);

}


#questions-list-container .btn-outline-info:hover {

    background-color: var(--color-primary);

    color: var(--color-bg-card);

}


#questions-list-container .btn-primary {

    background-color: var(--color-primary);

    color: var(--color-bg-card);

}


#questions-list-container .btn-primary:hover {

    background-color: var(--color-primary-dark);

}


#questions-list-container .btn-danger {

    background-color: var(--color-danger);

    color: var(--color-bg-card);

}


#questions-list-container .btn-danger:hover {

    background-color: var(--color-danger-dark);

}


/* Анимация появления уведомлений */

@keyframes slideDown {

    from {

        transform: translate(-50%, -100%);

        opacity: 0;

    }

    to {

        transform: translate(-50%, 0);

        opacity: 1;

    }

}


.alert.position-fixed {

    animation: slideDown 0.3s ease-out;

    box-shadow: 0 4px 12px rgba(0,0,0,0.15);

    border-radius: var(--radius-btn);

}


/* Адаптивность */

@media (max-width: 768px) {#questions-list-container .btn-group.btn-group-sm .btn {

        padding: 0.4rem 0.5rem;

        font-size: 0.85rem;

    }


    #questions-list-container .btn-group.btn-group-sm .btn i {

        font-size: 1rem;

    }


    #questions-list-container .list-group-item h6 {

        font-size: 0.9rem;

    }


}



/* Анимация для уведомлений */

.alert.position-fixed {

    animation: slideDown 0.3s ease-out;

    box-shadow: 0 4px 6px rgba(0,0,0,0.2);

}


@keyframes slideDown {

    from {

        transform: translate(-50%, -100%);

        opacity: 0;

    }

    to {

        transform: translate(-50%, 0);

        opacity: 1;

    }

}


/* Улучшенный вид бейджей в фильтрах */

#questions-list-container .card-header .btn .badge {

    font-weight: 600;

    padding: 0.25em 0.5em;

}