/* 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:20px;
  min-height:20px;
  background:rgba(255,255,255,.34);
}
.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(8,12,18,.62);
  border:0;
  box-shadow:none;
  border-radius:9px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
  min-height:18px;
  max-height:20px;
  color:#fff;
  white-space:nowrap;
  font-size:11px;
  font-weight:600;
  line-height:16px;
}
.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}}

/* TALKCHAT_R20A40R19R9_TYPING_CONTRAST_OWNER */
.ref-shell .messages{padding-bottom:20px;}

/* TALKCHAT_R20A40R19R11_TYPING_OPACITY_TUNE */
.ref-shell #typing:not(:empty) .room-typing-pill{
  background:rgba(8,12,18,.45)!important;
  color:#fff!important;
}
.ref-shell #typing:not(:empty) .room-typing-name,
.ref-shell #typing:not(:empty) .room-typing-dots,
.ref-shell #typing:not(:empty) .room-typing-voice,
.ref-shell #typing:not(:empty) .room-typing-voice .material-symbols-outlined{
  color:#fff!important;
}
.ref-shell #typing:not(:empty) .room-typing-dot{
  background:#fff!important;
}

/* TALKCHAT_R20A40R20_MESSAGE_NICKNAME_OWNER */
.ref-shell .messages .room-message-nickname{
  text-decoration:none!important;
  cursor:default!important;
}
.ref-shell .messages .room-message-nickname:hover{
  text-decoration:none!important;
}
html:not(.dark):not([data-theme="dark"]) .ref-shell .messages .room-message-nickname.tc-standard-room-nickname{
  color:#111827!important;
}
html.dark .ref-shell .messages .room-message-nickname.tc-standard-room-nickname,
html[data-theme="dark"] .ref-shell .messages .room-message-nickname.tc-standard-room-nickname{
  color:#e5e7eb!important;
}