/* V0.25.8: one accessible chat composer with restrained focus feedback. */
body.senvora-app-body #appShell #composerCard{
  --composer-accent:#db6754;
  position:relative!important;
  border:1px solid #d6dfdf!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#fff,#f8fbfa)!important;
  box-shadow:0 14px 38px rgba(26,50,58,.12),0 1px 0 rgba(255,255,255,.95) inset!important;
  transition:border-color .2s ease,box-shadow .24s ease,transform .2s ease!important;
}
body.senvora-app-body #appShell #composerCard:hover{
  border-color:#aec7c5!important;
  box-shadow:0 17px 43px rgba(26,50,58,.16),0 0 0 1px rgba(52,151,141,.07)!important;
}
body.senvora-app-body #appShell #composerCard:focus-within{
  border-color:#42a89a!important;
  box-shadow:0 18px 48px rgba(27,77,77,.18),0 0 0 3px rgba(45,170,153,.19),0 0 30px rgba(52,179,158,.16)!important;
}
body.senvora-app-body #appShell #composerCard[data-composer-state="ready"]{border-color:#96bab4!important}
body.senvora-app-body #appShell #composerCard[data-composer-state="generating"]{
  animation:none!important;
  border-color:#64b7a9!important;
  box-shadow:0 15px 44px rgba(26,80,72,.17),0 0 0 2px rgba(55,175,151,.12)!important;
}
body.senvora-app-body #appShell #composerCard::before{animation:none!important;opacity:0!important}
body.senvora-app-body #appShell #composerCard #messageInput{
  font-size:var(--composer-font,16px)!important;
  line-height:1.55!important;
  letter-spacing:.005em;
  color:#152c31!important;
  background:transparent!important;
  caret-color:#0c9885;
}
body.senvora-app-body #appShell #composerCard #messageInput::placeholder{color:#65777d!important;opacity:1}
body.senvora-app-body #appShell #composerCard .composer-toolbar{
  border-top:1px solid rgba(43,91,91,.1);
  padding-top:9px!important;
}
body.senvora-app-body #appShell #composerCard :is(.composer-tool,#effortButton,.composer-call-button,.composer-expand-button){
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body.senvora-app-body #appShell #composerCard :is(.composer-tool,#effortButton,.composer-call-button,.composer-expand-button):hover{
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(31,85,82,.12)!important;
}
body.senvora-app-body #appShell #composerCard #sendButton{
  border-radius:13px;
  background:linear-gradient(145deg,#178e81,#0b645d)!important;
  box-shadow:0 7px 17px rgba(8,116,101,.28)!important;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;
}
body.senvora-app-body #appShell #composerCard #sendButton:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 22px rgba(8,116,101,.34)!important}
body.senvora-app-body #appShell #composerCard :is(button,textarea):focus-visible{outline:2px solid #13a292!important;outline-offset:2px}
body[data-theme="dark"].senvora-app-body #appShell #composerCard{
  background:linear-gradient(145deg,#1c2830,#142129)!important;
  border-color:#3b5860!important;
  box-shadow:0 18px 45px rgba(0,0,0,.36),0 1px 0 rgba(219,246,242,.04) inset!important;
}
body[data-theme="dark"].senvora-app-body #appShell #composerCard:hover{border-color:#5f8686!important;box-shadow:0 18px 48px #0007,0 0 0 1px #4bbbab20!important}
body[data-theme="dark"].senvora-app-body #appShell #composerCard:focus-within{border-color:#59bdab!important;box-shadow:0 21px 50px #0008,0 0 0 3px #4dc6ad31,0 0 28px #4dc6ad22!important}
body[data-theme="dark"].senvora-app-body #appShell #composerCard #messageInput{color:#f5faf9!important}
body[data-theme="dark"].senvora-app-body #appShell #composerCard #messageInput::placeholder{color:#aac1c3!important}
body[data-theme="dark"].senvora-app-body #appShell #composerCard .composer-toolbar{border-top-color:#76939528}
@media(max-width:760px){
  body.senvora-app-body #appShell #composerCard{border-radius:20px!important}
  body.senvora-app-body #appShell #composerCard :is(.composer-tool,.composer-call-button,.composer-expand-button,#sendButton,#stopButton){min-width:42px;min-height:42px}
  body.senvora-app-body #appShell #composerCard :is(.composer-tool,#effortButton,.composer-call-button,.composer-expand-button):hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  body.senvora-app-body #appShell #composerCard,
  body.senvora-app-body #appShell #composerCard *{animation:none!important;transition:none!important}
}