/* JAHCORE_TEXT_POINTER_INTERACTION_V1 */
.jahcore-universal-text-talk {
  pointer-events:auto;
  width:100%;
  margin-top:.7rem;
  box-sizing:border-box;
  font-family:inherit;
}

.jahcore-universal-modebar {
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:wrap;
}

.jahcore-universal-mode-button,
.jahcore-universal-send {
  appearance:none;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(10,18,32,.92);
  color:#fff;
  padding:.62rem .92rem;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}

.jahcore-universal-mode-button:hover,
.jahcore-universal-send:hover {
  border-color:rgba(255,255,255,.48);
}

.jahcore-universal-text-panel {
  margin-top:.65rem;
  width:min(100%, 38rem);
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(7,13,24,.96);
  padding:.7rem;
  box-sizing:border-box;
}

.jahcore-universal-transcript {
  max-height:18rem;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:.55rem;
  margin-bottom:.65rem;
}

.jahcore-universal-message {
  display:flex;
  flex-direction:column;
  gap:.16rem;
  padding:.55rem .65rem;
  border-radius:10px;
  color:#fff;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.jahcore-universal-message--user {
  background:rgba(255,255,255,.08);
}

.jahcore-universal-message--jahcore {
  background:rgba(45,88,145,.24);
}

.jahcore-universal-message strong {
  font-size:.77rem;
  opacity:.78;
}

.jahcore-universal-composer {
  display:flex;
  align-items:flex-end;
  gap:.5rem;
}

.jahcore-universal-input {
  flex:1 1 auto;
  min-width:0;
  resize:vertical;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.2);
  border-radius:10px;
  background:#101c31;
  color:#fff;
  padding:.7rem;
  font:inherit;
}

.jahcore-universal-input::placeholder {
  color:rgba(255,255,255,.56);
}

.jahcore-universal-text-status {
  margin-top:.45rem;
  font-size:.78rem;
  color:rgba(255,255,255,.68);
}

@media (max-width:640px) {
  .jahcore-universal-text-panel {
    width:100%;
  }

  .jahcore-universal-composer {
    align-items:stretch;
    flex-direction:column;
  }

  .jahcore-universal-send {
    align-self:flex-end;
  }
}