/* SEGREDUS LIGHT CHAT AND HEADER V1 */
/* Exclusivo do tema Light */

/* Janela de conversas */
body.sg-theme-light .sm8-chat {
  background:#ffffff!important;
  background-image:none!important;
  color:#252630!important;
  border:1px solid #e1e4eb!important;
  border-radius:20px!important;
  box-shadow:0 5px 24px rgba(22,25,40,.05)!important;
  min-height:300px;
}

/* Mensagens recebidas */
body.sg-theme-light .sm8-chat .sm8-bubble:not(.mine) {
  background:#f0f2f6!important;
  color:#252630!important;
  border:1px solid #e1e4eb!important;
}

/* Mensagens enviadas */
body.sg-theme-light .sm8-chat .sm8-bubble.mine {
  background:#a72e70!important;
  color:#ffffff!important;
  border-color:#a72e70!important;
}

/* Texto das mensagens */
body.sg-theme-light .sm8-chat .sm8-bubble:not(.mine) p {
  color:#252630!important;
  -webkit-text-fill-color:#252630!important;
}

body.sg-theme-light .sm8-chat .sm8-bubble.mine p {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Datas das mensagens */
body.sg-theme-light .sm8-chat .sm8-bubble:not(.mine) small {
  color:#657083!important;
}

body.sg-theme-light .sm8-chat .sm8-bubble.mine small {
  color:#f4e0ed!important;
}

/* Campo para escrever */
body.sg-theme-light .sm8-compose input {
  background:#ffffff!important;
  color:#252630!important;
  -webkit-text-fill-color:#252630!important;
  border:1px solid #d9dee7!important;
}

body.sg-theme-light .sm8-compose input::placeholder {
  color:#697386!important;
}

/* Cabecalho mobile */
@media(max-width:767px) {

  body.sg-theme-light .sm8-top {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding-left:14px!important;
    padding-right:14px!important;
    box-sizing:border-box!important;
  }

  body.sg-theme-light .sm8-top > div:first-child {
    flex:0 1 auto!important;
    min-width:0!important;
  }

  body.sg-theme-light .sm8-topright {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    min-width:0!important;
  }

  body.sg-theme-light .sm8-topright > * {
    flex-shrink:0!important;
  }

  body.sg-theme-light .sm8-topright .sm8-avatar {
    flex-shrink:0!important;
  }
}