/* r31-r32-r8 — typing layout fix: keep the reference composer flow, never overlay the message list */
.messages{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.messages::-webkit-scrollbar{width:0;height:0;display:none}
.header-rooms{cursor:pointer}

/* Reference contract: typing lives inside the composer flow. It must consume only its own row. */
.ref-shell .typing{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  width:100%;
  min-width:0;
  height:0;
  min-height:0;
  margin:0;
  padding:0 10px;
  display:flex;
  align-items:center;
  gap:4px;
  pointer-events:none;
  overflow:hidden;
  background:transparent;
  color:var(--muted,#6b7280);
  font-size:10px;
  line-height:14px;
}
.ref-shell .typing:not(:empty){
  height:16px;
  min-height:16px;
  background:rgba(255,255,255,.28);
}
.ref-shell .typing:empty{visibility:hidden}

.room-typing-track{
  display:flex;
  width:100%;
  min-width:0;
  flex-wrap:nowrap;
  align-items:center;
  gap:4px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  animation:talkchat-room-typing-fade .2s ease-out both;
}
.room-typing-track::-webkit-scrollbar{display:none}
.room-typing-pill{
  background:rgba(20,20,26,.16);
  border:0;
  box-shadow:none;
  border-radius:9px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
  min-height:14px;
  max-height:16px;
  color:var(--muted,#6b7280);
  white-space:nowrap;
  font-size:10px;
  font-weight:600;
  line-height:14px;
}
.room-typing-name{
  min-width:0;
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.room-typing-dots{
  display:inline-flex;
  align-items:center;
  gap:3px;
  height:10px;
  flex-shrink:0;
}
.room-typing-dot{
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
  opacity:.28;
  animation:talkchat-room-typing-blink 1.4s infinite ease-in-out;
}
.room-typing-dot:nth-child(1){animation-delay:0s}
.room-typing-dot:nth-child(2){animation-delay:.25s}
.room-typing-dot:nth-child(3){animation-delay:.5s}
@keyframes talkchat-room-typing-blink{
  0%,70%,100%{opacity:.28;transform:translateY(0)}
  35%{opacity:1;transform:translateY(-1px)}
}
@keyframes talkchat-room-typing-fade{from{opacity:0}to{opacity:1}}