/* NRGIANT dark theme — same look as the new landing (nrgiant.com):
   near-black background with violet/teal glow, Inter Tight, glass cards,
   white pill CTAs with a violet glow, gradient accents. Loaded last, so it
   only overrides colours/typography; the page logic is untouched. */
:root{
  --bg:#05060a;--surface:#0f1019;--surface-soft:#0a0b12;
  --border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.14);
  --text:#eef0f6;--text-dim:#a2a5ba;--text-dimmer:#6d7088;
  --primary:#7c6cff;--primary-2:#a597ff;--teal:#2bc4d9;--teal-soft:rgba(43,196,217,.14);
  --amber:#ffb347;--amber-2:#ffc26b;--green:#35e0b0;--red:#ff6b7a;--violet-soft:rgba(124,108,255,.16);
  --shadow-sm:0 2px 10px rgba(0,0,0,.35);--shadow-md:0 16px 40px -16px rgba(0,0,0,.75);--shadow-lg:0 30px 70px -20px rgba(0,0,0,.85);
  --grad:linear-gradient(100deg,#9c8cff 0%,#6f8dff 45%,#46e0c0 100%);
  color-scheme:dark;
}
html{background:#05060a}
body{background:transparent!important;font-family:'Inter Tight',system-ui,-apple-system,sans-serif!important;color:var(--text)}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(900px 520px at 12% -12%,rgba(124,108,255,.22),transparent 62%),
    radial-gradient(760px 520px at 105% 0%,rgba(70,224,192,.09),transparent 60%),
    radial-gradient(900px 600px at 50% 120%,rgba(124,108,255,.10),transparent 65%),
    #05060a}
h1,h2,h3,h4,.auth-title{font-family:'Inter Tight',system-ui,sans-serif!important;letter-spacing:-.03em}
::selection{background:rgba(124,108,255,.45);color:#fff}
option{background:#0f1019;color:var(--text)}
input::placeholder,textarea::placeholder{color:var(--text-dimmer)}
input,textarea,select{color:var(--text)}
*{scrollbar-color:rgba(255,255,255,.14) transparent}

/* buttons — the landing's white pill with a violet glow */
.btn{font-family:inherit;letter-spacing:-.01em}
.btn-primary{background:#fff!important;color:#0a0a12!important;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 10px 34px -10px rgba(140,125,255,.9)!important}
.btn-primary:hover:not(:disabled){box-shadow:0 0 0 1px rgba(255,255,255,.4),0 16px 46px -8px rgba(140,125,255,1)!important}
.btn-primary .spinner{border-color:rgba(10,10,18,.2)!important;border-top-color:#0a0a12!important}
.btn-ghost{background:rgba(255,255,255,.04)!important;border-color:var(--border-strong)!important;color:var(--text)!important;backdrop-filter:blur(10px)}
.btn-ghost:hover{background:rgba(255,255,255,.08)!important}

/* gradient accents instead of flat violet for "active" things */
.app-nav-item.active,.detail-tab.active,.wizard-yn button.selected,.auth-tab.active{background:linear-gradient(135deg,#7c6cff,#5b8cff)!important;box-shadow:0 8px 24px -10px rgba(124,108,255,.9)}

/* toasts, badges, icons */
.toast{background:#1a1b29!important;color:#fff!important;border:1px solid var(--border-strong);backdrop-filter:blur(14px)}
.toast.error{background:#3a1520!important;border-color:rgba(255,107,122,.4)}
.toast.success{background:#0f2e26!important;border-color:rgba(53,224,176,.4)}
.badge.active,.badge.connected,.period-option .badge-save{background:rgba(53,224,176,.14)!important}
.badge.pending{background:rgba(255,179,71,.14)!important}
.channel-icon.wa{background:rgba(37,211,102,.14)!important}
.channel-icon.tg{background:rgba(41,169,235,.14)!important}
.channel-icon.ig{background:rgba(233,30,140,.14)!important}
.settings-row-icon.icon-blue{background:rgba(79,140,255,.15)!important;color:#7aa8ff!important}
.settings-row-icon.icon-green{background:rgba(53,224,176,.14)!important;color:var(--green)!important}
.settings-row-icon.icon-lilac{background:rgba(165,151,255,.15)!important;color:var(--primary-2)!important}
.settings-row-icon.icon-amber{background:rgba(255,179,71,.14)!important}
.settings-row-icon.icon-violet{background:var(--violet-soft)!important;color:var(--primary-2)!important}
.media-item .media-del{background:rgba(0,0,0,.6)!important;color:#fff}

/* surfaces get the landing's glass-card treatment */
.modal-overlay{background:rgba(2,3,8,.72)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal-box,.wizard-box,.detail-box,.pricing-box{background:linear-gradient(180deg,#14152099,#0d0e16)!important;background-color:#0e0f17!important;border:1px solid var(--border-strong);box-shadow:0 40px 100px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.02)}
.bot-card,.cat-card,.channel-type-card,.settings-list,.promo-row,.chat-box,.stat-card,.price-card,.co-card,.channel-card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important;border-color:var(--border)!important}
.bot-card:hover,.cat-card:hover{border-color:rgba(165,151,255,.35)!important}
.price-card.featured,.co-card{border-color:rgba(165,151,255,.7)!important;box-shadow:0 30px 80px -40px rgba(124,108,255,.8)!important}

/* sidebar: glass, like the landing's nav */
.app-sidebar{background:rgba(10,11,18,.78)!important;border-color:var(--border)!important;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3)}
.logo-img{filter:none!important}

/* test chat */
.chat-box-head{background:linear-gradient(135deg,#2a2466,#14303f)!important}
.chat-box-body{background:#08090f!important}
.chat-msg.in{background:#1a1b29!important;color:var(--text)!important;box-shadow:none!important}
.chat-msg.out{background:linear-gradient(135deg,#7c6cff,#5b8cff)!important}

/* pricing / plan */
.pricing-switch button.active,.pricing-tiers button.active{background:#fff!important;color:#0a0a12!important}
.pricing-tiers button.active small{color:#5b4fe0!important}
.pricing-tiers button{background:rgba(255,255,255,.03)!important}
.price-card .pc-cta.primary,.price-card .pc-cta.secondary:not(:disabled),.co-pay:not(:disabled){background:#fff!important;color:#0a0a12!important;box-shadow:0 10px 30px -10px rgba(140,125,255,.9)}
.price-card .pc-cta.secondary{background:rgba(255,255,255,.05)!important}
.price-card .pc-badge{background:var(--grad)!important;color:#0a0a12!important}
.plan-hero-card{background:radial-gradient(500px 260px at 0% 0%,rgba(124,108,255,.35),transparent 70%),linear-gradient(155deg,#1b1838,#111120)!important;border:1px solid rgba(165,151,255,.25);color:#fff!important}
.plan-hero-progress-bar{background:var(--grad)!important}
.profile-nav-item.active{background:rgba(255,255,255,.06)!important;box-shadow:inset 0 0 0 1px var(--border-strong)!important}

/* ---------- auth page ---------- */
.auth-shell{background:transparent!important}
.auth-blob.ab-1{background:#7c6cff!important;opacity:.35!important}
.auth-blob.ab-2{background:#46e0c0!important;opacity:.16!important}
.auth-blob.ab-3{background:#4f8cff!important;opacity:.2!important}
.auth-bg-grid{opacity:.6}
.auth-card{background:linear-gradient(180deg,rgba(22,23,36,.82),rgba(12,13,21,.9))!important;border:1px solid var(--border-strong);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:0 50px 120px -40px rgba(124,108,255,.55),0 30px 60px -30px rgba(0,0,0,.9)!important}
.auth-title{font-size:28px!important}
.field input,.code-boxes input{background:rgba(255,255,255,.04)!important;border-color:var(--border-strong)!important}
.field input:focus,.code-boxes input:focus{border-color:rgba(165,151,255,.7)!important;background:rgba(255,255,255,.06)!important;box-shadow:0 0 0 4px rgba(124,108,255,.18)}
.auth-link{color:var(--primary-2)!important}
.auth-mascot-img{filter:drop-shadow(0 30px 50px rgba(0,0,0,.6)) drop-shadow(0 0 70px rgba(124,108,255,.35))!important}

/* back to the landing */
.auth-logo{gap:12px!important;align-items:center}
.auth-back-home{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);transition:background .2s,transform .2s var(--ease),border-color .2s}
.auth-back-home:hover{background:rgba(255,255,255,.12);border-color:rgba(165,151,255,.5);transform:translateX(-2px)}
.auth-back-home svg{width:18px;height:18px}
.auth-logo-link{display:flex;align-items:center}
@media(max-width:480px){.auth-logo{top:18px!important;left:16px!important}.auth-back-home{width:38px;height:38px}}