/* 1. SHRINK THE OUTER BOX: Removes that massive blurred rectangle */
#body-login .wrapper {
    background: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    max-width: 400px;
}

/* 2. STYLE THE INNER FORM: This targets just the login area */
#body-login main {
    background-color: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px !important;
    padding: 30px !important;
}

/* 3. KILL THE YELLOW: The most aggressive way to bypass browser autofill */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: white !important;
    /* This creates a fake 'background' inside the box that covers the yellow */
    -webkit-box-shadow: 0 0 0px 1000px #1a1a1a inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* 4. DEFAULT INPUTS: Makes sure they look clean when not autofilled */
#body-login input.input-field {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    border-radius: 8px !important;
}

/* Only hides the header on the login page */
#body-login #header {
    display: none !important;
}

/* Ensures the internal app navigation bar remains visible */
#body-user #header {
    display: flex !important;
}

/* Adjusts the top spacing since the header is gone */
#body-login .wrapper {
    padding-top: 15vh !important;
}

#body-login main h2, 
#body-login main label {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
/* 1. ULTRA-AGGRESSIVE LOGO HIDE */
/* This targets the logo and the wrapper together to ensure it's gone during the 'race' */
#body-login #header .logo,
#body-login .login-form__logo,
#body-login [class*="logo"],
.login-form__logo-container {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. REINFORCE HEADER HIDING */
#body-login #header {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
}