/* ══════════════════════════════════════════════════════
   Botão flutuante do Liv (autorizado em 05/10/2026)
   Só um link para a conversa do Liv no Telegram. O Liv é um sistema separado:
   nada do bot, backend ou banco do Liv fica no painel.
   ══════════════════════════════════════════════════════ */
.liv-fab{
  position:fixed; right:24px; bottom:24px; z-index:900;
  display:flex; align-items:center; gap:10px;
  text-decoration:none; -webkit-tap-highlight-color:transparent;
}
.liv-fab__avatar{
  position:relative; display:block; width:56px; height:56px; border-radius:50%;
  overflow:hidden; background:#0b1220;
  box-shadow:0 6px 18px rgba(14,17,22,.28), 0 0 0 2px rgba(27,111,255,.55);
  transition:transform .2s ease, box-shadow .2s ease;
}
.liv-fab__avatar img{display:block; width:100%; height:100%; object-fit:cover}

/* selo do Telegram: indica que abre a conversa no Telegram */
.liv-fab__telegram{
  position:absolute; right:-2px; bottom:-2px; width:20px; height:20px; border-radius:50%;
  background:#229ED9; border:2px solid #fff; display:grid; place-items:center;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
}
.liv-fab__telegram svg{width:10px; height:10px; fill:#fff; margin-left:-1px}
.liv-fab__icone{position:relative}

/* rótulo aparece só ao passar o mouse / foco do teclado */
.liv-fab__rotulo{
  background:#0a0a0b; color:#fff; font:600 13px/1 var(--font-sans, 'Segoe UI', system-ui, sans-serif);
  padding:9px 12px; border-radius:999px; white-space:nowrap;
  box-shadow:0 6px 18px rgba(14,17,22,.25);
  opacity:0; transform:translateX(8px); pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}
[data-theme="dark"] .liv-fab__rotulo{background:#1b6fff}

.liv-fab:hover .liv-fab__avatar,
.liv-fab:focus-visible .liv-fab__avatar{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(14,17,22,.32), 0 0 0 3px #1b6fff, 0 0 18px rgba(27,111,255,.45);
}
.liv-fab:hover .liv-fab__rotulo,
.liv-fab:focus-visible .liv-fab__rotulo{opacity:1; transform:none}
.liv-fab:focus-visible{outline:none}

@media (max-width:560px){
  .liv-fab{right:14px; bottom:14px}
  .liv-fab__avatar{width:48px; height:48px}
  .liv-fab__rotulo{display:none}
}
@media (prefers-reduced-motion:reduce){
  .liv-fab__avatar,.liv-fab__rotulo{transition:none}
}
@media print{ .liv-fab{display:none} }