/* Editable vector composer, sampled from the user's references. */
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer.staff-chat-composer{display:grid!important;grid-template-columns:minmax(0,1fr) 48px 48px!important;gap:7px!important;direction:ltr!important;align-items:end!important;padding:9px 10px max(9px,env(safe-area-inset-bottom))!important;background:transparent!important;border:0!important;box-shadow:none!important;position:absolute!important;inset:auto 0 0!important;width:100%!important;z-index:20!important;pointer-events:none!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer>.staff-chat-input-shell{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;align-items:center!important;direction:ltr!important;min-height:54px!important;padding:4px 7px!important;border-radius:22px 22px 7px 22px!important;background:#fff!important;border:0!important;box-shadow:0 3px 14px #193c4620!important;position:relative!important;min-width:0!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer>.staff-chat-input-shell:after{content:'';position:absolute;right:-6px;bottom:0;width:13px;height:15px;background:#fff;clip-path:polygon(0 0,45% 55%,100% 100%,0 100%)}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .staff-chat-input{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:8px 5px!important;min-height:42px!important;max-height:140px!important;line-height:1.6!important;color:#192c35!important;text-align:start;direction:rtl;font-family:inherit!important;font-size:16px!important;resize:none}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .staff-chat-input::placeholder{color:#a4a8ad!important;opacity:1;font-weight:400!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-smile,html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-clip{width:40px!important;height:44px!important;min-width:40px!important;min-height:44px!important;display:grid!important;place-items:center!important;padding:6px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#74777b!important;box-shadow:none!important;position:static!important;transform:none!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-smile{grid-column:1!important;grid-row:1!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-clip{grid-column:3!important;grid-row:1!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer svg{width:30px!important;height:30px!important;display:block}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-action{grid-column:2!important;grid-row:1!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;padding:9px!important;border-radius:50%!important;border:0!important;background:#fff!important;color:#74777b!important;box-shadow:0 3px 12px #193c4630!important;cursor:pointer}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-action[data-mode=send]{background:#0798cf!important;color:#fff!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-action[data-mode=stop]{color:#df4b55!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-action:disabled{opacity:.55;cursor:wait}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer>[data-staff-chat-send],html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer>[data-private-chat-send],html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer>[data-dp-attach]{display:none!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .so1-send-slot,html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer [data-cp3-photo],html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer>[data-ti-attach]{display:none!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer>[data-staff-attachment-preview]{grid-column:1/-1;grid-row:2}
.vc-record-panel{flex:none;display:flex;align-items:center;gap:8px;padding:8px 12px;margin:0 10px;background:#fff;border-radius:15px;font:inherit;font-size:12px;direction:rtl;box-shadow:0 2px 8px #153b4518;z-index:12}
.vc-record-panel span{flex:1}.vc-record-panel button{border:0;border-radius:12px;background:#fff0f0;color:#b42d3a;min-height:40px;padding:6px 12px;font:inherit}.vc-record-panel audio{width:min(55%,280px);height:40px}
.vc-player{display:grid;grid-template-columns:42px minmax(60px,1fr) 42px;align-items:center;gap:8px;min-width:200px;max-width:290px;direction:ltr;padding:7px 0;color:#3e8ecc}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-smile{opacity:1!important;visibility:visible!important;margin:0!important;inset:auto!important;order:0!important;grid-area:1/1!important;justify-self:center!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-smile svg{opacity:1!important;visibility:visible!important;color:#74777b!important;stroke:#74777b!important;fill:none!important}
.vc-player button{border:0;background:#4395d5;color:#fff;border-radius:50%;width:40px;height:40px;font-size:17px;cursor:pointer}.vc-player input{min-width:0;width:100%;accent-color:#4395d5}.vc-player small{font:inherit;font-size:12px;color:#6d8088}.vc-player [data-vc-error]{grid-column:1/-1;color:#ac3d37;font-size:11px}.vc-player audio{display:none}
@media(prefers-reduced-motion:reduce){.vc-composer *{transition:none!important;animation:none!important}}

html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-smile{background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20color%3D%22%2374777b%22%20stroke%3D%22%2374777b%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22%2374777b%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22%2374777b%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M10%2018c2.5%206%209.5%206%2012%200%22%2F%3E%3C%2Fsvg%3E") center/30px 30px no-repeat!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-smile svg{display:none!important}

/* CM1: separate right-hand menu, shared with group and direct chat. */
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer>.vc-menu{grid-column:3!important;grid-row:1!important;display:grid!important;place-items:center!important;position:static!important;transform:none!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin:0!important;padding:9px!important;border-radius:50%!important;border:0!important;background:#fff!important;color:#74777b!important;box-shadow:0 3px 12px #193c4630!important;cursor:pointer}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-menu svg{stroke:currentColor!important;fill:none!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-action[data-mode=send] svg{color:#fff!important;fill:#fff!important}

/* CG2: glass only on controls; the message surface continues beneath the gaps. */
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer::before,html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer::after{content:none!important;display:none!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer>.staff-chat-input-shell,html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-action,html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-menu{background:rgba(255,255,255,.64)!important;backdrop-filter:blur(19px) saturate(155%)!important;-webkit-backdrop-filter:blur(19px) saturate(155%)!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 3px 12px rgba(25,60,70,.10)!important;pointer-events:auto!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer>.staff-chat-input-shell:after{content:none!important;display:none!important}
html body.staff-chat-active #app main.staff-chat-page footer.staff-chat-composer.vc-composer .vc-action[data-mode=send]{background:rgba(7,152,207,.86)!important;color:#fff!important}

/* VW1: recording UI floats above the untouched composer. */
html body.staff-chat-active #app .staff-chat-composer>.vc-record-panel{position:absolute!important;bottom:calc(100% + 8px)!important;left:10px;right:10px;margin:0!important;z-index:45;pointer-events:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1px solid #ffffffcc;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:22px;box-shadow:0 5px 20px #173f5420}
.vw-status{font-size:12px;flex:1}.vw-live{display:flex;align-items:center;gap:3px;height:30px;flex:1;direction:ltr}.vw-live i{width:3px;min-height:3px;border-radius:3px;background:#0798cf;transition:height .1s}
.vc-player.vw-player{grid-template-columns:44px minmax(100px,1fr);grid-template-rows:30px 20px;gap:2px 12px;min-width:210px;width:280px;max-width:100%;padding:4px 0;color:#0798cf}.vw-player>[data-vc-play]{grid-row:1/3;grid-column:1;width:44px;height:44px;background:currentColor;position:relative;color:#0798cf;font-size:0}.vw-player>[data-vc-play]::after{content:'▶';color:#fff;font-size:22px}.vw-player>[data-vc-play][aria-label='توقف پخش وویس']::after{content:'Ⅱ'}
.vw-track{position:relative;height:30px;grid-column:2;grid-row:1}.vw-bars{display:flex;gap:2px;align-items:center;height:30px;direction:ltr;overflow:hidden}.vw-bars i{flex:1;min-width:1px;border-radius:4px;background:#93d1df}.vw-bars i.played{background:#0798cf}.vw-track input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.vw-track:focus-within{outline:2px solid #0798cf;border-radius:5px}.vw-player [data-vc-time]{grid-column:2;grid-row:2;color:#44879b;font-size:12px;direction:ltr;text-align:left}.vw-player [data-vc-error]{grid-row:3}.vc-record-panel>.vw-player{flex:1;min-width:200px}.vw-loading>[data-vc-play]{animation:vw-pulse .8s ease-in-out infinite alternate}@keyframes vw-pulse{to{opacity:.4}}@media(prefers-reduced-motion:reduce){.vw-loading>[data-vc-play]{animation:none}}