/* TALKCHAT_R19C12R6R3_ROOM_WELCOME_MESSAGE */
.ref-shell .room-welcome-entry{
  align-self:flex-start;
  display:flex;
  align-items:flex-start;
  gap:5px;
  max-width:min(460px,calc(100% - 18px));
  margin:0 0 3px 0;
  flex-shrink:0;
}
.ref-shell .room-welcome-entry-icon{
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 30px;
  background:#fff;
  border:1px solid #e5e7eb;
  color:#94a3b8;
  box-shadow:0 1px 2px #0002;
}
.ref-shell .room-welcome-entry-icon .material-symbols-outlined{font-size:17px}
.ref-shell .room-welcome-entry-card{
  min-width:190px;
  max-width:100%;
  padding:4px 8px 5px;
  border:1px solid #e5e7eb;
  border-left:3px solid #3b82f6;
  border-radius:6px;
  background:#fff;
  box-shadow:0 1px 1px #0002;
  color:#4b5563;
}
.ref-shell .room-welcome-entry-card b{
  display:block;
  margin:0 0 1px;
  font-size:12px;
  line-height:15px;
  font-weight:700;
  color:#374151;
}
.ref-shell .room-welcome-entry-card span{
  display:block;
  font-size:12px;
  line-height:16px;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
@media(max-width:767px){
  .ref-shell .room-welcome-entry{max-width:calc(100% - 34px);gap:4px}
  .ref-shell .room-welcome-entry-icon{width:28px;height:28px;flex-basis:28px}
  .ref-shell .room-welcome-entry-card{min-width:0;padding:4px 7px}
}