/* wire-persistent-chat-row-polish-owner-303f1h9293a */

/*
 * h9284a renders each incoming message as a two-column grid:
 * avatar | message-main.
 *
 * The baseline used align-items:end, so the avatar followed the bottom of
 * message-main — including its reaction/action footer. For taller media/newer
 * messages that can visually detach the avatar from the actual message.
 *
 * h9293a changes presentation only. No message DOM, event handler, send,
 * reaction, reply, polling, API or data owner is replaced.
 */

.wire-chat-message-303f1h9284a:not(.is-own){
  align-items:start!important;
}

.wire-chat-message-303f1h9284a:not(.is-own)
.wire-chat-message-avatar-303f1h9284a{
  align-self:start!important;
  margin-top:1px!important;
}

/* Keep the action footer compact, but make it easier to read/click. */
.wire-chat-message-actions-303f1h9284a{
  gap:4px!important;
  min-height:27px!important;
  padding:1px 3px 0!important;
}

.wire-chat-message-actions-303f1h9284a button{
  min-width:28px!important;
  width:auto!important;
  height:26px!important;
  min-height:26px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:700!important;
}

/* A little more hover/focus presence without changing the action behavior. */
.wire-chat-message-actions-303f1h9284a button:hover,
.wire-chat-message-actions-303f1h9284a button:focus-visible{
  background:#10283a!important;
  color:#fff!important;
  outline:1px solid rgba(91,135,164,.34)!important;
  outline-offset:0!important;
}

/* Existing reaction-count chips get the same small readability lift. */
.wire-chat-reaction-pill-303f1h9284a{
  min-height:24px!important;
  padding:0 7px!important;
  gap:4px!important;
  font-size:9px!important;
  line-height:1!important;
}

.wire-chat-time-303f1h9284a{
  font-size:8px!important;
  padding:0 5px!important;
}

/* Keep the dock compact on smaller screens while preserving the larger tap target. */
@media(max-width:760px){
  .wire-chat-message-actions-303f1h9284a{
    gap:4px!important;
  }

  .wire-chat-message-actions-303f1h9284a button{
    min-width:29px!important;
    height:27px!important;
    min-height:27px!important;
    font-size:10px!important;
  }
}