@charset "UTF-8";

/* Runner settings modal owner from the P15.179 route split. */

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

   СТИЛИ ДЛЯ МОДАЛЬНОГО ОКНА НАСТРОЕК ТЕСТА (НОВОЕ)

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


/* Заголовок модального окна */

#testSettingsModal .modal-header {

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

}


/* Карточка настроек */

#testSettingsModal .card {

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

}


#testSettingsModal .card-header {

    font-weight: 600;

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

}


/* Чекбоксы */

#testSettingsModal .form-check {

    padding: 1rem;

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

    transition: background-color 0.2s ease;

}


#testSettingsModal .form-check:hover {

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

}


#testSettingsModal .form-check-input {

    width: 1.25em;

    height: 1.25em;

    margin-top: 0.125em;

    cursor: pointer;

}


#testSettingsModal .form-check-input:checked {

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

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

}


#testSettingsModal .form-check-label {

    cursor: pointer;

    user-select: none;

}


#testSettingsModal .form-text {

    font-size: 0.85rem;

    margin-top: 0.5rem;

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

}


/* Alert в модальном окне */

#testSettingsModal .alert {

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

}


#testSettingsModal .alert-info {

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

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

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

}


/* Кнопки в футере */

#testSettingsModal .modal-footer {

    border-top: 2px solid var(--color-border);

}


#testSettingsModal .modal-footer .btn {

    min-width: 120px;

}


/* Анимация появления модального окна */

#testSettingsModal.fade .modal-dialog {

    transition: transform 0.3s ease-out;

}


/* Кнопка настроек в expert-controls */

#expert-controls .btn-test-settings {

    transition: all 0.2s ease;

}


#expert-controls .btn-test-settings:hover {

    transform: scale(1.05);

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

}


/* Responsive */

@media (max-width: 768px) {#testSettingsModal .modal-dialog {

        margin: 0.5rem;

    }


}