/* 3.0.14 - user mentions and chat refinements */
.vi309-mention-list{position:absolute;z-index:80;bottom:calc(100% + 7px);left:8px;right:8px;max-height:240px;overflow:auto;padding:5px;background:#111e35;border:1px solid #345677;border-radius:13px;box-shadow:0 16px 40px #0009}
.vi309-mention-list[hidden]{display:none!important}
.vi309-mention-choice{display:block;width:100%;padding:10px 13px;border:0;border-radius:8px;text-align:left;color:#dbefff;background:transparent;font-weight:650;cursor:pointer}
.vi309-mention-choice[aria-selected="true"],.vi309-mention-choice:hover{background:#244b70;color:white}
.vi309-mention{display:inline-block;padding:1px 6px;margin:0 1px;border-radius:6px;background:rgba(50,155,244,.15);color:#79c8ff;font-weight:700;overflow-wrap:anywhere}
.vi309-mention.is-mine{background:rgba(66,195,155,.19);color:#76efcb}
.message{transition:background-color .18s,border-color .18s}
.message:hover{background:rgba(88,136,198,.055)}
.vi306-embed{border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.09)}
.vi306-react{transition:transform .16s,border-color .16s}.vi306-react:hover{transform:translateY(-1px)}
body[data-theme-mode="light"] .vi309-mention-list{background:#fff;color:#182943;border-color:#c5d9eb;box-shadow:0 12px 25px #112a4026}
body[data-theme-mode="light"] .vi309-mention-choice{color:#1c4264}body[data-theme-mode="light"] .vi309-mention-choice:hover,body[data-theme-mode="light"] .vi309-mention-choice[aria-selected="true"]{background:#e7f2fc}
/* 3.0.14 visual refinement: retains user-selected theme variables */
.sidebar,.members-pane{border-color:color-mix(in srgb,var(--line-theme,#29445f) 80%,var(--accent-a,#28ccff) 20%)}
.topbar{box-shadow:0 3px 16px rgba(0,0,0,.065)}
.channel{transition:background .16s,border-color .16s,transform .16s}
.channel:hover{transform:translateX(2px)}
.channel.active{box-shadow:inset 3px 0 0 var(--accent-a,#28ccff)}
.composer{box-shadow:0 8px 34px rgba(0,0,0,.10);transition:border-color .18s,box-shadow .18s}
.composer:focus-within{border-color:var(--accent-a,#28ccff);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-a,#28ccff) 16%,transparent),0 10px 30px rgba(0,0,0,.08)}
.msg-time{opacity:.68}.msg-head{gap:8px}
.vi305-action-row button,.vi306-add-reaction{transition:transform .16s,filter .16s}
.vi305-action-row button:hover,.vi306-add-reaction:hover{transform:translateY(-1px);filter:brightness(1.10)}
@media (prefers-reduced-motion:reduce){.message,.channel,.composer,.vi306-react,.vi305-action-row button{transition:none!important}}

/* VoicerInn 3.0.14 • refinements shared by Windows, Web and Android */
.message,.vi306-embed{overflow-wrap:anywhere}
.vi306-embed img,.message img{max-width:100%;height:auto}
.vi309-mention-list{scrollbar-width:thin;scrollbar-color:var(--accent-a,#4ebbee) transparent}
.vi309-mention-choice:focus-visible{outline:2px solid var(--accent-a,#4ebbee);outline-offset:-2px}
.composer textarea,.composer input{min-width:0}
.channel:focus-visible,.vi305-action-row button:focus-visible,.vi306-add-reaction:focus-visible{outline:2px solid var(--accent-a,#4ebbee);outline-offset:2px}
.vi306-embed{border:1px solid color-mix(in srgb,var(--accent-a,#35b6ed) 18%,transparent)}
@media(max-width:700px){.vi309-mention-list{max-height:min(200px,38vh);left:4px;right:4px}}
@media(prefers-reduced-motion:reduce){.vi309-mention-choice,.vi305-action-row button{transition:none!important}}