/* DM3 Social — interface do painel (cores da DM3: azul #0880C8 / laranja #F08030) */
:root{
  --azul:#0880C8;--azul-2:#066AA6;--azul-claro:#E6F3FB;--laranja:#F08030;
  --tinta:#13202C;--cinza:#5B6876;--cinza-2:#8995A2;--linha:#E2E7ED;--fundo:#F4F6F9;--card:#FFFFFF;
  --s-rascunho:#8A97A6;--s-aprovado:#0880C8;--s-agendado:#7354E8;--s-processando:#E39A1C;--s-publicado:#1B9A57;--s-erro:#D63B3B;
  --raio:12px;--sombra:0 1px 2px rgba(19,32,44,.06),0 4px 14px rgba(19,32,44,.06);
  --f:'Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--fundo);color:var(--tinta);font:15px/1.45 var(--f);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--azul)}
[hidden]{display:none!important}
img{max-width:100%}

/* ── Botões e campos ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--linha);background:var(--card);border-radius:9px;padding:.55rem .95rem;font-weight:600;font-size:.92rem;cursor:pointer;text-decoration:none;color:var(--tinta);white-space:nowrap;transition:background .15s,border-color .15s}
.btn:hover{border-color:#C9D2DC;background:#FAFBFC}
.btn.primario{background:var(--azul);border-color:var(--azul);color:#fff}
.btn.primario:hover{background:var(--azul-2)}
.btn.laranja{background:var(--laranja);border-color:var(--laranja);color:#fff}
.btn.perigo{color:var(--s-erro)}
.btn.fantasma{border-color:transparent;background:transparent}
.btn.fantasma:hover{background:rgba(19,32,44,.05)}
.btn.peq{padding:.35rem .65rem;font-size:.84rem;border-radius:8px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn svg{width:16px;height:16px;flex:none}
label.rot{display:block;font-size:.8rem;font-weight:600;color:var(--cinza);margin:.9rem 0 .3rem}
.campo,select.campo,textarea.campo{width:100%;border:1px solid var(--linha);background:#fff;border-radius:9px;padding:.55rem .7rem;outline:none}
.campo:focus{border-color:var(--azul);box-shadow:0 0 0 3px var(--azul-claro)}
textarea.campo{resize:vertical;min-height:120px;line-height:1.5}
.ajuda{font-size:.78rem;color:var(--cinza-2);margin-top:.25rem;display:flex;justify-content:space-between;gap:1rem}
.ajuda .ruim{color:var(--s-erro);font-weight:600}
.erro-msg{color:var(--s-erro);font-size:.88rem;margin-top:.6rem;min-height:1.2em}

/* ── Login ── */
.login{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(160deg,#0B2F4A,#0880C8 70%,#F08030 160%)}
.login-card{width:min(380px,100%);background:#fff;border-radius:18px;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.login-card p{color:var(--cinza);margin:.4rem 0 .6rem}
.login-card .btn{width:100%;margin-top:1rem;padding:.75rem}
.marca-app{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:inherit;font-size:1.05rem}
.logo-app{width:30px;height:30px;border-radius:9px;background:var(--azul);position:relative;flex:none}
.logo-app::before{content:"";position:absolute;inset:7px;border:2.5px solid #fff;border-radius:6px}
.logo-app::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--laranja);top:9px;right:9px}

/* ── Topo ── */
.topo{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.2rem;padding:.65rem 1.4rem;background:#fff;border-bottom:1px solid var(--linha)}
.marca-sel{display:flex;align-items:center;gap:.5rem}
.marca-sel select{border:1px solid var(--linha);border-radius:99px;padding:.35rem 2rem .35rem .8rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235B6876' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .7rem center;appearance:none;font-weight:600;cursor:pointer}
.marca-sel .logo-marca{width:30px;height:30px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid var(--linha);padding:2px}
.abas{display:flex;gap:.25rem;margin-left:auto}
.abas a{padding:.5rem .9rem;border-radius:9px;text-decoration:none;color:var(--cinza);font-weight:600}
.abas a:hover{background:var(--fundo);color:var(--tinta)}
.abas a.ativo{background:var(--azul-claro);color:var(--azul-2)}
main{padding:1.4rem;max-width:1500px;margin:0 auto}

/* ── Cabeçalho de página ── */
.cab{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.cab h1{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}
.cab .mes{display:flex;align-items:center;gap:.3rem;margin-left:.5rem}
.cab .mes b{font-size:1.15rem;min-width:11.5rem;text-align:center;text-transform:capitalize}
.cab .direita{margin-left:auto;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.seg{display:inline-flex;background:#fff;border:1px solid var(--linha);border-radius:10px;padding:3px}
.seg button{border:0;background:none;padding:.35rem .75rem;border-radius:7px;font-weight:600;font-size:.88rem;color:var(--cinza);cursor:pointer}
.seg button.ativo{background:var(--tinta);color:#fff}

/* ── Resumo ── */
.resumo{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) minmax(0,2.2fr);gap:.7rem;margin-bottom:1rem}
.kpi{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:.7rem .9rem}
.kpi b{display:block;font-size:1.45rem;line-height:1.1}
.kpi span{font-size:.8rem;color:var(--cinza);display:flex;align-items:center;gap:.35rem}
.pt{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}
.pilares-kpi{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:.7rem .9rem}
.pilares-kpi .t{font-size:.8rem;color:var(--cinza);margin-bottom:.45rem;display:flex;justify-content:space-between}
.barra-pil{display:flex;height:10px;border-radius:99px;overflow:hidden;background:var(--fundo)}
.barra-pil i{display:block;height:100%}
.leg-pil{display:flex;flex-wrap:wrap;gap:.2rem .8rem;margin-top:.45rem;font-size:.76rem;color:var(--cinza)}
.leg-pil span{display:inline-flex;align-items:center;gap:.3rem}
.leg-pil em{font-style:normal;color:var(--cinza-2)}

/* ── Calendário ── */
.cal{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra)}
.cal-cab{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#FAFBFC;border-bottom:1px solid var(--linha)}
.cal-cab div{padding:.5rem .7rem;font-size:.75rem;font-weight:700;color:var(--cinza);text-transform:uppercase;letter-spacing:.06em}
.cal-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.dia{min-height:148px;border-right:1px solid var(--linha);border-bottom:1px solid var(--linha);padding:.45rem;display:flex;flex-direction:column;gap:.35rem;position:relative;transition:background .12s}
.dia:nth-child(7n){border-right:0}
.dia.fora{background:#FAFBFC}
.dia.fora .n{color:#C0C8D1}
.dia.hoje .n{background:var(--azul);color:#fff}
.dia.alvo{background:var(--azul-claro)}
.dia .topo-dia{display:flex;align-items:center;gap:.35rem;min-height:24px}
.dia .n{font-size:.82rem;font-weight:700;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}
.dia .feriado{font-size:.68rem;font-weight:600;color:var(--laranja);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dia .add{margin-left:auto;opacity:0;border:0;background:none;color:var(--cinza-2);font-size:1.1rem;line-height:1;cursor:pointer;width:22px;height:22px;border-radius:6px}
.dia:hover .add{opacity:1}
.dia .add:hover{background:var(--fundo);color:var(--azul)}
.chip{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.45rem;align-items:center;background:#fff;border:1px solid var(--linha);border-left:3px solid var(--st,#ccc);border-radius:8px;padding:.3rem .4rem .3rem .35rem;cursor:pointer;text-align:left;width:100%;transition:box-shadow .12s,transform .12s}
.chip:hover{box-shadow:0 3px 10px rgba(19,32,44,.12);transform:translateY(-1px)}
.chip.arrastando{opacity:.4}
.chip .mini{width:34px;height:42px;border-radius:5px;background:var(--fundo) center/cover no-repeat;position:relative}
.chip .mini.story{height:52px}
.chip .mini .qtd{position:absolute;right:2px;top:2px;background:rgba(0,0,0,.6);color:#fff;font-size:.6rem;font-weight:700;border-radius:4px;padding:0 3px}
.chip .info{min-width:0}
.chip .linha1{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--cinza);font-weight:600}
.chip .linha1 svg{width:12px;height:12px}
.chip .tit{font-size:.78rem;font-weight:600;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sem-data{margin-top:1rem;background:#fff;border:1px dashed #C9D2DC;border-radius:var(--raio);padding:.8rem}
.sem-data h3{font-size:.85rem;color:var(--cinza);margin-bottom:.5rem}
.sem-data .lista-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}

/* ── Status ── */
.st{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;border-radius:99px;padding:.18rem .55rem;background:color-mix(in srgb,var(--c) 13%,#fff);color:color-mix(in srgb,var(--c) 85%,#000)}
.st::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}

/* ── Lista ── */
.tabela{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra)}
.tabela th{background:#FAFBFC;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cinza);padding:.6rem .8rem;border-bottom:1px solid var(--linha)}
.tabela td{padding:.55rem .8rem;border-bottom:1px solid var(--linha);vertical-align:middle;font-size:.9rem}
.tabela tr:last-child td{border-bottom:0}
.tabela tr.clicavel{cursor:pointer}
.tabela tr.clicavel:hover td{background:#FAFCFE}
.tabela .mini{width:38px;height:48px;border-radius:6px;background:var(--fundo) center/cover}
.tabela .fmt{display:inline-flex;align-items:center;gap:.3rem;color:var(--cinza);font-size:.85rem}
.tabela .fmt svg{width:14px;height:14px}

/* ── Grade do perfil ── */
.perfil{max-width:620px;margin:0 auto;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden}
.perfil-cab{display:flex;gap:1.2rem;align-items:center;padding:1.2rem}
.perfil-cab .av{width:78px;height:78px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#F9CE34,#EE2A7B,#6228D7)}
.perfil-cab .av img{width:100%;height:100%;border-radius:50%;background:#fff;object-fit:contain;border:3px solid #fff}
.perfil-cab b{font-size:1.05rem}
.perfil-cab p{color:var(--cinza);font-size:.85rem}
.perfil-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.perfil-grade .cel{aspect-ratio:4/5;background:var(--fundo) center/cover;position:relative;cursor:pointer}
.perfil-grade .cel .st{position:absolute;left:6px;bottom:6px;font-size:.66rem;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.perfil-grade .cel .ic{position:absolute;right:6px;top:6px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.perfil-grade .cel .ic svg{width:18px;height:18px}
.perfil-grade .cel .dt{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.6);color:#fff;font-size:.66rem;font-weight:700;padding:.1rem .35rem;border-radius:4px}

/* ── Gaveta do post ── */
.gaveta{position:fixed;inset:0;z-index:50}
.gaveta-fundo{position:absolute;inset:0;background:rgba(19,32,44,.38)}
.gaveta-painel{position:absolute;top:0;right:0;bottom:0;width:min(1060px,100%);background:#fff;box-shadow:-10px 0 40px rgba(0,0,0,.18);display:flex;flex-direction:column;animation:entra .2s ease-out}
@keyframes entra{from{transform:translateX(30px);opacity:.6}to{transform:none;opacity:1}}
.gv-cab{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.2rem;border-bottom:1px solid var(--linha)}
.gv-cab h2{font-size:1.1rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gv-corpo{flex:1;overflow:auto;display:grid;grid-template-columns:400px minmax(0,1fr)}
.gv-previa{background:#F0F2F5;padding:1.2rem;border-right:1px solid var(--linha)}
.gv-form{padding:.4rem 1.4rem 1.4rem}
.gv-rodape{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.8rem 1.2rem;border-top:1px solid var(--linha);background:#FAFBFC}
.gv-rodape .esp{flex:1}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:0 .9rem}
.tres{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .9rem}
.aviso{border-radius:10px;padding:.65rem .8rem;font-size:.86rem;margin-top:.8rem;line-height:1.4}
.aviso.erro{background:#FDECEC;color:#9B2323}
.aviso.alerta{background:#FFF5E2;color:#7A4D00}
.aviso.ok{background:#E5F6EC;color:#13643A}
.aviso.info{background:var(--azul-claro);color:#0B4F7A}
.aviso ul{margin:.3rem 0 0 1.1rem}

/* mídias no editor */
.midias{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.3rem}
.midia{width:86px;position:relative}
.midia .th{width:86px;height:108px;border-radius:8px;background:var(--fundo) center/cover;border:1px solid var(--linha);display:grid;place-items:center;font-size:.7rem;color:var(--cinza)}
.midia .acoes{display:flex;justify-content:space-between;margin-top:.2rem}
.midia .acoes button{border:0;background:none;cursor:pointer;color:var(--cinza);font-size:.8rem;padding:.1rem .25rem;border-radius:5px}
.midia .acoes button:hover{background:var(--fundo);color:var(--tinta)}
.midia .n{position:absolute;left:4px;top:4px;background:rgba(0,0,0,.6);color:#fff;font-size:.65rem;font-weight:700;border-radius:4px;padding:0 4px}
.add-midia{width:86px;height:108px;border:1.5px dashed #C2CCD6;border-radius:8px;display:grid;place-items:center;text-align:center;color:var(--cinza);font-size:.75rem;cursor:pointer;background:#FAFBFC}
.add-midia:hover{border-color:var(--azul);color:var(--azul)}
.log{margin-top:1rem;border-top:1px solid var(--linha);padding-top:.8rem}
.log h4{font-size:.8rem;color:var(--cinza);margin-bottom:.4rem}
.log li{list-style:none;font-size:.8rem;color:var(--cinza);padding:.15rem 0;display:flex;gap:.6rem}
.log li time{color:var(--cinza-2);flex:none;font-variant-numeric:tabular-nums}
.log li.error{color:var(--s-erro)} .log li.ok{color:var(--s-publicado)} .log li.warn{color:#A06A00}

/* prévia estilo Instagram */
.ig{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);font-family:-apple-system,'Segoe UI',Roboto,sans-serif;max-width:360px;margin:0 auto}
.ig-cab{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem}
.ig-cab img{width:32px;height:32px;border-radius:50%;object-fit:contain;border:1px solid #eee;background:#fff}
.ig-cab b{font-size:.85rem}
.ig-cab span{font-size:.72rem;color:#737373;display:block;line-height:1}
.ig-midia{position:relative;aspect-ratio:4/5;background:#EFEFEF;overflow:hidden}
.ig-midia .trilho{display:flex;height:100%;transition:transform .25s}
.ig-midia .trilho > *{flex:0 0 100%;width:100%;height:100%;object-fit:cover}
.ig-midia .vazio{display:grid;place-items:center;color:#999;font-size:.85rem;height:100%}
.ig-midia .nav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.85);cursor:pointer;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.ig-midia .nav.e{left:8px} .ig-midia .nav.d{right:8px}
.ig-midia .pos{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.6);color:#fff;font-size:.72rem;border-radius:99px;padding:.1rem .5rem}
.ig-pontos{display:flex;justify-content:center;gap:4px;padding:.5rem 0 .1rem}
.ig-pontos i{width:6px;height:6px;border-radius:50%;background:#DBDBDB}
.ig-pontos i.on{background:var(--azul)}
.ig-icones{display:flex;gap:.9rem;padding:.35rem .75rem;font-size:1.2rem}
.ig-icones svg{width:22px;height:22px}
.ig-legenda{padding:0 .75rem .8rem;font-size:.83rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}
.ig-legenda b{font-weight:600}
.ig-legenda .tags{color:#00376B}
.ig-legenda .mais{color:#737373;cursor:pointer}
.ig.story{max-width:270px;border-radius:16px;background:#111}
.ig.story .ig-midia{aspect-ratio:9/16}
.ig.story .ig-cab{position:absolute;z-index:2;left:0;right:0;top:12px;color:#fff}
.ig.story .ig-cab span{color:rgba(255,255,255,.8)}
.ig.story .barras{position:absolute;z-index:2;top:6px;left:8px;right:8px;display:flex;gap:3px}
.ig.story .barras i{flex:1;height:2px;background:rgba(255,255,255,.5);border-radius:2px}
.ig.story .zona{position:absolute;left:0;right:0;height:13%;background:repeating-linear-gradient(45deg,rgba(255,80,80,.14) 0 6px,transparent 6px 12px);pointer-events:none;z-index:1}
.ig.story .zona.top{top:0} .ig.story .zona.bot{bottom:0}
.previa-legenda{font-size:.75rem;color:var(--cinza);text-align:center;margin-top:.6rem}

/* ── Conexão ── */
.grade-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem;align-items:start}
.card{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:1.2rem;box-shadow:var(--sombra)}
.card h2{font-size:1.05rem;margin-bottom:.6rem}
.card h3{font-size:.92rem;margin:1rem 0 .4rem}
.lin{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--linha);font-size:.9rem}
.lin:last-child{border-bottom:0}
.lin span:first-child{color:var(--cinza)}
.lin code,.codigo{font-family:Consolas,monospace;font-size:.8rem;background:var(--fundo);border-radius:6px;padding:.15rem .4rem;word-break:break-all}
.conta-ig{display:flex;align-items:center;gap:.8rem;margin:.4rem 0 .8rem}
.conta-ig img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid var(--linha)}
.conta-ig b{font-size:1.05rem}
.passos-guia{counter-reset:p;list-style:none;display:grid;gap:.7rem;font-size:.9rem}
.passos-guia li{counter-increment:p;display:grid;grid-template-columns:28px 1fr;gap:.6rem}
.passos-guia li::before{content:counter(p);width:26px;height:26px;border-radius:50%;background:var(--azul);color:#fff;font-weight:700;font-size:.8rem;display:grid;place-items:center}
.quota{height:8px;border-radius:99px;background:var(--fundo);overflow:hidden;margin-top:.3rem}
.quota i{display:block;height:100%;background:var(--s-publicado)}

/* ── Toast ── */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--tinta);color:#fff;padding:.7rem 1.1rem;border-radius:10px;font-size:.9rem;opacity:0;pointer-events:none;transition:.2s;z-index:80;max-width:min(560px,92vw)}
.toast.on{opacity:1;transform:translateX(-50%)}
.toast.erro{background:#B42323}

.carregando{padding:3rem;text-align:center;color:var(--cinza)}
.vazio-tela{padding:3rem;text-align:center;color:var(--cinza);background:#fff;border:1px dashed var(--linha);border-radius:var(--raio)}

@media (max-width:1100px){
  .resumo{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pilares-kpi{grid-column:1/-1}
  .gv-corpo{grid-template-columns:1fr}
  .gv-previa{border-right:0;border-bottom:1px solid var(--linha)}
}
@media (max-width:760px){
  .topo{flex-wrap:wrap;gap:.6rem;padding:.6rem 16px}
  .abas{margin-left:0;width:100%;overflow-x:auto}
  .sair{position:absolute;right:12px;top:10px}
  main{padding:1rem 16px}
  .cal-cab{display:none}
  .cal-grade{grid-template-columns:1fr}
  .dia{min-height:auto;border-right:0}
  .dia.fora{display:none}
  .duas,.tres{grid-template-columns:1fr}
  .cab .mes b{min-width:auto}
}

/* ── Claude (painel lateral do planejamento) ── */
.btn.claude{background:linear-gradient(135deg,#D97757,#C2603F);border-color:#C2603F;color:#fff}
.btn.claude:hover{filter:brightness(1.05);background:linear-gradient(135deg,#D97757,#C2603F)}
body.com-claude main{margin-right:440px;max-width:none}
.claude-painel{position:fixed;top:57px;right:0;bottom:0;width:440px;z-index:30;background:#fff;border-left:1px solid var(--linha);display:flex;flex-direction:column;box-shadow:-6px 0 24px rgba(19,32,44,.06)}
.cl-cab{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border-bottom:1px solid var(--linha)}
.cl-cab b{display:flex;align-items:center;gap:.45rem;font-size:1rem}
.cl-cab b i{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#D97757,#C2603F);display:inline-grid;place-items:center;color:#fff;font-style:normal;font-size:.8rem}
.cl-cab select{margin-left:auto;max-width:170px;border:1px solid var(--linha);border-radius:8px;padding:.3rem .4rem;font-size:.82rem;background:#fff}
.cl-corpo{flex:1;overflow:auto;padding:1rem .9rem;display:flex;flex-direction:column;gap:.6rem;background:#FAFBFC}
.cl-msg{max-width:92%;border-radius:12px;padding:.6rem .8rem;font-size:.9rem;line-height:1.5;word-wrap:break-word}
.cl-msg.usuario{align-self:flex-end;background:var(--azul);color:#fff;white-space:pre-wrap;border-bottom-right-radius:4px}
.cl-msg.claude{align-self:flex-start;background:#fff;border:1px solid var(--linha);border-bottom-left-radius:4px}
.cl-msg.claude p{margin:.35rem 0}.cl-msg.claude p:first-child{margin-top:0}.cl-msg.claude p:last-child{margin-bottom:0}
.cl-msg.claude ul,.cl-msg.claude ol{margin:.35rem 0 .35rem 1.2rem}
.cl-msg.claude code{background:var(--fundo);border-radius:4px;padding:0 .25rem;font-size:.85em}
.cl-msg.erro{align-self:stretch;background:#FDECEC;color:#9B2323;border:1px solid #F5C6C6}
.cl-acao{align-self:flex-start;display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--cinza);background:#fff;border:1px solid var(--linha);border-radius:99px;padding:.25rem .7rem;max-width:100%}
.cl-acao span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-acao.ok{color:var(--s-publicado);border-color:#BFE3CC}
.cl-acao.falha{color:var(--s-erro);border-color:#F5C6C6}
.cl-acao a{color:inherit;font-weight:700}
.cl-acao .gira{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:gira .8s linear infinite;flex:none}
@keyframes gira{to{transform:rotate(360deg)}}
.cl-pensando{align-self:flex-start;font-size:.8rem;color:var(--cinza-2);display:flex;gap:.3rem;align-items:center}
.cl-pensando i{width:6px;height:6px;border-radius:50%;background:#D97757;animation:pulso 1s infinite alternate}
.cl-pensando i:nth-child(2){animation-delay:.2s}.cl-pensando i:nth-child(3){animation-delay:.4s}
@keyframes pulso{from{opacity:.25}to{opacity:1}}
.cl-vazio{margin:auto 0;text-align:center;color:var(--cinza);font-size:.9rem;padding:0 .5rem}
.cl-vazio h3{font-size:1.05rem;color:var(--tinta);margin-bottom:.4rem}
.cl-sugestoes{display:grid;gap:.4rem;margin-top:1rem;text-align:left}
.cl-sugestoes button{border:1px solid var(--linha);background:#fff;border-radius:10px;padding:.55rem .7rem;font-size:.85rem;cursor:pointer;text-align:left;color:var(--tinta)}
.cl-sugestoes button:hover{border-color:#D97757;color:#A9472A}
.cl-rodape{border-top:1px solid var(--linha);padding:.7rem;display:grid;gap:.45rem;background:#fff}
.cl-rodape textarea{width:100%;border:1px solid var(--linha);border-radius:10px;padding:.6rem .7rem;resize:none;min-height:64px;max-height:200px;outline:none;font-size:.9rem}
.cl-rodape textarea:focus{border-color:#D97757;box-shadow:0 0 0 3px #F8E3DB}
.cl-rodape .linha{display:flex;align-items:center;gap:.5rem}
.cl-rodape .linha small{color:var(--cinza-2);font-size:.75rem;flex:1}
.cl-config{padding:1rem;font-size:.9rem;color:var(--cinza)}
.cl-config ol{margin:.6rem 0 0 1.1rem;display:grid;gap:.4rem}

/* ── Contas ── */
.contas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.conta{background:#fff;border:1px solid var(--linha);border-radius:14px;overflow:hidden;box-shadow:var(--sombra);display:flex;flex-direction:column}
.conta .faixa{height:8px}
.conta .topo-c{display:flex;gap:.8rem;align-items:center;padding:1rem 1rem .6rem}
.conta .topo-c img,.conta .topo-c .ini{width:52px;height:52px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--linha);flex:none}
.conta .topo-c .ini{display:grid;place-items:center;font-weight:800;font-size:1.3rem;color:#fff;border:0}
.conta h3{font-size:1.05rem;line-height:1.2}
.conta .sub{font-size:.82rem;color:var(--cinza)}
.conta .selos{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 1rem}
.conta .selos span{font-size:.72rem;font-weight:700;border-radius:99px;padding:.15rem .55rem;background:var(--fundo);color:var(--cinza)}
.conta .selos .on{background:#E5F6EC;color:#13643A}
.conta .num{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;padding:.8rem 1rem;font-size:.75rem;color:var(--cinza);text-align:center}
.conta .num b{display:block;font-size:1.15rem;color:var(--tinta)}
.conta .acoes-c{margin-top:auto;display:flex;flex-wrap:wrap;gap:.4rem;padding:.8rem 1rem;border-top:1px solid var(--linha);background:#FAFBFC}
.conta.nova{border:2px dashed #C9D2DC;box-shadow:none;align-items:center;justify-content:center;min-height:220px;cursor:pointer;color:var(--cinza);font-weight:700;background:transparent}
.conta.nova:hover{border-color:var(--azul);color:var(--azul)}
.cores-form{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
.cor-campo{display:flex;align-items:center;gap:.4rem;border:1px solid var(--linha);border-radius:9px;padding:.3rem .4rem}
.cor-campo input[type=color]{width:34px;height:30px;border:0;padding:0;background:none;cursor:pointer}
.cor-campo input[type=text]{width:100%;border:0;outline:none;font-family:Consolas,monospace;font-size:.82rem}
.amostra-fonte{margin-top:.3rem;font-size:1.4rem;line-height:1.1;color:var(--tinta);min-height:1.6rem}
.logo-prev{display:flex;align-items:center;gap:.8rem;margin-top:.3rem}
.logo-prev img{height:56px;max-width:180px;object-fit:contain;border:1px solid var(--linha);border-radius:10px;padding:4px;background:#fff}
.form-conta{padding:1rem 1.4rem 1.4rem;overflow:auto}

/* ── Cards (slides) no editor ── */
.cards-json{font-family:Consolas,monospace;font-size:.78rem;min-height:180px}
.aviso-arte{display:flex;align-items:center;gap:.6rem}

@media (max-width:1100px){
  body.com-claude main{margin-right:0}
  .claude-painel{width:100%;top:0;z-index:60}
  .cores-form{grid-template-columns:repeat(2,1fr)}
}
.form-conta{flex:1}
body.com-claude .resumo{grid-template-columns:repeat(6,minmax(0,1fr))}
body.com-claude .pilares-kpi{grid-column:1/-1}
body.com-claude .kpi b{font-size:1.25rem}