/* ARTIZS.SAY v0.5.32.1 — calmer SAY menus, unified room actions, safe chat action row */

/* Room header actions share one typographic/button system. */
.room-header-actions{margin-left:auto!important;justify-content:flex-end!important}
.room-header-actions .room-say-button,
.room-header-actions .room-invite-button{
  height:42px!important;
  min-width:132px!important;
  padding:0 16px!important;
  border-radius:14px!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-rendering:geometricPrecision;
}
.room-header-actions .room-say-button svg,
.room-header-actions .room-invite-button svg{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* A fuller pushpin silhouette at small sizes. */
.room-pinned-icon{width:29px!important;height:29px!important;flex-basis:29px!important;border-radius:9px!important}
.room-pinned-icon svg{
  width:18px!important;
  height:18px!important;
  fill:currentColor!important;
  stroke:none!important;
  transform:rotate(45deg) scale(1.08);
  transform-origin:center;
}

/* SAY moderation lives behind a neutral three-dot menu. */
.say-inline-actions.say-more{position:relative;margin-left:auto;display:flex;align-items:center;flex:0 0 auto}
.say-more-btn{
  width:34px!important;height:30px!important;padding:0!important;
  border:1px solid #e8edf2!important;border-radius:10px!important;
  background:#f5f7f9!important;color:#68768a!important;
  display:grid!important;place-items:center!important;
  font-family:inherit!important;font-size:15px!important;font-weight:900!important;line-height:1!important;
  cursor:pointer!important;
}
.say-more-btn:hover,.say-more-btn[aria-expanded="true"]{background:#edf2f7!important;color:#082d58!important;border-color:#dce5ef!important}
.say-more-menu{
  position:absolute;z-index:140;top:calc(100% + 6px);right:0;
  min-width:152px;padding:6px;border:1px solid #e2e7ed;border-radius:12px;
  background:#fff;box-shadow:0 14px 36px rgba(8,45,88,.14);
}
.say-more-menu.hidden{display:none!important}
.say-more-menu-item{
  width:100%;min-height:36px;padding:0 10px;border:0;border-radius:9px;
  display:flex;align-items:center;text-align:left;
  background:transparent;color:#26364d;
  font-family:inherit;font-size:11px;font-weight:750;line-height:1.2;cursor:pointer;
}
.say-more-menu-item:hover{background:#f2f5f8;color:#082d58}
.say-more-menu-item.danger{color:#a23c3c}
.say-more-menu-item.danger:hover{background:#fff0f0;color:#8e2f2f}

/* Live-chat message actions: never cover message text.
   The rail sits below the message surface and the row makes room only while visible/open. */
.message-content{position:relative!important}
.msg-actions,
.msg-actions.no-persistent-actions{
  position:absolute!important;
  left:auto!important;
  right:0!important;
  top:calc(100% + 5px)!important;
  bottom:auto!important;
  width:max-content!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  transform:translateY(-2px) scale(.985)!important;
}
.message.actions-visible,
.message.actions-open,
.message:focus-within{
  padding-bottom:39px!important;
}
.message.actions-visible .msg-actions,
.message.actions-open .msg-actions,
.message:focus-within .msg-actions{
  transform:translateY(0) scale(1)!important;
}

/* Keep all three compact action controls on the same baseline. */
.msg-actions .message-secondary-action,
.msg-actions .message-reaction-trigger,
.msg-actions .message-more-btn{
  height:24px!important;
  min-height:24px!important;
  font-family:inherit!important;
  line-height:1!important;
}
.msg-actions .message-secondary-action{font-size:10px!important;font-weight:750!important;padding:0 9px!important}
.msg-actions .message-reaction-trigger{width:28px!important;min-width:28px!important;font-size:14px!important}
.msg-actions .message-more-btn{width:32px!important;min-width:32px!important;padding:0!important;font-size:13px!important}

@media(max-width:820px){
  .room-header-actions .room-say-button,.room-header-actions .room-invite-button{min-width:42px!important;width:42px!important;padding:0!important;font-size:0!important}
  .room-header-actions .room-say-button svg,.room-header-actions .room-invite-button svg{width:18px!important;height:18px!important}
}

@media(max-width:560px){
  .say-more-menu{min-width:144px}
  .message.actions-visible,.message.actions-open,.message:focus-within{padding-bottom:37px!important}
}