/* Tema CloneStudio (dark roxo/rosa, Sora) — sobrepoe o tema claro das telas internas.
   Linkar como ULTIMO no <head>, depois do <style> inline, pra vencer no cascade. */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');

:root{
  --ink:#f8fafc; --muted:#94a3b8; --line:#243049;
  --card:#131c30; --bg:#0b1120;
  --blue:#a855f7; --blue-ink:#a855f7; --green:#25d366;
}

body{
  font-family:'Sora',-apple-system,BlinkMacSystemFont,sans-serif !important;
  background:radial-gradient(1200px 600px at 80% -10%,rgba(124,58,237,.16),transparent),#0b1120 !important;
  color:#f8fafc !important;
}

/* heros coloridos -> dark com glow roxo */
.hero{background:linear-gradient(125deg,#251747 0%,#0f172a 72%) !important;color:#f8fafc !important}
.hero p,.sub{color:#cbd5e1 !important}
.back{background:rgba(255,255,255,.08) !important;color:#f8fafc !important}

/* superficies */
.card,.table,.urlcard,.jscard,.panel,.modal,.tmodal,.dlmenu{background:#131c30 !important;border-color:#243049 !important;color:#f8fafc !important}
.divider{background:#243049 !important}
.thead{background:#0f1729 !important;color:#94a3b8 !important}
.trow{border-color:#243049 !important}

/* inputs / caixas */
input,select,textarea,.urlbox,.input{background:#0f1729 !important;color:#f8fafc !important;border-color:#243049 !important}
input::placeholder{color:#5b6678 !important}
input:focus,select:focus,.urlbox:focus-within,.input:focus-within{border-color:#a855f7 !important;box-shadow:0 0 0 3px rgba(124,58,237,.22) !important}
.dropzone{border-color:#334155 !important;background:transparent !important;color:#94a3b8 !important}
.dropzone:hover{border-color:#a855f7 !important;background:rgba(124,58,237,.06) !important}
.dz-ic,.fic{background:rgba(168,85,247,.16) !important;color:#a855f7 !important}
.urlbox .dot,.input .dot{background:#a855f7 !important}

/* botoes primarios -> gradiente roxo */
.btn,.baixar,.cta.primary,.js-dl,.lnk{background:linear-gradient(135deg,#a855f7,#7c3aed) !important;color:#fff !important}
.btn.ghost,.cta.ghost,.btn-cancel,.b-close,.btn.green{background:#1e293b !important;color:#f8fafc !important}
.btn.danger,.btn-del,.b-copy{filter:none}
.obtn{background:transparent !important;color:#a855f7 !important;border-color:#3a2a63 !important}

/* tabelas / pills / acoes */
.muted{color:#94a3b8 !important}
.js-preview,.tmodal pre{background:#0f1729 !important;color:#cbd5e1 !important;border-color:#243049 !important}
.dlmenu button{color:#f8fafc !important}
.dlmenu button:hover{background:#1e293b !important}
.iconbtn{color:#94a3b8 !important}
.iconbtn.dl:hover,.iconbtn.view:hover{background:rgba(168,85,247,.16) !important;color:#a855f7 !important}
.pg{background:#1e293b !important;color:#f8fafc !important}
.pg.active{background:linear-gradient(135deg,#a855f7,#7c3aed) !important}

/* planos */
.toggle{background:#1e293b !important}
.toggle button.active{background:#131c30 !important;color:#f8fafc !important}
.plan{background:#131c30 !important;border-color:#243049 !important}
.plan.destaque{border-color:#a855f7 !important;box-shadow:0 14px 40px rgba(124,58,237,.25) !important}
.tagpop,.status.on{background:linear-gradient(135deg,#a855f7,#7c3aed) !important;color:#fff !important}

/* topbar brand */
.brand span,.topbar span{color:#a855f7 !important}

/* automacao whatsapp — instrucoes legiveis no escuro (era #3a4252, sumia no fundo dark) */
.steps{color:#cbd5e1 !important}
.steps b{color:#fff !important}
