/* AR BEAM Communications — light-neumorphic message surfaces. */
.messages-tab{
  color:#20324a;
}

.messages-tab .messages-side,
.messages-tab .messages-main{
  color:#20324a!important;
  background:linear-gradient(145deg,#edf3f9,#e1e9f2)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:8px 8px 18px rgba(135,153,177,.30),-7px -7px 17px rgba(255,255,255,.94)!important;
}

.messages-tab .chat-scroll{
  color:#20324a!important;
  background:linear-gradient(145deg,#e8eef5,#edf3f9)!important;
  border:1px solid rgba(255,255,255,.66)!important;
  border-radius:18px!important;
  padding:12px!important;
  box-shadow:inset 5px 5px 12px rgba(133,151,174,.22),inset -5px -5px 12px rgba(255,255,255,.90)!important;
}

.messages-tab .chat-bubble,
.messages-tab .chat-bubble *{
  color:#213249!important;
  background:linear-gradient(145deg,#f4f8fc,#dfe7f0)!important;
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:17px 17px 17px 7px!important;
  padding:10px 13px!important;
  line-height:1.38!important;
  font-weight:650!important;
  text-shadow:none!important;
  box-shadow:6px 6px 13px rgba(130,149,173,.30),-5px -5px 12px rgba(255,255,255,.92)!important;
}

.messages-tab .chat-msg.mine .chat-bubble,
.messages-tab .chat-msg.mine .chat-bubble *{
  color:#123d65!important;
  background:linear-gradient(145deg,#dff5fb,#c7e6f4)!important;
  border-color:rgba(255,255,255,.9)!important;
  border-radius:17px 17px 7px 17px!important;
  box-shadow:6px 6px 13px rgba(79,131,162,.25),-5px -5px 12px rgba(255,255,255,.94),inset 0 0 0 1px rgba(45,161,199,.10)!important;
}

.messages-tab .chat-meta,
.messages-tab .chat-meta *{
  color:#30465e!important;
  opacity:1!important;
  margin-top:5px!important;
  padding:0 4px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-shadow:none!important;
}

.messages-tab .chat-header{
  color:#20324a!important;
  padding:6px 4px 10px!important;
}

.messages-tab .chat-composer{
  padding:10px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#e9f0f7,#dfe8f1)!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:5px 5px 12px rgba(135,153,177,.25),-5px -5px 12px rgba(255,255,255,.92)!important;
}

.messages-tab .chat-composer input{
  color:#20324a!important;
  background:#e8eef5!important;
  border:1px solid rgba(255,255,255,.68)!important;
  border-radius:13px!important;
  box-shadow:inset 4px 4px 9px rgba(135,153,177,.24),inset -4px -4px 9px rgba(255,255,255,.92)!important;
}
.messages-tab .chat-composer input::placeholder{color:#60748a!important;opacity:1!important}

.messages-tab .dir-item,
.messages-tab .conv-item{
  color:#243750!important;
  border-radius:12px!important;
}
.messages-tab .dir-item:hover,
.messages-tab .conv-item:hover{
  background:#e0ebf5!important;
  box-shadow:inset 3px 3px 7px rgba(135,153,177,.20),inset -3px -3px 7px rgba(255,255,255,.85)!important;
}
.messages-tab .conv-item.on{
  color:#183d68!important;
  background:linear-gradient(145deg,#dcecf9,#ccdfef)!important;
  box-shadow:inset 3px 3px 7px rgba(104,137,172,.22),inset -3px -3px 7px rgba(255,255,255,.88)!important;
}

.messages-tab .side-head,
.messages-tab .chat-empty,
.messages-tab .chat-typing{
  color:#445b72!important;
  opacity:1!important;
}

@media(max-width:720px){
  .messages-tab .messages-side,
  .messages-tab .messages-main{border-radius:18px!important;padding:10px!important}
  .messages-tab .chat-scroll{padding:10px!important}
  .messages-tab .chat-msg{max-width:84%!important}
  .messages-tab .chat-bubble{font-size:14px!important}
}