/* BAND CLUB R177 | Clear audio-ready confirmation for mural posts.
 * The old footer is fixed-height, therefore this confirmation sits OUTSIDE it.
 */
#updateBoxBlock .bc177-audio-card[hidden],
#updateBoxBlock .bc177-audio-preview[hidden],
#updateBoxBlock .bc175-audio-feedback[hidden]{display:none!important}
#updateBoxBlock .bc177-audio-card{
 display:block!important;width:auto!important;box-sizing:border-box!important;
 margin:0 14px 14px!important;padding:14px 15px!important;clear:both!important;
 border:1px solid #8dd7bc!important;border-radius:14px!important;
 background:linear-gradient(125deg,#edfff8,#f5fafc)!important;
 box-shadow:0 4px 16px rgba(10,125,111,.10)!important;
 color:#155e56!important;overflow:visible!important
}
#updateBoxBlock .bc177-audio-card.is-ready{
 border-left:4px solid #18ac7c!important;
 animation:bc177-confirm .34s cubic-bezier(.2,.8,.2,1) both
}
#updateBoxBlock .bc177-audio-card.is-recording{
 background:#fff5f6!important;border-color:#f4c3ca!important;color:#993344!important;
 box-shadow:none!important;animation:none!important
}
#updateBoxBlock .bc177-audio-card-top{
 display:flex!important;align-items:center!important;gap:11px!important;
 flex-wrap:nowrap!important;min-width:0!important
}
#updateBoxBlock .bc177-audio-check{
 display:inline-flex!important;flex:0 0 41px!important;width:41px!important;height:41px!important;
 align-items:center!important;justify-content:center!important;
 color:#fff!important;background:#12a779!important;border-radius:12px!important;font-size:20px!important;
 box-shadow:0 3px 9px rgba(12,126,99,.15)!important
}
#updateBoxBlock .bc177-audio-card.is-recording .bc177-audio-check{
 background:#de425e!important
}
#updateBoxBlock .bc177-audio-card.is-recording .bc177-audio-check i:before{
 content:"\f111"!important;font-size:13px!important
}
#updateBoxBlock .bc177-audio-copy{
 min-width:0!important;flex:1 1 auto!important;
 display:flex!important;flex-direction:column!important;gap:3px!important;
 font:500 12px/1.4 Arial,Helvetica,sans-serif!important;color:#46726b!important
}
#updateBoxBlock .bc177-audio-copy strong{
 display:block!important;font:800 16px/1.25 Arial,Helvetica,sans-serif!important;
 color:#126d57!important;letter-spacing:-.15px!important
}
#updateBoxBlock .bc177-audio-card.is-recording .bc177-audio-copy strong{color:#b72b49!important}
#updateBoxBlock .bc177-audio-discard.bc175-discard{
 margin-left:auto!important;align-self:center!important;
 border-radius:9px!important;min-height:36px!important
}
#updateBoxBlock .bc177-audio-preview{
 display:block!important;margin:13px 0 0!important;
 border-top:1px solid #cce9dd!important;padding-top:12px!important
}
#updateBoxBlock .bc177-preview-header{
 display:flex!important;align-items:center!important;flex-wrap:wrap!important;
 gap:7px!important;margin:0 0 9px!important;
 font:700 12px/1.35 Arial,Helvetica,sans-serif!important;color:#345c65!important
}
#updateBoxBlock .bc177-preview-header i{font-size:15px!important;color:#0e9279!important}
#updateBoxBlock .bc177-audio-duration{
 margin-left:auto!important;background:#d9f5e9!important;border:1px solid #abe5cc!important;
 border-radius:7px!important;padding:3px 8px!important;color:#0b735a!important;
 font:800 12px/1.25 Arial,Helvetica,sans-serif!important
}
#updateBoxBlock .bc177-audio-preview audio{
 display:block!important;max-width:100%!important;width:100%!important;
 height:47px!important;border-radius:24px!important;
 margin:0!important;padding:0!important;background:#eef5f6!important;
}
#updateBoxBlock .bc177-audio-instruction{
 padding:11px 12px!important;margin:12px 0 0!important;
 background:#dbf5ea!important;border-radius:9px!important;
 color:#256452!important;font:500 12px/1.5 Arial,Helvetica,sans-serif!important
}
#updateBoxBlock .bc177-audio-instruction i{margin-right:5px!important;color:#0a916c!important}
#updateBoxBlock .bc177-audio-instruction strong{color:#086c51!important}
#updateBoxBlock .bc175-audio-feedback{
 display:block!important;margin:0 15px 11px!important;
 padding:7px 10px!important;width:auto!important;
 border-radius:8px!important;background:#ecfaf6!important;
 font:600 12px/1.45 Arial,Helvetica,sans-serif!important;color:#0b735c!important
}
#updateBoxBlock .bc175-audio-feedback.is-error{
 background:#fff3f4!important;color:#b62946!important
}
@keyframes bc177-confirm{
 0%{transform:translateY(6px);opacity:.6}
 100%{transform:translateY(0);opacity:1}
}
@media(max-width:600px){
 #updateBoxBlock .bc177-audio-card{margin:0 9px 12px!important;padding:12px!important}
 #updateBoxBlock .bc177-audio-card-top{gap:7px!important}
 #updateBoxBlock .bc177-audio-check{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:18px!important}
 #updateBoxBlock .bc177-audio-copy strong{font-size:14px!important}
 #updateBoxBlock .bc177-audio-copy{font-size:11px!important}
 #updateBoxBlock .bc177-audio-discard.bc175-discard{padding:7px!important;min-height:34px!important;font-size:11px!important}
 #updateBoxBlock .bc175-audio-feedback{margin:0 9px 10px!important}
}
@media(prefers-reduced-motion:reduce){
 #updateBoxBlock .bc177-audio-card.is-ready{animation:none!important}
}