/* Modern Login Styles - Simple and Compatible */

/* Body and background */
.auth-fluid-pages.modern-login-body,
.modern-login-body {
    /* background: linear-gradient(135deg, #f6bb72 0%, #f39c12 50%, #e67e22 100%) !important; */
    min-height: 100vh !important;

    min-height: 100vh !important;
    background-image: url(https://img.freepik.com/premium-photo/car-showroom-blur-background_293060-3003.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

/* Modern login card */
.modern-login-card {
    border-radius: 20px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
    border: none !important;
    overflow: hidden;
}

.modern-login-card .card-header.bg-primary {
    background: linear-gradient(135deg, #030303, #000000) !important;
    border-bottom: none !important;
}

/* Enhanced form controls */
.modern-login-card .form-control {
    border-radius: 10px !important;
    border: 2px solid #e9ecef !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
}

.modern-login-card .form-control:focus {
    border-color: #222222 !important;
    box-shadow: 0 0 0 4px rgba(246, 187, 114, 0.1) !important;
    transform: translateY(-1px) !important;
}

/* Input groups */
.modern-login-card .input-group-text {
    background: #f8f9fa !important;
    border: 2px solid #e9ecef !important;
    border-right: none !important;
    border-radius: 10px 0 0 10px !important;
    color: #020202 !important;
}

.modern-login-card .input-group .form-control {
    border-left: none !important;
    border-radius: 0 10px 10px 0 !important;
}

.modern-login-card .input-group:focus-within .input-group-text {
    border-color: #030303 !important;
    background: rgba(246, 187, 114, 0.1) !important;
}

/* Enhanced button */
.modern-login-card .btn-primary {
    background: linear-gradient(135deg, #000000, #000000) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    box-shadow: 0 4px 16px rgba(246, 187, 114, 0.3) !important;
    transition: all 0.3s ease !important;
}

.modern-login-card .btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(246, 187, 114, 0.4) !important;
    background: linear-gradient(135deg, #0c0c0c, #000000) !important;
}

/* Alert styling */
.modern-login-card .alert-danger {
    background: linear-gradient(135deg, #f8d7da, #f5c6cb) !important;
    border: none !important;
    border-radius: 10px !important;
    border-left: 4px solid #dc3545 !important;
}

/* Form labels */
.modern-login-card .form-label {
    font-weight: 600 !important;
    color: #2c3e50 !important;
    margin-bottom: 8px !important;
}

/* Account pages container */
.account-pages {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .account-pages {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .modern-login-card {
        margin: 0 15px !important;
    }
}