body .b-header-panel {
//   background-color: #4b85a2;
    background-color: #4078452;
}

#bp-custom-extension-container {    
    display: none; 
//  Hidden initially 
    position: fixed;
    bottom: 80px;    
    right: 20px;   
     width: 400px;    
     height: 600px;    
     background: #ffffff;    
     border: 1px solid #ccc;    
     box-shadow: 0 4px 20px rgba(0,0,0,0.2);    
     z-index: 10000;    
     border-radius: 8px;    
     overflow: hidden;
    }
    
    #bp-custom-extension-container iframe {
        width: 100%;    height: 100%;    border: none;
    }
//  Floating Action Button 
#bp-custom-extension-btn {
    position: fixed;    
    bottom: 20px;    
    right: 20px;    
    z-index: 10001;    
    padding: 12px 24px;    
    background-color: #0069d9; 
//  Standard Blue 
    color: white;    
    font-family: 'Roboto', sans-serif; 
//  Bright Pattern Default Font 
    font-size: 14px;    
    font-weight: 600;    
    border: none;    
    border-radius: 24px;    
    cursor: pointer;    
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);    
    transition: background-color 0.2s;
    }
    
    #bp-custom-extension-btn:hover {
        background-color: #0056b3;
    }
    
    #bp-custom-extension-btn.active {
        background-color: #5a6268; 
//  Grey when open 
}