/* Zavim · Redes — identidade PETRÓLEO. Fiel às telas desenhadas em identidade/telas/etapa2/. */
:root{--pet:#17324D;--pet-2:#1F3F60;--pet-3:#0F2338;--lar:#FF6B35;--lar-2:#E85A26;--cz:#E6EAF0;--cz-2:#CBD3DE;--tx:#8A94A6;--tx-2:#5B6678;--bg:#F5F7FA;--br:#fff;
 --verde:#1DB36B;--verde-bg:#E6F7EE;--verm:#E5484D;--verm-bg:#FCE8E9;--lar-bg:#FFF0E8;--azul:#1877F2;--r:12px;--sombra:0 2px 10px rgba(23,50,77,.06);--sombra-2:0 8px 24px rgba(23,50,77,.10)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;color:var(--pet);background:var(--bg);line-height:1.45}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}
img{max-width:100%;display:block}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.01em}h1{font-size:26px}h2{font-size:17px}h3{font-size:15px;font-weight:700}
.muted{color:var(--tx)}.pequeno{font-size:12px}.forte{font-weight:700}.linha{display:flex;align-items:center;gap:10px}.cresce{flex:1}.direita{margin-left:auto}
.oculto{display:none!important}

/* ---- estrutura ---- */
.app{display:grid;grid-template-columns:244px 1fr;min-height:100vh}
.lateral{background:var(--pet);color:#fff;padding:22px 16px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}
.lateral .logo{height:40px;width:auto;margin:0 0 14px 6px}
.marca-ativa{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;margin-bottom:14px;cursor:pointer;position:relative}
.marca-ativa .bolinha{width:26px;height:26px;border-radius:7px;background:var(--lar);display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;overflow:hidden}
.marca-ativa .bolinha img{width:100%;height:100%;object-fit:cover}
.marca-ativa .seta{margin-left:auto;opacity:.7}
.marca-lista{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;color:var(--pet);border-radius:10px;box-shadow:var(--sombra-2);padding:6px;z-index:20}
.marca-lista button{display:block;width:100%;text-align:left;background:none;border:0;padding:9px 10px;border-radius:8px;cursor:pointer}
.marca-lista button:hover{background:var(--bg)}
.menu a{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:10px;color:rgba(255,255,255,.86);font-weight:500;position:relative}
.menu a svg{width:20px;height:20px;flex:none}
.menu a:hover{background:rgba(255,255,255,.06)}
.menu a.ativo{background:rgba(255,255,255,.12);color:#fff;font-weight:600}
.menu a.ativo::before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--lar)}
.lateral .rodape-lateral{margin-top:auto;font-size:12px;color:rgba(255,255,255,.55)}
.lateral .rodape-lateral form{display:inline}
.lateral .rodape-lateral button{background:none;border:0;color:rgba(255,255,255,.7);cursor:pointer;padding:0;font-size:12px;text-decoration:underline}
.principal{min-width:0;display:flex;flex-direction:column}
.cabecalho{background:#fff;border-bottom:1px solid var(--cz);padding:16px 28px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:10}
.cabecalho h1{font-size:24px}
.busca{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--cz);border-radius:999px;padding:8px 14px;min-width:300px;color:var(--tx)}
.busca input{border:0;background:none;outline:0;width:100%}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--pet);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.conteudo{padding:22px 28px 90px}
.topo-acoes{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}

/* ---- componentes ---- */
.cartao{background:#fff;border-radius:var(--r);box-shadow:var(--sombra);padding:18px 20px}
.cartao + .cartao{margin-top:16px}
.cartao h2{margin-bottom:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 16px;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap;line-height:1.2;background:#fff}
.btn:disabled{opacity:.5;cursor:default}
.btn-lar{background:var(--lar);color:#fff}.btn-lar:hover{background:var(--lar-2)}
.btn-pet{background:var(--pet);color:#fff}.btn-pet:hover{background:var(--pet-2)}
.btn-cont{border-color:var(--cz-2);color:var(--pet)}.btn-cont:hover{background:var(--bg)}
.btn-peq{padding:7px 12px;font-size:13px;border-radius:8px}
.btn-verm{background:var(--verm-bg);color:var(--verm);border-color:transparent}
.segmento{display:inline-flex;background:#fff;border:1px solid var(--cz);border-radius:10px;padding:3px}
.segmento a,.segmento button{padding:7px 14px;border-radius:8px;font-weight:600;color:var(--tx-2);border:0;background:none;cursor:pointer}
.segmento .ativo{background:var(--pet);color:#fff}
.ficha{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;background:#fff;border:1px solid var(--cz);color:var(--tx-2)}
.ficha.ativa{background:var(--pet);color:#fff;border-color:var(--pet)}
.selo{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;background:var(--cz);color:var(--tx-2);white-space:nowrap}
.selo-verde{background:var(--verde-bg);color:#15854F}.selo-lar{background:var(--lar-bg);color:#C8491A}.selo-verm{background:var(--verm-bg);color:var(--verm)}.selo-pet{background:#E8EEF5;color:var(--pet)}.selo-cz{background:var(--cz);color:var(--tx-2)}
.faixa{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;background:#EEF1F5;border-radius:10px;padding:10px 14px;color:var(--tx-2);font-size:13px}
.faixa b{color:var(--pet)}.faixa>svg,.faixa>span:first-child:not(:last-child){flex:none}.faixa>span:last-child{flex:1;min-width:0}
.faixa-lar{background:var(--lar-bg);color:#8A3A12;border:1px solid #FFD6C2}.faixa-lar b{color:#C8491A}
.faixa-verm{background:var(--verm-bg);color:#8A2226}
.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.campo label{font-size:13px;font-weight:600;color:var(--tx-2)}
.campo input,.campo select,.campo textarea{border:1px solid var(--cz-2);border-radius:10px;padding:10px 12px;background:#fff;outline:0;width:100%}
.campo input:focus,.campo textarea:focus,.campo select:focus{border-color:var(--pet);box-shadow:0 0 0 3px rgba(23,50,77,.08)}
.campo textarea{min-height:110px;resize:vertical}
.grade-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grade-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.chave{position:relative;width:44px;height:26px;border-radius:999px;background:var(--cz-2);display:inline-block;cursor:pointer;flex:none}
.chave input{position:absolute;opacity:0;width:0;height:0}
.chave i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.15s}
.chave input:checked ~ i{left:21px}.chave.lar input:checked + i,.chave input:checked ~ i.lar{background:#fff}
.chave:has(input:checked){background:var(--lar)}
.chave.azul:has(input:checked){background:var(--azul)}
.rede{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;color:#fff;font-size:11px;font-weight:800;flex:none}
.rede-fb{background:var(--azul)}.rede-ig{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}
.rede svg{width:12px;height:12px}
.aviso{margin-bottom:14px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--pet);color:#fff;padding:12px 18px;border-radius:10px;box-shadow:var(--sombra-2);z-index:50;font-weight:600}
.tabela{width:100%;border-collapse:collapse}.tabela th{text-align:left;font-size:12px;color:var(--tx);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--cz)}.tabela td{padding:10px;border-bottom:1px solid var(--cz);vertical-align:top}
.mascote{width:64px;height:auto}

/* ---- calendário ---- */
.cal-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.cal-dia{min-width:0}.cal-dia>*{min-width:0;max-width:100%}
.cal-cab{font-size:12px;font-weight:700;color:var(--tx);text-transform:uppercase;letter-spacing:.04em;text-align:center;padding:6px 0}
.cal-dia{background:#fff;border-radius:var(--r);box-shadow:var(--sombra);min-height:150px;padding:10px;display:flex;flex-direction:column;gap:6px;border:2px solid transparent}
.cal-dia.fora{background:transparent;box-shadow:none;border:1px dashed var(--cz-2)}
.cal-dia.falhou{border-color:var(--verm)}
.cal-dia .num{font-weight:800;font-size:15px}
.cal-dia.hoje .num{color:var(--lar)}
.pecinha{display:flex;gap:8px;align-items:center;border-radius:8px;padding:4px;border:1.5px solid var(--cz)}
.pecinha img,.pecinha .semarte{width:44px;height:44px;border-radius:6px;object-fit:cover;flex:none;background:var(--cz)}
.pecinha .t{font-size:11px;line-height:1.25;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pecinha .h{font-size:11px;color:var(--tx-2);display:flex;align-items:center;gap:4px;margin-top:2px}
.pecinha.rascunho{border-color:var(--cz-2)}.pecinha.aguardando,.pecinha.ajuste{border-color:var(--lar)}.pecinha.agendada{border-color:var(--pet)}.pecinha.publicada{border-color:var(--verde)}.pecinha.falhou{border-color:var(--verm)}
.ponto{width:8px;height:8px;border-radius:50%;background:var(--cz-2);flex:none;margin-left:auto}
.pecinha{min-width:0;max-width:100%;overflow:hidden}.pecinha .cresce{min-width:0;overflow:hidden}.pecinha .t{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pecinha .h{display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap}
.pecinha.agendada .ponto{background:var(--pet)}.pecinha.publicada .ponto{background:var(--verde)}.pecinha.aguardando .ponto,.pecinha.ajuste .ponto{background:var(--lar)}.pecinha.falhou .ponto{background:var(--verm)}
.vazio-dia{margin:auto;text-align:center;color:var(--tx);font-size:11px;line-height:1.3}
.vazio-dia img{width:46px;margin:0 auto 4px}
.mais{font-size:11px;color:var(--tx-2);text-align:center}
.lista-dia{margin-bottom:14px}.lista-dia h3{margin:0 0 8px;font-size:13px;color:var(--tx-2);text-transform:uppercase;letter-spacing:.04em}
.peca-linha{display:flex;gap:12px;align-items:center;background:#fff;border-radius:var(--r);box-shadow:var(--sombra);padding:10px 12px;margin-bottom:8px;border-left:4px solid var(--cz-2)}
.peca-linha img,.peca-linha .semarte{width:64px;height:64px;border-radius:8px;object-fit:cover;background:var(--cz);flex:none}
.peca-linha.agendada{border-left-color:var(--pet)}.peca-linha.publicada{border-left-color:var(--verde)}.peca-linha.aguardando,.peca-linha.ajuste{border-left-color:var(--lar)}.peca-linha.falhou{border-left-color:var(--verm)}
.fab{display:none;position:fixed;right:18px;bottom:78px;width:56px;height:56px;border-radius:50%;background:var(--lar);color:#fff;font-size:30px;line-height:1;place-items:center;box-shadow:var(--sombra-2);z-index:15}

/* ---- editor ---- */
.editor{display:grid;grid-template-columns:minmax(300px,440px) 1fr;gap:18px;align-items:start}
.previa{background:#fff;border-radius:var(--r);box-shadow:var(--sombra);padding:14px}
.previa .arte{width:100%;aspect-ratio:4/5;border-radius:10px;background:var(--cz);display:grid;place-items:center;color:var(--tx);overflow:hidden;text-align:center;padding:10px}
.previa .arte img{width:100%;height:100%;object-fit:cover}
.abas{display:flex;gap:4px;margin:14px 0 10px;border-bottom:1px solid var(--cz)}
.abas button{background:none;border:0;padding:8px 12px;font-weight:600;color:var(--tx);border-bottom:2px solid transparent;cursor:pointer;display:flex;gap:6px;align-items:center}
.abas button.ativa{color:var(--pet);border-bottom-color:var(--pet)}
.post-previa{border:1px solid var(--cz);border-radius:10px;padding:12px;font-size:13px}
.post-previa .cab{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.post-previa .cab .foto{width:32px;height:32px;border-radius:50%;background:var(--lar);color:#fff;display:grid;place-items:center;font-weight:800}
.post-previa .texto{white-space:pre-wrap;color:var(--tx-2)}
.post-previa img{border-radius:8px;margin-top:8px;width:100%}
.modelos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:12px}
.modelos label{border:2px solid var(--cz);border-radius:10px;padding:10px 4px;text-align:center;cursor:pointer;font-size:12px;font-weight:600;color:var(--tx-2);display:flex;flex-direction:column;align-items:center;gap:6px}
.modelos label svg{width:26px;height:26px;color:var(--pet)}
.modelos input{display:none}
.modelos label.ativo{border-color:var(--lar);color:var(--pet);background:var(--lar-bg)}
.radio-fundo{display:flex;gap:6px;flex-wrap:wrap}.radio-fundo label{border:1px solid var(--cz-2);border-radius:8px;padding:8px 10px;font-size:13px;cursor:pointer;display:flex;gap:6px;align-items:center;white-space:nowrap}
.radio-fundo input{accent-color:var(--lar)}
.hashtags{display:flex;flex-wrap:wrap;gap:6px}
.contador{font-size:12px;color:var(--tx);text-align:right}
.rodape-fixo{background:#fff;border-top:1px solid var(--cz);padding:14px 20px 0;display:flex;justify-content:flex-end;gap:10px;margin:16px -20px 0;flex-wrap:wrap}
.escolher-midia{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:220px;overflow:auto}
.escolher-midia label{cursor:pointer;border:2px solid transparent;border-radius:8px;overflow:hidden}
.escolher-midia label img{aspect-ratio:4/5;object-fit:cover;width:100%}
.escolher-midia input{display:none}.escolher-midia label.ativo{border-color:var(--lar)}

/* ---- biblioteca ---- */
.solta{display:block;border:2px dashed var(--cz-2);border-radius:var(--r);padding:22px;text-align:center;color:var(--tx-2);background:#EEF1F5;cursor:pointer}
.solta b{color:var(--pet);display:block;font-size:15px}
.bib{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}
.bib.sem-painel{grid-template-columns:1fr}
.grade-midias{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.midia{background:#fff;border-radius:var(--r);box-shadow:var(--sombra);overflow:hidden;border:2px solid transparent;display:block}
.midia.sel{border-color:var(--lar)}
.midia .thumb{aspect-ratio:4/5;background:var(--cz);position:relative}
.midia .thumb img{width:100%;height:100%;object-fit:cover}
.midia .thumb .play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:30px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.midia .info{padding:8px 10px;font-size:12px}
.midia .info .n{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.painel-midia img{border-radius:10px;width:100%}
.painel-midia dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px;margin:12px 0}
.painel-midia dt{color:var(--tx)}

/* ---- conexões ---- */
.cx-grade{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cx .cab{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.cx .cab .nome-rede{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:var(--tx-2)}
.cx .conta{display:flex;align-items:center;gap:14px}
.cx .foto{width:72px;height:72px;border-radius:50%;background:var(--lar);display:grid;place-items:center;color:#fff;font-weight:800;font-size:24px;overflow:hidden;flex:none}
.cx .foto img{width:100%;height:100%;object-fit:cover}
.cx .nums{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--cz)}
.cx .nums b{font-size:22px;display:block}
.saude{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.saude .item{display:flex;gap:12px;align-items:center}
.saude .ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;flex:none}
.saude .ic.v{background:var(--verde-bg);color:#15854F}.saude .ic.r{background:var(--verm-bg);color:var(--verm)}.saude .ic.a{background:#E8EEF5;color:var(--pet)}
.saude b{font-size:20px;display:block}
.embreve{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.embreve .cartao{opacity:.75;display:flex;gap:10px;align-items:center}
.embreve .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#fff;flex:none}

/* ---- aprovação (pública) ---- */
.aprov{max-width:1180px;margin:0 auto;padding:28px 16px 120px}
.aprov .cab{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.aprov .cab h1{font-size:34px;margin-top:6px}
.aprov .cab .sub{color:var(--tx-2);font-size:16px}
.aprov .logo-cliente{height:52px;width:auto}
.aprov .logo-cliente-texto{font-size:34px;font-weight:800}
.balao-ola{margin-left:auto;display:flex;align-items:center;gap:12px;background:#fff;border-radius:var(--r);box-shadow:var(--sombra);padding:12px 16px;max-width:360px}
.balao-ola img{width:56px;height:auto}
.semana{background:#EEF1F5;border-radius:10px;padding:10px 14px;display:flex;align-items:center;font-weight:700;margin:18px 0 10px}
.semana .n{margin-left:auto;color:var(--tx);font-weight:600;font-size:13px}
.pecas-aprov{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.peca-aprov{background:#fff;border-radius:var(--r);box-shadow:var(--sombra);padding:12px;display:grid;grid-template-columns:132px 1fr;gap:12px}
.peca-aprov img,.peca-aprov .semarte{width:132px;aspect-ratio:4/5;object-fit:cover;border-radius:8px;background:var(--cz)}
.peca-aprov .quando{font-weight:700;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.peca-aprov .legenda{font-size:13px;color:var(--tx-2);margin:6px 0 10px;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.peca-aprov .acoes{display:flex;gap:8px;flex-wrap:wrap}
.peca-aprov .ajuste-campo{grid-column:1/-1}
.barra-aprov{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--cz);box-shadow:0 -6px 20px rgba(23,50,77,.08);padding:12px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;z-index:30}
.barra-aprov .prog{flex:1;min-width:160px;height:8px;border-radius:999px;background:var(--cz);overflow:hidden}
.barra-aprov .prog i{display:block;height:100%;background:var(--verde);width:0}
.feito-com{margin-top:30px;text-align:center;color:var(--tx);font-size:12px}.feito-com img{height:18px;display:inline-block;vertical-align:middle;margin-left:4px;filter:grayscale(.2)}
.modal{position:fixed;inset:0;background:rgba(23,50,77,.5);display:grid;place-items:center;z-index:40;padding:16px}
.modal .cartao{width:100%;max-width:420px}

/* ---- entrar ---- */
.entrar{min-height:100vh;display:grid;place-items:center;padding:20px}
.entrar .cartao{width:100%;max-width:400px;padding:28px}
.entrar .logo{height:44px;width:auto;margin-bottom:18px}

/* ---- celular ---- */
.barra-inferior{display:none}
@media (max-width:900px){
  .app{grid-template-columns:1fr}
  .lateral{position:sticky;top:0;height:auto;flex-direction:row;align-items:center;padding:10px 14px;gap:10px;z-index:12}
  .lateral .logo{height:28px;margin:0}
  .marca-ativa{margin:0 0 0 auto;padding:6px 10px}
  .menu,.lateral .rodape-lateral{display:none}
  .cabecalho{padding:12px 16px;top:48px}.cabecalho h1{font-size:20px}.busca{display:none}
  .conteudo{padding:14px 14px 100px}
  .barra-inferior{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--cz);z-index:20;padding:6px 4px env(safe-area-inset-bottom)}
  .barra-inferior a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--tx);padding:6px 0}
  .barra-inferior a svg{width:22px;height:22px}
  .barra-inferior a.ativo{color:var(--lar)}
  .fab{display:grid}
  .cal-grade{display:none}
  .editor,.bib,.cx-grade,.grade-2,.grade-3,.saude{grid-template-columns:minmax(0,1fr)}
  .editor > div,.bib > div{min-width:0;max-width:100%}
  .previa,.cartao{max-width:100%;overflow-x:auto}
  .app{grid-template-columns:minmax(0,1fr)}
  .modelos{display:flex;overflow-x:auto;padding-bottom:4px}.modelos label{min-width:84px}
  .embreve{grid-template-columns:1fr 1fr}
  .rodape-fixo{position:fixed;left:0;right:0;bottom:60px;margin:0;border-radius:0;padding:10px 14px;flex-wrap:nowrap;box-shadow:0 -6px 20px rgba(23,50,77,.08)}
  .rodape-fixo .btn{flex:1}
  .peca-aprov{grid-template-columns:1fr}.peca-aprov img,.peca-aprov .semarte{width:100%}
  .aprov .cab h1{font-size:26px}.balao-ola{margin-left:0}
  .topo-acoes .btn{padding:9px 12px}
  .cartao .linha{flex-wrap:wrap}.cartao .linha .direita{margin-left:0}
}
@media (min-width:901px){.so-celular{display:none!important}}

/* ---- relatório semanal ---- */
.relatorio{display:grid;gap:8px}
.relatorio .sem{display:grid;grid-template-columns:110px 1fr 220px;gap:12px;align-items:center;font-size:13px}
.relatorio .rot{color:var(--tx-2);font-weight:600}
.relatorio .barra{display:flex;height:14px;border-radius:999px;background:var(--cz);overflow:hidden}
.relatorio .barra i{display:block;height:100%}
.relatorio .fb,.leg.fb{background:var(--azul)}.relatorio .ig,.leg.ig{background:#DD2A7B}.relatorio .ag,.leg.ag{background:var(--pet)}.relatorio .fa,.leg.fa{background:var(--verm)}
.leg{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 10px;vertical-align:middle}
@media (max-width:900px){.relatorio .sem{grid-template-columns:1fr;gap:4px}}