/*
 * AIOS CONNECTION NETWORK
 * JAHCORE FLOATING PRESENTATION V1
 *
 * Presentation only.
 * Voice/Text engines remain canonical.
 */

#aiosJahcoreVoiceRoot.aios-jahcore-voice {
  position: fixed !important;

  top: auto !important;
  left: auto !important;
  right: 32px !important;
  bottom: 32px !important;

  z-index: 10050 !important;

  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;

  width: auto;
  max-width: min(92vw, 640px);

  pointer-events: none;

  filter:
    drop-shadow(0 18px 34px rgba(0,0,0,.42));
}


/* ---------------------------------------------------------
   PRIMARY JAHCORE LAUNCHER
   --------------------------------------------------------- */

#aiosJahcoreVoiceRoot
.aios-jahcore-voice__button {
  pointer-events: auto;

  min-height: 62px;

  padding:
    9px
    20px
    9px
    9px;

  gap: 11px;

  border:
    1px solid
    rgba(255,255,255,.32);

  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      rgba(18,22,34,.98),
      rgba(7,10,18,.98)
    );

  box-shadow:
    0 14px 38px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.10);

  backdrop-filter: blur(18px);

  color: #fff;

  cursor: pointer;
}


/* J mark becomes a real visual anchor. */

#aiosJahcoreVoiceRoot
.aios-jahcore-voice__mark {
  width: 44px;
  height: 44px;

  flex: 0 0 44px;

  border:
    1px solid
    rgba(255,255,255,.40);

  border-radius: 50%;

  background:
    rgba(255,255,255,.08);

  font-size: 1.05rem;
  font-weight: 900;
}


/* Jahcore should be readable without hunting for it. */

#aiosJahcoreVoiceRoot
.aios-jahcore-voice__label {
  font-size: .96rem;
  font-weight: 800;
  letter-spacing: .035em;
}


/* ---------------------------------------------------------
   RUNTIME STATUS
   --------------------------------------------------------- */

#aiosJahcoreVoiceRoot
.aios-jahcore-voice__status {
  pointer-events: none;

  max-width: 220px;

  margin-right: 8px;

  padding:
    5px
    10px;

  border:
    1px solid
    rgba(255,255,255,.12);

  border-radius: 999px;

  background:
    rgba(7,10,18,.94);

  color: #fff;

  font-size: .72rem;
  font-weight: 650;
  line-height: 1.25;

  box-shadow:
    0 8px 24px rgba(0,0,0,.30);
}


/* ---------------------------------------------------------
   UNIVERSAL TALK / TEXT
   --------------------------------------------------------- */

#aiosJahcoreVoiceRoot
.jahcore-universal-text-talk {
  pointer-events: auto;

  width: min(92vw, 560px);
  max-width: 560px;

  box-sizing: border-box;
}


#aiosJahcoreVoiceRoot
.jahcore-universal-modebar {
  justify-content: flex-end;
}


#aiosJahcoreVoiceRoot
.jahcore-universal-text-panel {
  width: min(92vw, 560px);
  max-width: 560px;

  box-sizing: border-box;

  border-radius: 18px;

  box-shadow:
    0 20px 55px rgba(0,0,0,.48);
}


#aiosJahcoreVoiceRoot
.jahcore-universal-transcript {
  max-height: min(48vh, 420px);
  overflow-y: auto;
}


#aiosJahcoreVoiceRoot
.jahcore-universal-message {
  overflow-wrap: anywhere;
}


/* ---------------------------------------------------------
   DESKTOP HOVER
   --------------------------------------------------------- */

@media (hover: hover) {

  #aiosJahcoreVoiceRoot
  .aios-jahcore-voice__button:hover {
    transform: translateY(-2px);

    box-shadow:
      0 18px 46px rgba(0,0,0,.48),
      inset 0 1px 0 rgba(255,255,255,.12);
  }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 700px) {

  #aiosJahcoreVoiceRoot.aios-jahcore-voice {
    right: 14px !important;
    bottom: 18px !important;

    max-width:
      calc(100vw - 28px);
  }


  #aiosJahcoreVoiceRoot
  .aios-jahcore-voice__button {
    min-height: 56px;

    padding:
      7px
      16px
      7px
      7px;
  }


  #aiosJahcoreVoiceRoot
  .aios-jahcore-voice__mark {
    width: 40px;
    height: 40px;

    flex-basis: 40px;
  }


  #aiosJahcoreVoiceRoot
  .aios-jahcore-voice__label {
    font-size: .9rem;
  }


  #aiosJahcoreVoiceRoot
  .jahcore-universal-text-talk,
  #aiosJahcoreVoiceRoot
  .jahcore-universal-text-panel {
    width:
      calc(100vw - 28px);

    max-width:
      calc(100vw - 28px);
  }


  #aiosJahcoreVoiceRoot
  .jahcore-universal-transcript {
    max-height: 42vh;
  }
}