* {
    font-family: Arial, Helvetica, sans-serif;
}

.mu-alert {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    margin-bottom: 18px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
    animation: muFade 0.4s ease-out;
    box-shadow: 0 0 14px rgba(255, 0, 0, 0.35);
}

/* ✔ SUCESSO */
.mu-alert-success {
    background: linear-gradient(90deg, #0b1a0b, #123012);
    border: 1px solid #2aff2a;
    color: #caffca;
}

/* ❌ ERRO */
.mu-alert-error {
    background: linear-gradient(90deg, #1a0000, #320000);
    border: 1px solid #ff2a2a;
    color: #ffd6d6;
}

/* Ícone */
.mu-alert-icon {
    font-size: 20px;
    text-shadow: 0 0 8px currentColor;
}

/* Texto */
.mu-alert-text {
    flex: 1;
}

/* Animação */
@keyframes muFade {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* paginacoes de paginas */
/* 🔥 MU SEASON 19 PAGINATION */
.mu-pagination .pagination {
    gap: 6px;
}

.mu-pagination .page-item .page-link {
    background: linear-gradient(180deg, #1a0000, #0b0000);
    border: 1px solid #5b0000;
    color: #ffb3b3;
    font-family: 'Teko', sans-serif;
    font-size: 12px;
    padding: 3px 9px;
    box-shadow:
        inset 0 0 6px rgba(255, 0, 0, 0.2),
        0 0 8px rgba(120, 0, 0, 0.6);
    transition: all 0.2s ease;
}

.mu-pagination .page-item .page-link:hover {
    background: linear-gradient(180deg, #350000, #150000);
    color: #fff;
    box-shadow:
        inset 0 0 8px rgba(255, 60, 60, 0.4),
        0 0 12px rgba(200, 0, 0, 0.8);
    transform: translateY(-1px);
}

/* 🔥 Página ativa */
.mu-pagination .page-item.active .page-link {
    background: linear-gradient(180deg, #8b0000, #4b0000);
    border-color: #ff1a1a;
    color: #fff;
    box-shadow:
        inset 0 0 10px rgba(255, 80, 80, 0.7),
        0 0 18px rgba(255, 0, 0, 1);
    transform: scale(1.05);
}

/* 🔒 Desabilitado */
.mu-pagination .page-item.disabled .page-link {
    background: #120000;
    border-color: #300000;
    color: #666;
    box-shadow: none;
}

/* 🔥 Arredondamento estilo MU */
.mu-pagination .page-link {
    border-radius: 10px;
}


/* Wrapper do input */
.password-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Input de senha */
.password-wrapper input[type="password"],
.password-wrapper input[type="text"] {
    padding-right: 40px;
    /* espaço para o macaco */
    box-sizing: border-box;
}

/* Emoji do macaco dentro do input */
.toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 20px;
    user-select: none;
}