/* JTII AI HOVER LAUNCHER V1 */
#jtii-ai-root .jtii-ai-launcher {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  height: 68px !important;
  min-height: 68px !important;
  padding: 4px !important;
  gap: 0 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  transition: width .3s ease, max-width .3s ease,
              box-shadow .3s ease !important;
}

#jtii-ai-root .jtii-ai-launcher-image {
  flex: 0 0 58px !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
}

#jtii-ai-root .jtii-ai-launcher-label {
  display: inline-block !important;
  width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  transition: opacity .2s ease,
              max-width .3s ease,
              margin .3s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  #jtii-ai-root .jtii-ai-launcher:hover,
  #jtii-ai-root .jtii-ai-launcher:focus-visible {
    width: 185px !important;
    max-width: 185px !important;
  }

  #jtii-ai-root .jtii-ai-launcher:hover
  .jtii-ai-launcher-label,
  #jtii-ai-root .jtii-ai-launcher:focus-visible
  .jtii-ai-launcher-label {
    width: auto !important;
    max-width: 125px !important;
    margin-left: 8px !important;
    opacity: 1 !important;
  }
}

@media (max-width: 480px) {
  #jtii-ai-root .jtii-ai-launcher {
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    height: 62px !important;
    min-height: 62px !important;
  }

  #jtii-ai-root .jtii-ai-launcher-image {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    flex-basis: 52px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #jtii-ai-root .jtii-ai-launcher,
  #jtii-ai-root .jtii-ai-launcher-label {
    transition: none !important;
  }
}

/* JTII AI HIDE LAUNCHER WHEN OPEN V2 */

/* Hilangkan maskot ketika panel chat terbuka. */
#jtii-ai-root .jtii-ai-launcher[aria-expanded="true"],
#jtii-ai-root:has(> #jtii-ai-panel:not([hidden])) > .jtii-ai-launcher {
    display: none !important;
}

/* Ketika panel ditutup, maskot kembali tampil. */
#jtii-ai-root .jtii-ai-launcher[aria-expanded="false"] {
    display: flex !important;
}