/* 1. Hide the File Browser text */
#login h1 {
    display: none !important;
}

/* 2. THE BIG FIX: Kill the theme filters on the logo */
#login form > img {
    /* This stops the 'Black Block' effect */
    filter: none !important;
    -webkit-filter: none !important;
    
    /* Ensure colors aren't being inverted */
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;

    /* Sizing */
    width: 280px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 30px auto !important;
}

/* 3. Style the Login Box to be Clean White */
#login form {
    background-color: #ffffff !important;
    padding: 50px 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    border: none !important; /* Remove the red border now */
}

/* 4. Fix input text colors so they aren't white-on-white */
#login .input {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
}

/* 5. Target the container itself just in case the filter is inherited */
#login {
    filter: none !important;
    background-color: #2c3e50 !important; /* Dark background for the whole page */
}