.watermark {
   display: none !important;
 }
 .MuiBox-root.css-bzorng {
  display: none !important;
 }
 
 a[href*='https://github.com/Chainlit/chainlit'] {
  visibility: hidden;
}

/* If you want to style the icon inside the button */
#upload-button svg {
  fill: white !important; /* Changes the color of the SVG icon to white */
}

.MuiAvatar-root.MuiAvatar-circular.MuiAvatar-colorDefault.css-1e9flwx {
  display: none !important;
}
.MuiAvatar-root.MuiAvatar-circular.MuiAvatar-colorDefault.css-1f4k5jg {
  display: none !important;
}


.MuiBox-root.css-kjafn5 {
  display: none !important;
}

.MuiBox-root.css-rhodsw {
  display: none !important;
}

.MuiBox-root.css-r9fbi7 {
  display: none !important;
}

.MuiDrawer-root.MuiDrawer-docked.chat-history-drawer.css-htq9xo {
  display: none !important;
}


/* Language selector Dr. Bill (MUCH BIGGER) */
/* Chat Dr. Bill (BIGGER but still smaller than language selector) */
/* Chat Dr. Bill (Current size in vh) */
.MuiAvatar-root.MuiAvatar-circular.css-m2icte {
  width: 20vh !important;
  height: 24vh !important; /* Rounded for simplicity */
  display: flex;
}

/* Chat Dr. Bill (BIGGER but still smaller than language selector) */
.message-avatar .MuiAvatar-root.MuiAvatar-circular {
  width: 10vh !important;   /* Increased from 4vh */
  height: 12vh !important;  /* Increased from 4vh */
  display: flex;
}

/* Make sure images fill their containers */
.MuiAvatar-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}




body {
  background: #FFFFFF !important;
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}



.watermark {
  display: none !important;
}

.MuiBox-root.css-bzorng {
 display: none !important;
}

img[alt="logo"] {
 display: none !important;
}


.MuiAvatar-root.MuiAvatar-circular.MuiAvatar-colorDefault.css-1e9flwx {
  display: none !important;
 }
 .MuiAvatar-root.MuiAvatar-circular.MuiAvatar-colorDefault.css-1f4k5jg {
  display: none !important;
 }

 
 .MuiDrawer-root.MuiDrawer-docked.chat-history-drawer.css-htq9xo {
  display: none !important;
 }
 
 .MuiAvatar-root.MuiAvatar-circular.MuiAvatar-colorDefault.css-1e9flwx {
  display: none !important;
 }
 .MuiAvatar-root.MuiAvatar-circular.MuiAvatar-colorDefault.css-1f4k5jg {
  display: none !important;
 }
 

 
 .MuiBox-root.css-kjafn5 {
  display: none !important;
 }
 
 .MuiBox-root.css-hhc1wx {
  display: none !important;
 }
 
 
 .MuiBox-root.css-rhodsw {
  display: none !important;
 }
 
 .MuiBox-root.css-r9fbi7 {
  display: none !important;
 }

 .MuiBox-root.css-23t83e {
  color:  black !important;
 }

 .MuiBox-root.css-nrdedq {
  background-color: #e2e8f1 !important;
 }

 .MuiStack-root.css-1dph5q9 {
  background-color: #e2e8f1 !important;
}

.MuiStack-root.css-1yvzil2 {
  background-color: #e2e8f1 !important;
}
.MuiStack-root.css-43tnih {
  background-color: #e2e8f1 !important;
}

 .MuiStack-root.css-1dph5q9 textarea {
  color: black  !important
 }
 
 .MuiBox-root.css-1uv146d {
  color:  white !important;
 }


 .MuiBox-root.css-bsxkxw {
  display: none !important;
 }



 /* Add these rules to control the overall chat container height */
.MuiBox-root.css-oufevd {
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}

.MuiBox-root.css-1vm5bg2 {
  max-height: 90vh !important;
}
/* Control the messages container height */
.cl-messages {
  height: calc(100vh - 120px) !important; /* Adjust 120px based on your header/footer height */
  max-height: calc(100vh - 120px) !important;
  overflow-y: auto !important;
}

/* Ensure the input area stays at the bottom */
.MuiBox-root.css-1jx1ab8 {
  position: fixed !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  background: #FFFFFF !important;
  display: flex !important;
  justify-content: center !important;
}

/* Optional: Add some padding to prevent content from being hidden behind the input */
.cl-messages {
  padding-bottom: 80px !important; /* Adjust based on your input container height */
}

/* Modify your existing body rule */
body {
  background: #FFFFFF !important;
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Add smooth scrolling for better UX */
.cl-messages {
  scroll-behavior: smooth;
}