/* GiraMesa APP UI 2O.1 — INFOR clicável definitivo
   O botão é um portal visual fora da .barra-inferior para ficar imune aos
   patches antigos que ainda tentam transformar o quarto item em Conta. */

body.gm-app-ui-v2o1 .barra-inferior{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

/* Reservamos a quarta coluna. Minha Conta permanece só no boneco do topo. */
body.gm-app-ui-v2o1 .barra-inferior [data-nav="conta"],
body.gm-app-ui-v2o1 .barra-inferior [data-route="/conta"],
body.gm-app-ui-v2o1 .barra-inferior [data-gm2b-account],
body.gm-app-ui-v2o1 .barra-inferior [data-nav="info"],
body.gm-app-ui-v2o1 .barra-inferior [data-route="/info"],
body.gm-app-ui-v2o1 .barra-inferior #gm2oInfoNav,
body.gm-app-ui-v2o1 .barra-inferior #gm2n1InfoNav{
  display:none!important;
  pointer-events:none!important;
}

#gm2o1InfoPortal{
  position:fixed!important;
  z-index:1250!important;
  margin:0!important;
  padding:6px 4px!important;
  border:0!important;
  border-radius:18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  box-sizing:border-box!important;
  background:transparent!important;
  color:#8d8694!important;
  font-family:inherit!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
  box-shadow:none!important;
}

#gm2o1InfoPortal svg{
  width:24px!important;
  height:24px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

#gm2o1InfoPortal small{
  display:block!important;
  margin:0!important;
  color:inherit!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}

#gm2o1InfoPortal>i{
  display:none!important;
  width:30px!important;
  height:4px!important;
  margin-top:1px!important;
  border-radius:999px!important;
  background:var(--app-accent,#C7D630)!important;
}

#gm2o1InfoPortal.ativo{
  background:color-mix(in srgb,var(--app-accent,#C7D630) 11%,#fff)!important;
  color:var(--app-primary,#221934)!important;
  box-shadow:0 10px 28px rgba(34,25,52,.08)!important;
}

#gm2o1InfoPortal.ativo>i{display:block!important}

#gm2o1InfoPortal:focus-visible{
  outline:2px solid var(--app-accent,#C7D630)!important;
  outline-offset:-3px!important;
}

@media (max-width:520px){
  #gm2o1InfoPortal{
    border-radius:17px!important;
    gap:4px!important;
    padding:5px 2px!important;
  }
  #gm2o1InfoPortal svg{width:23px!important;height:23px!important}
  #gm2o1InfoPortal small{font-size:9.5px!important}
}