/* 
 * Default Login Modal Styles
 * 
 * This file provides default styling for the login modal when no theme CSS is available.
 * This ensures the login modal always has proper styling even without theme customization.
 */

/* Login Modal Container */
.login-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    max-width: 90vw;
    background-color: white;
    border: 2px solid #000;
    border-radius: 8px;
    box-shadow: 24px;
    padding: 16px;
    font-family: inherit;
}

/* Login Modal Title */
.login-container h1,
.login-container h2,
.login-container h3,
.login-container h4,
.login-container h5,
.login-container h6 {
    color: inherit;
    text-align: center;
    margin-bottom: 24px;
}

/* Local Login Form */
.login-container .local-login-form {
    margin-top: 16px;
}

.login-container .local-login-form .MuiTextField-root {
    margin-bottom: 16px;
}

.login-container .local-login-form .MuiTextField-root .MuiInputBase-root {
    background-color: transparent;
    border-radius: 4px;
}

.login-container .local-login-form .MuiTextField-root .MuiInputBase-input {
    color: inherit;
}

.login-container .local-login-form .MuiInputLabel-root {
    color: inherit;
}

/* Local Login Button */
.login-container .local-login-button {
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: #1976d2;
    color: white;
    border-radius: 4px;
    font-weight: 500;
    text-transform: none;
}

.login-container .local-login-button:hover {
    background-color: #1565c0;
}

/* Azure Login Button */
.login-container .azure-login-button {
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: #0078d4;
    color: white;
    border-radius: 4px;
    font-weight: 500;
    text-transform: none;
}

.login-container .azure-login-button:hover {
    background-color: #005a9e;
}

/* Google Login Button */
.login-container .google-login-button {
    margin-bottom: 16px;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight: 500;
    text-transform: none;
}

.login-container .google-login-button:hover {
    background-color: #f5f5f5;
    border-color: #999;
}

/* Error Messages */
.login-container .MuiTypography-colorError {
    color: #d32f2f;
    margin-top: 8px;
    margin-bottom: 8px;
}

/* Forgot Password Link */
.login-container a[href="#forgot-password"] {
    color: #1976d2;
    text-decoration: none;
    font-size: 0.875rem;
    margin-top: 8px;
    display: block;
    text-align: center;
}

.login-container a[href="#forgot-password"]:hover {
    color: #1565c0;
    text-decoration: underline;
}

/* OR Divider */
.login-container .MuiBox-root {
    color: #666;
    font-weight: 500;
    margin: 16px 0;
}

/* Responsive Design */
@media (max-width: 480px) {
    .login-container {
        width: 95vw;
        padding: 12px;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .login-container {
        background-color: #1e1e1e;
        color: #ffffff;
        border-color: #444;
    }
    
    .login-container .local-login-form .MuiTextField-root .MuiInputBase-input {
        color: #ffffff;
    }
    
    .login-container .local-login-form .MuiInputLabel-root {
        color: #cccccc;
    }
}