/* Kompakt címkézés: nem külön sor, hanem vékony OLDALSÓ CSÍK a bejegyzésen
   + apró ikon a buborék végén. Kattintásra szűr a címkére. */
.mx-tag-add{font-size:12px;padding:0 4px;margin-left:6px;cursor:pointer;border:none;background:none;color:var(--text,#2a2320);opacity:.28;transition:opacity .15s;vertical-align:middle;line-height:1}
.mx-tag-add:hover{opacity:.9}
.msg.mx-has-tags{position:relative}
.msg.mx-has-tags::before{content:'';position:absolute;left:-2px;top:2px;bottom:2px;width:3px;border-radius:3px;background:var(--mx-tagcol,#7c8aff)}
.mx-tag-badge{font-size:10px;margin-left:6px;padding:1px 7px;border-radius:10px;background:var(--mx-tagcol,#7c8aff);color:#fff;cursor:pointer;vertical-align:middle;opacity:.9;line-height:1.5;white-space:nowrap}
.mx-tag-badge:hover{opacity:1}
.mx-tagfilter-bar{position:sticky;top:0;z-index:6;display:none;align-items:center;gap:10px;padding:6px 12px;margin:0 0 6px;background:var(--panel,#efe6d0);border:1px solid var(--border,#c9b892);border-left:4px solid var(--mx-tagcol,#7c8aff);border-radius:8px;font-size:12.5px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.mx-tagfilter-bar.active{display:flex}
.mx-tagfilter-bar span{flex:1}
.mx-tagfilter-bar button{font-size:12px;padding:3px 10px;cursor:pointer;border:1px solid var(--border,#c9b892);border-radius:6px;background:rgba(0,0,0,.05);color:inherit}
.mx-tagfilter-bar button:hover{background:rgba(0,0,0,.1)}
.msg.mx-tagfilter-hidden{display:none!important}