/* ============================================================================
   iagera Gateway — 3 TEMAS (PandaChat fiel + Premium + Clean)
   Ativa via  body[data-gw-theme="pandachat|premium|clean"]  (default: pandachat)
   Cores/animações copiadas do PandaChat (src/index.css: theme-black + theme-rgb).
   Só overlay visual sobre o template Able Pro — não altera lógica.
   ============================================================================ */
:root {
  --gw-rgb-cyan:#00f2ff; --gw-rgb-purple:#bc13fe; --gw-rgb-pink:#ff00de;
  --gw-rgb-green:#39ff14; --gw-rgb-blue:#04d9ff; --gw-panda-green:#22c55e;
}
/* ---- animações do Panda ---- */
@keyframes gwRgbRotate { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
@keyframes gwRgbFlow { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@keyframes gwFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes gwNeonPulse { 0%,100%{box-shadow:0 0 14px -6px var(--gw-rgb-cyan),0 0 28px -14px var(--gw-rgb-purple)} 50%{box-shadow:0 0 22px -3px var(--gw-rgb-cyan),0 0 44px -10px var(--gw-rgb-purple)} }

/* =========================================================================
   TEMA PANDACHAT — RGB NEON (cópia fiel: cyan #00f2ff / roxo #bc13fe / verde Panda)
   ========================================================================= */
body[data-gw-theme="pandachat"]{
  --gw-text:#eef2ff; --gw-muted:#9aa2c4;
  background:
    radial-gradient(1100px 560px at 85% -10%, rgba(188,19,254,.14), transparent 60%),
    radial-gradient(900px 500px at 0% 8%, rgba(0,242,255,.10), transparent 55%),
    linear-gradient(160deg,#0c0c18 0%,#050509 100%) !important;
  background-attachment:fixed !important; color:var(--gw-text) !important;
}
/* SIDEBAR — RGB NEON VIBRANTE (gamer look fiel ao PandaChat) */
body[data-gw-theme="pandachat"] .pc-sidebar{ background:linear-gradient(180deg, rgba(11,8,26,.97), rgba(8,8,18,.96))!important; border-right:1px solid rgba(0,242,255,.32)!important; box-shadow:6px 0 42px -18px var(--gw-rgb-cyan), inset -1px 0 0 rgba(188,19,254,.28)!important; }
body[data-gw-theme="pandachat"] .pc-sidebar .pc-navbar .pc-item .pc-link{ color:#c7cdf0!important; border-radius:12px!important; transition:color .18s ease, background .18s ease, box-shadow .18s ease!important; }
body[data-gw-theme="pandachat"] .pc-sidebar .pc-navbar .pc-item .pc-link:hover{ color:var(--gw-rgb-cyan)!important; background:rgba(0,242,255,.10)!important; text-shadow:0 0 10px rgba(0,242,255,.7)!important; }
body[data-gw-theme="pandachat"] .pc-sidebar .pc-navbar .pc-item.active>.pc-link{ color:#fff!important; background:linear-gradient(90deg, rgba(0,242,255,.22), rgba(188,19,254,.18))!important; box-shadow:inset 4px 0 0 0 var(--gw-rgb-cyan), 0 0 22px -6px var(--gw-rgb-cyan), 0 0 32px -10px var(--gw-rgb-purple)!important; text-shadow:0 0 12px rgba(0,242,255,.85)!important; }
body[data-gw-theme="pandachat"] .pc-sidebar .pc-navbar .pc-item.active>.pc-link i,
body[data-gw-theme="pandachat"] .pc-sidebar .pc-navbar .pc-item.active>.pc-link svg{ color:var(--gw-rgb-cyan)!important; filter:drop-shadow(0 0 6px var(--gw-rgb-cyan))!important; }
body[data-gw-theme="pandachat"] .pc-sidebar .pc-navbar .pc-item .pc-link:hover i,
body[data-gw-theme="pandachat"] .pc-sidebar .pc-navbar .pc-item .pc-link:hover svg{ filter:drop-shadow(0 0 5px var(--gw-rgb-cyan))!important; }
body[data-gw-theme="pandachat"] .pc-header,
body[data-gw-theme="pandachat"] .pc-header .pc-navbar,
body[data-gw-theme="pandachat"] .navbar-wrapper{ background:rgba(10,10,22,.72)!important; backdrop-filter:blur(14px)!important; border-bottom:1px solid rgba(188,19,254,.12)!important; }
/* CARDS — borda RGB CÔNICA GIRANDO, vibrante + glow neon (fiel ao rgb-premium-border do Panda) */
body[data-gw-theme="pandachat"] .card{
  background:transparent!important; border:none!important; border-radius:18px!important;
  color:var(--gw-text)!important; position:relative!important; overflow:hidden!important;
  box-shadow:0 0 26px -10px var(--gw-rgb-cyan), 0 0 44px -16px rgba(188,19,254,.55), 0 22px 44px -16px rgba(0,0,0,.9)!important;
}
/* ::before = a borda cônica RGB girando (preenche o card; overflow:hidden recorta no arredondado) */
body[data-gw-theme="pandachat"] .card::before{
  content:''; position:absolute; inset:0; border-radius:18px; z-index:0; pointer-events:none;
  background:conic-gradient(from 0deg,#04d9ff,#00f2ff,#bc13fe,#ff00de,#04d9ff);
  animation:gwRgbRotate 6s linear infinite;
}
/* ::after = fundo escuro por DENTRO (inset 1.6px) → sobra só a bordinha RGB girando na beirada */
body[data-gw-theme="pandachat"] .card::after{
  content:''; position:absolute; inset:1.6px; border-radius:16px; z-index:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(16,13,32,.97), rgba(10,9,22,.98));
}
body[data-gw-theme="pandachat"] .card>*{ position:relative; z-index:1; }
body[data-gw-theme="pandachat"] .card .card-body{ background:transparent!important; }
/* FORM CONTROLS — dark + foco cyan (pra inputs não ficarem brancos no tema escuro) */
body[data-gw-theme="pandachat"] .form-control,
body[data-gw-theme="pandachat"] .form-select{ background:rgba(255,255,255,.04)!important; border:1px solid rgba(255,255,255,.10)!important; color:var(--gw-text)!important; border-radius:10px!important; }
body[data-gw-theme="pandachat"] .form-control:focus,
body[data-gw-theme="pandachat"] .form-select:focus{ border-color:var(--gw-rgb-cyan)!important; box-shadow:0 0 0 .18rem rgba(0,242,255,.18)!important; background:rgba(255,255,255,.05)!important; }
body[data-gw-theme="pandachat"] .form-control::placeholder{ color:var(--gw-muted)!important; }
body[data-gw-theme="pandachat"] .input-group-text{ background:rgba(255,255,255,.06)!important; border:1px solid rgba(255,255,255,.10)!important; color:var(--gw-text)!important; }
body[data-gw-theme="pandachat"] .form-label{ color:var(--gw-muted)!important; font-weight:600; }
body[data-gw-theme="pandachat"] .form-select option{ background:#12101f; color:var(--gw-text); }
body[data-gw-theme="pandachat"] .card .card-header{ background:transparent!important; border-bottom:1px solid rgba(255,255,255,.06)!important; color:var(--gw-text)!important; }
/* botões: verde Panda→ciano com glow neon */
body[data-gw-theme="pandachat"] .btn-primary{ background:linear-gradient(135deg,#22c55e,#00d4ff)!important; border:none!important; color:#04130a!important; font-weight:700!important; box-shadow:0 0 18px -6px var(--gw-rgb-cyan)!important; }
body[data-gw-theme="pandachat"] .btn-primary:hover{ box-shadow:0 0 26px -4px var(--gw-rgb-cyan),0 0 44px -12px var(--gw-rgb-purple)!important; transform:translateY(-1px); }
body[data-gw-theme="pandachat"] .btn-success{ background:linear-gradient(135deg,#22c55e,#16a34a)!important; border:none!important; box-shadow:0 0 16px -6px #22c55e!important; }
body[data-gw-theme="pandachat"] a{ color:var(--gw-rgb-cyan); }
body[data-gw-theme="pandachat"] .text-muted,body[data-gw-theme="pandachat"] .text-secondary{ color:var(--gw-muted)!important; }
body[data-gw-theme="pandachat"] h1,body[data-gw-theme="pandachat"] h2,body[data-gw-theme="pandachat"] h3,body[data-gw-theme="pandachat"] h4,body[data-gw-theme="pandachat"] h5,body[data-gw-theme="pandachat"] .h1,body[data-gw-theme="pandachat"] .h2{ color:var(--gw-text)!important; }
body[data-gw-theme="pandachat"] .form-control,body[data-gw-theme="pandachat"] .form-select,body[data-gw-theme="pandachat"] .input-group-text{ background:rgba(255,255,255,.045)!important; border:1px solid rgba(0,242,255,.18)!important; color:var(--gw-text)!important; }
body[data-gw-theme="pandachat"] .form-control:focus{ border-color:var(--gw-rgb-cyan)!important; box-shadow:0 0 0 .18rem rgba(0,242,255,.15)!important; }
body[data-gw-theme="pandachat"] .table{ color:var(--gw-text)!important; }
body[data-gw-theme="pandachat"] .table td,body[data-gw-theme="pandachat"] .table th{ border-color:rgba(255,255,255,.06)!important; }
body[data-gw-theme="pandachat"] .dropdown-menu{ background:#0e0e1a!important; border:1px solid rgba(0,242,255,.14)!important; box-shadow:0 12px 40px rgba(0,0,0,.7)!important; }
body[data-gw-theme="pandachat"] .badge.bg-primary{ background:linear-gradient(135deg,#00f2ff,#bc13fe)!important; color:#04130a!important; }
body[data-gw-theme="pandachat"] .text-primary{ color:var(--gw-rgb-cyan)!important; }
body[data-gw-theme="pandachat"] .rgb-title{ background:linear-gradient(90deg,#00f2ff,#bc13fe,#ff00de); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }

/* =========================================================================
   TEMA PREMIUM — dark índigo minimalista
   ========================================================================= */
body[data-gw-theme="premium"]{
  background:radial-gradient(1000px 500px at 85% -10%, rgba(99,102,241,.10), transparent 60%),linear-gradient(160deg,#14161b 0%,#0b0c0f 100%)!important;
  background-attachment:fixed!important; color:#f4f5f7!important;
}
body[data-gw-theme="premium"] .pc-sidebar{ background:#0e0f13!important; border-right:1px solid rgba(255,255,255,.06)!important; }
body[data-gw-theme="premium"] .pc-sidebar .pc-navbar .pc-item .pc-link{ color:#aab0bd!important; }
body[data-gw-theme="premium"] .pc-sidebar .pc-navbar .pc-item.active>.pc-link,
body[data-gw-theme="premium"] .pc-sidebar .pc-navbar .pc-item .pc-link:hover{ color:#818cf8!important; background:rgba(99,102,241,.08)!important; }
body[data-gw-theme="premium"] .pc-header,body[data-gw-theme="premium"] .pc-header .pc-navbar,body[data-gw-theme="premium"] .navbar-wrapper{ background:rgba(20,22,27,.8)!important; backdrop-filter:blur(12px)!important; border-bottom:1px solid rgba(255,255,255,.06)!important; }
body[data-gw-theme="premium"] .card{ background:rgba(22,24,30,.88)!important; border:1px solid rgba(255,255,255,.07)!important; border-radius:16px!important; color:#f4f5f7!important; box-shadow:0 12px 40px rgba(0,0,0,.5)!important; }
body[data-gw-theme="premium"] .card .card-header{ background:transparent!important; border-bottom:1px solid rgba(255,255,255,.06)!important; color:#f4f5f7!important; }
body[data-gw-theme="premium"] .btn-primary{ background:#6366f1!important; border:none!important; box-shadow:0 8px 22px -10px rgba(99,102,241,.6)!important; }
body[data-gw-theme="premium"] .text-muted{ color:#9aa1ad!important; }
body[data-gw-theme="premium"] .form-control,body[data-gw-theme="premium"] .form-select{ background:rgba(255,255,255,.045)!important; border:1px solid #252a33!important; color:#f4f5f7!important; }
body[data-gw-theme="premium"] .table{ color:#f4f5f7!important; }
body[data-gw-theme="premium"] .dropdown-menu{ background:#16181d!important; border:1px solid rgba(255,255,255,.08)!important; }

/* =========================================================================
   TEMA CLEAN — claro, estilo app de banco
   ========================================================================= */
body[data-gw-theme="clean"]{ background:linear-gradient(160deg,#f7f9fb 0%,#eef1f5 100%)!important; background-attachment:fixed!important; color:#0f172a!important; }
body[data-gw-theme="clean"] .pc-sidebar{ background:#ffffff!important; border-right:1px solid rgba(15,23,42,.08)!important; }
body[data-gw-theme="clean"] .pc-sidebar .pc-navbar .pc-item .pc-link{ color:#475569!important; }
body[data-gw-theme="clean"] .pc-sidebar .pc-navbar .pc-item.active>.pc-link,
body[data-gw-theme="clean"] .pc-sidebar .pc-navbar .pc-item .pc-link:hover{ color:#16a34a!important; background:rgba(22,163,74,.08)!important; }
body[data-gw-theme="clean"] .pc-header,body[data-gw-theme="clean"] .pc-header .pc-navbar,body[data-gw-theme="clean"] .navbar-wrapper{ background:rgba(255,255,255,.9)!important; backdrop-filter:blur(10px)!important; border-bottom:1px solid rgba(15,23,42,.06)!important; }
body[data-gw-theme="clean"] .card{ background:#ffffff!important; border:1px solid rgba(15,23,42,.08)!important; border-radius:16px!important; color:#0f172a!important; box-shadow:0 12px 34px rgba(15,23,42,.10)!important; }
body[data-gw-theme="clean"] .card .card-header{ background:transparent!important; border-bottom:1px solid rgba(15,23,42,.07)!important; color:#0f172a!important; }
body[data-gw-theme="clean"] .btn-primary{ background:#16a34a!important; border:none!important; box-shadow:0 8px 20px -10px rgba(22,163,74,.5)!important; }
body[data-gw-theme="clean"] .text-muted{ color:#64748b!important; }
body[data-gw-theme="clean"] .form-control,body[data-gw-theme="clean"] .form-select{ background:#ffffff!important; border:1px solid #d5dbe3!important; color:#0f172a!important; }

/* =========================================================================
   SELETOR DE TEMA (flutuante) + LOADER liso
   ========================================================================= */
.gw-switch{ position:fixed; right:16px; bottom:16px; z-index:9990; display:flex; gap:8px; padding:8px 10px; border-radius:999px; background:rgba(12,12,24,.72); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.12); box-shadow:0 10px 30px rgba(0,0,0,.5); }
body[data-gw-theme="clean"] .gw-switch{ background:rgba(255,255,255,.9); border-color:rgba(15,23,42,.1); box-shadow:0 10px 30px rgba(15,23,42,.15); }
.gw-dot{ width:22px; height:22px; border-radius:50%; border:2px solid transparent; cursor:pointer; padding:0; transition:transform .15s, border-color .15s; }
.gw-dot:hover{ transform:scale(1.15); }
.gw-dot.on{ border-color:#fff; box-shadow:0 0 0 2px rgba(255,255,255,.25); }
.gw-dot[data-t="pandachat"]{ background:conic-gradient(#00f2ff,#bc13fe,#ff00de,#39ff14,#00f2ff); }
.gw-dot[data-t="premium"]{ background:linear-gradient(135deg,#6366f1,#312e81); }
.gw-dot[data-t="clean"]{ background:linear-gradient(135deg,#22c55e,#e2e8f0); }
.gw-switch .gw-lbl{ font-size:11px; font-weight:700; opacity:.7; align-self:center; margin-right:2px; letter-spacing:.02em; }

/* loader liso, cor do tema */
#gwBoot{ position:fixed; inset:0; z-index:99999; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; transition:opacity .45s ease; }
body[data-gw-theme="pandachat"] #gwBoot{ background:#070710; } body[data-gw-theme="premium"] #gwBoot{ background:#0b0c0f; } body[data-gw-theme="clean"] #gwBoot{ background:#eef1f5; }
#gwBoot .gw-ring{ width:56px; height:56px; border-radius:50%; border:3px solid rgba(255,255,255,.12); border-top-color:#00f2ff; animation:gwRgbRotate .9s linear infinite; }
body[data-gw-theme="premium"] #gwBoot .gw-ring{ border-top-color:#818cf8; } body[data-gw-theme="clean"] #gwBoot .gw-ring{ border-top-color:#16a34a; border-color:rgba(15,23,42,.1); }
#gwBoot .gw-boot-txt{ font-size:13px; font-weight:700; letter-spacing:.02em; color:#9aa2c4; } body[data-gw-theme="clean"] #gwBoot .gw-boot-txt{ color:#64748b; }
#gwBoot.gw-hide{ opacity:0; pointer-events:none; }