/* One-line preview after a completed voice or round-video recording. */
.recording-status>#send-recording{display:none}
.composer.has-recording{min-height:64px!important;padding:5px!important;overflow:visible!important}
.composer.has-recording>#message-input,.composer.has-recording>#attach-button,.composer.has-recording>#emoji-button,.composer.has-recording>.send{display:none!important}
.composer.has-recording>.recording-status{position:relative!important;inset:auto!important;grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:stretch!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:52px!important;margin:0!important;padding:4px!important;gap:7px!important;overflow:hidden!important;transform:none!important;border-radius:999px!important}
.has-recording .recording-status>#recording-dot{display:none!important}
.has-recording .recording-wave{display:block;min-width:54px!important;width:auto!important;max-width:none!important;height:38px!important;flex:1 1 100px!important;margin:0!important;background:none!important;mask:none!important;animation:none!important;cursor:pointer}
.has-recording .recording-wave svg{display:block;width:100%;height:100%;overflow:visible}
.has-recording .recording-wave path{fill:#a9dc45;stroke:#d8ff78;stroke-width:.65;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 5px #88bc2d45)}
.has-recording #recording-video-preview{position:static!important;width:42px!important;height:42px!important;flex:0 0 42px!important;margin:0!important;border-width:2px!important;transform:none!important;box-shadow:0 5px 14px #0005!important}
.has-recording .recording-status>span{min-width:37px!important;flex:0 0 auto!important;margin:0!important;color:inherit;font-size:12px!important;font-weight:800!important;text-align:center;white-space:nowrap}
.has-recording .recording-status>#cancel-recording,.has-recording .recording-status>#send-recording{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;max-width:none!important;height:42px!important;flex:0 0 auto!important;margin:0!important;padding:0 11px!important;gap:5px!important;border-radius:999px!important;box-sizing:border-box!important;font-size:11px!important;font-weight:800!important}
.has-recording .recording-status>#send-recording{border:1px solid #cfff57;background:linear-gradient(145deg,#cfff57,#91c92b);color:#13221c;box-shadow:0 7px 18px #91c92b35}
.has-recording .recording-status>#cancel-recording svg,.has-recording .recording-status>#send-recording svg{width:17px!important;height:17px!important;flex:0 0 17px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme=dark] .has-recording .recording-wave path{fill:#7ca72f;stroke:#cfff57}

@media(max-width:390px){
  .composer.has-recording>.recording-status{gap:4px!important;padding:3px!important}
  .has-recording .recording-wave{min-width:42px!important;flex-basis:64px!important}
  .has-recording .recording-status>#cancel-recording,.has-recording .recording-status>#send-recording{height:40px!important;padding:0 8px!important;gap:3px!important;font-size:10px!important}
  .has-recording .recording-status>#cancel-recording svg,.has-recording .recording-status>#send-recording svg{width:15px!important;height:15px!important;flex-basis:15px!important}
  .has-recording #recording-video-preview{width:38px!important;height:38px!important;flex-basis:38px!important}
}

@media(max-width:340px){
  .has-recording .recording-status>#cancel-recording span,.has-recording .recording-status>#send-recording span{display:none}
  .has-recording .recording-status>#cancel-recording,.has-recording .recording-status>#send-recording{width:40px!important;padding:0!important}
}