/* === FORCAWEB V4.5.7 LIVEOPS BI POLISH === */

/* LIVE OPS / BI: mais respiro, sem comer informações */
[data-fw-liveops]{
  align-items:stretch !important;
}

[data-fw-liveops] .fw-liveops-copy,
[data-fw-liveops-copy]{
  min-width:0 !important;
  overflow:visible !important;
}

[data-fw-liveops] h2,
[data-fw-liveops] h3{
  letter-spacing:-.9px;
}

@media(min-width:901px){
  [data-fw-liveops]{
    gap:14px !important;
  }

  [data-fw-liveops-copy]{
    padding-right:4px !important;
  }

  [data-fw-liveops-copy] h2,
  [data-fw-liveops-copy] h3{
    font-size:clamp(25px,2.15vw,35px) !important;
    line-height:1.02 !important;
    max-width:300px !important;
  }

  [data-fw-liveops-copy] p{
    font-size:13px !important;
    line-height:1.45 !important;
    max-width:310px !important;
  }

  [data-fw-liveops-dashboard]{
    min-width:0 !important;
    overflow:hidden !important;
  }

  [data-fw-liveops-simulator]{
    min-width:0 !important;
  }
}

/* Chart BI interativo */
[data-fw-bi-chart]{
  position:relative !important;
  overflow:visible !important;
  cursor:crosshair;
}

[data-fw-bi-chart] [data-fw-bi-bar]{
  position:relative !important;
  transform-origin:bottom center;
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    filter .22s ease,
    box-shadow .22s ease,
    opacity .22s ease !important;
  cursor:pointer;
}

[data-fw-bi-chart] [data-fw-bi-bar]:hover,
[data-fw-bi-chart] [data-fw-bi-bar].is-active{
  transform:translateY(-8px) scaleY(1.08) !important;
  filter:brightness(1.16) saturate(1.18) !important;
  box-shadow:
    0 0 22px rgba(78,225,255,.28),
    0 0 42px rgba(67,245,167,.14) !important;
  z-index:3;
}

.fw-bi-tooltip{
  position:absolute;
  z-index:20;
  min-width:118px;
  padding:9px 10px;
  border-radius:14px;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,-12px) scale(.96);
  color:#eaffff;
  background:
    radial-gradient(circle at 20% 10%,rgba(78,225,255,.20),transparent 40%),
    linear-gradient(135deg,rgba(5,14,30,.98),rgba(8,35,49,.94));
  border:1px solid rgba(78,225,255,.26);
  box-shadow:0 18px 44px rgba(0,0,0,.32), 0 0 28px rgba(78,225,255,.12);
  transition:.18s ease;
}

.fw-bi-tooltip.is-visible{
  opacity:1;
  transform:translate(-50%,-18px) scale(1);
}

.fw-bi-tooltip b{
  display:block;
  font-size:15px;
  line-height:1;
  color:#43f5a7;
}

.fw-bi-tooltip span{
  display:block;
  margin-top:4px;
  font-size:10px;
  color:#aebed4;
  text-transform:uppercase;
  letter-spacing:.7px;
}

/* Botões BI / Etiqueta / Cupom / Senha */
[data-fw-liveops-tabs]{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  align-self:end !important;
}

[data-fw-liveops-tabs] button,
[data-fw-liveops-tabs] a,
[data-fw-liveops-tabs] [role="button"]{
  min-height:42px !important;
  border-radius:16px !important;
  position:relative;
  overflow:hidden;
  transition:
    transform .18s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease !important;
}

[data-fw-liveops-tabs] button:hover,
[data-fw-liveops-tabs] a:hover,
[data-fw-liveops-tabs] [role="button"]:hover,
[data-fw-liveops-tabs] .is-active{
  transform:translateY(-2px);
  border-color:rgba(78,225,255,.46) !important;
  box-shadow:0 14px 34px rgba(78,225,255,.13) !important;
}

[data-fw-liveops-tabs] .is-active{
  background:
    radial-gradient(circle at 20% 10%,rgba(78,225,255,.22),transparent 45%),
    linear-gradient(135deg,rgba(78,225,255,.18),rgba(67,245,167,.14)) !important;
}

[data-fw-liveops-tabs] .is-active:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  transform:translateX(-130%);
  animation:fwLiveopsSweep 2.2s ease-in-out infinite;
}

@keyframes fwLiveopsSweep{
  0%,45%{transform:translateX(-130%)}
  85%,100%{transform:translateX(130%)}
}

/* Simulador: feedback realista */
[data-fw-liveops-simulator]{
  position:relative;
}

[data-fw-liveops-simulator].is-printing:before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  top:78px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#43f5a7,#4ee1ff,transparent);
  opacity:.9;
  animation:fwPrinterScan 1.4s ease-in-out infinite;
  z-index:5;
}

@keyframes fwPrinterScan{
  0%{transform:translateY(0);opacity:.25}
  50%{opacity:1}
  100%{transform:translateY(165px);opacity:.08}
}

[data-fw-liveops-simulator].is-printing{
  box-shadow:
    inset 0 0 0 1px rgba(67,245,167,.18),
    0 0 36px rgba(67,245,167,.08) !important;
}

/* Segundo bloco: alinhamento estético dos botões/interações */
[data-fw-demo-block]{
  align-items:stretch !important;
}

[data-fw-demo-options]{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:10px !important;
  height:100% !important;
}

[data-fw-demo-options] > *{
  min-height:62px !important;
  display:flex !important;
  align-items:center !important;
}

[data-fw-demo-panel]{
  display:flex !important;
  flex-direction:column !important;
}

[data-fw-demo-panel] [data-fw-demo-run]{
  align-self:flex-end !important;
}

[data-fw-demo-steps]{
  display:grid !important;
  gap:12px !important;
  align-content:center !important;
  height:100% !important;
}

@media(max-width:900px){
  [data-fw-liveops]{
    gap:12px !important;
  }

  [data-fw-liveops-copy] h2,
  [data-fw-liveops-copy] h3{
    font-size:28px !important;
    line-height:1.04 !important;
  }

  [data-fw-liveops-tabs]{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  [data-fw-demo-options]{
    height:auto !important;
  }

  [data-fw-demo-options] > *{
    min-height:58px !important;
  }
}

/* === /FORCAWEB V4.5.7 LIVEOPS BI POLISH === */

/* === FORCAWEB V4.5.8 LIVEOPS TABS BARS ONLY FIX === */

/* Barras do BI mais estreitas, elegantes e com variação visual */
[data-fw-bi-chart]{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:14px !important;
  padding-left:18px !important;
  padding-right:18px !important;
}

[data-fw-bi-chart] [data-fw-bi-bar]{
  width:34px !important;
  max-width:34px !important;
  min-width:24px !important;
  border-radius:999px 999px 6px 6px !important;
  transition:
    height .42s cubic-bezier(.2,.8,.2,1),
    transform .22s cubic-bezier(.2,.8,.2,1),
    filter .22s ease,
    box-shadow .22s ease !important;
}

[data-fw-bi-chart] [data-fw-bi-bar].is-mode-changing{
  filter:brightness(1.18) saturate(1.18);
  box-shadow:
    0 0 20px rgba(78,225,255,.25),
    0 0 38px rgba(67,245,167,.14) !important;
}

/* Botões: clique muda só o modo do BI, sem afetar cards externos */
[data-fw-liveops-tabs] button,
[data-fw-liveops-tabs] a,
[data-fw-liveops-tabs] [role="button"]{
  cursor:pointer !important;
  user-select:none !important;
}

[data-fw-liveops-tabs] button.is-active,
[data-fw-liveops-tabs] a.is-active,
[data-fw-liveops-tabs] [role="button"].is-active{
  color:#03121d !important;
  background:linear-gradient(135deg,#4ee1ff,#3299ff 48%,#43f5a7) !important;
  border-color:rgba(78,225,255,.70) !important;
  box-shadow:0 14px 34px rgba(78,225,255,.18) !important;
}

/* Remove qualquer sensação de “fechar bloco” por alteração de altura */
[data-fw-liveops]{
  min-height:unset !important;
  overflow:visible !important;
}

[data-fw-liveops-dashboard],
[data-fw-liveops-simulator],
[data-fw-liveops-copy]{
  transition:none !important;
}

/* === /FORCAWEB V4.5.8 LIVEOPS TABS BARS ONLY FIX === */