/* Logo Fix CSS - Forces logo to be properly sized */
.login-page .login-logo {
    width: 200px !important;
    height: 80px !important;
    max-width: 200px !important;
    max-height: 80px !important;
    margin: 0 auto 20px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    position: relative !important;
}

.login-page .login-logo img,
.login-box .login-logo img,
.login-logo img,
img[src*="logo.png"] {
    max-width: 200px !important;
    max-height: 80px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    border: none !important;
    padding: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* Additional constraints for AdminLTE compatibility */
.login-box .login-logo {
    width: 200px !important;
    height: 80px !important;
    max-width: 200px !important;
    max-height: 80px !important;
    margin: 0 auto 20px auto !important;
    overflow: hidden !important;
}

/* Ensure logo doesn't break the layout */
.login-page {
    overflow-x: hidden !important;
}

.login-box {
    max-width: 400px !important;
    margin: 0 auto !important;
}