#chat{
  background:linear-gradient(135deg, var(--panel), var(--accent-green-soft));
}
.chat-card{
height:100%;
background-color: var(--panel-strong);
overflow:auto;
}
.person-menus{
    overflow:auto;
    height:70vh;
}
.person-chats{
  overflow:auto;
  border:none;
  height:60vh;
}

.person-icons{
    background-color:var(--panel);
    position: relative;
    margin:10px;
    width:90%;
}
.destin-msg{
  padding:15px;background:linear-gradient(135deg , #2b2f33, #3b4046);color:white;border-radius:1em 1em 0em 1em;max-width:250px;min-width:150px;display: inline-block;word-wrap: break-word;text-align:left;
}
.source-msg{
  padding:15px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);color:white;border-radius:1em 1em 1em 0em;max-width:250px;min-width:150px;display: inline-block;word-wrap: break-word;text-align:left;background: linear-gradient(135deg, var(--accent-green), var(--accent-green-dark)); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
  .text-msg {
    width:80%;
    border: none;
    border-radius: 0.1em;
    /* padding:10px; */
    overflow-y: auto; /* Allow vertical scrolling */
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }
  #text-box{
    /* position: sticky; */
    height:10vh;
    bottom: 0px;
    border:1px solid rgba(0,0,0,0.12);
    background-color:var(--panel-strong);
    width:100%;
    /* border:0; */
    margin:auto;
  }
  .download_file{
    color:white;
  }
  .download_file:hover{
    text-decoration: none;
    color:rgb(199, 193, 193);
  }
  .text-msg:focus{
    box-shadow: -2px 6px 5px rgba(46, 125, 50, 0.4);
    outline:none; 
  }
  .text-msg::-webkit-scrollbar {
    display: none;
  }
.send-btn{
  color:white;
  background: linear-gradient(135deg, var(--accent-green), var(--accent-green-dark)); 
}
.send-btn:hover {
  background-color: var(--accent-green-dark);
  color:white;
}
.message-indicator {
  display: inline-block;
  width: 15px; /* Adjust the size */
  height: 15px; /* Adjust the size */
  font-size:0.75rem;
  background-color: var(--accent-green); /* Red color */
  border-radius: 50%; /* Makes it a circle */
  border: 2px solid white; /* Optional: Add a border for a polished look */
  box-shadow: 0 0 4px rgba(0, 31, 88, 0.2); /* Optional: Add a subtle shadow */
  visibility: hidden;
}
@media only screen and (max-width:750px){
  .person-chats{
   display:none;
  }
}