/* Shared chat styles (team chat + messages), on the site's tokens. */
.ch-input{position:relative}
.ch-input textarea{padding-right:46px}
.ch-emoji-btn{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;font-size:19px;line-height:1;color:#5f6d62;cursor:pointer}
.ch-emoji-btn:hover{background:#f5f1e6}
.ch-picker{position:absolute;z-index:200;display:grid;grid-template-columns:repeat(8,34px);gap:2px;padding:8px;background:#fff;border:1px solid rgba(11,36,25,.16);border-radius:14px;box-shadow:0 8px 24px -8px rgba(11,36,25,.22),0 2px 4px rgba(11,36,25,.04)}
.ch-picker--react{grid-template-columns:repeat(7,34px);border-radius:99px;padding:5px 8px}
.ch-picker button{width:34px;height:34px;border:0;border-radius:8px;background:none;font-size:20px;line-height:1;cursor:pointer}
.ch-picker button:hover,.ch-picker button:focus-visible{background:#f5f1e6;outline:none}
.ch-reacts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ch-react{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-radius:99px;border:1px solid rgba(11,36,25,.12);background:#fff;font-size:13px;line-height:1;color:#3a4a40;cursor:pointer}
.ch-react span{font-size:12px;font-weight:600}
.ch-react.is-mine{background:#e5efe8;border-color:rgba(0,75,59,.35);color:#0b3d2e}
.ch-react--add{color:#5f6d62;opacity:.75}
.ch-react--add:hover{opacity:1;background:#f5f1e6}
.ch-typing{font-size:13px;color:#5f6d62;font-style:italic;min-height:18px}
.ch-typing[hidden]{display:block;visibility:hidden}
.ch-online{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#2f8a52}
.ch-online::before{content:"";width:7px;height:7px;border-radius:50%;background:#50c878}
.ch-online[hidden],.ch-typing[hidden]{display:none}
.ch-typing[hidden]{display:block;visibility:hidden}

/* Jump-to-newest (2026-11-03) */
.ch-jump{position:sticky;bottom:6px;align-self:flex-end;z-index:5;min-width:40px;height:40px;margin-top:-40px;padding:0 12px;border-radius:999px;border:1px solid rgba(11,36,25,.14);background:#fff;color:#0b3d2e;font-family:inherit;font-weight:700;font-size:15px;line-height:1;flex-shrink:0;box-shadow:0 6px 18px -6px rgba(0,0,0,.35);cursor:pointer}
.ch-jump[hidden]{display:none}
.ch-jump.has-new{background:#0b3d2e;color:#fff;font-size:13px}