@import url('mona-alert.css');

/* Phân loại Bài thi vs Luyện tập */
.t-exam {
    background: #fef3c7;
    color: #92400e;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}

.t-practice {
    background: #d1fae5;
    color: #065f46;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}

/* Filter buttons - Copy từ bản 4.4.0 */
.modeToggleBtn {
    text-align: center;
    justify-content: center;
}

.modeToggleBtn span {
    text-align: center;
    width: 100%;
}

.monaSubmitButton.monaDisabled,
.monaFieldNotAllow {
    opacity: 0.6;
    cursor: not-allowed !important;
}

.sign-form-mona {
    display: none;
}

.sign-form-mona.open {
    display: block;
}

.forgot-form-mona:not(.open) {
    display: none;
}

.monaFieldItem.monaRequiredBorder .input-border {
    border-color: #bb0000 !important;
}

.scan-noti.scan-success {
    display: none;
}

.scan-noti.scan-success.open {
    display: flex;
}

/* .about-hori .img .bg img {
    -o-object-fit: fill;
    object-fit: fill;
} */

@media screen and (max-width: 600px) {
    .hd-btn .btn-glow.btn-glow-scan .btn,
    .hd-btn .btn-glow.btn-glow-gem .btn {
        gap: 5px;
        padding: 0 10px;
    }
}

.achieve-bxh-flex {
    justify-content: center;
}

.achieve-bxh-wrapper.just-top-3 {
    margin-bottom: 5rem;
}