/* PREMIUM.CSS - LOJA DO CABRA */

#dashboardScreen .card,
#dashboardScreen .usage-chart,
#dashboardScreen .builder,
#dashboardScreen .usage-stat {
  background: linear-gradient(180deg, rgba(12,16,14,.92), rgba(4,7,6,.96)) !important;
  border: 1px solid rgba(190,255,0,.18) !important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.50),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 25px rgba(180,255,0,.06) !important;
}

#dashboardScreen .card,
#dashboardScreen .usage-chart,
#dashboardScreen .builder {
  border-radius: 22px !important;
}

#dashboardScreen .card:hover,
#dashboardScreen .usage-chart:hover,
#dashboardScreen .builder:hover {
  border-color: rgba(190,255,0,.32) !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.60),
    0 0 35px rgba(180,255,0,.10) !important;
}

#dashboardScreen h2,
#dashboardScreen label {
  color: #caff00 !important;
  letter-spacing: .3px !important;
}

#dashboardScreen input,
#dashboardScreen select {
  background: rgba(5,8,7,.82) !important;
  border: 1px solid rgba(190,255,0,.20) !important;
  color: #fff !important;
  border-radius: 12px !important;
}
/* FUNDO MAIS PREMIUM */

body {
  background:
    radial-gradient(circle at top left, rgba(120,255,0,.10), transparent 28%),
    radial-gradient(circle at top right, rgba(0,255,180,.08), transparent 25%),
    linear-gradient(180deg, #030504 0%, #050706 100%) !important;

  background-attachment: fixed !important;
}

/* ESCURECER O PAINEL */

#dashboardScreen {
  backdrop-filter: blur(6px);
}

/* CARDS MAIS DESTACADOS */

#dashboardScreen .card,
#dashboardScreen .usage-chart,
#dashboardScreen .builder {
  background: rgba(8,10,9,.92) !important;

  border: 1px solid rgba(190,255,0,.14) !important;

  box-shadow:
    0 15px 40px rgba(0,0,0,.55),
    0 0 18px rgba(180,255,0,.04) !important;
}

/* SIDEBAR MAIS FORTE */

#dashboardScreen .sidebar {
  background:
    linear-gradient(
      180deg,
      rgba(10,14,12,.96),
      rgba(5,8,7,.98)
    ) !important;

  border: 1px solid rgba(180,255,0,.16) !important;

  box-shadow:
    0 0 40px rgba(180,255,0,.06),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}
#dashboardScreen {
  position: relative !important;
}
/* CORREÇÃO SIDEBAR FIXA */
#dashboardScreen {
  transform: none !important;
  filter: none !important;
  backdrop-filter: none !important;
}
#dashboardScreen > aside.sidebar {
  position: fixed !important;
  top: 62px !important;
  width: 170px !important;
  min-width: 170px !important;
left: 390px !important;
}
/* ===== SIDEBAR PREMIUM FINAL ===== */

#dashboardScreen .sidebar {
  background:
    linear-gradient(
      180deg,
      rgba(14,18,16,.96) 0%,
      rgba(7,10,9,.98) 100%
    ) !important;

  border: 1px solid rgba(190,255,0,.14) !important;

  box-shadow:
    0 25px 60px rgba(0,0,0,.58),
    0 0 35px rgba(180,255,0,.05),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
}

/* brilho superior suave */

#dashboardScreen .sidebar::before {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  height: 120px !important;

  background:
    radial-gradient(
      circle at top,
      rgba(190,255,0,.12),
      transparent 70%
    ) !important;

  pointer-events: none !important;
}

/* logo */

#dashboardScreen .sidebar-logo {
  background:
    linear-gradient(
      180deg,
      rgba(190,255,0,.18),
      rgba(190,255,0,.05)
    ) !important;

  box-shadow:
    0 0 28px rgba(190,255,0,.16),
    inset 0 1px 0 rgba(255,255,255,.05) !important;

  border-radius: 16px !important;
}

/* nome */
.sidebar-name{
  font-size: 18px !important;
  line-height: 1 !important;
  letter-spacing: 2px !important;
  white-space: nowrap !important;
  text-align:center !important;
  width:100% !important;

  color:#d8ff00 !important;

  text-shadow:
    0 0 6px rgba(220,255,0,.9),
    0 0 18px rgba(220,255,0,.45) !important;
}

/* itens */

#dashboardScreen .sidebar-item {
  position: relative !important;

  border-radius: 14px !important;

  color: rgba(255,255,255,.76) !important;

  transition:
    background .22s ease,
    transform .22s ease,
    color .22s ease !important;
}

/* hover */

#dashboardScreen .sidebar-item:hover {
  background: rgba(190,255,0,.10) !important;

  color: #dfff72 !important;

  transform: translateX(4px) !important;
}

/* barra lateral ativa */

#dashboardScreen .sidebar-item::before {
  content: "" !important;

  position: absolute !important;

  left: 10px !important;
  top: 50% !important;

  width: 4px !important;
  height: 0 !important;

  border-radius: 10px !important;

  background: #caff00 !important;

  transform: translateY(-50%) !important;

  transition: height .22s ease !important;
}

#dashboardScreen .sidebar-item:hover::before {
  height: 18px !important;
}
/* LOGO NEON LOJA DO CABRA */

#dashboardScreen .sidebar-logo,
#dashboardScreen .sidebar-logo-mark {
  display: none !important;
}

#dashboardScreen .sidebar-logo-goat {
  width: 78px !important;
  height: 78px !important;
  margin: 10px auto 20px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  animation: cabraLogoPulse 2.8s ease-in-out infinite !important;
}

#dashboardScreen .sidebar-logo-goat svg {
  width: 78px !important;
  height: 78px !important;

  fill: none !important;
  stroke: #caff00 !important;
  stroke-width: 7 !important;
  stroke-linejoin: round !important;
  stroke-linecap: round !important;

  filter:
    drop-shadow(0 0 8px rgba(202,255,0,.65))
    drop-shadow(0 0 20px rgba(202,255,0,.25)) !important;
}

#dashboardScreen .sidebar-name {
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: .8px !important;
  line-height: 1.1 !important;
  color: #caff00 !important;
  text-shadow:
    0 0 8px rgba(202,255,0,.45),
    0 0 22px rgba(202,255,0,.20) !important;
}

@keyframes cabraLogoPulse {
  0%, 100% {
    opacity: .82;
    transform: scale(.96);
    filter: brightness(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.04);
    filter: brightness(1.35);
  }
}
/* ===== LOGO ANIMADA LOJA DO CABRA ===== */

#dashboardScreen .sidebar-logo,
#dashboardScreen .sidebar-logo-mark {
  display: none !important;
}

#dashboardScreen .sidebar-brand {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 10px !important;
}

#dashboardScreen .sidebar-logo-goat {
  width: 92px !important;
  height: 82px !important;
  margin: 4px auto 14px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  animation: cabraLogoFloat 4.5s ease-in-out infinite !important;
}

#dashboardScreen .sidebar-logo-goat svg {
  width: 92px !important;
  height: 82px !important;
  overflow: visible !important;
}

#dashboardScreen .goat-line {
  fill: none !important;
  stroke: #caff00 !important;
  stroke-width: 8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;

  filter:
    drop-shadow(0 0 5px rgba(202,255,0,.95))
    drop-shadow(0 0 14px rgba(202,255,0,.48))
    drop-shadow(0 0 30px rgba(202,255,0,.18)) !important;

  animation: cabraStrokeGlow 2.7s ease-in-out infinite !important;
}

#dashboardScreen .goat-line.inner {
  stroke-width: 6 !important;
  opacity: .92 !important;
}

#dashboardScreen .goat-line.horn-left,
#dashboardScreen .goat-line.horn-right {
  stroke-width: 7 !important;
  opacity: .95 !important;
}

#dashboardScreen .goat-line.face-left,
#dashboardScreen .goat-line.face-right {
  stroke-width: 5 !important;
  opacity: .70 !important;
}

#dashboardScreen .sidebar-name {
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: .8px !important;
  text-align: center !important;

  color: #caff00 !important;

  text-shadow:
    0 0 6px rgba(202,255,0,.75),
    0 0 18px rgba(202,255,0,.32),
    0 0 32px rgba(202,255,0,.16) !important;

  animation: cabraNamePulse 2.7s ease-in-out infinite !important;
}

@keyframes cabraStrokeGlow {
  0%, 100% {
    opacity: .70;
    filter:
      drop-shadow(0 0 4px rgba(202,255,0,.75))
      drop-shadow(0 0 12px rgba(202,255,0,.28));
  }

  50% {
    opacity: 1;
    filter:
      drop-shadow(0 0 8px rgba(202,255,0,1))
      drop-shadow(0 0 22px rgba(202,255,0,.55))
      drop-shadow(0 0 42px rgba(202,255,0,.24));
  }
}

@keyframes cabraNamePulse {
  0%, 100% {
    opacity: .82;
    text-shadow:
      0 0 5px rgba(202,255,0,.55),
      0 0 14px rgba(202,255,0,.20);
  }

  50% {
    opacity: 1;
    text-shadow:
      0 0 8px rgba(202,255,0,.85),
      0 0 22px rgba(202,255,0,.40),
      0 0 38px rgba(202,255,0,.18);
  }
}

@keyframes cabraLogoFloat {
  0%, 100% {
    transform: translateY(0) scale(.98);
  }

  50% {
    transform: translateY(-2px) scale(1.03);
  }
}
/* ===== LOGO CABRA NEON DEFINITIVA ===== */

#dashboardScreen .sidebar-logo,
#dashboardScreen .sidebar-logo-goat,
#dashboardScreen .sidebar-logo-mark {
  display: none !important;
}

#dashboardScreen .sidebar-brand {
  position: relative !important;
  z-index: 3 !important;
  margin-top: 12px !important;
  margin-bottom: 34px !important;
}

#dashboardScreen .cabra-brand-mark {
  width: 92px !important;
  height: 82px !important;
  margin: 0 auto 18px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  animation: cabraBreath 3.4s ease-in-out infinite !important;
}

#dashboardScreen .cabra-brand-mark svg {
  width: 92px !important;
  height: 82px !important;
  overflow: visible !important;
}

#dashboardScreen .mark-fill {
  fill: rgba(202,255,0,.92) !important;
  stroke: rgba(202,255,0,.95) !important;
  stroke-width: 3 !important;
  stroke-linejoin: round !important;

  filter:
    drop-shadow(0 0 5px rgba(202,255,0,.85))
    drop-shadow(0 0 15px rgba(202,255,0,.36))
    drop-shadow(0 0 32px rgba(202,255,0,.16)) !important;

  animation: cabraGlow 3.4s ease-in-out infinite !important;
}

#dashboardScreen .mark-cut {
  fill: none !important;
  stroke: rgba(5,8,6,.90) !important;
  stroke-width: 5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#dashboardScreen .sidebar-name {
  color: #caff00 !important;

  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  text-align: center !important;
  letter-spacing: .9px !important;

  text-shadow:
    0 0 6px rgba(202,255,0,.75),
    0 0 18px rgba(202,255,0,.34),
    0 0 38px rgba(202,255,0,.15) !important;

  animation: cabraTextBreath 3.4s ease-in-out infinite !important;
}

@keyframes cabraBreath {
  0%, 100% {
    opacity: .76;
    transform: scale(.96);
  }

  50% {
    opacity: 1;
    transform: scale(1.04);
  }
}

@keyframes cabraGlow {
  0%, 100% {
    filter:
      drop-shadow(0 0 3px rgba(202,255,0,.55))
      drop-shadow(0 0 10px rgba(202,255,0,.20));
  }

  50% {
    filter:
      drop-shadow(0 0 8px rgba(202,255,0,.95))
      drop-shadow(0 0 24px rgba(202,255,0,.48))
      drop-shadow(0 0 45px rgba(202,255,0,.22));
  }
}

@keyframes cabraTextBreath {
  0%, 100% {
    opacity: .78;
  }

  50% {
    opacity: 1;
  }
}
/* LOGO PNG SIDEBAR */

#dashboardScreen .cabra-brand-mark svg {
  display: none !important;
}

#dashboardScreen .cabra-brand-mark img {
  width: 92px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto 14px !important;

  filter:
    drop-shadow(0 0 8px rgba(202,255,0,.75))
    drop-shadow(0 0 24px rgba(202,255,0,.35)) !important;

  animation: cabraPngPulse 3.2s ease-in-out infinite !important;
}

@keyframes cabraPngPulse {
  0%, 100% {
    opacity: .82;
    transform: scale(.97);
    filter:
      drop-shadow(0 0 5px rgba(202,255,0,.55))
      drop-shadow(0 0 14px rgba(202,255,0,.22));
  }

  50% {
    opacity: 1;
    transform: scale(1.04);
    filter:
      drop-shadow(0 0 10px rgba(202,255,0,.90))
      drop-shadow(0 0 28px rgba(202,255,0,.45));
  }
}
/* NOME PREMIUM + LINHA DA SIDEBAR */

#dashboardScreen .sidebar-name {
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: 1.4px !important;
  text-align: center !important;
  text-transform: uppercase !important;

  color: #caff00 !important;

  text-shadow:
    0 0 8px rgba(202,255,0,.65),
    0 0 20px rgba(202,255,0,.28) !important;
}

#dashboardScreen .sidebar-divider {
  width: 72% !important;
  height: 1px !important;
  margin: 18px auto 10px !important;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(202,255,0,.55),
    transparent
  ) !important;

  box-shadow: 0 0 10px rgba(202,255,0,.25) !important;
}
/* ===== NOME PREMIUM ===== */

#dashboardScreen .sidebar-name{
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 6px !important;
  line-height: 1.45 !important;
  text-align:center !important;
  text-transform:uppercase !important;

  color:#d9ff00 !important;

  margin-top:12px !important;
  margin-bottom:12px !important;

  text-shadow:
    0 0 6px rgba(217,255,0,.75),
    0 0 18px rgba(217,255,0,.45),
    0 0 38px rgba(217,255,0,.18) !important;
}

/* ===== LINHA PREMIUM ===== */

#dashboardScreen .sidebar-divider{
  position:relative !important;

  width:72px !important;
  height:1px !important;

  margin:18px auto 26px auto !important;

  background:rgba(210,255,0,.35) !important;

  box-shadow:
    0 0 10px rgba(210,255,0,.25),
    0 0 20px rgba(210,255,0,.18) !important;
}

#dashboardScreen .sidebar-name{
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .6px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: center !important;
  color: #d9ff00 !important;
  margin: 8px auto 12px !important;
  width: 100% !important;
  text-shadow:
    0 0 5px rgba(217,255,0,.7),
    0 0 14px rgba(217,255,0,.28) !important;
}

#dashboardScreen .sidebar-divider{
  width: 58px !important;
  height: 1px !important;
  margin: 10px auto 24px !important;
  position: relative !important;
  background: linear-gradient(90deg, transparent, rgba(217,255,0,.75), transparent) !important;
  box-shadow: 0 0 10px rgba(217,255,0,.35) !important;
}

#dashboardScreen .sidebar-divider::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 5px !important;
  height: 5px !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  background: #d9ff00 !important;
  box-shadow: 0 0 12px rgba(217,255,0,.9) !important;
}
#dashboardScreen .sidebar-name{
  font-size: 8px !important;
  letter-spacing: .2px !important;
  transform: scaleX(.92) !important;
}
#dashboardScreen .sidebar-name{
  font-size: 5.6px !important;
  letter-spacing: -.35px !important;
  transform: scaleX(.60) !important;
}
#dashboardScreen .sidebar-item{
  display: block !important;
  width: auto !important;
  max-width: none !important;

  margin: 7px auto !important;
  padding: 3px 0 !important;

  font-size: 5px !important;
  line-height: 1 !important;
  letter-spacing: -.45px !important;
  transform: scaleX(.65) !important;

  text-align: center !important;
  white-space: nowrap !important;
}
#dashboardScreen .sidebar-spacer{
  flex: 1 1 auto !important;
  min-height: 18px !important;
}

#dashboardScreen .sidebar-item{
  margin: 4px auto !important;
  padding: 2px 0 !important;
  height: 12px !important;
  line-height: 1 !important;
}

#dashboardScreen .sidebar-item.logout{
  margin-bottom: 0 !important;
}

/* MENU PREMIUM SIDEBAR */

#dashboardScreen .sidebar-menu{
  width: 100% !important;
  margin-top: 14px !important;
}

#dashboardScreen .sidebar-item{
  width: 92% !important;
  min-height: 34px !important;
  margin: 8px auto !important;
  padding: 0 9px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;

  color: #eefee8 !important;
  background: rgba(10, 18, 14, .72) !important;
  border: 1px solid rgba(202,255,0,.16) !important;
  border-radius: 11px !important;

  font-size: 9.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -.15px !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 0 10px rgba(0,0,0,.22) !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transform: none !important;
  transition: .22s ease !important;
}

#dashboardScreen .sidebar-item:hover{
  color: #ffffff !important;
  background: rgba(202,255,0,.11) !important;
  border-color: rgba(202,255,0,.42) !important;
  box-shadow: inset 3px 0 0 #caff00, 0 0 18px rgba(202,255,0,.18) !important;
  transform: translateX(2px) !important;
}

#dashboardScreen .sidebar-item.logout{
  color: #ff808a !important;
  border-color: rgba(255,75,92,.18) !important;
}

#dashboardScreen .sidebar-item.logout:hover{
  background: rgba(255,75,92,.10) !important;
  border-color: rgba(255,75,92,.42) !important;
  box-shadow: inset 3px 0 0 #ff4b5c, 0 0 18px rgba(255,75,92,.18) !important;
}

#dashboardScreen .menu-icon{
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 7px !important;
  background: rgba(202,255,0,.10) !important;

  color: #caff00 !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-shadow: 0 0 8px rgba(202,255,0,.75) !important;
}

#dashboardScreen .menu-icon.exit{
  color: #ff4b5c !important;
  background: rgba(255,75,92,.10) !important;
  text-shadow: 0 0 8px rgba(255,75,92,.7) !important;
}

#dashboardScreen .sidebar-item span:not(.menu-icon){
  flex: 1 !important;
  display: block !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -.15px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  transform: none !important;
}

#dashboardScreen .sidebar-item::before,
#dashboardScreen .sidebar-item::after,
#buyGbSidebarBtn::before,
#blockHostBtn::before,
#logoutBtn::before,
#logoutBtn.logout::before,
a.sidebar-item::before{
  content: none !important;
  display: none !important;
}


/* AJUSTE SVG SIDEBAR */
#dashboardScreen .menu-icon svg{
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  fill: currentColor !important;
}

#dashboardScreen .sidebar-item{
  background: rgba(202,255,0,.075) !important;
  border: 1px solid rgba(202,255,0,.25) !important;
}

#dashboardScreen .sidebar-item:hover{
  background: rgba(202,255,0,.16) !important;
  border-color: rgba(202,255,0,.55) !important;
}


/* SIDEBAR BOTÕES MAIS VISÍVEIS */
#dashboardScreen .sidebar-item{
  background: linear-gradient(90deg, rgba(202,255,0,.16), rgba(8,18,12,.82)) !important;
  border: 1px solid rgba(202,255,0,.42) !important;
  box-shadow: inset 3px 0 0 rgba(202,255,0,.75), 0 0 14px rgba(202,255,0,.10) !important;
}

#dashboardScreen .sidebar-item:hover{
  background: linear-gradient(90deg, rgba(202,255,0,.28), rgba(12,28,16,.92)) !important;
  border-color: rgba(202,255,0,.75) !important;
  box-shadow: inset 3px 0 0 #caff00, 0 0 22px rgba(202,255,0,.28) !important;
}

#dashboardScreen .menu-icon{
  color: #d9ff00 !important;
  background: rgba(202,255,0,.20) !important;
  border: 1px solid rgba(202,255,0,.35) !important;
  box-shadow: 0 0 10px rgba(202,255,0,.22) !important;
}

#dashboardScreen .menu-icon svg{
  width: 13px !important;
  height: 13px !important;
  fill: #d9ff00 !important;
  filter: drop-shadow(0 0 6px rgba(217,255,0,.85)) !important;
}

#dashboardScreen .sidebar-item span:not(.menu-icon){
  color: #ffffff !important;
  text-shadow: 0 0 8px rgba(202,255,0,.22) !important;
}

#dashboardScreen .sidebar-item.logout{
  background: linear-gradient(90deg, rgba(255,75,92,.13), rgba(8,18,12,.82)) !important;
  border-color: rgba(255,75,92,.35) !important;
  box-shadow: inset 3px 0 0 rgba(255,75,92,.65), 0 0 14px rgba(255,75,92,.10) !important;
}

#dashboardScreen .sidebar-item.logout .menu-icon{
  color: #ff5c6c !important;
  background: rgba(255,75,92,.16) !important;
  border-color: rgba(255,75,92,.35) !important;
}

#dashboardScreen .sidebar-item.logout .menu-icon svg{
  fill: #ff5c6c !important;
  filter: drop-shadow(0 0 6px rgba(255,75,92,.8)) !important;
}


/* AJUSTE FINAL: SIDEBAR MAIS FORTE SEM MOVER */
#dashboardScreen .sidebar{
  width: 138px !important;
  min-width: 138px !important;
}

#dashboardScreen .sidebar-item{
  width: 94% !important;
  min-height: 36px !important;
  background: linear-gradient(90deg, rgba(202,255,0,.24), rgba(10,20,12,.92)) !important;
  border-color: rgba(202,255,0,.62) !important;
  box-shadow: inset 3px 0 0 #caff00, 0 0 18px rgba(202,255,0,.18) !important;
}

#dashboardScreen .sidebar-item span:not(.menu-icon){
  font-size: 9.2px !important;
}

#dashboardScreen .menu-icon{
  opacity: 1 !important;
  filter: brightness(1.4) !important;
}


/* SIDEBAR MAIS ACESA E SEM CORTAR */
#dashboardScreen .sidebar{
  width: 155px !important;
  min-width: 155px !important;
}

#dashboardScreen .sidebar-item{
  width: 96% !important;
  min-height: 38px !important;
  background: linear-gradient(90deg, rgba(202,255,0,.34), rgba(16,34,12,.96)) !important;
  border: 1px solid rgba(202,255,0,.82) !important;
  box-shadow:
    inset 4px 0 0 #caff00,
    inset 0 0 18px rgba(202,255,0,.10),
    0 0 22px rgba(202,255,0,.22) !important;
}

#dashboardScreen .menu-icon{
  width: 21px !important;
  min-width: 21px !important;
  height: 21px !important;
  color: #e6ff00 !important;
  background: rgba(202,255,0,.34) !important;
  border: 1px solid rgba(202,255,0,.75) !important;
  box-shadow: 0 0 14px rgba(202,255,0,.55) !important;
}

#dashboardScreen .menu-icon svg{
  width: 14px !important;
  height: 14px !important;
  fill: #e6ff00 !important;
  filter: drop-shadow(0 0 8px rgba(230,255,0,1)) !important;
}

#dashboardScreen .sidebar-item span:not(.menu-icon){
  font-size: 9.8px !important;
  color: #ffffff !important;
  text-shadow: 0 0 10px rgba(202,255,0,.45) !important;
}

#dashboardScreen .sidebar-item:hover{
  background: linear-gradient(90deg, rgba(202,255,0,.48), rgba(22,46,16,1)) !important;
  border-color: #caff00 !important;
  box-shadow:
    inset 4px 0 0 #e6ff00,
    0 0 28px rgba(202,255,0,.42) !important;
}


/* AJUSTE FINO SIDEBAR - TEXTO VOLTAR PRA LOJA */
#dashboardScreen .sidebar{
  width: 168px !important;
  min-width: 168px !important;
}

#dashboardScreen .sidebar-item{
  width: 94% !important;
  padding-left: 11px !important;
  padding-right: 10px !important;
  gap: 9px !important;
}

#dashboardScreen a.sidebar-item span:not(.menu-icon){
  font-size: 9.2px !important;
  letter-spacing: -.25px !important;
}


/* AJUSTE ESPAÇAMENTO BOTÕES */
#dashboardScreen .sidebar-item{
  gap: 5px !important;
  padding-left: 8px !important;
}

#dashboardScreen .menu-icon{
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
}

#dashboardScreen .menu-icon svg{
  width: 11px !important;
  height: 11px !important;
}


/* COMPACTAR ICONE + TEXTO */
#dashboardScreen .sidebar-item{
  gap: 2px !important;
  padding-left: 5px !important;
}

#dashboardScreen .menu-icon{
  width: 13px !important;
  min-width: 13px !important;
  margin-right: 0 !important;
}

#dashboardScreen .menu-icon svg{
  width: 10px !important;
  height: 10px !important;
}


/* CORRIGIR ESPAÇO REAL ENTRE ICONE E TEXTO */
#dashboardScreen .sidebar-item{
  justify-content: flex-start !important;
  column-gap: 3px !important;
}

#dashboardScreen .menu-icon{
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

#dashboardScreen .menu-icon svg{
  width: 12px !important;
  height: 12px !important;
}

#dashboardScreen .sidebar-item span:not(.menu-icon){
  flex: 0 0 auto !important;
  margin-left: 0 !important;
}


/* LIBERAR TEXTO DOS BOTÕES DA SIDEBAR */
#dashboardScreen .sidebar-item{
  overflow: visible !important;
}

#dashboardScreen .sidebar-item span:not(.menu-icon){
  overflow: visible !important;
  text-overflow: unset !important;
  max-width: none !important;
  width: auto !important;
}


/* IGUALAR LINK VOLTAR PRA LOJA AOS BOTÕES */
#dashboardScreen a.sidebar-item{
  width: 96% !important;
  min-height: 38px !important;
  height: 38px !important;
  max-height: 38px !important;
  box-sizing: border-box !important;
}

#dashboardScreen a.sidebar-item span:not(.menu-icon){
  font-size: 8.8px !important;
  line-height: 1 !important;
}


/* SUBIR MENU DA SIDEBAR */
#dashboardScreen .sidebar-menu{
  margin-top: 4px !important;
}


/* APROXIMAR BOTÕES DA LINHA VERDE */
#dashboardScreen .sidebar-menu{
  position: relative !important;
  top: -10px !important;
}


/* CARDS SUPERIORES COM ÍCONES PREMIUM */
#dashboardScreen .card{
  overflow: hidden !important;
}

#dashboardScreen .card-top{
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  height: 100% !important;
}

#dashboardScreen .card-icon{
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#dashboardScreen .card-icon svg{
  width: 27px !important;
  height: 27px !important;
  fill: none !important;
  stroke: #d9ff00 !important;
  stroke-width: 1.8 !important;
  filter: drop-shadow(0 0 7px rgba(217,255,0,.85)) !important;
}

#dashboardScreen .card-info h2{
  margin: 0 0 5px 0 !important;
  font-size: 11px !important;
  color: #d9ff00 !important;
  white-space: nowrap !important;
}

#dashboardScreen .card-info .gb{
  font-size: 15px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}


/* BOOST ÍCONES DOS CARDS */
#dashboardScreen .card-icon{
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
}

#dashboardScreen .card-icon svg{
  width: 34px !important;
  height: 34px !important;
  stroke-width: 1.9 !important;
  filter:
    drop-shadow(0 0 10px rgba(217,255,0,.95))
    drop-shadow(0 0 18px rgba(217,255,0,.45)) !important;
}

#dashboardScreen .card-top{
  gap: 14px !important;
}


/* AJUSTE CARDS TOPO - ORGANIZAR CONTEÚDO */
#dashboardScreen .card{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#dashboardScreen .card-top{
  height: auto !important;
  align-items: center !important;
  transform: translateY(-2px) !important;
}

#dashboardScreen .card:first-child{
  justify-content: space-between !important;
  padding-top: 14px !important;
  padding-bottom: 10px !important;
}

#dashboardScreen .card:first-child .buy-gb-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 22px !important;
  min-height: 22px !important;
  margin-top: 6px !important;
  font-size: 8.5px !important;
  white-space: nowrap !important;
}


/* AJUSTE FINAL CARDS SUPERIORES */
#dashboardScreen .card-icon svg{
  width: 36px !important;
  height: 36px !important;
  stroke-width: 1.55 !important;
}

#dashboardScreen #countryCard{
  font-size: 12.5px !important;
  letter-spacing: -.35px !important;
  white-space: nowrap !important;
}

#dashboardScreen .card-info h2{
  white-space: nowrap !important;
}


/* CORRIGIR TEXTO DO PAÍS */
#dashboardScreen .card:nth-child(2) .card-top{
  gap: 8px !important;
}

#dashboardScreen #countryCard{
  font-size: 11px !important;
  letter-spacing: -.45px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#dashboardScreen .card:nth-child(2) .card-icon{
  width: 30px !important;
  min-width: 30px !important;
}

#dashboardScreen .card:nth-child(2) .card-icon svg{
  width: 26px !important;
  height: 26px !important;
}


/* RESTAURAR TAMANHO ORIGINAL CARD PAÍS */
#dashboardScreen .card:nth-child(2) .card-top{
  gap: 14px !important;
}

#dashboardScreen #countryCard{
  font-size: 12.5px !important;
  letter-spacing: -.2px !important;
}

#dashboardScreen .card:nth-child(2) .card-icon{
  width: 42px !important;
  min-width: 42px !important;
}

#dashboardScreen .card:nth-child(2) .card-icon svg{
  width: 34px !important;
  height: 34px !important;
}


/* ESCONDER BOTÃO COMPRAR GB DO CARD */
#dashboardScreen #buyGbBtn{
  display: none !important;
}


/* CENTRALIZAR CARD SALDO */
#dashboardScreen .card:first-child{
  justify-content: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#dashboardScreen .card:first-child .card-top{
  transform: none !important;
}


/* GRÁFICO PREMIUM */
#dashboardScreen .usage-chart{
  border-color: rgba(202,255,0,.24) !important;
  background:
    radial-gradient(circle at top center, rgba(202,255,0,.055), transparent 34%),
    rgba(5,8,7,.94) !important;
}

#dashboardScreen .chart-header h2{
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #d9ff00 !important;
  text-shadow: 0 0 12px rgba(217,255,0,.35) !important;
}

#dashboardScreen .chart-filter{
  background: rgba(202,255,0,.06) !important;
  border: 1px solid rgba(202,255,0,.18) !important;
  color: rgba(255,255,255,.65) !important;
  border-radius: 10px !important;
}

#dashboardScreen .chart-filter.active{
  background: rgba(202,255,0,.18) !important;
  border-color: rgba(202,255,0,.55) !important;
  color: #d9ff00 !important;
  box-shadow: 0 0 14px rgba(202,255,0,.18) !important;
}

#dashboardScreen .chart-info > div{
  background: rgba(0,0,0,.22) !important;
  border: 1px solid rgba(202,255,0,.20) !important;
  border-radius: 14px !important;
}


/* BOTÕES FIXA/STICKY - GERADOR */
#dashboardScreen #sessionBtn,
#dashboardScreen #resetPortBtn{
  width: 100% !important;
  height: 42px !important;
  margin-top: 10px !important;

  display: none;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 14px !important;
  border: 1px solid rgba(202,255,0,.45) !important;

  background: linear-gradient(90deg, rgba(202,255,0,.24), rgba(12,28,14,.92)) !important;
  color: #ffffff !important;

  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: -.15px !important;

  box-shadow: inset 3px 0 0 #caff00, 0 0 18px rgba(202,255,0,.18) !important;
  cursor: pointer !important;
}

#dashboardScreen #sessionBtn:hover,
#dashboardScreen #resetPortBtn:hover{
  background: linear-gradient(90deg, rgba(202,255,0,.36), rgba(18,42,18,.98)) !important;
  border-color: rgba(202,255,0,.75) !important;
  box-shadow: inset 3px 0 0 #e6ff00, 0 0 26px rgba(202,255,0,.32) !important;
}

#dashboardScreen #resetPortBtn{
  border-color: rgba(255,75,92,.38) !important;
  background: linear-gradient(90deg, rgba(255,75,92,.18), rgba(20,12,14,.92)) !important;
  box-shadow: inset 3px 0 0 #ff4b5c, 0 0 18px rgba(255,75,92,.16) !important;
}

#dashboardScreen #resetPortBtn:hover{
  border-color: rgba(255,75,92,.7) !important;
  background: linear-gradient(90deg, rgba(255,75,92,.30), rgba(32,14,16,.98)) !important;
  box-shadow: inset 3px 0 0 #ff5c6c, 0 0 26px rgba(255,75,92,.28) !important;
}


/* CORREÇÃO: BOTÕES FIXA SOMENTE NA PROXY FIXA */
#dashboardScreen:not(.fixed-mode) #sessionBtn,
#dashboardScreen:not(.fixed-mode) #resetPortBtn{
  display: none !important;
}

#dashboardScreen.fixed-mode #sessionBtn,
#dashboardScreen.fixed-mode #resetPortBtn{
  display: flex !important;
}


/* AJUSTE SELECT PAÍS - ESPAÇO DA BANDEIRA */
#dashboardScreen .custom-country{
  position: relative !important;
}

#dashboardScreen .selected-country{
  pointer-events: none !important;
}

#dashboardScreen #country{
  padding-left: 38px !important;
}


/* MELHORAR DROPDOWN NATIVO DOS SELECTS */
#dashboardScreen select{
  background-color: #050807 !important;
  color: #ffffff !important;
  border: 1px solid rgba(202,255,0,.35) !important;
}

#dashboardScreen select option{
  background: #07100b !important;
  color: #ffffff !important;
  padding: 10px !important;
}

#dashboardScreen select option:checked{
  background: #caff00 !important;
  color: #000000 !important;
}


/* CAMPOS DE PROXY - COPIAR */
#dashboardScreen .mini-copy{
  min-width: 58px !important;
  height: 24px !important;
  padding: 0 8px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 9px !important;
  border: 1px solid rgba(202,255,0,.38) !important;
  background: linear-gradient(90deg, rgba(202,255,0,.18), rgba(12,26,14,.92)) !important;

  color: #d9ff00 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;

  box-shadow: 0 0 12px rgba(202,255,0,.14) !important;
  cursor: pointer !important;
}

#dashboardScreen .mini-copy:hover{
  border-color: rgba(202,255,0,.75) !important;
  background: linear-gradient(90deg, rgba(202,255,0,.34), rgba(18,42,18,.98)) !important;
  color: #ffffff !important;
  box-shadow: 0 0 20px rgba(202,255,0,.28) !important;
}

#dashboardScreen #copyBtn{
  width: 100% !important;
  height: 42px !important;
  margin-top: 12px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 14px !important;
  border: 1px solid rgba(202,255,0,.55) !important;
  background: linear-gradient(90deg, rgba(202,255,0,.28), rgba(12,28,14,.95)) !important;

  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;

  box-shadow: inset 3px 0 0 #caff00, 0 0 20px rgba(202,255,0,.22) !important;
}

#dashboardScreen #copyBtn:hover{
  background: linear-gradient(90deg, rgba(202,255,0,.42), rgba(18,42,18,1)) !important;
  border-color: #caff00 !important;
  box-shadow: inset 3px 0 0 #e6ff00, 0 0 28px rgba(202,255,0,.36) !important;
}


/* MINI COPY SVG FIX */
#dashboardScreen .input-copy{
  position: relative !important;
  overflow: hidden !important;
}

#dashboardScreen .mini-copy{
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 30px !important;
}

#dashboardScreen .mini-copy:hover{
  transform: none !important;
}

#dashboardScreen .copy-svg{
  width: 13px !important;
  height: 13px !important;
  display: block !important;
  fill: #d9ff00 !important;
  filter: drop-shadow(0 0 5px rgba(217,255,0,.75)) !important;
}

#dashboardScreen .mini-copy:hover .copy-svg{
  fill: #ffffff !important;
}


/* CORREÇÃO DEFINITIVA MINI COPY */
#dashboardScreen .input-copy{
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

#dashboardScreen .input-copy input{
  flex: 1 !important;
  min-width: 0 !important;
}

#dashboardScreen .mini-copy{
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 26px !important;
  padding: 0 !important;
  margin-left: 6px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: hidden !important;
  transform: none !important;
}

#dashboardScreen .copy-svg{
  width: 14px !important;
  height: 14px !important;
  display: block !important;
  fill: #d9ff00 !important;
}

#dashboardScreen .mini-copy:hover{
  transform: none !important;
}

#dashboardScreen .mini-copy:hover .copy-svg{
  fill: #ffffff !important;
}


/* MINI COPY - DESAPERTAR ÍCONE */
#dashboardScreen .mini-copy{
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 28px !important;
  margin-left: 8px !important;
}

#dashboardScreen .copy-svg{
  width: 16px !important;
  height: 16px !important;
}


/* CENTRALIZAR MINI COPY */
#dashboardScreen .input-copy{
  align-items: center !important;
}

#dashboardScreen .mini-copy{
  position: relative !important;
  top: 0 !important;
  bottom: 0 !important;
  align-self: center !important;
}

#dashboardScreen .copy-svg{
  position: relative !important;
  top: -1px !important;
}


/* MINI COPY CLEAN - ICONE DISCRETO */
#dashboardScreen .input-copy{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

#dashboardScreen .input-copy input{
  width: 100% !important;
  padding-right: 34px !important;
}

#dashboardScreen .mini-copy{
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer !important;
  z-index: 3 !important;
}

#dashboardScreen .mini-copy:hover{
  background: transparent !important;
  box-shadow: none !important;
  transform: translateY(-50%) scale(1.08) !important;
}

#dashboardScreen .copy-svg{
  width: 14px !important;
  height: 14px !important;
  fill: #d9ff00 !important;
  opacity: .9 !important;
  filter: drop-shadow(0 0 5px rgba(217,255,0,.65)) !important;
}

#dashboardScreen .mini-copy:hover .copy-svg{
  fill: #ffffff !important;
  opacity: 1 !important;
}


/* RESULTADO TESTAR PROXY */
#dashboardScreen #proxyTestResult{
  border-radius: 14px !important;
  border: 1px solid rgba(202,255,0,.18) !important;
  background: rgba(5,8,7,.72) !important;
  padding: 12px 14px !important;
  color: #ffffff !important;
}

#dashboardScreen .proxy-test-ok,
#dashboardScreen .proxy-test-error{
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

#dashboardScreen .proxy-test-ok strong{
  color: #00ff88 !important;
  text-shadow: 0 0 10px rgba(0,255,136,.45) !important;
}

#dashboardScreen .proxy-test-error strong{
  color: #ff5c6c !important;
  text-shadow: 0 0 10px rgba(255,92,108,.45) !important;
}

#dashboardScreen .proxy-test-ok span,
#dashboardScreen .proxy-test-error span{
  color: rgba(255,255,255,.82) !important;
  font-size: 12px !important;
}


/* BOTAO TESTAR PROXY */
#dashboardScreen #testProxyBtn{
  width: 100% !important;
  height: 42px !important;

  border-radius: 12px !important;
  border: 1px solid rgba(202,255,0,.35) !important;

  background:
  linear-gradient(
    90deg,
    rgba(202,255,0,.16),
    rgba(202,255,0,.05)
  ) !important;

  color: #eaff9b !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .4px !important;

  cursor: pointer !important;

  transition: .18s ease !important;

  box-shadow:
  inset 0 0 12px rgba(202,255,0,.08),
  0 0 12px rgba(202,255,0,.06) !important;
}

#dashboardScreen #testProxyBtn:hover{
  transform: translateY(-1px) !important;

  border-color: rgba(202,255,0,.75) !important;

  box-shadow:
  0 0 18px rgba(202,255,0,.18),
  inset 0 0 16px rgba(202,255,0,.10) !important;
}


/* TESTAR PROXY AZUL */
#dashboardScreen #testProxyBtn{
  background:
  linear-gradient(
    90deg,
    rgba(0,140,255,.18),
    rgba(0,140,255,.05)
  ) !important;

  border: 1px solid rgba(0,140,255,.38) !important;

  color: #8fd3ff !important;

  box-shadow:
  inset 0 0 12px rgba(0,140,255,.08),
  0 0 12px rgba(0,140,255,.08) !important;
}

#dashboardScreen #testProxyBtn:hover{
  border-color: rgba(0,180,255,.85) !important;

  box-shadow:
  0 0 18px rgba(0,180,255,.22),
  inset 0 0 16px rgba(0,140,255,.12) !important;
}


/* BADGE TIPO DE PROXY SIDEBAR */
#dashboardScreen .proxy-product-badge{
  margin: 6px auto 4px auto !important;
  padding: 4px 8px !important;

  max-width: 118px !important;

  text-align: center !important;
  border-radius: 999px !important;

  color: #d9ff00 !important;
  background: rgba(202,255,0,.08) !important;
  border: 1px solid rgba(202,255,0,.22) !important;

  font-size: 8.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .2px !important;

  text-shadow: 0 0 8px rgba(217,255,0,.55) !important;
  box-shadow: 0 0 12px rgba(202,255,0,.10) !important;
}


/* AJUSTE BADGE PROXY */
#dashboardScreen .proxy-product-badge{
  margin: 2px auto 2px auto !important;

  padding: 6px 12px !important;

  max-width: 132px !important;

  font-size: 9.5px !important;
  font-weight: 900 !important;

  border-radius: 999px !important;

  letter-spacing: .3px !important;

  box-shadow:
    0 0 10px rgba(202,255,0,.18),
    inset 0 0 10px rgba(202,255,0,.06) !important;
}

/* LINHAS VERDES MAIS PRÓXIMAS */
#dashboardScreen .sidebar-divider{
  margin: 3px auto !important;
}


/* GRAFICO - REMOVER BARRA/PERCENTUAL NAO CONFIAVEL */
#dashboardScreen #usagePercent,
#dashboardScreen .chart-bar{
  display: none !important;
}

#dashboardScreen .chart-header{
  justify-content: center !important;
}

#dashboardScreen .chart-header h2{
  margin: 0 auto !important;
}


/* BOTAO FECHAR MODAL PIX */
#dashboardScreen + .payment-modal .payment-close,
.payment-modal .payment-close{
  width: 28px !important;
  height: 28px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  border: 1px solid rgba(202,255,0,.35) !important;
  background: rgba(5,8,7,.92) !important;

  color: #d9ff00 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-shadow: 0 0 12px rgba(202,255,0,.18) !important;
}

.payment-modal .payment-close:hover{
  color: #ffffff !important;
  border-color: #caff00 !important;
  box-shadow: 0 0 18px rgba(202,255,0,.35) !important;
}


/* MODAL RECARGA MAIS PREMIUM */
.payment-box{
  background:
    radial-gradient(circle at top, rgba(202,255,0,.10), transparent 35%),
    linear-gradient(180deg, rgba(8,12,10,.98), rgba(2,4,3,.98)) !important;

  border: 1px solid rgba(202,255,0,.28) !important;
  box-shadow:
    0 0 55px rgba(202,255,0,.12),
    0 25px 80px rgba(0,0,0,.75),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.payment-box h2{
  font-size: 28px !important;
  letter-spacing: .3px !important;
  text-shadow: 0 0 18px rgba(202,255,0,.45) !important;
}

.payment-subtitle{
  color: rgba(255,255,255,.58) !important;
}

.gb-option{
  background:
    linear-gradient(180deg, rgba(12,18,14,.96), rgba(3,5,4,.98)) !important;

  border: 1px solid rgba(202,255,0,.22) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04) !important;

  transition: .18s ease !important;
}

.gb-option:hover:not(.disabled){
  transform: translateY(-2px) !important;
  border-color: rgba(202,255,0,.75) !important;
  box-shadow:
    0 0 24px rgba(202,255,0,.22),
    0 14px 30px rgba(0,0,0,.55) !important;
}

.gb-option strong{
  text-shadow: 0 0 12px rgba(202,255,0,.45) !important;
}

.gb-option span{
  font-size: 19px !important;
  font-weight: 900 !important;
}

.gb-option small{
  color: #d9ff00 !important;
  opacity: .9 !important;
}

.gb-option.disabled{
  opacity: .24 !important;
  filter: grayscale(1) !important;
}

.gb-option.disabled:hover{
  transform: none !important;
}


/* DESTAQUE PACOTES PREMIUM DO MODAL */
.gb-option.premium{
  border-color: rgba(202,255,0,.65) !important;
  box-shadow:
    0 0 22px rgba(202,255,0,.20),
    inset 0 0 14px rgba(202,255,0,.08) !important;
}

.gb-option.premium.disabled{
  border-color: rgba(202,255,0,.22) !important;
  box-shadow: none !important;
}


/* PIX MODAL COMPACTO */
.payment-box{
  max-height: 88vh !important;
  overflow-y: auto !important;
}

#pixArea{
  margin-top: 14px !important;
  gap: 10px !important;
}

#pixQr{
  width: 150px !important;
  height: 150px !important;
}

#pixCode{
  height: 58px !important;
  max-height: 58px !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
}

#copyPixBtn{
  height: 38px !important;
  min-height: 38px !important;
}


/* PIX PREMIUM */
#pixArea{
  width: 100% !important;
  margin-top: 14px !important;
  display: none;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
}

.pix-title{
  color: #d9ff00 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .5px !important;
  text-shadow: 0 0 10px rgba(217,255,0,.55) !important;
}

.pix-qr-wrap{
  position: relative !important;
  padding: 10px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(202,255,0,.55) !important;
  background:
    radial-gradient(circle at center, rgba(202,255,0,.16), transparent 62%),
    rgba(4,7,5,.92) !important;
  box-shadow:
    0 0 28px rgba(202,255,0,.24),
    inset 0 0 18px rgba(202,255,0,.08) !important;
}

#pixQr{
  width: 145px !important;
  height: 145px !important;
  display: block !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 5px !important;
}

.pix-logo-mark{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background:
    radial-gradient(circle, rgba(202,255,0,.35), rgba(0,0,0,.95) 64%) !important;
  border: 1px solid rgba(202,255,0,.75) !important;
  color: #d9ff00 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  font-family: Arial, sans-serif !important;
  text-shadow: 0 0 12px rgba(202,255,0,.85) !important;
  box-shadow: 0 0 18px rgba(202,255,0,.45) !important;
  pointer-events: none !important;
}

.pix-copy-label{
  margin-top: 2px !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(202,255,0,.35) !important;
  background: rgba(8,14,8,.95) !important;
  color: #d9ff00 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .3px !important;
}

.pix-copy-row{
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 96px !important;
  gap: 10px !important;
  align-items: stretch !important;
}

#pixCode{
  width: 100% !important;
  height: 56px !important;
  max-height: 56px !important;
  resize: none !important;

  border-radius: 13px !important;
  border: 1px solid rgba(202,255,0,.24) !important;
  background: rgba(3,6,5,.92) !important;

  color: rgba(255,255,255,.82) !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
  padding: 10px !important;
}

#copyPixBtn{
  height: 56px !important;
  min-height: 56px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(202,255,0,.48) !important;

  background:
    linear-gradient(180deg, rgba(202,255,0,.22), rgba(8,18,7,.96)) !important;

  color: #d9ff00 !important;
  font-size: 12px !important;
  font-weight: 900 !important;

  box-shadow:
    0 0 18px rgba(202,255,0,.16),
    inset 0 0 12px rgba(202,255,0,.08) !important;
}

#copyPixBtn:hover{
  color: #fff !important;
  border-color: #caff00 !important;
  box-shadow:
    0 0 26px rgba(202,255,0,.28),
    inset 0 0 16px rgba(202,255,0,.12) !important;
}

.pix-brand{
  width: 100% !important;
  height: 36px !important;
  border-radius: 12px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: linear-gradient(90deg, #caff00, #8dff00) !important;
  color: #071006 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  box-shadow: 0 0 20px rgba(202,255,0,.25) !important;
}

.pix-safe{
  color: rgba(255,255,255,.68) !important;
  font-size: 10px !important;
}


/* PIX PREMIUM - AJUSTE FINAL */
#pixArea .pix-brand{
  display: none !important;
}

#pixArea .pix-copy-row{
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 92px !important;
  gap: 10px !important;
  align-items: stretch !important;
}

#pixArea #pixCode{
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

#pixArea #copyPixBtn{
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 0 !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#pixArea .pix-safe{
  margin-top: 6px !important;
}