/* ══════════ Marketing DrakoYuda — Design Premium ══════════ */
:root{
  --green:#2f9e44; --green-2:#37b24d; --green-d:#1f7a33;
  --orange:#e8741e; --orange-2:#f08c3a;
  --grad:linear-gradient(135deg,#2f9e44,#37b24d);
  --grad-warm:linear-gradient(135deg,#2f9e44,#e8741e);
  --ink:#14201a; --muted:#6b7a70; --faint:#93a29a;
  --bg:#f3f6f4; --card:#ffffff; --card-2:#f7faf8; --border:#e7eee9;
  --shadow-sm:0 1px 2px rgba(20,40,30,.05);
  --shadow:0 1px 3px rgba(20,40,30,.06), 0 10px 30px rgba(20,40,30,.06);
  --shadow-lg:0 24px 60px rgba(20,40,30,.16);
  --r:16px; --r-sm:11px;
  --ig:linear-gradient(135deg,#833AB4,#E1306C,#F77737);
  --fb:linear-gradient(135deg,#1877F2,#0A5BC4);
  --tt:linear-gradient(135deg,#25F4EE,#0f172a,#FE2C55);
  --ease:cubic-bezier(.4,0,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
.hidden{display:none!important}
button{font-family:inherit;cursor:pointer}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#cdd8d1;border-radius:6px;border:2px solid var(--bg)}

/* Botões */
.btn-primary{background:var(--grad);color:#fff;border:none;border-radius:var(--r-sm);padding:11px 18px;font-weight:700;font-size:.92rem;box-shadow:0 8px 22px rgba(47,158,68,.28);transition:transform .15s var(--ease),box-shadow .15s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(47,158,68,.34)}
.btn-lg{width:100%;padding:14px;font-size:1rem}
.btn-ghost{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 15px;font-weight:600;color:var(--ink);transition:.15s}
.btn-ghost:hover{border-color:var(--green);color:var(--green)}

/* Ícones de rede */
i[data-net]{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;color:#fff;flex:0 0 auto}
i[data-net] svg{width:15px;height:15px;fill:currentColor}
i[data-net="instagram"]{background:var(--ig)} i[data-net="facebook"]{background:var(--fb)} i[data-net="tiktok"]{background:var(--tt)}

/* ══════════ LOGIN ══════════ */
.login{display:grid;grid-template-columns:1fr 1.05fr;min-height:100vh}
.login-left{display:flex;align-items:center;justify-content:center;padding:40px}
.login-box{width:100%;max-width:400px;animation:rise .6s var(--ease) both}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}
.login-logo{width:52px;height:52px;border-radius:14px;box-shadow:var(--shadow)}
.login-name{font-size:1.35rem;font-weight:800;line-height:1}
.login-by{color:var(--muted);font-size:.82rem;font-weight:600}
.login-box h1{font-size:1.9rem;letter-spacing:-.5px;margin-bottom:8px}
.login-sub{color:var(--muted);margin-bottom:26px;line-height:1.5}
.login-fields{display:flex;flex-direction:column;gap:14px}
.login-fields label{display:flex;flex-direction:column;gap:7px;font-size:.86rem;font-weight:600;color:var(--ink)}
.login-fields input{border:1.5px solid var(--border);border-radius:var(--r-sm);padding:13px 14px;font-size:.95rem;background:var(--card-2);transition:.15s;font-weight:500}
.login-fields input:focus{outline:none;border-color:var(--green);background:#fff;box-shadow:0 0 0 4px rgba(47,158,68,.1)}
.login-fields .btn-primary{margin-top:6px}
.login-demo{margin-top:16px;text-align:center;font-size:.8rem;color:var(--faint);background:var(--card-2);border:1px dashed var(--border);border-radius:10px;padding:9px}
.login-nets{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:22px;color:var(--faint);font-size:.82rem;font-weight:600}

/* Hero do login */
.login-hero{position:relative;overflow:hidden;background:linear-gradient(150deg,#1f7a33 0%,#2f9e44 45%,#e8741e 140%);color:#fff;display:flex;align-items:center;padding:56px}
.hero-orbs{position:absolute;inset:0;background:
  radial-gradient(420px 420px at 80% 15%,rgba(255,255,255,.16),transparent 60%),
  radial-gradient(360px 360px at 15% 85%,rgba(255,255,255,.12),transparent 60%)}
.hero-inner{position:relative;max-width:440px}
.hero-headline{font-size:2.5rem;font-weight:800;line-height:1.12;letter-spacing:-.6px}
.hero-sub{margin-top:16px;font-size:1.02rem;opacity:.92;line-height:1.55;max-width:360px}
.hero-card{position:absolute;background:rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.28);border-radius:16px;padding:14px 16px;box-shadow:0 18px 40px rgba(0,0,0,.18);width:210px}
.hero-card .hc-top{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.86rem}
.hero-card .hc-top b{margin-left:auto;font-size:.82rem}
.hero-card .up{color:#c6f6d5}
.hc-num{font-size:1.5rem;font-weight:800;margin-top:8px}
.hc-num small{font-size:.72rem;font-weight:600;opacity:.85}
.hc-spark{margin-top:10px}
.hc-bars{display:flex;align-items:flex-end;gap:5px;height:38px;margin-top:10px}
.hc-bars span{flex:1;background:rgba(255,255,255,.85);border-radius:3px}
.hero-cards{position:relative;height:434px;margin-top:22px}
.hero-card-1{top:0;left:0;animation:float 6s var(--ease) infinite}
.hero-card-2{top:150px;right:8px;animation:float 6s var(--ease) infinite .8s}
.hero-card-3{top:304px;left:24px;width:252px;display:flex;gap:11px;align-items:flex-start;animation:float 7s var(--ease) infinite .4s}
.hc-ai{width:30px;height:30px;border-radius:9px;object-fit:cover;flex:0 0 auto}
.hero-card-3 b{font-size:.86rem} .hc-ai-txt{font-size:.78rem;opacity:.9;margin-top:3px;line-height:1.4}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ══════════ APP SHELL ══════════ */
.app{display:grid;grid-template-columns:250px 1fr;height:100vh;overflow:hidden}
.sidebar{background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px}
.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 20px}
.brand-logo{width:40px;height:40px;border-radius:11px;box-shadow:var(--shadow-sm)}
.brand-txt b{display:block;font-size:1.06rem;line-height:1} .brand-txt small{color:var(--muted);font-size:.76rem;font-weight:600}
.nav{display:flex;flex-direction:column;gap:4px;flex:1}
.nav-item{display:flex;align-items:center;gap:11px;border:none;background:none;color:var(--muted);font-weight:600;font-size:.92rem;padding:11px 13px;border-radius:11px;text-align:left;transition:.15s;position:relative}
.nav-item svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover{background:var(--card-2);color:var(--ink)}
.nav-item.active{background:var(--grad);color:#fff;box-shadow:0 8px 20px rgba(47,158,68,.25)}
.nav-item .dot{width:7px;height:7px;border-radius:50%;background:var(--orange);margin-left:auto}
.nav-item.active .dot{background:#fff}
.side-foot{border-top:1px solid var(--border);padding-top:14px;display:flex;flex-direction:column;gap:10px}
.side-user{display:flex;align-items:center;gap:10px;padding:4px 8px}
.avatar-mini{width:34px;height:34px;border-radius:10px;background:var(--grad-warm);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}
.side-user b{font-size:.9rem;display:block;line-height:1.1} .side-user small{color:var(--muted);font-size:.76rem}
.side-logout{display:flex;align-items:center;gap:9px;background:none;border:none;color:var(--muted);font-weight:600;padding:9px;border-radius:10px;font-size:.9rem}
.side-logout svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.side-logout:hover{background:#fdecec;color:#e5484d}

.main{display:flex;flex-direction:column;overflow:hidden}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--border);background:var(--card);gap:12px}
.topbar-burger{display:none;width:40px;height:40px;border:none;background:var(--card-2);border-radius:10px;color:var(--ink);align-items:center;justify-content:center;flex:0 0 auto}
.topbar-burger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.tb-title{flex:1;min-width:0}
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tb-title h2{font-size:1.25rem;letter-spacing:-.3px} .tb-title #viewSub{color:var(--muted);font-size:.84rem}
.tb-right{display:flex;align-items:center;gap:16px}
.live{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;color:var(--green);background:rgba(47,158,68,.1);padding:7px 12px;border-radius:20px}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,158,68,.5)}70%{box-shadow:0 0 0 8px rgba(47,158,68,0)}100%{box-shadow:0 0 0 0 rgba(47,158,68,0)}}
.scroll{overflow-y:auto;padding:24px 28px 60px;flex:1}
.view{animation:rise .4s var(--ease) both}

/* Grelhas + cartões */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px}
.kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px 17px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.kpi-lbl{color:var(--muted);font-size:.82rem;font-weight:600}
.kpi-val{font-size:1.7rem;font-weight:800;letter-spacing:-.5px;margin-top:5px}
.kpi-delta{font-size:.8rem;font-weight:700;margin-top:3px;display:inline-flex;align-items:center;gap:3px}
.kpi-delta.up{color:var(--green)} .kpi-delta.down{color:#e5484d}
.kpi-spark{height:42px;margin:12px -17px -16px}
.kpi-spark canvas{display:block;width:100%!important;height:42px!important}

.row{display:grid;gap:16px;margin-bottom:16px}
.row.r-2{grid-template-columns:1.6fr 1fr}
.row.r-2b{grid-template-columns:1fr 1.3fr}
.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow-sm)}
.panel-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.panel-hd h3{font-size:1.02rem} .panel-hd .sub{color:var(--muted);font-size:.8rem}
.seg{display:flex;gap:4px;background:var(--card-2);border:1px solid var(--border);border-radius:9px;padding:3px}
.seg button{border:none;background:none;font-size:.78rem;font-weight:600;color:var(--muted);padding:5px 10px;border-radius:6px}
.seg button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}
.chart-wrap{position:relative;height:260px}
.chart-wrap.sm{height:210px}

/* Contas */
.acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.acc{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px;box-shadow:var(--shadow-sm);transition:.18s var(--ease)}
.acc:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.acc-top{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.acc-av{width:46px;height:46px;border-radius:13px;object-fit:cover;position:relative;flex:0 0 auto}
.acc-av.ph{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1rem;background:var(--grad-warm)}
.acc-badge{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:7px;border:2px solid #fff}
.acc-name{font-weight:700;display:flex;align-items:center;gap:5px;font-size:.96rem}
.acc-name .vf{color:var(--fb);font-size:.9rem}
.acc-handle{color:var(--muted);font-size:.8rem}
.acc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;border-top:1px solid var(--border);padding-top:12px}
.acc-stats b{display:block;font-size:1.02rem;font-weight:800} .acc-stats small{color:var(--muted);font-size:.72rem}
.acc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.pill{font-size:.74rem;font-weight:700;padding:4px 9px;border-radius:20px}
.pill.on{background:rgba(47,158,68,.12);color:var(--green)}
.pill.off{background:#f1f3f2;color:var(--faint)}
.link-btn{font-size:.8rem;font-weight:700;color:var(--green);background:none;border:none}

/* Insights */
.insights{display:flex;flex-direction:column;gap:11px}
.insight{display:flex;gap:12px;padding:14px;border-radius:13px;border:1px solid var(--border);background:var(--card-2);animation:rise .4s var(--ease) both}
.insight .ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:1.1rem}
.insight.good .ic{background:rgba(47,158,68,.14)} .insight.info .ic{background:rgba(232,116,30,.14)} .insight.warn .ic{background:#fde1e1}
.insight b{font-size:.92rem} .insight p{color:var(--muted);font-size:.86rem;margin-top:3px;line-height:1.45}

/* Tabela / campanhas */
.tbl{width:100%;border-collapse:collapse}
.tbl th{text-align:left;font-size:.76rem;text-transform:uppercase;letter-spacing:.4px;color:var(--faint);padding:10px 12px;border-bottom:1px solid var(--border)}
.tbl td{padding:13px 12px;border-bottom:1px solid var(--border);font-size:.9rem}
.tbl tr:hover td{background:var(--card-2)}
.tbl .camp{display:flex;align-items:center;gap:10px;font-weight:600}
.status{font-size:.74rem;font-weight:700;padding:4px 10px;border-radius:20px}
.status.Ativa{background:rgba(47,158,68,.12);color:var(--green)}
.status.Pausada{background:#fff3e6;color:var(--orange)}
.status.Rascunho{background:#f1f3f2;color:var(--faint)}
.bar-cell{display:flex;align-items:center;gap:8px}
.bar-track{flex:1;height:7px;background:var(--card-2);border-radius:4px;overflow:hidden;min-width:60px}
.bar-fill{height:100%;background:var(--grad);border-radius:4px}

.posts{display:flex;flex-direction:column;gap:10px}
.post{display:flex;gap:11px;align-items:flex-start;padding:11px;border-radius:12px;border:1px solid var(--border)}
.post .p-net{margin-top:2px}
.post .p-cap{font-weight:600;font-size:.9rem} .post .p-meta{color:var(--muted);font-size:.8rem;margin-top:4px;display:flex;gap:12px}

.section-title{font-size:1.05rem;font-weight:800;margin:8px 0 14px;display:flex;align-items:center;gap:9px}

/* Toast */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:#14201a;color:#fff;padding:12px 20px;border-radius:12px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:.25s var(--ease);z-index:99}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media(max-width:1024px){.login{grid-template-columns:1fr}.login-hero{display:none}.row.r-2,.row.r-2b{grid-template-columns:1fr}}
@media(max-width:820px){
  .app{grid-template-columns:1fr}
  .sidebar{position:fixed;top:0;left:0;height:100vh;width:250px;z-index:60;transform:translateX(-105%);transition:transform .3s var(--ease)}
  .sidebar.open{transform:none;box-shadow:24px 0 60px rgba(20,32,26,.22)}
  .app.nav-open::before{content:"";position:fixed;inset:0;background:rgba(20,32,26,.45);z-index:59}
  .topbar-burger{display:flex}
  .topbar{padding:14px 16px}
  .tb-title h2{font-size:1.1rem} .tb-title #viewSub{display:none}
  .scroll{padding:16px 14px 72px}
  .kpis{grid-template-columns:1fr 1fr;gap:10px}
  .kpi-val{font-size:1.45rem}
  .acc-grid{grid-template-columns:1fr}
  .tbl{min-width:600px}
  .copilot{width:100vw;max-width:100vw}
}
@media(max-width:480px){
  .kpis{grid-template-columns:1fr}
  .login-left{padding:26px 20px}
  .login-box h1{font-size:1.6rem}
  .connect-grid{grid-template-columns:1fr}
  .modal-actions{flex-direction:column}
}

/* ── Ícones do sistema (SVG limpo) ── */
.ci{display:inline-flex;vertical-align:-3px}
.ci svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.section-title .ci{color:var(--green)} .section-title .ci svg{width:19px;height:19px}
.panel-hd h3 .ci{color:var(--green)} .panel-hd h3 .ci svg{width:18px;height:18px}
.insight .ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.insight.good .ic{color:var(--green)} .insight.info .ic{color:var(--orange)} .insight.warn .ic{color:#e5484d}
.acc-name .vf{color:var(--fb);display:inline-flex;vertical-align:-2px} .acc-name .vf svg{width:14px;height:14px;stroke-width:2.6}
.p-meta span{display:inline-flex;align-items:center;gap:4px} .p-meta .ci svg{width:14px;height:14px;color:var(--faint)}
.ai-hero-ic{width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.ai-hero-ic svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.txt-green{color:var(--green)!important} .txt-muted{color:var(--faint)!important}

/* ── Modais ── */
.modal-overlay{position:fixed;inset:0;background:rgba(20,32,26,.5);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:.2s var(--ease);z-index:80}
.modal-overlay.show{opacity:1;pointer-events:auto}
.modal{background:var(--card);border-radius:18px;box-shadow:var(--shadow-lg);width:100%;max-width:430px;padding:20px 22px;transform:translateY(14px) scale(.98);transition:.25s var(--ease)}
.modal-overlay.show .modal{transform:none}
.modal-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.modal-hd h3{font-size:1.15rem}
.modal-x{width:34px;height:34px;border-radius:10px;border:none;background:var(--card-2);display:flex;align-items:center;justify-content:center;color:var(--muted);flex:0 0 auto}
.modal-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.modal-x:hover{background:#fdecec;color:#e5484d}
.modal-sub{color:var(--muted);font-size:.9rem;margin-bottom:16px}
.modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center;background:var(--card-2);border-radius:13px;padding:14px;margin-bottom:6px}
.modal-stats b{display:block;font-size:1.15rem;font-weight:800} .modal-stats small{color:var(--muted);font-size:.74rem}
.modal-row{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;border-bottom:1px solid var(--border);font-size:.92rem;color:var(--muted)}
.modal-row b{color:var(--ink)}
.modal-actions{display:flex;gap:10px;margin-top:18px}
.modal-actions .btn-primary,.modal-actions .btn-ghost{flex:1}
.switch{position:relative;display:inline-block;width:42px;height:24px;flex:0 0 auto}
.switch input{opacity:0;width:0;height:0}
.switch span{position:absolute;inset:0;background:#d3ddd7;border-radius:20px;transition:.2s;cursor:pointer}
.switch span::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.switch input:checked+span{background:var(--green)} .switch input:checked+span::before{transform:translateX(18px)}
.connect-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.connect-opt{display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 10px;border:1px solid var(--border);border-radius:13px;background:var(--card);font-weight:700;font-size:.85rem;transition:.15s}
.connect-opt:hover{border-color:var(--green);transform:translateY(-2px)}
.connect-opt i[data-net]{width:38px;height:38px} .connect-opt i[data-net] svg{width:21px;height:21px}
.form-grid{display:flex;flex-direction:column;gap:12px}
.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:.86rem;font-weight:600}
.form-grid input,.form-grid select{border:1.5px solid var(--border);border-radius:10px;padding:11px 12px;font-size:.92rem;background:var(--card-2)}
.form-grid input:focus,.form-grid select:focus{outline:none;border-color:var(--green);background:#fff}

/* ── Calculadora ── */
.calc{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:start}
.calc-budget{display:flex;flex-direction:column;gap:7px;font-size:.86rem;font-weight:600}
.calc-budget input{border:1.5px solid var(--border);border-radius:11px;padding:12px 13px;font-size:1.05rem;font-weight:700;background:var(--card-2)}
.calc-budget input:focus{outline:none;border-color:var(--green);background:#fff}
.calc-nets{display:flex;flex-direction:column;gap:15px}
.calc-net-hd{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.88rem;margin-bottom:7px}
.calc-net-hd b{margin-left:auto;color:var(--green)}
.calc-net input[type=range]{width:100%;accent-color:var(--green);cursor:pointer}
.calc-result{margin-top:18px;border-top:1px solid var(--border);padding-top:15px;display:flex;flex-direction:column;gap:10px}
.calc-line{display:flex;align-items:center;gap:10px;font-size:.9rem}
.calc-line .cl-name{font-weight:600;min-width:78px} .calc-line .cl-alloc{color:var(--muted)} .calc-line .cl-arrow{color:var(--faint)}
.calc-line b{margin-left:auto}
.calc-total{display:flex;align-items:center;justify-content:space-between;background:var(--card-2);border-radius:12px;padding:14px 16px;margin-top:6px;font-weight:600}
.calc-total b{font-size:1.12rem;color:var(--green)}

/* ── Copiloto IA ── */
.copilot-toggle{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:var(--grad-warm);border:none;box-shadow:0 14px 34px rgba(232,116,30,.42);z-index:70;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s}
.copilot-toggle:hover{transform:scale(1.07)}
.copilot-toggle svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.copilot-toggle .cop-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:#fff;color:var(--orange);border-radius:50%;font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.copilot{position:fixed;top:0;right:0;height:100vh;width:384px;max-width:94vw;background:var(--card);border-left:1px solid var(--border);box-shadow:-24px 0 60px rgba(20,32,26,.14);z-index:76;display:flex;flex-direction:column;transform:translateX(105%);transition:.32s var(--ease)}
.copilot.show{transform:none}
.cop-hd{display:flex;align-items:center;gap:11px;padding:18px 20px;background:var(--grad-warm);color:#fff}
.cop-ic{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden}
.cop-ic img{width:100%;height:100%;object-fit:cover}
.cop-hd b{font-size:1rem;display:block} .cop-hd small{color:rgba(255,255,255,.85);font-size:.78rem}
.cop-hd .modal-x{margin-left:auto;background:rgba(255,255,255,.2);color:#fff}
.cop-hd .modal-x:hover{background:rgba(255,255,255,.32);color:#fff}
.cop-tgl-logo{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.65)}
.cop-teaser{position:fixed;right:22px;bottom:92px;width:252px;background:var(--card);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow-lg);padding:14px 15px;z-index:71;opacity:0;transform:translateY(10px);pointer-events:none;transition:.28s var(--ease)}
.cop-teaser.show{opacity:1;transform:none;pointer-events:auto;cursor:pointer}
.cop-teaser b{font-size:.92rem;display:block;padding-right:20px}
.cop-teaser p{color:var(--muted);font-size:.83rem;margin-top:4px;line-height:1.4}
.cop-teaser::after{content:"";position:absolute;bottom:-7px;right:28px;width:14px;height:14px;background:var(--card);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg)}
.cop-teaser-x{position:absolute;top:9px;right:9px;width:22px;height:22px;border:none;background:var(--card-2);border-radius:6px;color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0}
.cop-teaser-x svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4}
.cop-body{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.cop-msg{max-width:90%;padding:11px 14px;border-radius:15px;font-size:.9rem;line-height:1.5;animation:rise .3s var(--ease) both;white-space:pre-wrap}
.cop-msg.bot{background:var(--card-2);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:5px}
.cop-msg.me{background:var(--grad);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}
.cop-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 20px 12px}
.cop-chip{border:1px solid var(--border);background:var(--card);border-radius:20px;padding:7px 12px;font-size:.8rem;font-weight:600;color:var(--green)}
.cop-chip:hover{background:var(--card-2)}
.cop-input{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--border)}
.cop-input input{flex:1;border:1.5px solid var(--border);border-radius:12px;padding:11px 13px;font-size:.9rem;background:var(--card-2)}
.cop-input input:focus{outline:none;border-color:var(--green);background:#fff}
.cop-input button{width:44px;border:none;border-radius:12px;background:var(--grad);color:#fff;flex:0 0 auto}
.cop-input button svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2}

/* ── Estúdio de conteúdo ── */
.studio{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.gen-out{background:var(--card-2);border:1px dashed var(--border);border-radius:13px;padding:16px;min-height:130px;font-size:.92rem;line-height:1.6;white-space:pre-wrap;color:var(--ink)}
.gen-out .muted{color:var(--faint)}
.idea-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.idea{border:1px solid var(--border);border-radius:12px;padding:13px;font-size:.88rem;background:var(--card)}
.idea b{display:flex;align-items:center;gap:7px;margin-bottom:4px} .idea p{color:var(--muted);font-size:.83rem}
@media(max-width:900px){.calc{grid-template-columns:1fr}.studio{grid-template-columns:1fr}.idea-grid{grid-template-columns:1fr}}