/* =====================================================================
   O PAINEL (etapa D do multi-empresa): /admin/ e /plataforma/ usam este arquivo inteiro.
   Só tokens (painel/comum/tokens.css): nenhum px nem hex cru aqui, fora as condições de @media, que não aceitam var().
   O tom é o da tela: chapado, linha de 1 fio, raio baixo, o botão principal é a tinta.
   ===================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--pn-fundo)}
body{margin:var(--pn-zero);min-block-size:100vh;background:var(--pn-fundo);color:var(--pn-tinta);
  font:400 var(--e-t-body)/var(--e-lh-body) var(--pn-fonte);-webkit-text-size-adjust:100%}
[hidden]{display:none!important}
a{color:var(--pn-tinta);text-underline-offset:.2em}
h1,h2,h3,p{margin:var(--pn-zero)}
:focus-visible{outline:var(--e-fio-2) solid var(--pn-foco);outline-offset:var(--e-fio-2)}
.pn-so-leitor{position:absolute!important;inline-size:var(--e-fio);block-size:var(--e-fio);overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pn-intro code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--e-t-mini);color:var(--pn-tinta);overflow-wrap:anywhere}
.pn-pula{position:absolute;inset-inline-start:var(--s-in-2);inset-block-start:var(--s-in-2);z-index:50;padding:var(--s-in-1) var(--s-in-2);
  background:var(--pn-botao);color:var(--pn-sobre-botao);border-radius:var(--r);transform:translateY(-200%)}
.pn-pula:focus{transform:none}

/* ---------- o cabeçalho ---------- */
.pn-faixa{block-size:var(--pn-faixa);background:var(--pn-marca)}
.pn-topo{border-block-end:var(--e-fio) solid var(--pn-linha);background:var(--pn-cartao)}
.pn-topo-dentro,.pn-abas-dentro,.pn-conteudo{inline-size:min(var(--pn-largura),100% - 2*var(--s-estr-2));margin-inline:auto}
.pn-topo-dentro{display:flex;align-items:center;gap:var(--s-entre-2);padding-block:var(--s-entre-3)}
.pn-bola{flex:none;display:inline-grid;place-items:center;inline-size:var(--pn-bola);block-size:var(--pn-bola);border-radius:50%;
  border:var(--e-fio-2) solid var(--pn-marca);color:var(--pn-tinta);font:700 var(--e-t-cap)/1 var(--pn-fonte);letter-spacing:.02em}
.pn-titulos{min-inline-size:0;flex:1}
.pn-titulos h1{font:600 var(--e-t-sub)/var(--e-lh-sub) var(--pn-fonte);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-titulos p{color:var(--pn-tinta-2);font-size:var(--e-t-mini);line-height:var(--e-lh-mini);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-topo-acoes{display:flex;align-items:center;gap:var(--s-entre-1);flex:none}
.pn-icone{inline-size:var(--e-ico-seta);block-size:var(--e-ico-seta);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- as abas ---------- */
.pn-abas{background:var(--pn-cartao);border-block-end:var(--e-fio) solid var(--pn-linha)}
.pn-abas-dentro{display:flex;gap:var(--s-entre-1);overflow-x:auto;scrollbar-width:thin}
.pn-aba{flex:none;min-block-size:var(--e-ctl-lista);padding:var(--pn-zero) var(--s-in-2);border:var(--pn-zero);border-block-end:var(--e-fio-2) solid transparent;
  background:transparent;color:var(--pn-tinta-2);font:500 var(--e-t-body)/1 var(--pn-fonte);cursor:pointer}
.pn-aba:hover{color:var(--pn-tinta)}
.pn-aba[aria-selected="true"]{color:var(--pn-tinta);font-weight:600;border-block-end-color:var(--pn-tinta)}
.pn-aba:focus-visible{outline-offset:calc(-1*var(--e-fio-2))}

/* ---------- o conteúdo ---------- */
.pn-conteudo{padding-block:var(--s-estr-2) var(--s-estr-4)}
.pn-painel>h2,.pn-secao>h2{font:600 var(--e-t-sub)/var(--e-lh-sub) var(--pn-fonte);margin-block-end:var(--s-in-1)}
.pn-painel>p.pn-intro,.pn-secao>p.pn-intro{color:var(--pn-tinta-2);max-inline-size:68ch;margin-block-end:var(--s-entre-3)}
.pn-painel:focus{outline:none}
.pn-secao{background:var(--pn-cartao);border:var(--e-fio) solid var(--pn-linha);border-radius:var(--r);padding:var(--s-entre-3)}
.pn-secao+.pn-secao{margin-block-start:var(--s-entre-3)}
.pn-secao h3{font:600 var(--e-t-body)/var(--e-lh-body) var(--pn-fonte);margin-block-end:var(--s-in-1)}

/* ---------- a barra de cima de uma lista ---------- */
.pn-barra{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-entre-2);margin-block-end:var(--s-entre-2)}
.pn-barra .pn-campo{margin:var(--pn-zero);flex:1 1 calc(10*var(--b6));min-inline-size:var(--pn-zero)}
.pn-barra .pn-empurra{margin-inline-start:auto}
.pn-contagem{color:var(--pn-tinta-2);font-size:var(--e-t-mini);margin-block-end:var(--s-in-1)}

/* o filtro em pílula: radios de verdade, com o rótulo como botão */
.pn-filtro{display:inline-flex;margin:var(--pn-zero);padding:var(--e-fio-2);border:var(--e-fio) solid var(--pn-linha-2);border-radius:var(--r);min-inline-size:var(--pn-zero)}
.pn-filtro legend{padding:var(--pn-zero)}
.pn-filtro label{position:relative;display:inline-grid;place-items:center;min-block-size:calc(var(--e-ctl) - 2*var(--e-fio-2) - 2*var(--e-fio));padding:var(--pn-zero) var(--s-in-2);
  border-radius:var(--r);color:var(--pn-tinta-2);cursor:pointer;white-space:nowrap}
.pn-filtro input{position:absolute;opacity:0;inset:var(--pn-zero);margin:var(--pn-zero);cursor:pointer}
.pn-filtro label:has(input:checked){background:var(--pn-fantasma);color:var(--pn-tinta);font-weight:600}
.pn-filtro label:has(input:focus-visible){outline:var(--e-fio-2) solid var(--pn-foco);outline-offset:var(--pn-zero)}

/* ---------- os botões ---------- */
.pn-botao{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-in-1);min-block-size:var(--e-ctl);padding:var(--pn-zero) var(--s-in-2);
  border:var(--e-fio) solid var(--pn-linha-2);border-radius:var(--r);background:transparent;color:var(--pn-tinta);
  font:600 var(--e-t-ctl)/1 var(--pn-fonte);text-decoration:none;cursor:pointer;white-space:nowrap}
.pn-botao:hover{background:var(--pn-fantasma)}
.pn-botao-principal{background:var(--pn-botao);border-color:var(--pn-botao);color:var(--pn-sobre-botao)}
.pn-botao-principal:hover{background:color-mix(in srgb,var(--pn-botao) 86%,var(--pn-fundo))}
.pn-botao-perigo{color:var(--pn-perigo);border-color:color-mix(in srgb,var(--pn-perigo) 60%,transparent)}
.pn-botao-perigo:hover{background:var(--pn-perigo-fundo)}
.pn-botao-perigo.pn-cheio{background:var(--pn-perigo);border-color:var(--pn-perigo);color:var(--pn-sobre-botao)}
.pn-botao-fantasma{border-color:transparent}
.pn-botao-icone{inline-size:var(--e-ctl);padding:var(--pn-zero)}
.pn-botao:disabled,.pn-botao[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.pn-botao[aria-busy="true"]{cursor:progress}

/* ---------- as listas (membros, empresas, auditoria) ---------- */
.pn-lista{list-style:none;margin:var(--pn-zero);padding:var(--pn-zero);background:var(--pn-cartao);border:var(--e-fio) solid var(--pn-linha);border-radius:var(--r)}
.pn-lista>li{display:grid;gap:var(--s-in-1) var(--s-entre-2);align-items:center;padding:var(--s-in-2) var(--s-entre-2);border-block-start:var(--e-fio) solid var(--pn-linha)}
.pn-lista>li:first-child{border-block-start:0}
.pn-lista-cabeca{color:var(--pn-tinta-3);font:600 var(--e-t-cap)/var(--e-lh-cap) var(--pn-fonte);letter-spacing:.1em;text-transform:uppercase}
/* as colunas moram na lista e cada linha as herda (subgrid): o cabeçalho e as linhas ficam alinhados */
.pn-membros,.pn-empresas,.pn-auditoria{display:grid;column-gap:var(--s-entre-2)}
.pn-membros{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.2fr) auto}
.pn-empresas{grid-template-columns:minmax(0,2fr) minmax(0,.8fr) minmax(0,1.8fr) minmax(0,.8fr) minmax(0,1fr) auto}
.pn-auditoria{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,2.5fr)}
:is(.pn-membros,.pn-empresas,.pn-auditoria)>li{grid-column:1/-1;grid-template-columns:subgrid}
.pn-quem{min-inline-size:var(--pn-zero)}
.pn-quem strong{display:block;font-weight:600;overflow-wrap:anywhere}
.pn-quem>span,.pn-fraco{display:block;color:var(--pn-tinta-2);font-size:var(--e-t-mini);line-height:var(--e-lh-mini);overflow-wrap:anywhere}
.pn-acoes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--s-in-1)}
.pn-nota{color:var(--pn-tinta-2);font-size:var(--e-t-mini);line-height:var(--e-lh-mini);text-align:end}
.pn-rotulo-celular{display:none}
.pn-vazio{padding:var(--s-estr-1) var(--s-entre-2);color:var(--pn-tinta-2);text-align:center}
.pn-mais{display:flex;justify-content:center;margin-block-start:var(--s-entre-2)}
.pn-voce{color:var(--pn-tinta-2);font-weight:400}
.pn-enderecos{margin:var(--pn-zero);padding:var(--pn-zero);list-style:none;overflow-wrap:anywhere}

/* os selos */
.pn-selo{display:inline-flex;align-items:center;gap:var(--s-in-1);inline-size:fit-content;padding:var(--pn-zero) var(--s-in-1);border-radius:var(--r);
  border:var(--e-fio) solid var(--pn-linha-2);color:var(--pn-tinta);font:600 var(--e-t-mini)/var(--e-lh-body) var(--pn-fonte);white-space:nowrap}
.pn-selo[data-tom="ok"]{border-color:color-mix(in srgb,var(--pn-ok) 50%,transparent);background:var(--pn-ok-fundo);color:var(--pn-ok)}
.pn-selo[data-tom="alerta"]{border-color:color-mix(in srgb,var(--pn-alerta) 50%,transparent);background:var(--pn-alerta-fundo);color:var(--pn-alerta)}
.pn-selo[data-tom="fraco"]{color:var(--pn-tinta-2)}

/* a mudança da auditoria */
.pn-mudanca summary{cursor:pointer;color:var(--pn-tinta-2);font-size:var(--e-t-mini)}
.pn-mudanca dl{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:var(--pn-zero) var(--s-entre-1);margin:var(--s-in-1) var(--pn-zero) var(--pn-zero);
  font-size:var(--e-t-mini);line-height:var(--e-lh-mini)}
.pn-mudanca dt{color:var(--pn-tinta-2)}
.pn-mudanca dd{margin:var(--pn-zero);overflow-wrap:anywhere}
.pn-mudanca .pn-antes{color:var(--pn-tinta-2);text-decoration:line-through}

/* ---------- os formulários ---------- */
.pn-campo{display:grid;gap:var(--s-in-1);align-content:start;margin-block-end:var(--s-entre-2);min-inline-size:var(--pn-zero)}
.pn-campo>label,.pn-campo>legend,.pn-legenda{font-weight:600;color:var(--pn-tinta)}
.pn-campo .pn-opcional{color:var(--pn-tinta-2);font-weight:400}
.pn-campo input:not([type="radio"],[type="checkbox"]),.pn-campo select,.pn-campo textarea{inline-size:100%;min-block-size:var(--e-ctl);padding:var(--s-in-1) var(--s-in-2);
  border:var(--e-fio) solid var(--pn-linha-2);border-radius:var(--r);background:var(--pn-fundo);color:var(--pn-tinta);font:400 var(--e-t-body)/var(--e-lh-body) var(--pn-fonte)}
.pn-campo textarea{min-block-size:calc(4*var(--e-lh-body));resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--e-t-ctl)}
.pn-campo input:disabled{color:var(--pn-tinta-2);background:var(--pn-cartao-2)}
.pn-campo input:focus-visible,.pn-campo select:focus-visible,.pn-campo textarea:focus-visible{outline:var(--e-fio-2) solid var(--pn-foco);outline-offset:var(--pn-zero);border-color:var(--pn-foco)}
.pn-campo [aria-invalid="true"]{border-color:var(--pn-perigo)}
.pn-dica{color:var(--pn-tinta-2);font-size:var(--e-t-mini);line-height:var(--e-lh-mini)}
.pn-erro-campo{color:var(--pn-perigo);font-size:var(--e-t-mini);line-height:var(--e-lh-mini);font-weight:600}
.pn-erro-campo:empty{display:none}
.pn-linha-campo{display:flex;gap:var(--s-in-1)}
.pn-linha-campo input{flex:1}
fieldset.pn-campo{border:0;padding:var(--pn-zero);margin-inline:var(--pn-zero)}
fieldset.pn-campo>legend{padding:var(--pn-zero);margin-block-end:var(--s-in-1)}
.pn-grade-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pn-zero) var(--s-entre-2)}

/* a escolha do papel: um radio por papel, com o que ele faz e, quando não dá, o porquê */
.pn-papeis{display:grid;gap:var(--s-in-1)}
.pn-papel{display:flex;gap:var(--s-in-2);align-items:flex-start;padding:var(--s-in-1) var(--s-in-2);
  border:var(--e-fio) solid var(--pn-linha);border-radius:var(--r);cursor:pointer}
.pn-papel input{flex:none;margin:var(--s-in-1) var(--pn-zero) var(--pn-zero);accent-color:var(--pn-tinta)}
.pn-papel-texto{display:grid;min-inline-size:var(--pn-zero)}
.pn-papel:has(input:checked){border-color:var(--pn-tinta)}
.pn-papel:has(input:disabled){cursor:not-allowed;background:var(--pn-fantasma)}
.pn-papel:has(input:disabled) .pn-papel-nome{color:var(--pn-tinta-2)}
.pn-papel-nome{font-weight:600}
.pn-papel .pn-porque{color:var(--pn-tinta);font-size:var(--e-t-mini);line-height:var(--e-lh-mini);font-weight:600}

/* a mensagem de erro de um formulário inteiro (fora dos campos) */
.pn-alerta{display:flex;gap:var(--s-in-2);align-items:flex-start;padding:var(--s-in-2);margin-block-end:var(--s-entre-2);border:var(--e-fio) solid var(--pn-perigo);border-radius:var(--r);
  background:var(--pn-perigo-fundo);color:var(--pn-tinta)}
.pn-alerta{border-inline-start-width:var(--b)}
.pn-alerta strong{color:var(--pn-tinta)}
.pn-alerta[data-tom="alerta"]{border-color:var(--pn-alerta);background:var(--pn-alerta-fundo)}

/* ---------- os diálogos ---------- */
.pn-dialogo{inline-size:min(var(--pn-dialogo),100vw - 2*var(--pn-margem-celular));max-block-size:calc(100dvh - 2*var(--pn-margem-celular));padding:var(--pn-zero);
  border:var(--e-fio) solid var(--pn-linha-2);border-radius:var(--b2);background:var(--pn-cartao);color:var(--pn-tinta);box-shadow:var(--pn-sombra)}
.pn-dialogo::backdrop{background:var(--pn-veu)}
.pn-dialogo form{display:flex;flex-direction:column;max-block-size:inherit}
.pn-dialogo-topo{display:flex;align-items:center;gap:var(--s-entre-2);padding:var(--s-entre-2) var(--s-entre-2) var(--s-entre-2) var(--s-entre-3);border-block-end:var(--e-fio) solid var(--pn-linha)}
.pn-dialogo-topo h2{flex:1;font:600 var(--e-t-sub)/var(--e-lh-sub) var(--pn-fonte)}
.pn-dialogo-corpo{padding:var(--s-entre-3);overflow:auto}
.pn-dialogo-corpo>p{color:var(--pn-tinta-2);margin-block-end:var(--s-entre-2)}
.pn-dialogo-pe{display:flex;justify-content:flex-end;gap:var(--s-in-2);padding:var(--s-entre-2) var(--s-entre-3);border-block-start:var(--e-fio) solid var(--pn-linha)}

/* ---------- avisos e estados da página ---------- */
.pn-avisos{position:fixed;inset-inline:var(--pn-zero);inset-block-end:var(--s-entre-3);z-index:40;display:grid;justify-items:center;gap:var(--s-in-1);pointer-events:none}
.pn-aviso{max-inline-size:min(60ch,100vw - 2*var(--pn-margem-celular));padding:var(--s-in-2) var(--s-entre-2);border-radius:var(--r);background:var(--pn-botao);color:var(--pn-sobre-botao);
  box-shadow:var(--pn-sombra)}
.pn-aviso[data-tom="erro"]{background:var(--pn-perigo)}
.pn-estado{max-inline-size:60ch;margin:var(--s-estr-4) auto;padding:var(--s-estr-1);text-align:center;background:var(--pn-cartao);border:var(--e-fio) solid var(--pn-linha);border-radius:var(--r)}
.pn-estado h2{font:600 var(--e-t-sub)/var(--e-lh-sub) var(--pn-fonte);margin-block-end:var(--s-in-2)}
.pn-estado p{color:var(--pn-tinta-2);margin-block-end:var(--s-entre-2)}
.pn-carregando{color:var(--pn-tinta-2);padding:var(--s-entre-3);text-align:center}

/* ---------- o resumo da empresa (plataforma) ---------- */
.pn-numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(5*var(--b6)),1fr));gap:var(--s-in-2);margin:var(--pn-zero)}
.pn-numeros div{padding:var(--s-in-2);border:var(--e-fio) solid var(--pn-linha);border-radius:var(--r)}
.pn-numeros dt{color:var(--pn-tinta-2);font-size:var(--e-t-mini);line-height:var(--e-lh-mini)}
.pn-numeros dd{margin:var(--pn-zero);font:600 var(--e-t-sub)/var(--e-lh-sub) var(--pn-fonte);font-variant-numeric:tabular-nums}
.pn-voltar{margin-block-end:var(--s-entre-2)}
.pn-cabeca-empresa{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-in-2) var(--s-entre-2);margin-block-end:var(--s-entre-3)}
.pn-cabeca-empresa h2{font:600 var(--e-t-head)/var(--e-lh-head) var(--pn-fonte);letter-spacing:-.02em}
.pn-cabeca-empresa .pn-acoes{margin-inline-start:auto}

/* ---------- o logo da empresa no cabeçalho (no lugar da bolinha) ---------- */
.pn-logo-topo{flex:none;display:block;block-size:var(--pn-logo-topo);inline-size:auto;max-inline-size:var(--en-logo-max);object-fit:contain}

/* ---------- a aba Marca: o formulário e a prévia ao vivo ---------- */
.pn-marca{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-entre-3);align-items:start}
.pn-marca .pn-secao+.pn-secao{margin-block-start:var(--pn-zero)}
.pn-campo-pe{display:flex;align-items:flex-start;gap:var(--s-in-2)}
.pn-campo-pe .pn-dica{flex:1}
.pn-contador{flex:none;margin-inline-start:auto;color:var(--pn-tinta-2);font-size:var(--e-t-mini);line-height:var(--e-lh-mini);font-variant-numeric:tabular-nums}
.pn-marca-form>h3{margin-block-end:var(--s-entre-2)}
.pn-contador[data-cheio="1"]{color:var(--pn-alerta);font-weight:600}
.pn-campo textarea.pn-texto-livre{font-family:var(--pn-fonte);font-size:var(--e-t-body);min-block-size:calc(2*var(--e-lh-body) + 2*var(--s-in-1));field-sizing:content}
.pn-linha-campo input[type="color"]{flex:none;inline-size:var(--pn-cor-amostra);padding:var(--e-fio-2);cursor:pointer}
.pn-linha-campo .pn-botao{flex:none}
fieldset.pn-grupo{padding:var(--s-in-2) var(--s-in-3) var(--pn-zero);border:var(--e-fio) solid var(--pn-linha);border-radius:var(--r)}
fieldset.pn-grupo>legend{padding-inline:var(--s-in-1)}
.pn-logo-linha{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-in-2) var(--s-entre-2)}
.pn-logo-linha .pn-acoes{margin-inline-start:auto}
.pn-logo-amostra{display:block;block-size:var(--pn-logo-amostra);inline-size:auto;max-inline-size:min(100%,calc(2*var(--en-logo-max)));object-fit:contain;
  padding:var(--s-in-1);border:var(--e-fio) dashed var(--pn-linha-2);border-radius:var(--r);background:var(--pn-fundo)}
.pn-previa-cabeca{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-in-2);margin-block-end:var(--s-in-1)}
.pn-previa-cabeca h3{margin:var(--pn-zero)}
.pn-previa>.pn-dica{margin-block-end:var(--s-in-2)}
/* a moldura segura o cartão no tamanho de verdade (computador ou celular) e o encolhe para caber (o JS calcula a escala) */
.pn-previa-moldura{position:relative;overflow:hidden;border-radius:var(--en-raio);background:var(--en-fundo)}
.pn-previa-tela{inline-size:var(--en-largura);transform-origin:0 0;padding:var(--en-margem)}
.pn-previa-tela[data-jeito="celular"]{inline-size:var(--pn-previa-celular);padding:var(--pn-margem-celular)}
.pn-previa .en-cartao{inline-size:100%}
@media (min-width:1100px){
  .pn-marca{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .pn-previa{position:sticky;inset-block-start:var(--s-entre-2)}
}

/* ---------- as abas de dentro (o detalhe da empresa, as partes do conteúdo) ---------- */
.pn-subabas{display:flex;flex-wrap:wrap;gap:var(--s-entre-1);margin-block-end:var(--s-entre-3);border-block-end:var(--e-fio) solid var(--pn-linha)}
.pn-subpainel:focus{outline:none}
.pn-subpainel>p.pn-intro,.pn-subpainel>div>p.pn-intro{color:var(--pn-tinta-2);max-inline-size:68ch;margin-block-end:var(--s-entre-2)}

/* ---------- a aba Conteúdo: o editor ---------- */
.pn-editor-barra{align-items:center}
.pn-editor{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-entre-2)}
.pn-editor>.pn-alerta{margin:var(--pn-zero)}
.pn-alerta-lista{margin:var(--s-in-1) var(--pn-zero) var(--pn-zero);padding-inline-start:var(--s-in-3);font-size:var(--e-t-mini);line-height:var(--e-lh-mini);overflow-wrap:anywhere}
.pn-alerta:has(.pn-alerta-lista){flex-direction:column}
.pn-editor-corpo{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-in-2)}
.pn-bloco,.pn-item{min-inline-size:var(--pn-zero)}
.pn-bloco{background:var(--pn-cartao);border:var(--e-fio) solid var(--pn-linha);border-radius:var(--r)}
.pn-bloco>summary{display:flex;align-items:center;gap:var(--s-in-2);min-block-size:var(--e-ctl-lista);padding:var(--s-in-1) var(--s-entre-2);cursor:pointer;
  font:600 var(--e-t-body)/var(--e-lh-body) var(--pn-fonte);list-style:none}
.pn-bloco>summary::-webkit-details-marker{display:none}
.pn-bloco>summary::before{content:"";flex:none;inline-size:var(--b);block-size:var(--b);border-inline-end:var(--e-fio-2) solid currentColor;border-block-end:var(--e-fio-2) solid currentColor;
  transform:rotate(-45deg);margin-inline-end:var(--e-fio-2)}
.pn-bloco[open]>summary::before{transform:rotate(45deg)}
.pn-bloco[open]>summary{border-block-end:var(--e-fio) solid var(--pn-linha)}
.pn-bloco>summary:focus-visible{outline-offset:calc(-1*var(--e-fio-2))}
.pn-bloco-corpo{padding:var(--s-entre-2) var(--s-entre-2) var(--s-in-1)}
.pn-lista-campo>.pn-legenda,.pn-frases>.pn-legenda{display:block}
.pn-itens{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-in-1)}
.pn-item{border:var(--e-fio) solid var(--pn-linha-2);border-radius:var(--r);background:var(--pn-fundo)}
.pn-item-cabeca{display:flex;align-items:center;gap:var(--s-in-1);padding-inline-end:var(--s-in-1)}
.pn-item-abre{flex:1;display:flex;align-items:center;gap:var(--s-in-1);min-inline-size:var(--pn-zero);min-block-size:var(--e-ctl-lista);padding:var(--pn-zero) var(--s-in-2);
  border:0;background:transparent;color:var(--pn-tinta);font:600 var(--e-t-body)/var(--e-lh-body) var(--pn-fonte);text-align:start;cursor:pointer}
.pn-item-abre span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-item-abre .pn-icone{color:var(--pn-tinta-2)}
.pn-item-abre[aria-expanded="true"] .pn-icone{transform:rotate(90deg)}
.pn-item-abre:focus-visible{outline-offset:calc(-1*var(--e-fio-2))}
.pn-item-acoes{display:flex;flex:none;gap:var(--e-fio-2)}
.pn-item-acoes .pn-botao:disabled{opacity:.35}
.pn-item-corpo{padding:var(--s-in-2) var(--s-in-2) var(--pn-zero);border-block-start:var(--e-fio) solid var(--pn-linha)}
.pn-frases-lista{display:grid;gap:var(--s-in-1);margin:var(--pn-zero) var(--pn-zero) var(--s-in-1);padding-inline-start:var(--s-in-3)}
.pn-frases-lista>li.pn-campo{display:list-item;margin:var(--pn-zero)}
.pn-frases-lista>li>.pn-erro-campo{margin-block-start:var(--s-in-1)}
.pn-frase textarea.pn-texto-livre{min-block-size:var(--e-ctl)}
.pn-frases-lista>li::marker{color:var(--pn-tinta-2);font-size:var(--e-t-mini)}
.pn-frase .pn-linha-campo{align-items:flex-start}
.pn-campo-sim .pn-sim{display:flex;gap:var(--s-in-1);align-items:flex-start;font-weight:600;cursor:pointer}
.pn-campo-sim input{flex:none;margin:var(--e-fio-2) var(--pn-zero) var(--pn-zero);inline-size:var(--b2);block-size:var(--b2);accent-color:var(--pn-tinta)}
.pn-campo textarea.pn-json{min-block-size:calc(var(--pn-json-linhas)*var(--e-lh-body));font-size:var(--e-t-mini);line-height:var(--e-lh-body);white-space:pre;overflow-wrap:normal;overflow-x:auto}
.pn-editor-pe{position:sticky;inset-block-end:var(--pn-zero);z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--s-in-2) var(--s-entre-2);
  padding:var(--s-in-2) var(--s-entre-2);background:var(--pn-cartao);border:var(--e-fio) solid var(--pn-linha);border-radius:var(--r);box-shadow:var(--pn-sombra)}
.pn-situacao{color:var(--pn-tinta-2);font-size:var(--e-t-mini);line-height:var(--e-lh-mini)}
.pn-situacao[data-sujo="1"]{color:var(--pn-alerta);font-weight:600}
.pn-sem-conteudo{display:grid;gap:var(--s-in-2);justify-items:start}
.pn-sem-conteudo h3{margin:var(--pn-zero)}

/* ---------- o celular ---------- */
@media (max-width:760px){
  .pn-topo-dentro,.pn-abas-dentro,.pn-conteudo{inline-size:calc(100% - 2*var(--pn-margem-celular))}
  .pn-topo-dentro{flex-wrap:wrap}
  .pn-topo-acoes{inline-size:100%;justify-content:flex-start}
  .pn-rotulo-largo{display:none}
  .pn-membros,.pn-empresas,.pn-auditoria{grid-template-columns:minmax(0,1fr)}
  .pn-lista>li{padding:var(--s-in-2)}
  .pn-lista-cabeca{display:none!important}
  .pn-rotulo-celular{display:inline;color:var(--pn-tinta-2);font-weight:400}
  .pn-acoes{justify-content:flex-start}
  .pn-nota{text-align:start}
  .pn-barra{flex-direction:column;align-items:stretch}
  .pn-barra .pn-campo{flex:none}
  .pn-barra .pn-empurra{margin-inline-start:var(--pn-zero)}
  .pn-filtro{display:flex}
  .pn-filtro label{flex:1}
  .pn-grade-2{grid-template-columns:minmax(0,1fr)}
  .pn-dialogo-corpo{padding:var(--s-entre-2)}
  .pn-dialogo-pe{padding:var(--s-entre-2)}
  .pn-dialogo-pe .pn-botao{flex:1}
  .pn-cabeca-empresa .pn-acoes{margin-inline-start:var(--pn-zero)}
  .pn-previa-jeito{display:none}
  .pn-logo-linha .pn-acoes{margin-inline-start:var(--pn-zero)}
  .pn-editor-barra .pn-filtro{display:inline-flex}
  .pn-editor-barra .pn-acoes{justify-content:flex-start}
  .pn-bloco-corpo{padding:var(--s-in-2) var(--s-in-2) var(--pn-zero)}
  .pn-item-corpo{padding:var(--s-in-1) var(--s-in-1) var(--pn-zero)}
  .pn-frases-lista{padding-inline-start:var(--s-in-2)}
  .pn-editor-pe{justify-content:space-between}
}

/* ---------- movimento: só para quem não pediu menos ---------- */
@media (prefers-reduced-motion:no-preference){
  .pn-botao,.pn-aba,.pn-filtro label{transition:background-color var(--pn-rapido) ease-out,color var(--pn-rapido) ease-out}
  .pn-item-abre .pn-icone,.pn-bloco>summary::before{transition:transform var(--pn-rapido) ease-out}
  .pn-dialogo[open]{animation:pn-entra var(--pn-rapido) ease-out}
  .pn-aviso{animation:pn-entra var(--pn-rapido) ease-out}
}
@keyframes pn-entra{from{opacity:0;transform:translateY(var(--s-in-1))}to{opacity:1;transform:none}}