/* ========================================================
   BOTÃO FLUTUANTE IA - ELEMENTO PERMANENTE DO PROJETO
   ======================================================== */

html body #inspection-ai-button {

  display:
    inline-flex !important;

  visibility:
    visible !important;

  pointer-events:
    auto !important;

  position:
    fixed !important;

  left:
    auto !important;

  right:
    14px !important;

  bottom:
    calc(
      82px +
      env(safe-area-inset-bottom,0px)
    ) !important;

  z-index:
    12000 !important;

  width:
    auto !important;

  min-width:
    0 !important;

  max-width:
    none !important;

  height:
    42px !important;

  min-height:
    42px !important;

  padding:
    0 14px !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    7px !important;

  border:
    0 !important;

  border-radius:
    22px !important;

  background:
    linear-gradient(
      135deg,
      #2569e8,
      #1766cf
    ) !important;

  color:
    #fff !important;

  font-family:
    inherit !important;

  font-size:
    12px !important;

  line-height:
    1 !important;

  font-weight:
    760 !important;

  letter-spacing:
    0 !important;

  white-space:
    nowrap !important;

  box-shadow:
    0 8px 20px
    rgba(23,77,172,.25) !important;

  transform:
    none !important;
}


html body
#inspection-ai-button:hover {

  transform:
    translateY(-1px) !important;
}


html body
#inspection-ai-button:active {

  transform:
    scale(.98) !important;
}


@media (max-width:700px) {

  html body
  #inspection-ai-button {

    right:
      12px !important;

    bottom:
      calc(
        80px +
        env(safe-area-inset-bottom,0px)
      ) !important;
  }
}