/* BAND CLUB R178 | Unified photo / microphone / submit actions.
 * Keep the legacy #photo .updateControl handler intact. No behavior change.
 */
#updateBoxBlock .panel-footer.share-buttons{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:100%!important;
  height:auto!important;
  min-height:68px!important;
  padding:9px 14px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#updateBoxBlock .panel-footer.share-buttons>.bc178-composer-actions{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  float:none!important;
  margin-left:auto!important;
  gap:9px!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  flex-wrap:nowrap!important;
}
#updateBoxBlock .bc178-visually-hidden{
  display:block!important;
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  margin:-1px!important;
  padding:0!important;
  border:0!important;
}
#updateBoxBlock .panel-footer.share-buttons #photo.bc178-photo-btn{
  position:relative!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 48px!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  border-radius:13px!important;
  border:1px solid #c6dbed!important;
  background:#edf6fc!important;
  background-image:linear-gradient(150deg,#f0f8ff 0%,#d9ecf9 100%)!important;
  color:#146a9c!important;
  line-height:1!important;
  text-indent:0!important;
  box-shadow:0 3px 10px rgba(19,75,120,.09)!important;
  cursor:pointer!important;
  text-decoration:none!important;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
#updateBoxBlock #photo.bc178-photo-btn svg.bc178-photo-svg{
  display:block!important;
  width:26px!important;
  height:26px!important;
  fill:none!important;
  stroke:currentColor!important;
  pointer-events:none!important;
}
#updateBoxBlock .panel-footer.share-buttons #photo.bc178-photo-btn:hover,
#updateBoxBlock .panel-footer.share-buttons #photo.bc178-photo-btn:focus-visible{
  background-image:linear-gradient(150deg,#e3f4ff,#c8e9fa)!important;
  border-color:#80c6e5!important;
  box-shadow:0 6px 14px rgba(16,105,158,.17)!important;
  color:#09648d!important;
  transform:translateY(-2px)!important;
  outline:2px solid #b2e4f7!important;
  outline-offset:2px!important;
}
#updateBoxBlock #bc175-mic.bc175-mic{
  box-sizing:border-box!important;
  flex:0 0 48px!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  border-radius:13px!important;
  vertical-align:middle!important;
}
#updateBoxBlock #bc175-mic .bc176-mic-icon{
  width:25px!important;
  height:25px!important;
}
#updateBoxBlock #bc175-mic .bc176-stop-icon{
  width:24px!important;
  height:24px!important;
}
body.bc-modern #updateBoxBlock .panel-footer.share-buttons #updateButton.update_button{
  display:inline-flex!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  min-width:102px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0 17px!important;
  border-radius:13px!important;
  line-height:1.1!important;
  vertical-align:middle!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
#updateBoxBlock .panel-footer.share-buttons #updateButton i.fa{
  font-size:15px!important;
  line-height:1!important;
}
#updateBoxBlock .panel-footer.share-buttons #updateButton .buttonUpdate{
  font-size:13px!important;
  line-height:1.1!important;
}
@media(max-width:600px){
  #updateBoxBlock .panel-footer.share-buttons{
    min-height:66px!important;
    padding:8px 10px!important;
  }
  #updateBoxBlock .panel-footer.share-buttons>.bc178-composer-actions{
    gap:7px!important;
  }
  body.bc-modern #updateBoxBlock .panel-footer.share-buttons #updateButton.update_button{
    min-width:94px!important;
    padding:0 12px!important;
  }
}
@media(max-width:360px){
  #updateBoxBlock .panel-footer.share-buttons{
    min-height:62px!important;
    padding:6px 7px!important;
  }
  #updateBoxBlock .panel-footer.share-buttons>.bc178-composer-actions{
    gap:6px!important;
  }
  #updateBoxBlock .panel-footer.share-buttons #photo.bc178-photo-btn,
  #updateBoxBlock #bc175-mic.bc175-mic,
  body.bc-modern #updateBoxBlock .panel-footer.share-buttons #updateButton.update_button{
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
  }
  #updateBoxBlock .panel-footer.share-buttons #photo.bc178-photo-btn,
  #updateBoxBlock #bc175-mic.bc175-mic{
    flex-basis:46px!important;
    width:46px!important;
    min-width:46px!important;
  }
  body.bc-modern #updateBoxBlock .panel-footer.share-buttons #updateButton.update_button{
    min-width:88px!important;
    padding:0 10px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #updateBoxBlock .panel-footer.share-buttons #photo.bc178-photo-btn{
    transition:none!important;
    transform:none!important;
  }
}