/* V8: public reaction styling adapted from the supplied AZ_Reactions.css.
   Existing TLGAWY reaction actions, IDs and permission checks are retained. */
html.tlgawy-reference-ui #show_chat .tlgawy-react-wrap {
  display:contents!important; margin:0; direction:ltr;
}
html.tlgawy-reference-ui #show_chat .tlgawy-react-trigger {
  display:none; align-items:center; justify-content:center;
  width:22px; height:22px; min-width:0; border-radius:50%;
  background:rgba(0,0,0,.04)!important; border:none; padding:1px 6px; cursor:pointer;
  font-size:13.3333px; z-index:10; line-height:1; vertical-align:middle; margin:0 2px;
  opacity:1; transition:background .15s ease!important;
}
html.tlgawy-reference-ui #show_chat li.chat_log:hover .tlgawy-react-trigger,
html.tlgawy-reference-ui #show_chat li.chat_log:focus-within .tlgawy-react-trigger {
  display:inline-flex;
}
html.tlgawy-reference-ui #show_chat .tlgawy-react-trigger:hover { background:rgba(0,0,0,.1)!important; }
html.tlgawy-reference-ui #show_chat .tlgawy-react-trigger i { font-size:14px; color:#888; }
html.tlgawy-reference-ui #show_chat .tlgawy-react-trigger:hover i { color:#444; }
html.tlgawy-reference-ui .tlgawy-react-picker {
  background:white; border-radius:20px; box-shadow:0 2px 10px rgba(0,0,0,.15);
  padding:5px 8px; display:flex; gap:6px;
  border:1px solid rgba(0,0,0,.05); animation:tlgawy-reference-react-fade .15s ease-out;
}
html.tlgawy-reference-ui .tlgawy-react-picker button {
  width:auto; height:auto; min-width:0; font-size:22px; cursor:pointer;
  padding:2px; border-radius:50%; line-height:1; border:2px solid transparent!important;
  background:none; font-family:Arial;
  transition:transform .15s!important;
}
html.tlgawy-reference-ui .tlgawy-react-picker button:hover { transform:scale(1.2); }
html.tlgawy-reference-ui .tlgawy-react-picker button.selected {
  background-color:rgba(0,123,255,.3)!important; border-color:#007bff!important;
  box-shadow:0 0 5px rgba(0,123,255,.5)!important; transform:scale(1.1);
}
html.tlgawy-reference-ui #show_chat .tlgawy-react-chips { gap:0; }
html.tlgawy-reference-ui #show_chat .tlgawy-react-chips:empty { display:none; }
html.tlgawy-reference-ui #show_chat .tlgawy-react-wrap.is-busy > * { opacity:.55; }
html.tlgawy-reference-ui #show_chat .tlgawy-react-chip {
  margin-left:10px; pointer-events:auto; display:inline-flex; align-items:center;
  background:#fff; border-radius:10px; padding:2px 5px; height:auto; min-width:0;
  box-shadow:0 1px 2px rgba(0,0,0,.15); border:1px solid #e5e5e5;
  gap:3px; cursor:pointer; transition:all .2s ease!important;
}
html.tlgawy-reference-ui #show_chat .tlgawy-react-chip:hover { background:#f9f9f9; transform:scale(1.05); }
html.tlgawy-reference-ui #show_chat .tlgawy-react-chip span { font-size:13px; line-height:1; filter:drop-shadow(0 0 1px #fff); }
html.tlgawy-reference-ui #show_chat .tlgawy-react-chip b { font-weight:normal; font-size:11px; color:#65676b; margin-left:1px; line-height:13px; }
html.tlgawy-reference-ui .tlgawy-react-users-list > div { gap:10px; padding:5px; border-bottom:1px solid rgba(0,0,0,.05); }
html.tlgawy-reference-ui .tlgawy-react-users-list > div:last-child { border-bottom:none; }
html.tlgawy-reference-ui .tlgawy-react-users-list img { width:32px; height:32px; border-radius:50%; object-fit:cover; }
html.tlgawy-reference-ui .tlgawy-react-users-list b { font-weight:bold; font-size:13px; }
html.tlgawy-reference-ui .tlgawy-react-users-list small { font-size:20px; line-height:1; }
@keyframes tlgawy-reference-react-fade {
  from { opacity:0; transform:translateY(5px); }
  to { opacity:1; transform:translateY(0); }
}
@media (hover:none),(pointer:coarse) {
  html.tlgawy-reference-ui #show_chat .tlgawy-react-trigger { display:inline-flex; }
}
@media (prefers-reduced-motion:reduce) {
  html.tlgawy-reference-ui .tlgawy-react-picker { animation:none; }
  html.tlgawy-reference-ui #show_chat .tlgawy-react-trigger,
  html.tlgawy-reference-ui #show_chat .tlgawy-react-chip,
  html.tlgawy-reference-ui .tlgawy-react-picker button { transition:none!important; }
}