/* Tema Pixdon — cores, fontes e medidas tiradas do template de referência (Admina). Carregado depois do app.css. */
:root{
  --azul:#4F46E5;--azul-esc:#4338CA;--azul-graf:#4F46E5;--claro:rgba(79,70,229,.12);
  --navy:#1F2937;--verde:#16A34A;--erro:#DC2626;--fundo:#F5F6FA;--borda:#EEF0F4;
  --texto:#111827;--texto2:#374151;--suave:#6B7280;--item:#5C667E;--raio:20px;
  --grad:linear-gradient(135deg,#4F46E5 0%,#4139BC 100%);
}
body{font-family:Inter,system-ui,sans-serif;color:#4B5563;background:var(--fundo)}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(520px 360px at 26% -4%,rgba(253,199,15,.10),transparent 70%),radial-gradient(640px 420px at 88% 0%,rgba(79,70,229,.08),transparent 70%)}
h1,h2,h3{color:var(--texto)}
a{color:var(--azul)}

/* estrutura: coluna de ícones + painel */
.shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh;background:none!important}
.lado{position:sticky;top:0;height:100vh;padding:0;display:grid;grid-template-columns:72px 248px;background:#fff;border:0;box-shadow:0 0 24px rgba(24,27,44,.06);overflow:hidden}
.trilho{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 0;border-right:1px solid var(--borda)}
.trilho-marca{width:44px;height:44px;display:grid;place-items:center;margin-bottom:14px}.trilho-marca img{width:40px;height:40px;object-fit:contain}
.trilho-nav{display:flex;flex-direction:column;gap:10px}
.trilho-nav a,.trilho-sair button{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--item);font-size:22px;border:0;background:none;cursor:pointer}
.trilho-nav a:hover,.trilho-sair button:hover{background:var(--claro);color:var(--azul);text-decoration:none}
.trilho-nav a.on{background:var(--azul);color:#fff;box-shadow:0 6px 14px rgba(79,70,229,.28)}
.trilho-sair{margin-top:auto}
.painel-lado{overflow-y:auto;padding:22px 16px 20px;display:flex;flex-direction:column}
.painel-marca{display:flex;align-items:center;gap:10px;padding:2px 10px 18px}.painel-marca img{height:30px}
.secao{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9CA3AF;padding:14px 14px 6px}
.nav{gap:2px}
.nav a,.nav button{padding:11px 14px;border-radius:10px;color:var(--item);font-size:14px;font-weight:500;gap:12px}
.nav a .ic,.nav button .ic{font-size:18px;color:inherit}
.nav a:hover,.nav button:hover{background:#F5F6FA;color:var(--texto)}
.nav a.on{background:var(--claro);color:var(--azul);font-weight:600}
.nav .bolinha{background:var(--erro)}
.promo{margin:22px 8px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.promo-ic{width:64px;height:64px;border-radius:50%;background:#EEEDFD;color:var(--azul);display:grid;place-items:center;margin-bottom:6px}
.promo p{margin:0;font-size:14px;color:#4B5563;font-weight:500}.promo small{font-size:12px;color:var(--suave);word-break:break-all}
.promo .btn{width:100%;margin-top:8px}
.sair-mob{display:none}
body.painel-off .shell{grid-template-columns:72px 1fr}body.painel-off .lado{grid-template-columns:72px 0}body.painel-off .painel-lado{display:none}

/* barra superior */
.barra{padding:24px 24px 0;gap:16px}
.redondo{width:44px;height:44px;background:#fff;box-shadow:none;color:#4B5563;font-size:20px}
.redondo .ponto{top:9px;right:10px}
.busca{max-width:388px;height:44px;padding:0 4px 0 24px;box-shadow:none;border:1px solid #fff}
.busca input{font-size:15px;color:var(--texto)}.busca input::placeholder{color:#9CA3AF}
.busca button{width:34px;height:34px;background:var(--azul)}
.perfil{gap:12px;padding:0}.perfil:hover{background:none}
.perfil .av{width:44px;height:44px;background:var(--grad)}
.perfil b{font-size:16px;font-weight:600;color:var(--texto)}.perfil small{font-size:13px;font-weight:500;color:#4B5563}
.perfil .seta{color:var(--suave);font-size:16px}
.so-mob{display:none!important}.so-desk{display:inline-block}
.titulo-barra{display:none}
.principal .wrap{padding:24px;max-width:none}

/* cartões e tipografia */
.card{border-radius:20px;padding:24px;box-shadow:none;border:0}
.card h3{font-size:18px;font-weight:600;color:var(--texto)}
.h3sub{color:var(--suave)}
.cab h1{font-size:24px;font-weight:600}.cab p{color:var(--suave)}
.kpi .rot{font-size:16px;font-weight:500;color:var(--texto2);border-bottom:1px solid #EAECF0;padding-bottom:16px;margin-bottom:18px}
.kpi .val{font-size:28px;font-weight:600;color:var(--texto)}
.kpi .det{font-size:14px;color:var(--suave)}
.kpi.dest{background:#fff;color:inherit}.kpi.dest .rot{color:var(--texto2);border-bottom-color:#EAECF0}.kpi.dest .val{color:var(--texto)}.kpi.dest .det{color:var(--suave)}
.kpi.dest .mini i{background:var(--azul-graf)}.kpi.dest .mini i.zero{background:#E5E7EB}
.mini i{background:var(--azul-graf);width:10px;border-radius:4px 4px 0 0}.mini i.zero{background:#E5E7EB}
.cards{gap:24px}.grid2{gap:24px}

/* botões e campos */
.btn{border-radius:999px;font-weight:600;font-size:14px;padding:11px 20px}
.btn-pri{background:var(--grad);color:#fff}.btn-pri:hover{background:linear-gradient(135deg,#4338CA,#3730A3)}
.btn-sec{border:1px solid #DFE0E2;color:#374151;background:#fff}.btn-sec:hover{border-color:#C7CAD1}
.btn-sm{padding:7px 14px;font-size:13px}
.btn-ok{background:#16A34A}.btn-ruim{border:1px solid #FECACA;color:#DC2626}
.campo label{font-size:14px;font-weight:500;color:#374151}
.campo input,.sel,.link input{border:1px solid #DFE0E2;border-radius:12px;padding:11px 14px;background:#fff}
.campo input:focus,.sel:focus{border-color:var(--azul);box-shadow:0 0 0 4px rgba(79,70,229,.12);outline:0}
.tabela th{font-size:12px;color:#6B7280;font-weight:600;background:#F9FAFB}
.tabela th:first-child{border-radius:10px 0 0 10px}.tabela th:last-child{border-radius:0 10px 10px 0}
.tabela td{color:#374151}
.nv .bar i,.progresso i{background:var(--azul)}
.abas a.on{background:var(--azul);border-color:var(--azul)}
.tag.analise{background:#EEEDFD;color:#4338CA}
.aviso{border-radius:20px}
.alerta.info{background:#EEEDFD;color:#3730A3;border-color:#DCD9FB}
.av{background:var(--grad)}
.selo{background:var(--azul)}
.lado-card,.top{display:none}

/* telas de entrada, vitrine e calculadoras */
.auth-hero{background:radial-gradient(1100px 600px at 10% 10%,#5B54EA 0,#3B33B8 50%,#2A2390 100%)}
.auth-hero:after{background:radial-gradient(circle,rgba(253,199,15,.35),transparent 70%)}
.auth-hero li b{background:rgba(255,255,255,.16);color:#fff}.auth-hero p,.auth-hero li{color:#E0DEFC}.auth-hero small{color:#B9B4F5}
.auth-main .btn{border-radius:12px}
.vit-top{background:radial-gradient(900px 400px at 10% 0,#5B54EA 0,#2A2390 70%)}.vit-top .sub{color:#C9C5FA}
.calc .res{color:var(--azul-esc)}

@media (max-width:1100px){
  .shell{grid-template-columns:1fr}
  .lado{position:fixed;left:0;top:0;width:320px;transform:translateX(-100%);transition:transform .2s;z-index:40}
  body.lado-on .lado{transform:none}
  .so-mob{display:inline-block!important}.so-desk{display:none!important}
  .barra{padding:16px 16px 0}.principal .wrap{padding:16px}
  .sair-mob{display:flex}
}
@media (max-width:640px){
  .lado{width:300px;grid-template-columns:64px 236px}
  .perfil .tx,.perfil .seta{display:none}
  .barra{flex-wrap:wrap}.busca{order:3;flex-basis:100%;max-width:none}
  .redondo{width:40px;height:40px}
}
.auth-hero h1,.vit-top h1{color:#fff}
/* componentes do template: cabeçalho de cartão, paginação, vazio */
.card-cab{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.cc-ic{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#EEEDFD;color:var(--azul);font-size:22px;border:1px solid #E4E2FB}
.cc-ic.verde{background:#F0FDF4;color:#16A34A;border-color:#DCFCE7}.cc-ic.amarelo{background:#FEFCE8;color:#CA8A04;border-color:#FEF9C3}
.cc-ic.vermelho{background:#FEF2F2;color:#DC2626;border-color:#FEE2E2}.cc-ic.ciano{background:#ECFEFF;color:#0891B2;border-color:#CFFAFE}.cc-ic.lilas{background:#FAF5FF;color:#8252E9;border-color:#EBD7FF}
.cc-tx{flex:1;min-width:0}.cc-tx h3{margin:0;font-size:18px;font-weight:600;color:var(--texto);line-height:1.35}.cc-tx p{margin:2px 0 0;color:var(--suave);font-size:14px}
.cc-acao{flex:none;display:flex;gap:8px;align-items:center}
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.pager-info{color:var(--suave);font-size:14px}
.pager-nums{display:flex;gap:6px;flex-wrap:wrap}
.pg{min-width:38px;height:38px;padding:0 10px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid #DFE0E2;color:#374151;font-weight:600;font-size:14px}
a.pg:hover{border-color:var(--azul);color:var(--azul);text-decoration:none}
.pg.on{background:var(--azul);border-color:var(--azul);color:#fff}.pg.off{color:#C4C8D0;background:#F9FAFB}
.vazio-bloco{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:36px 16px;color:var(--suave)}
.vazio-bloco b{color:var(--texto2);font-weight:600;margin-top:6px}.vazio-bloco small{font-size:13px}
/* produtos, divulgação, vitrine e calculadoras */
.prods{gap:20px}
.prod{position:relative;border:1px solid #EEF0F4;border-radius:16px;box-shadow:none;transition:box-shadow .15s,transform .15s}
a.prod{color:inherit;text-decoration:none}a.prod:hover{box-shadow:0 10px 24px rgba(46,45,116,.08);transform:translateY(-2px)}
.prod .c{padding:16px}.prod .t{font-size:14px;font-weight:600;color:var(--texto)}.prod .pl{font-size:12px;color:var(--suave)}
.selo-dest{position:absolute;top:10px;left:10px;z-index:1;display:inline-flex;align-items:center;gap:4px;background:#FEFCE8;color:#A16207;border:1px solid #FEF08A;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}
.prod-acoes{display:flex;gap:8px;margin-top:auto;padding-top:6px}
.ico-btn{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid #DFE0E2;background:#fff;color:#4B5563;font-size:18px;cursor:pointer}
.ico-btn:hover{border-color:var(--azul);color:var(--azul);text-decoration:none}.ico-btn.on{background:#FEFCE8;border-color:#FDE047;color:#CA8A04}
.ico-btn.ruim:hover{border-color:#FECACA;color:#DC2626;background:#FEF2F2}
.btn .ic{font-size:16px;vertical-align:-3px}
.link-card{display:flex;flex-direction:column}
.url-pill{background:#F5F6FA;border-radius:12px;padding:12px 14px;font-size:14px;color:#374151;font-weight:500;word-break:break-all;margin-bottom:14px}
.link-acoes{display:flex;gap:8px;align-items:center;margin-top:auto;flex-wrap:wrap}
.plats{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.plat{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #EEF0F4;border-radius:14px;color:inherit}
a.plat:hover{border-color:var(--azul);text-decoration:none}
.plat-ini{flex:none;width:40px;height:40px;border-radius:12px;background:#EEEDFD;color:var(--azul);display:grid;place-items:center;font-weight:700}
.plat-tx{flex:1;min-width:0;display:flex;flex-direction:column}.plat-tx b{color:var(--texto);font-size:14px}.plat-tx small{color:var(--suave);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.add-plat{margin-top:18px;padding-top:18px;border-top:1px solid #EEF0F4}
.pessoa{display:flex;align-items:center;gap:12px}
.av-p{flex:none;width:38px;height:38px;border-radius:50%;background:#EEEDFD;color:var(--azul);display:grid;place-items:center;font-weight:700;font-size:14px}
.lista li{gap:12px}
.calcs{gap:24px}.calc .res{font-size:22px;font-weight:700;color:var(--texto);margin-top:16px;padding:14px 16px;border-radius:14px;background:#F5F6FA}.calc .res:empty{display:none}
.calc .res small{color:var(--suave)}
.pub-topo{background:#fff;box-shadow:0 0 24px rgba(24,27,44,.06);position:sticky;top:0;z-index:5}
.pub-topo .in{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:24px}
.pub-marca img{height:30px;display:block}
.pub-nav{display:flex;gap:6px}
.pub-nav a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;color:var(--item);font-weight:500;font-size:14px}
.pub-nav a:hover{background:#F5F6FA;text-decoration:none}.pub-nav a.on{background:var(--claro);color:var(--azul);font-weight:600}
.pub-topo .perfil{margin-left:auto}
.wrap.pub{max-width:1200px;margin:0 auto;padding:28px 24px 48px}
.pub-rodape{color:var(--suave);font-size:12px;text-align:center;margin-top:28px}
.vit-top{display:none}
@media (max-width:640px){.pub-topo .in{flex-wrap:wrap;gap:10px;padding:12px 16px}.pub-topo .perfil .tx{display:none}.pub-nav{order:3;width:100%}.pub-nav a{flex:1;justify-content:center}.wrap.pub{padding:20px 16px 40px}}
@media (min-width:1101px){.shell{background:linear-gradient(to right,#fff 320px,transparent 320px)!important}body.painel-off .shell{background:linear-gradient(to right,#fff 72px,transparent 72px)!important}}
.link-acoes .btn{width:auto}.link-acoes .btn-pri{flex:1}
/* gerador de PIX */
.pixg{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}
.pixg-res{text-align:center;position:sticky;top:16px}
.pixg-topo{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.pixg-nome{font-weight:600;color:var(--texto)}.pixg-valor{font-size:28px;font-weight:700;color:var(--azul)}
.pixg-qr{display:block;width:240px;height:240px;margin:6px auto 14px;border:1px solid #EEF0F4;border-radius:16px;padding:8px;background:#fff}
.pixg-qr:not([src]){background:#F5F6FA}
.pixg-rot{display:block;text-align:left;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}
.pixg .copia{text-align:left;max-height:110px;overflow:auto;border-radius:12px}
.pixg-nota{font-size:12px;color:var(--suave);margin:12px 0 0}
.pixg-erro{color:var(--erro);font-size:14px;min-height:0}.pixg-erro:not(:empty){margin:-4px 0 10px}
@media (max-width:900px){.pixg{grid-template-columns:1fr}.pixg-res{position:static;order:-1}}
.btn{white-space:nowrap}
.vit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.vit-mais{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.vit-conta{color:var(--suave);font-size:14px;width:100%;text-align:center}
.vit-mais .btn{width:auto;min-width:160px}
@media (max-width:1000px){.vit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.vit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vit-grid .prod .c{padding:12px}.vit-grid .prod .t{font-size:13px}}
[hidden]{display:none!important}
/* editor da home */
.home-ed{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.home-lado{position:sticky;top:16px}
.ed-sec{padding:0;margin-bottom:16px}
.ed-sec summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 24px;font-size:16px}
.ed-sec summary::-webkit-details-marker{display:none}
.ed-sec summary b{color:var(--texto);font-weight:600;flex:1}
.ed-ic{width:40px;height:40px;border-radius:50%;background:#EEEDFD;color:var(--azul);display:grid!important;place-items:center;font-size:20px}
.ed-seta{color:var(--suave);transition:transform .2s}.ed-sec[open] .ed-seta{transform:rotate(180deg)}
.ed-corpo{padding:4px 24px 22px;border-top:1px solid #EEF0F4}
.ed-corpo .campo{margin-top:16px}.ed-corpo textarea.sel{resize:vertical;font:inherit}
.dica{display:block;color:var(--suave);font-size:12px;margin-top:4px}
.tres-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ed-itens{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.ed-item{display:flex;gap:10px;align-items:flex-start;background:#F9FAFB;border:1px solid #EEF0F4;border-radius:14px;padding:12px}
.ed-item>input{flex:1;border:1px solid #DFE0E2;border-radius:12px;padding:10px 12px;font:inherit}
.ed-campos{flex:1;display:grid;gap:8px}.ed-campos input,.ed-campos textarea{border:1px solid #DFE0E2;border-radius:12px;padding:10px 12px;font:inherit;width:100%}
.ed-img{display:flex;gap:12px;align-items:center;margin-bottom:8px;font-size:13px}.ed-img img{width:120px;height:80px;object-fit:cover;border-radius:10px}
.chave{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--suave)}
.chave input{position:absolute;opacity:0;pointer-events:none}
.chave span{width:38px;height:22px;border-radius:999px;background:#D1D5DB;position:relative;transition:background .15s}
.chave span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}
.chave input:checked+span{background:var(--azul)}.chave input:checked+span:after{left:19px}
.chave em{font-style:normal}
@media (max-width:1100px){.home-ed{grid-template-columns:1fr}.home-lado{position:static;order:-1}}
@media (max-width:640px){.tres-col{grid-template-columns:1fr}.ed-sec summary{padding:16px}.ed-corpo{padding:4px 16px 18px}}
.op-esp{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--suave);font-size:14px;margin-top:12px}
.giro{width:16px;height:16px;border-radius:50%;border:2px solid #E4E2FB;border-top-color:var(--azul);animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.modal .qr{width:240px;height:240px}
.aviso.renov{background:#FFF7ED;border-color:#FED7AA;color:#7C2D12;margin-bottom:20px}
.zap-btn{background:#22C55E;color:#fff;border:0}.zap-btn:hover{background:#16A34A;color:#fff}
.zap-flutua{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:10px;background:#22C55E;color:#fff;border-radius:999px;padding:12px 18px 12px 14px;font-weight:600;font-size:14px;box-shadow:0 12px 30px rgba(34,197,94,.35)}
.zap-flutua .ic{font-size:28px}.zap-flutua:hover{background:#16A34A;text-decoration:none;color:#fff}
@media (max-width:640px){.zap-flutua span{display:none}.zap-flutua{padding:14px}.pub-topo .zap-btn{display:none}}
/* gráfico de cliques (barras finas, base única, grade discreta) */
.graf{display:grid;grid-template-columns:34px 1fr;gap:8px;height:220px}
.graf-eixo{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:11px;color:#9CA3AF;padding-bottom:22px;margin-top:-6px}
.graf-area{position:relative;display:flex;flex-direction:column}
.graf-grade{position:absolute;inset:0 0 22px 0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.graf-grade i{display:block;border-top:1px dashed #EEF0F4}.graf-grade i:last-child{border-top:1px solid #D1D5DB}
.graf-barras{position:relative;flex:1;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:2px;align-items:end}
.gb{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;outline:none}
.gb i{display:block;width:100%;max-width:24px;background:#4F46E5;border-radius:4px 4px 0 0;transition:background .15s}
.gb:hover i,.gb:focus i{background:#4338CA}
.gb:hover:before,.gb:focus:before{content:"";position:absolute;inset:0;background:rgba(79,70,229,.06);border-radius:6px}
.gb-val{position:absolute;bottom:calc(var(--h,0%) + 4px);font-size:11px;font-weight:600;color:#374151}
.graf-x{display:grid;grid-template-columns:repeat(var(--n,30),1fr);height:22px;font-size:11px;color:#9CA3AF;padding-top:6px;white-space:nowrap}
.graf-tip{position:absolute;transform:translate(-50%,-100%);background:#111827;color:#fff;font-size:12px;font-weight:600;padding:6px 10px;border-radius:8px;pointer-events:none;z-index:70;white-space:nowrap}
.graf-tab{margin-top:14px}.graf-tab summary{cursor:pointer;color:var(--suave);font-size:13px}
.graf-tab .tabela{margin-top:8px;max-width:320px}
.lk-lista{display:grid;gap:10px}
.lk{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #EEF0F4;border-radius:14px}
.lk-tx{flex:1;min-width:0;display:flex;flex-direction:column}.lk-tx b{color:var(--texto);font-size:14px}.lk-tx small{color:var(--suave);font-size:13px;font-family:ui-monospace,monospace}
.lk-num{text-align:right;display:flex;flex-direction:column;line-height:1.2}.lk-num b{font-size:18px;color:var(--texto)}.lk-num small{font-size:11px;color:var(--suave)}
@media (max-width:640px){.graf{height:180px}.graf-x span{font-size:10px}}
.bio-ed{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}
.bio-ed aside{position:sticky;top:16px}
.ed-h{margin:22px 0 4px;font-size:14px;color:var(--texto2)}
.bio-cel{border:10px solid #111827;border-radius:36px;overflow:hidden;height:640px;background:#F5F6FA;box-shadow:0 20px 50px rgba(46,45,116,.15)}
.bio-cel iframe{width:100%;height:100%;border:0}
@media (max-width:1100px){.bio-ed{grid-template-columns:1fr}.bio-ed aside{position:static}.bio-cel{max-width:340px;margin:0 auto}}
/* arte para status */
.arte{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:start}
.arte-prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:300px;overflow:auto;padding:2px}
.arte-p{border:2px solid #EEF0F4;background:#fff;border-radius:14px;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left;font:inherit}
.arte-p img,.arte-vit{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#F9FAFB}
.arte-vit{display:grid;place-items:center;font-size:34px;color:var(--azul);background:#EEEDFD}
.arte-p small{font-size:11px;color:var(--texto2);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.arte-p.on{border-color:var(--azul);box-shadow:0 0 0 3px rgba(79,70,229,.15)}
.arte-estilos{display:flex;gap:10px}.arte-estilos button{width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;outline:3px solid transparent;outline-offset:2px}
.arte-estilos button.on{outline-color:var(--azul)}
.arte-prev{position:sticky;top:16px;text-align:center}
.arte-prev canvas{width:100%;max-width:380px;height:auto;border-radius:24px;box-shadow:0 20px 50px rgba(46,45,116,.18);background:#fff}
.arte-acoes{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}
@media (max-width:1100px){.arte{grid-template-columns:1fr}.arte-prev{position:static;order:-1}.arte-prev canvas{max-width:300px}}
/* recibos e orçamentos */
.doc-form{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.doc-form aside{position:sticky;top:16px}
.aba-radio{cursor:pointer}.aba-radio input{position:absolute;opacity:0}
.aba-radio span{display:inline-block;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--borda);color:var(--suave);font-weight:600;font-size:14px}
.aba-radio input:checked+span{background:var(--azul);border-color:var(--azul);color:#fff}
.aba-radio input:focus-visible+span{outline:2px solid var(--azul);outline-offset:2px}
.doc-itens{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.doc-it{display:grid;grid-template-columns:1fr 70px 130px 110px 38px;gap:8px;align-items:center}
.doc-it input{border:1px solid #DFE0E2;border-radius:12px;padding:10px 12px;font:inherit;width:100%;min-width:0}
.doc-it.cab-it{font-size:12px;font-weight:600;color:var(--suave);text-transform:uppercase;letter-spacing:.04em}
.it-tot{text-align:right;color:var(--texto);font-size:14px}
.doc-tot{margin-left:auto;max-width:340px;margin-top:16px;display:grid;gap:8px}
.doc-tot>div{display:flex;justify-content:space-between;align-items:center;gap:12px}
.doc-tot input{max-width:150px;border:1px solid #DFE0E2;border-radius:12px;padding:8px 12px;font:inherit;text-align:right}
.doc-tot .grande{border-top:1px solid #EEF0F4;padding-top:10px;font-size:18px}.doc-tot .grande b{color:var(--azul);font-size:22px}
.doc-ver{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.doc-quadro{padding:10px}.doc-quadro iframe{width:100%;height:78vh;border:0;border-radius:12px;background:#F5F6FA}
@media (max-width:1100px){.doc-form,.doc-ver{grid-template-columns:1fr}.doc-form aside{position:static}}
@media (max-width:640px){.doc-it{grid-template-columns:1fr 1fr 38px}.doc-it>input:first-child{grid-column:1/-1}.doc-it .it-tot{grid-column:1/3;text-align:left}.doc-it.cab-it{display:none}.doc-quadro iframe{height:60vh}}
.doc-form>*,.doc-ver>*{min-width:0}.campo input{max-width:100%;min-width:0}
.aba-radio{position:relative}.aba-radio input{width:1px!important;height:1px;left:0;top:0;padding:0;border:0}
/* assinatura de documentos */
.soltar{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;border:2px dashed #C7C3F7;border-radius:16px;background:#FAFAFF;cursor:pointer;text-align:center;position:relative;transition:background .15s,border-color .15s}
.soltar input{position:absolute;inset:0;opacity:0;cursor:pointer}
.soltar b{color:var(--texto);font-size:14px}.soltar small{color:var(--suave);font-size:12px}
.soltar.sobre{background:#EEEDFD;border-color:var(--azul)}.soltar.ok{border-style:solid;border-color:#86EFAC;background:#F0FDF4}.soltar.err{border-color:#FECACA}
.ass-lista{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.ass-it{display:flex;gap:10px;align-items:center;background:#F9FAFB;border:1px solid #EEF0F4;border-radius:14px;padding:10px}
.ass-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--azul);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}
.ass-campos{flex:1;min-width:0;display:grid;grid-template-columns:1.3fr 1.4fr 1fr .9fr;gap:8px}
.ass-campos input,.ass-campos .sel{border:1px solid #DFE0E2;border-radius:12px;padding:10px 12px;font:inherit;min-width:0;width:100%}
.lista-ok-p{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:13px}
.lista-ok-p li{display:flex;gap:8px;align-items:flex-start}.lista-ok-p li:before{content:"✓";color:#16A34A;font-weight:700}
.ass-status{display:flex;flex-direction:column;gap:10px}
.ass-p{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #EEF0F4;border-radius:14px;flex-wrap:wrap}
.ass-p-tx{flex:1;min-width:180px;display:flex;flex-direction:column}.ass-p-tx b{color:var(--texto)}.ass-p-tx small{color:var(--suave);font-size:12px}
.linha-tempo{list-style:none;margin:0;padding:0;position:relative}
.linha-tempo:before{content:"";position:absolute;left:17px;top:8px;bottom:8px;width:2px;background:#EEF0F4}
.linha-tempo li{position:relative;display:flex;gap:12px;padding:8px 0}
.lt-ic{flex:none;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #EEF0F4;display:grid;place-items:center;color:var(--azul);font-size:16px;z-index:1}
.linha-tempo b{color:var(--texto);font-size:14px}.linha-tempo small{display:block;color:var(--suave);font-size:12px;word-break:break-word}
.rot-mini{font-size:11px;font-weight:600;color:var(--suave);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.hash{font-family:ui-monospace,monospace;font-size:11px;word-break:break-all;background:#F5F6FA;border-radius:10px;padding:8px 10px;color:var(--texto2)}
@media (max-width:900px){.ass-campos{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ass-campos{grid-template-columns:1fr}.ass-it{align-items:flex-start}}
.selo-seg{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#16A34A;background:#F0FDF4;border:1px solid #DCFCE7;border-radius:999px;padding:6px 12px}
.ass-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.ass-grid>*{min-width:0}
.ass-grid aside{position:sticky;top:84px}
.passos-ass{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}
.passos-ass li{display:flex;align-items:center;gap:10px;color:var(--suave);font-weight:500;font-size:14px}
.passos-ass li span{width:26px;height:26px;border-radius:50%;border:2px solid #DFE0E2;display:grid;place-items:center;font-size:12px;font-weight:700}
.passos-ass li.on{color:var(--texto);font-weight:600}.passos-ass li.on span{border-color:var(--azul);background:var(--azul);color:#fff}
.passos-ass li.ok span{border-color:#16A34A;background:#16A34A;color:#fff}
.cod-in{font-size:26px!important;letter-spacing:10px;text-align:center;font-family:ui-monospace,monospace!important}
.assin-area{position:relative;border:2px dashed #C7C3F7;border-radius:14px;background:#fff;touch-action:none}
.assin-area canvas{display:block;width:100%;height:auto;cursor:crosshair}
.assin-linha{position:absolute;left:8%;right:8%;bottom:26%;border-bottom:1px solid #D1D5DB;pointer-events:none}
.assin-dica{position:absolute;inset:0;display:grid;place-items:center;color:#9CA3AF;font-size:13px;pointer-events:none}
.aceite{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:13px;color:var(--texto2);line-height:1.5;cursor:pointer}.aceite input{margin-top:3px;width:18px;height:18px;flex:none}
.recusa summary{cursor:pointer;color:var(--suave);font-size:14px}
.assinar .doc-quadro iframe{height:72vh}
@media (max-width:1000px){.ass-grid{grid-template-columns:1fr}.ass-grid aside{position:static}.assinar .doc-quadro iframe{height:55vh}.selo-seg{display:none}}
.pdf-leitor{height:72vh;overflow-y:auto;background:#E5E7EB;border-radius:12px;padding:12px}
.pdf-paginas{display:flex;flex-direction:column;gap:12px}
.pdf-pg{position:relative;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);border-radius:4px;overflow:hidden}
.pdf-pg canvas{display:block}
.pdf-n{position:absolute;right:8px;bottom:8px;background:rgba(17,24,39,.7);color:#fff;font-size:11px;padding:2px 8px;border-radius:999px}
.pdf-carrega{display:flex;align-items:center;justify-content:center;gap:10px;height:100%;color:var(--suave);font-size:14px;min-height:200px}
@media (max-width:1000px){.pdf-leitor{height:60vh}}
.ident-op{display:grid;gap:8px}
.ident-op label{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1.5px solid #EEF0F4;border-radius:14px;cursor:pointer}
.ident-op label:has(input:checked){border-color:var(--azul);background:#FAFAFF}
.ident-op label.off{opacity:.55;cursor:not-allowed}
.ident-op input{margin-top:3px;accent-color:var(--azul)}
.ident-op span{display:flex;flex-direction:column}.ident-op b{font-size:14px;color:var(--texto)}.ident-op small{font-size:12px;color:var(--suave)}
.conf-box{border:1.5px solid #FDE68A}
.conf-it{display:flex;gap:18px;padding:14px 0;border-top:1px solid #EEF0F4;flex-wrap:wrap}.conf-it:first-of-type{border-top:0}
.conf-fotos{display:flex;gap:10px}
.conf-fotos a{display:flex;flex-direction:column;gap:4px;color:var(--suave);font-size:11px;text-align:center}
.conf-fotos img{width:150px;height:150px;object-fit:cover;border-radius:12px;border:1px solid #EEF0F4;background:#F5F6FA}
.conf-tx{flex:1;min-width:240px;display:flex;flex-direction:column;gap:3px}.conf-tx b{color:var(--texto)}.conf-tx small{color:var(--suave);font-size:13px}
.conf-auto{background:#EEEDFD;color:#3730A3!important;border-radius:8px;padding:6px 10px;margin:4px 0}
.conf-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}
.conf-acoes input{flex:1;min-width:180px;border:1px solid #DFE0E2;border-radius:999px;padding:8px 14px;font:inherit;font-size:13px}
@media (max-width:640px){.conf-fotos img{width:130px;height:130px}}
.foto-id{border:1px solid #EEF0F4;border-radius:14px;padding:12px;margin-bottom:12px}
.foto-cab{display:flex;flex-direction:column;margin-bottom:8px}.foto-cab b{font-size:14px;color:var(--texto)}.foto-cab small{font-size:12px;color:var(--suave)}
.foto-area{position:relative;aspect-ratio:4/3;background:#F5F6FA;border-radius:12px;overflow:hidden;display:grid;place-items:center}
.foto-area video,.foto-area img{width:100%;height:100%;object-fit:cover}
.foto-vazio{font-size:40px;color:#C7C3F7}
.foto-bts{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.foto-alt{cursor:pointer}


/* Compartilhar produto (vitrine e painel) */
.prod-w{position:relative;display:flex;min-width:0}.prod-w>.prod{flex:1;min-width:0}
.prod-comp{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid #EEF0F4;background:rgba(255,255,255,.95);color:#4F46E5;font-size:18px;cursor:pointer;box-shadow:0 4px 12px rgba(17,24,39,.08);transition:transform .15s,background .15s}
.prod-comp:hover,.prod-comp:focus-visible{background:#4F46E5;color:#fff;transform:scale(1.06)}
.cp-dlg{border:0;border-radius:20px;padding:20px;width:min(440px,calc(100vw - 32px));box-shadow:0 24px 60px rgba(17,24,39,.22);color:var(--texto)}
.cp-dlg::backdrop{background:rgba(17,24,39,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.cp-cab{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.cp-cab img{width:56px;height:56px;border-radius:12px;object-fit:contain;border:1px solid #EEF0F4;background:#fff;flex:none}
.cp-tx{flex:1;min-width:0}.cp-tx b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;line-height:1.35}.cp-tx small{color:var(--suave);font-size:12px}
.cp-link{display:flex;gap:8px;margin-bottom:14px}.cp-link input{flex:1;min-width:0;border:1px solid #DFE0E2;border-radius:12px;padding:9px 12px;font:inherit;font-size:13px;background:#F9FAFB;color:#374151}
.cp-link .btn{width:auto;flex:none}.cp-redes{flex-wrap:wrap}
.cp-nota{font-size:12px;color:var(--suave);margin:14px 0 0;line-height:1.5}
@media (max-width:640px){.prod-comp{width:34px;height:34px;font-size:16px;top:8px;right:8px}}


/* Imagem de propaganda dos links (Divulgação) */
.lk-prev{display:block;position:relative;margin:0 0 12px;border-radius:12px;overflow:hidden;border:1px solid #EEF0F4;aspect-ratio:1200/630;background:#F5F6FA}
.lk-prev img{width:100%;height:100%;object-fit:cover;display:block}
.lk-prev span{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;background:rgba(17,24,39,.72);color:#fff;font-size:12px;font-weight:500;border-radius:999px;padding:4px 10px}
.lk-prev:hover span{background:#4F46E5}.lk-prev:hover{text-decoration:none}
.img-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:900px){.img-grid{grid-template-columns:1fr}}
.dica-tam{font-size:12px;color:var(--suave);margin-top:6px;line-height:1.5}
.chk{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}
.zap-mock{background:#EFEAE2;border-radius:16px;padding:18px}
.zap-bolha{position:relative;background:#D9FDD3;border-radius:10px;padding:5px 5px 22px;max-width:360px;margin-left:auto;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.zap-card{background:#CFF2C7;border-radius:7px;overflow:hidden}
.zap-img{position:relative;line-height:0}.zap-img canvas{width:100%;height:auto;display:block}
.segura{position:absolute;top:0;bottom:0;left:23.75%;width:52.5%;border:2px dashed rgba(255,255,255,.95);outline:1px dashed rgba(17,24,39,.55);pointer-events:none}
.zap-tx{padding:8px 10px;line-height:1.3}.zap-tx b{display:block;font-size:14px;color:#111B21;font-weight:600}.zap-tx small{font-size:12px;color:#667781}
.zap-link{font-size:13px;color:#027EB5;padding:6px 6px 0;word-break:break-all}
.zap-hora{position:absolute;right:8px;bottom:4px;font-size:11px;color:#667781}
.zap-leg{font-size:12px;color:#4B5563;margin:12px 0 0;line-height:1.5}
.img-atuais{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:18px}
.img-atual{border:1px solid #EEF0F4;border-radius:14px;overflow:hidden}.img-atual img{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block}
.img-atual>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px}.img-atual b{font-size:13px;font-weight:600}
.tam-redes td:first-child{white-space:nowrap}.tam-redes td:first-child .ic{color:#4F46E5;margin-right:4px}
/* Convite para criar conta nas páginas públicas */
.convite-pub{display:flex;align-items:center;gap:16px;margin-top:24px;background:linear-gradient(135deg,#EEF0FF,#F7F5FF);border:1px solid #E0E2FB}
.convite-ic{width:48px;height:48px;border-radius:14px;background:#4F46E5;color:#fff;display:grid;place-items:center;font-size:24px;flex:none}
.convite-tx{flex:1;min-width:0}.convite-tx b{display:block;font-size:16px;font-weight:600;color:#111827}.convite-tx span{font-size:14px;color:#4B5563}
.convite-pub .btn{width:auto;white-space:nowrap}
@media (max-width:640px){.convite-pub{flex-wrap:wrap}.convite-pub .btn{width:100%}}
@media (max-width:760px){.tam-redes td .ic{display:none}}


/* Cortesia */
.tag.cortesia{background:#F3E8FF;color:#7E22CE}
.cort-box{display:flex;gap:12px;align-items:flex-start;background:#FAF5FF;border:1px solid #E9D5FF;border-radius:14px;padding:12px 14px;margin:0 0 14px;color:#6B21A8}
.cort-box .ic{font-size:22px;flex:none;margin-top:2px}.cort-box b{display:block;color:#581C87}.cort-box span{font-size:13px;color:#6B21A8}
.cort-prazo{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cort-prazo label{display:inline-flex;align-items:center;gap:6px;font-weight:500;margin:0}
.cort-prazo input[type=date]{width:auto}
.cort-prazo input[type=radio]{width:auto;margin:0}.cort-prazo label{white-space:nowrap}