/* Clean WhatsApp-style support composer. Loaded after the legacy support rules. */
#pujanSupportPanel form.support-compose{
  position:relative!important;
  display:grid!important;
  align-items:end!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  gap:7px!important;
  padding:9px 10px!important;
  border-top:1px solid #dfe5e1!important;
  background:#f0f2f5!important;
}
#pujanSupportPanel form.support-compose[data-guide-form]{grid-template-columns:minmax(0,1fr) 38px!important}
#pujanSupportPanel form.support-compose[data-live-form]{grid-template-columns:minmax(0,1fr) 38px!important}
#pujanSupportPanel form.support-compose textarea{
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:40px!important;
  min-height:40px!important;
  max-height:96px!important;
  box-sizing:border-box!important;
  resize:none!important;
  padding:10px 13px!important;
  border:1px solid #d7dfda!important;
  border-radius:21px!important;
  background:#fff!important;
  color:#1f2d26!important;
  font-size:13px!important;
  line-height:1.4!important;
  outline:0!important;
  box-shadow:none!important;
}
#pujanSupportPanel form.support-compose textarea:focus{border-color:#a9c8b4!important;box-shadow:0 0 0 2px rgba(0,168,132,.12)!important}
#pujanSupportPanel form.support-compose .ps-mic{
  grid-column:2!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#e4f1e9!important;
  color:#1daa61!important;
  font-size:15px!important;
}
#pujanSupportPanel form.support-compose.has-text .ps-mic{background:#1daa61!important;color:#fff!important;box-shadow:0 3px 8px rgba(0,143,114,.2)!important}
#pujanSupportPanel form.support-compose .ps-mic:hover{background:#008f72!important;color:#fff!important}
#pujanSupportPanel form.support-compose .ps-send{display:none!important}
#pujanSupportPanel form.support-compose[data-live-form] .ps-attach{
  position:absolute!important;
  right:91px!important;
  bottom:10px!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:38px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#54675d!important;
  font-size:14px!important;
}
#pujanSupportPanel form.support-compose[data-live-form] textarea{padding-right:48px!important}
#pujanSupportPanel form.support-compose[data-live-form] .ps-attach{right:65px!important}
#pujanSupportPanel form.support-compose .ps-attach:hover{background:transparent!important;color:#008f72!important}
@media(max-width:480px){
  #pujanSupportPanel form.support-compose{gap:6px!important;padding:8px!important}
  #pujanSupportPanel form.support-compose[data-guide-form]{grid-template-columns:minmax(0,1fr) 34px!important}
  #pujanSupportPanel form.support-compose[data-live-form]{grid-template-columns:minmax(0,1fr) 34px!important}
  #pujanSupportPanel form.support-compose textarea{height:38px!important;min-height:38px!important;padding:9px 11px!important;font-size:12px!important}
  #pujanSupportPanel form.support-compose .ps-mic{width:34px!important;min-width:34px!important;height:34px!important;font-size:14px!important}
  #pujanSupportPanel form.support-compose[data-live-form] .ps-attach{right:77px!important;bottom:9px!important;width:25px!important;height:34px!important}
  #pujanSupportPanel form.support-compose[data-live-form] .ps-attach{right:58px!important}
  #pujanSupportPanel form.support-compose[data-live-form] textarea{padding-right:43px!important}
}

/* Pending files remain visible above the composer until the user sends or removes them. */
.support-pending-attachment26{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  margin:0 10px 5px!important;
  padding:7px 9px!important;
  border:1px solid #cfe1d5!important;
  border-radius:10px!important;
  background:#e9f5ed!important;
  color:#315844!important;
  font-size:11px!important;
}
.support-pending-attachment26>i{color:#1daa61!important;font-size:14px!important}
.support-pending-attachment26>span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.support-pending-attachment26 button{display:grid!important;place-items:center!important;flex:0 0 24px!important;width:24px!important;height:24px!important;margin-left:auto!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#697c70!important}
.support-pending-attachment26 button:hover{background:#ffe9df!important;color:#c55d2e!important}