/* extras da conversa (ideias do 21st.dev, 13/10/2026): tiques, player de audio e respostas rapidas */
.b .h .tq { margin-left:3px; letter-spacing:-2px; color:var(--m2); }
.b .h .tq.lido { color:#34b7f1; }

.aud-p { display:flex; align-items:center; gap:10px; min-width:240px; max-width:340px; padding:4px 2px; }
.aud-p .ap { width:36px; height:36px; flex:none; border-radius:50%; border:0; cursor:pointer; font-size:14px; color:#fff;
  background:linear-gradient(135deg, var(--azul), var(--azulb)); box-shadow:0 4px 12px rgba(0,0,0,.25); }
.aud-p .ab { flex:1; height:6px; border-radius:999px; background:rgba(127,127,127,.3); cursor:pointer; position:relative; overflow:hidden; }
.aud-p .ab i { position:absolute; left:0; top:0; bottom:0; width:0; border-radius:999px; background:var(--azul); transition:width .2s linear; }
.aud-p.tocando .ab i { box-shadow:0 0 8px var(--azul); }
.aud-p .at { font-size:11px; opacity:.8; font-variant-numeric:tabular-nums; white-space:nowrap; }
.aud-p .av { flex:none; padding:3px 8px; border-radius:999px; font-size:11px; font-weight:700; cursor:pointer; border:1px solid var(--b2); background:var(--bg2); color:var(--t); }
.aud-p audio { display:none; }

#compositor { flex-wrap:wrap; }
#rapidas { display:flex; flex-wrap:wrap; gap:6px; flex-basis:100%; padding:0 0 2px; }  /* primeira linha dentro da barra de escrever */
#rapidas button { padding:5px 11px; border-radius:999px; font-size:12px; cursor:pointer; border:1px solid var(--b2); background:var(--bg2); color:var(--t); }
#rapidas button:hover { border-color:var(--azul); }
#rapidas.off { opacity:.45; pointer-events:none; }