/* Compact voice bubble, designed around playback and the sender's portrait. */
.bubble[data-kind="audio"]{width:340px;max-width:90%;padding:14px 13px 7px;border-radius:21px;background:#25282c;box-shadow:0 4px 15px #00000014}.bubble.mine[data-kind="audio"]{background:linear-gradient(135deg,#ff922c,#ff7900)}
.voice-message.bravo-voice{--voice-progress:0%;--voice-active:#ff963c;--voice-muted:#8b8e9380;width:100%;min-width:0;display:block;color:#f4f5f6}.bubble.mine .bravo-voice{--voice-active:#252119;--voice-muted:#48331c66;color:#241c13}.bravo-voice>audio{display:none!important}.bravo-voice-main{display:grid;grid-template-columns:36px minmax(0,1fr) 47px;align-items:center;gap:11px;min-height:63px}.bravo-voice-play{display:grid;place-items:center;width:36px;height:42px;border:0;padding:5px;background:transparent;color:inherit;box-shadow:none;border-radius:12px;align-self:start;margin-top:4px;cursor:pointer}.bravo-voice-play:hover{background:#ffffff0d}.bravo-voice-play svg{width:27px;height:27px;fill:currentColor;stroke:none}.bravo-voice-play:focus-visible,.bravo-voice-seek:focus-visible,.bravo-voice .bravo-audio-speed:focus-visible{outline:2px solid currentColor;outline-offset:3px}.bravo-voice-track{min-width:0}.bravo-voice-wave{position:relative;height:39px;width:100%;margin:2px 0 1px;color:var(--voice-active)}.bravo-voice-wave svg{display:block;position:absolute;inset:0;width:100%;height:36px;fill:currentColor;stroke:none}.bravo-voice-wave .bravo-wave-base{color:var(--voice-muted)}.bravo-wave-progress{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--voice-progress)) 0 0)}.bravo-wave-dot{position:absolute;top:12px;left:clamp(6px,var(--voice-progress),calc(100% - 6px));height:12px;width:12px;transform:translateX(-50%);background:var(--voice-active);border-radius:50%;pointer-events:none}.bravo-voice-seek{position:absolute;inset:0;width:100%;height:39px;margin:0!important;padding:0!important;border:0!important;opacity:0;cursor:pointer;touch-action:pan-y;accent-color:var(--voice-active);min-width:0}.bravo-voice-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:23px}.bravo-voice-time{font-size:11px;font-variant-numeric:tabular-nums;color:inherit;opacity:.75;letter-spacing:.3px;line-height:1.3}.bravo-voice .bravo-audio-speed{color:inherit;background:#ffffff0a;min-width:38px;font-size:10px;border:1px solid #ffffff20;padding:3px 7px;line-height:1.2;border-radius:12px;align-self:center}.bubble.mine .bravo-voice .bravo-audio-speed{border-color:#33200f2b;background:#2b1d0e0c}.bravo-voice-avatar{position:relative;display:grid;place-items:center;width:43px;height:43px;background:#ffffff0e;border:1px solid #ffffff14;border-radius:50%;color:inherit;font-size:14px;font-weight:750;flex-shrink:0;align-self:start;margin-top:4px;overflow:visible}.bravo-voice-avatar>img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:50%!important;max-height:none!important}.bravo-voice-mic{position:absolute;bottom:-5px;left:-8px;width:21px;height:25px;display:grid;place-items:center;color:var(--voice-active);background:#25282c;border-radius:8px;padding:3px 1px}.bubble.mine .bravo-voice-mic{background:#ff8714}.bravo-voice-mic svg{width:18px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bubble[data-kind="audio"] .message-footer{margin-top:2px;gap:7px;justify-content:flex-end}.bubble[data-kind="audio"] .message-menu{font-size:16px;padding:0 6px}.bubble[data-kind="audio"] .stamp{font-size:9px}.bravo-voice .voice-error{margin-top:9px;font-size:11px;line-height:1.5}.voice-waiting .bravo-voice-play{animation:bravo-voice-pulse .8s ease-in-out infinite alternate}.bravo-voice.voice-playing .bravo-voice-mic{filter:brightness(1.2)}@keyframes bravo-voice-pulse{from{opacity:.4}to{opacity:1}}@media(prefers-reduced-motion:reduce){.voice-waiting .bravo-voice-play{animation:none;opacity:.6}}@media(max-width:400px){.bubble[data-kind="audio"]{width:310px;max-width:94%;padding:12px 11px 6px}.bravo-voice-main{grid-template-columns:30px minmax(0,1fr) 43px;gap:9px}.bravo-voice-play{width:30px}.bravo-voice-avatar{width:39px;height:39px}.bravo-voice-play svg{width:25px;height:25px}}
.bravo-voice-wave:focus-within{outline:2px solid var(--voice-active);outline-offset:3px;border-radius:5px}
.bravo-voice-play svg,.bravo-voice-play svg *{pointer-events:none}