/* KU-KU composer UI 9168 — iPhone style: + | long field with mic | 3D send arrow */
#chat91View .ei914-compose-wrap{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin-top:10px!important;
}
#chat91View #ei914Plus{
  width:38px!important;height:38px!important;min-width:38px!important;
  border-radius:50%!important;padding:0!important;margin:0!important;
  font-size:26px!important;font-weight:900!important;line-height:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:#d9dde5!important;border:1px solid #4b5564!important;
  background:linear-gradient(180deg,#343a43 0%,#20252c 58%,#171b20 100%)!important;
  text-shadow:0 1px 0 #fff7,0 -2px 2px #000!important;
  box-shadow:inset 0 1px 0 #ffffff22,inset 0 -2px 0 #00000066,0 4px 10px #00000055!important;
}
#chat91View #ei914Plus:active{transform:translateY(1px) scale(.97)!important}
#chat91View .chat91-compose{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;min-width:0!important;margin:0!important;
}
#chat91View .chat91-compose textarea,
#chat91View #chat91Text{
  grid-column:1!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;
  resize:none!important;padding:10px 48px 10px 14px!important;border-radius:18px!important;
  font-size:15px!important;line-height:22px!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:clip!important;
}
#chat91View #chat91Text::placeholder{font-size:15px!important;opacity:.82!important;white-space:nowrap!important}
/* microphone lives inside the right side of the message field */
#chat91View #chat91Mic{
  position:absolute!important;right:49px!important;top:50%!important;transform:translateY(-50%)!important;
  width:34px!important;height:34px!important;min-width:34px!important;
  padding:0!important;margin:0!important;border-radius:50%!important;overflow:hidden!important;
  color:transparent!important;font-size:0!important;line-height:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;z-index:5!important;
}
#chat91View #chat91Mic::before{
  content:""!important;position:absolute!important;inset:7px!important;background:#27c653!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 14a3 3 0 0 0 3-3V5a3 3 0 1 0-6 0v6a3 3 0 0 0 3 3Zm5-3a1 1 0 1 0-2 0 3 3 0 0 1-6 0 1 1 0 1 0-2 0 5 5 0 0 0 4 4.9V19H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-3.1A5 5 0 0 0 17 11Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 14a3 3 0 0 0 3-3V5a3 3 0 1 0-6 0v6a3 3 0 0 0 3 3Zm5-3a1 1 0 1 0-2 0 3 3 0 0 1-6 0 1 1 0 1 0-2 0 5 5 0 0 0 4 4.9V19H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-3.1A5 5 0 0 0 17 11Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
#chat91View #chat91Mic.kuku-recording-9167::before{background:#ff3b3b!important}
/* existing send button becomes a compact circular iPhone-like 3D up-arrow */
#chat91View .chat91-compose button:not(#chat91Mic){
  grid-column:2!important;
  width:42px!important;height:42px!important;min-width:42px!important;
  padding:0!important;margin:0!important;border-radius:50%!important;
  font-size:0!important;line-height:0!important;color:transparent!important;
  position:relative!important;overflow:hidden!important;
  border:1px solid #55a9ff!important;
  background:linear-gradient(180deg,#38a7ff 0%,#087af0 55%,#0062cf 100%)!important;
  box-shadow:inset 0 1px 0 #ffffff77,inset 0 -3px 5px #003d91aa,0 5px 12px #0078ff55!important;
}
#chat91View .chat91-compose button:not(#chat91Mic)::before{
  content:"↑"!important;color:white!important;font-size:27px!important;font-weight:900!important;line-height:38px!important;
  position:absolute!important;inset:0!important;text-align:center!important;text-shadow:0 2px 2px #004a9dcc!important;
}
#chat91View .chat91-compose button:not(#chat91Mic):active{transform:translateY(1px) scale(.96)!important}
#chat91View #chat91RecState:empty{display:none!important}
@media(max-width:900px){
  aside .brand{display:flex!important;visibility:visible!important;opacity:1!important}
  aside .brand .kuku-sidebar-logo{display:block!important;visibility:visible!important;opacity:1!important}
  aside .brand .kuku-sidebar-name{display:block!important;visibility:visible!important;opacity:1!important}
}
@media(min-width:651px){
  #chat91View .ei914-compose-wrap{grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important}
  #chat91View #ei914Plus{width:42px!important;height:42px!important;min-width:42px!important;font-size:28px!important}
  #chat91View .chat91-compose{grid-template-columns:minmax(0,1fr) 46px!important;gap:9px!important}
  #chat91View .chat91-compose textarea,#chat91View #chat91Text{height:46px!important;min-height:46px!important;max-height:46px!important;font-size:16px!important;padding-right:50px!important}
  #chat91View #chat91Text::placeholder{font-size:16px!important}
  #chat91View .chat91-compose button:not(#chat91Mic){width:46px!important;height:46px!important;min-width:46px!important}
  #chat91View #chat91Mic{right:55px!important;width:36px!important;height:36px!important;min-width:36px!important}
}
