:root {
    --bs-primary: #2233a69 !important;
}



input[aria-invalid="true"] {
    border-color: #f44336;
    /*
    background-color: #ffe6e6;
    */
}

input[type=search] {
    background: url('https://cdn.jsdelivr.net/npm/bootstrap-icons/icons/search.svg') no-repeat 10px center;
    background-color: white;
    background-size: 16px;   /* wielkość ikony */
    padding-left: 35px !important;      /* odstęp, żeby tekst nie nachodził na ikonę */
}

.message-box {
    transform: scale(0.98);
    transition: transform 0.3s ease;

    /* Optymalizacja wydajności */
    will-change: transform;

    /* Poprawa ostrości i eliminacja migotania */
    -webkit-backface-visibility: hidden; /* Dla starszych wersji Safari/Chrome */
    backface-visibility: hidden;

    &:hover {
        transform: scale(1.0);
    }
}

.answer-success {
    background: linear-gradient(0.5turn, limegreen, white 6px) !important;
}
.answer-failure {
    background: linear-gradient(0.5turn, red, white 6px) !important;
}
.answer-probing {
    background: linear-gradient(0.5turn, blue, white 6px) !important;
}
.answer-filtered {
    background: linear-gradient(0.5turn, gray, white 6px) !important;
}
.answer-skipped {
    background: linear-gradient(0.5turn, gold, white 6px) !important;
}