/* Tema da área do cliente. Somente apresentação; sem alterações de comportamento. */
:root {
  --neon-bg: #1a1a1f;
  --neon-surface: #25252d;
  --neon-border: #383846;
  --neon-purple: #b026ff;
  --neon-green: #00ff66;
  --primary-color: #00ff66;
  --bg-card: #25252d;
  --text-main: #ffffff;
  --text-muted: #a1a1aa;
  color-scheme: dark;
}
html, body, .app-container { background-color: var(--neon-bg); }
.brand-logo, .brand-title, .brand-title strong,
.brand-logo span, .brand-title span, .mandatory-brand, .mandatory-brand span {
  color: var(--neon-green) !important;
}
.brand-logo i, .brand-title i { color: var(--neon-purple) !important; }
.btn-submit, .btn-deposit-sm, .btn-buy-plan, .btn-buy,
.btn-recharge, .btn-recharge-white, .btn-invest-now, .btn-view-products,
.btn-copy, .btn-send, .btn-pix-pay, .btn-save-mandatory {
  background: var(--neon-green) !important;
  color: var(--neon-bg) !important;
  box-shadow: 0 0 14px rgba(0, 255, 102, 0.22) !important;
}
.btn-submit:hover:not(:disabled), .btn-buy:hover:not(:disabled),
.btn-deposit-sm:hover, .btn-recharge-white:hover, .btn-copy:hover {
  box-shadow: 0 0 20px rgba(0, 255, 102, 0.4) !important;
}
button:disabled, input:disabled { opacity: 0.55; }
.tab-btn.active, .amount-btn.active {
  background: var(--neon-purple) !important;
  border-color: var(--neon-purple) !important;
  color: #ffffff !important;
  box-shadow: 0 0 12px rgba(176, 38, 255, 0.35);
}
.btn-preset.active, .btn-preset:hover {
  background: rgba(176, 38, 255, 0.15) !important;
  border-color: var(--neon-purple) !important;
  color: #df9eff !important;
  box-shadow: 0 0 10px rgba(176, 38, 255, 0.2);
}
.tab-item.active, .nav-item.active, .nav-item.active span,
.nav-item.active i {
  color: var(--neon-purple) !important;
  text-shadow: 0 0 10px rgba(176, 38, 255, 0.4);
}
.nav-item.active .icon-circle {
  border-color: var(--neon-purple) !important;
  box-shadow: 0 0 10px rgba(176, 38, 255, 0.4) !important;
}
input:focus, select:focus, textarea:focus, .input-box:focus-within,
.form-group-box input:focus, .form-group-box select:focus {
  border-color: var(--neon-purple) !important;
  box-shadow: 0 0 10px rgba(176, 38, 255, 0.3) !important;
}
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--neon-purple) !important;
  outline-offset: 3px;
}
.alert-success, .status-approved, .status-active, .badge-active, #success-box {
  background: rgba(0, 255, 102, 0.12) !important;
  border-color: var(--neon-green) !important;
  color: var(--neon-green) !important;
}
#success-box i, .status-tag { color: var(--neon-green) !important; }
/* Mantém o fundo branco necessário para leitura dos códigos QR. */
.qr-container { background: #ffffff; color-scheme: light; }

/* Identidade PC Gamer compartilhada pelas páginas públicas. */
body { font-family: 'Inter', 'Segoe UI', sans-serif; }
.brand-logo, .brand-title { letter-spacing: .06em; }
.page-badge { border-color: #383846; color: #00ff66; background: #25252d; }
.app-container { border-color: #383846; }
.bottom-nav { border-top-color: #383846; background-color: #25252d; }
.action-btn:hover, .option-btn:hover { border-color: #b026ff; }
.pc-dashboard .app-wrapper { max-width: 640px; }
.pc-dashboard { padding-top: 24px; }
.pc-dashboard .top-header { margin-bottom: 22px; }
.pc-hero { position: relative; isolation: isolate; overflow: hidden; min-height: 270px; padding: 28px; margin-bottom: 20px; border: 1px solid #383846; border-radius: 20px; background: radial-gradient(ellipse at 95% 25%, rgba(176,38,255,.18), transparent 65%), #25252d; }
.pc-hero::after { content: ''; position: absolute; bottom: 0; left: 28px; width: 72px; height: 3px; background: #00ff66; box-shadow: 0 0 15px #00ff66; }
.pc-hero-copy { position: relative; z-index: 1; max-width: 66%; }
.pc-eyebrow { color: #bdbdc8; font-size: 9px; letter-spacing: .15em; font-weight: 700; }
.pc-hero h1 { font-size: clamp(23px, 4.8vw, 34px); line-height: 1.12; margin: 18px 0 12px; letter-spacing: -.04em; }
.pc-hero h1 em { color: #00ff66; font-style: normal; }
.pc-hero p { color: #bdbdc8; font-size: 12px; line-height: 1.65; }
.hero-account { display: inline-flex; gap: 10px; align-items: center; margin-top: 22px; font-size: 11px; font-weight: 700; color: #00ff66; text-decoration: none; }
.pc-hero-art { position: absolute; width: 53%; right: -12px; bottom: 0; z-index: 0; }
.pc-dashboard .quick-actions { gap: 10px; }
.pc-dashboard .action-btn { min-height: 80px; justify-content: center; }
.pc-dashboard .balance-grid { grid-template-columns: 1fr 1fr; }
.pc-dashboard .card-balance-main { background: #25252d; min-height: 180px; padding: 20px; }
.pc-dashboard .card-balance-main::before { background: radial-gradient(ellipse at 10% 0, rgba(176,38,255,.12), transparent 75%); }
.pc-dashboard .card-stat { min-width: 0; }
.pc-dashboard .card-stat img { display: none; }
.pc-dashboard .card-stat::before { content: ''; flex: 0 0 4px; height: 30px; border-radius: 4px; background: #b026ff; }
.pc-dashboard .card-stat:last-child::before { background: #00ff66; }
.command-center { margin: 24px 0; }
.command-center .section-title { font-size: 16px; text-transform: none; }
.command-center .section-title span { color: #a1a1aa; font-size: 8px; letter-spacing: .1em; }
.hub-link { display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid #383846; border-radius: 12px; background: #25252d; text-decoration: none; color: #fff; margin-top: 10px; }
.hub-link > i:first-child { color: #b026ff; font-size: 18px; width: 24px; text-align: center; }
.hub-link div { flex: 1; }
.hub-link strong { display: block; font-size: 12px; margin-bottom: 5px; }
.hub-link span { font-size: 10px; color: #bdbdc8; }
.hub-link > i:last-child { font-size: 10px; color: #a1a1aa; }
.hub-link:hover { border-color: #b026ff; }
.pc-dashboard .bottom-nav { max-width: 640px; }
@media (max-width: 380px) {
  .pc-hero { padding: 20px; min-height: 250px; }
  .pc-hero-copy { max-width: 76%; }
  .pc-hero-art { width: 47%; right: -24px; opacity: .65; }
  .pc-dashboard .balance-grid { grid-template-columns: 1fr; }
  .pc-dashboard .card-balance-main { min-height: 145px; }
  .pc-dashboard .quick-actions { gap: 6px; }
}