/* SocialPress V4.10.54 — Messenger voice messages */
.sp-chat-voice{
  width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;
  background:transparent;color:#0866ff;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease
}
.sp-chat-voice:hover{background:#edf4ff}.sp-chat-voice:active{transform:scale(.94)}
.sp-chat-voice svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sp-chat-voice.is-recording{background:#ffe9ec;color:#e41e3f}.sp-chat-voice.is-recording svg{animation:spVoicePulse 1s ease-in-out infinite}
@keyframes spVoicePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.11)}}

.sp-chat-composer.has-voice-draft>.sp-chat-photo,
.sp-chat-composer.has-voice-draft>.sp-chat-voice,
.sp-chat-composer.has-voice-draft>.sp-chat-emoji,
.sp-chat-composer.has-voice-draft>.sp-chat-input-wrap,
.sp-chat-composer.has-voice-draft>.sp-chat-like,
.sp-chat-composer.has-voice-draft>.sp-chat-send{display:none!important}
.sp-chat-voice-draft{min-width:0;flex:1;display:flex;align-items:center;gap:9px;padding:6px 8px 6px 11px;border-radius:20px;background:#f0f2f5;color:#050505}
.sp-chat-voice-draft[hidden]{display:none!important}
.sp-chat-record-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#e41e3f}
.is-voice-recording .sp-chat-record-dot{animation:spRecordBlink 1s steps(2,end) infinite}
@keyframes spRecordBlink{50%{opacity:.25}}
.sp-chat-voice-draft strong{font-size:12px;white-space:nowrap}.sp-chat-voice-draft time{font:600 11px/1.2 inherit;color:#65676b;min-width:34px}
.sp-chat-voice-draft audio{height:30px;min-width:120px;max-width:260px;flex:1}
.sp-chat-voice-draft button{border:0;cursor:pointer;font:700 11px/1 inherit;border-radius:999px;padding:8px 11px}
.sp-chat-voice-cancel{background:transparent;color:#65676b}.sp-chat-voice-cancel:hover{background:#e4e6eb}
.sp-chat-voice-stop{background:#e41e3f;color:#fff}.sp-chat-voice-stop:hover{filter:brightness(.96)}
.sp-chat-voice-send{width:32px;height:32px;padding:0!important;display:grid;place-items:center;background:#0866ff;color:#fff;font-size:16px}
.sp-chat-voice-send[hidden],.sp-chat-voice-stop[hidden]{display:none!important}.sp-chat-voice-send:disabled{opacity:.5;cursor:wait}
.sp-chat-voice-send .sp-icon,.sp-chat-voice-send svg{width:17px;height:17px}

.sp-chat-voice-message{min-width:260px;max-width:min(390px,78vw);display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:18px;background:#f0f2f5;color:#050505}
.sp-chat-message.is-mine .sp-chat-voice-message{background:#e7f3ff}
.sp-chat-voice-message-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#0866ff;color:#fff}
.sp-chat-voice-message-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sp-chat-voice-player{min-width:0;flex:1}.sp-chat-voice-player strong{display:block;margin:0 0 4px;font-size:11px;line-height:1.1;color:#65676b}.sp-chat-voice-player audio{display:block;width:100%;height:32px;max-width:280px}
.sp-chat-voice-message>time{font:600 10px/1 inherit;color:#65676b;white-space:nowrap}

.sp-quick-chat .sp-chat-voice{width:32px!important;height:32px!important;flex:0 0 32px!important;color:#0866ff!important}
.sp-quick-chat .sp-chat-voice svg{width:18px;height:18px}
.sp-quick-chat .sp-chat-voice:hover{background:#edf4ff!important}
.sp-quick-chat .sp-chat-voice-draft{gap:6px;padding:4px 5px 4px 8px;border-radius:18px}
.sp-quick-chat .sp-chat-voice-draft strong{display:none}.sp-quick-chat .sp-chat-voice-draft audio{min-width:90px;max-width:150px;height:28px}.sp-quick-chat .sp-chat-voice-draft button{padding:7px 8px}.sp-quick-chat .sp-chat-voice-send{width:28px;height:28px;padding:0!important}
.sp-quick-chat .sp-chat-voice-message{min-width:220px;max-width:285px}.sp-quick-chat .sp-chat-voice-player audio{max-width:190px}

body.sp-theme-dark .sp-chat-voice{color:#2d88ff}body.sp-theme-dark .sp-chat-voice:hover{background:#3a3b3c}
body.sp-theme-dark .sp-chat-voice.is-recording{background:#5c2430;color:#ff8fa3}
body.sp-theme-dark .sp-chat-voice-draft,body.sp-theme-dark .sp-chat-voice-message{background:#3a3b3c;color:#e4e6eb}
body.sp-theme-dark .sp-chat-message.is-mine .sp-chat-voice-message{background:#263f5e}
body.sp-theme-dark .sp-chat-voice-draft time,body.sp-theme-dark .sp-chat-voice-message>time,body.sp-theme-dark .sp-chat-voice-player strong{color:#b0b3b8}
body.sp-theme-dark .sp-chat-voice-cancel{color:#b0b3b8}body.sp-theme-dark .sp-chat-voice-cancel:hover{background:#4e4f50}
body.sp-theme-dark .sp-quick-chat .sp-chat-voice{color:#2d88ff!important}body.sp-theme-dark .sp-quick-chat .sp-chat-voice:hover{background:#3a3b3c!important}

@media(max-width:759px){
  body.sp-messages-route .sp-chat-voice{width:38px;height:38px;flex-basis:38px}
  body.sp-messages-route .sp-chat-voice-draft{width:100%;gap:7px;padding:6px 7px}
  body.sp-messages-route .sp-chat-voice-draft strong{display:none}
  body.sp-messages-route .sp-chat-voice-draft audio{min-width:0;max-width:none;height:31px}
  body.sp-messages-route .sp-chat-voice-draft button{padding:8px 9px}
  .sp-chat-voice-message{min-width:220px;max-width:84vw;padding:8px 9px;gap:8px}
  .sp-chat-voice-player audio{max-width:100%;height:31px}
}
@media(max-width:390px){
  .sp-chat-voice-message{min-width:205px}.sp-chat-voice-message-icon{width:30px;height:30px;flex-basis:30px}.sp-chat-voice-message>time{display:none}
  body.sp-messages-route .sp-chat-voice-draft .sp-chat-voice-cancel{font-size:0;padding:7px;width:30px;height:30px}body.sp-messages-route .sp-chat-voice-draft .sp-chat-voice-cancel:after{content:'×';font-size:20px;line-height:1}
}


/* V4.10.55 — mobile microphone button visibility/alignment repair */
@media(max-width:759px){
  body.sp-messages-route .sp-chat-composer{display:grid!important;grid-template-columns:40px 40px minmax(0,1fr) 40px!important;align-items:end!important;column-gap:4px!important;row-gap:6px!important;width:100%!important;box-sizing:border-box!important}
  body.sp-messages-route .sp-chat-photo,
  body.sp-messages-route .sp-chat-voice,
  body.sp-messages-route .sp-chat-send{display:grid!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:none!important;place-items:center!important;align-self:end!important;margin:0!important;padding:0!important;border-radius:50%!important;visibility:visible!important;opacity:1!important;overflow:visible!important}
  body.sp-messages-route .sp-chat-voice{grid-column:2!important;color:#0866ff!important;background:transparent!important;position:relative!important;z-index:3!important}
  body.sp-messages-route .sp-chat-voice svg{width:21px!important;height:21px!important;display:block!important}
  body.sp-messages-route .sp-chat-input-wrap{grid-column:3!important;width:auto!important;min-width:0!important;margin:0!important}
  body.sp-messages-route .sp-chat-send{grid-column:4!important}
  body.sp-messages-route .sp-chat-photo{grid-column:1!important}
  body.sp-messages-route .sp-chat-voice-draft{grid-column:1/-1!important;width:100%!important;box-sizing:border-box!important}
  body.sp-messages-route .sp-chat-composer.has-voice-draft{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:390px){
  body.sp-messages-route .sp-chat-composer{grid-template-columns:36px 36px minmax(0,1fr) 36px!important;padding-left:6px!important;padding-right:6px!important;column-gap:3px!important}
  body.sp-messages-route .sp-chat-photo,body.sp-messages-route .sp-chat-voice,body.sp-messages-route .sp-chat-send{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  body.sp-messages-route .sp-chat-voice svg{width:20px!important;height:20px!important}
}