/*
 * Squeeze Login Component Styles
 * Minimal component-specific styles for the login page
 * Uses Bootstrap classes wherever possible for consistency
 */

/* ===================================
   Login Card Container
   =================================== */
.login-card-container {
    max-width: 28rem;
    width: 100%;
}

/* ===================================
   Logo Section
   =================================== */
.login-logo img {
    max-width: 300px;
    height: auto;
}

/* ===================================
   Responsive Design
   =================================== */
@media (max-width: 575px) {
    .login-logo img {
        max-width: 100px;
    }
}

@media (max-width: 400px) {
    .login-logo img {
        max-width: 80px;
    }
}