/* Painel novo: usa as variáveis de guia.css. PARA APROVAR. */
body.painel{background:var(--painel-fundo);font-size:15px}
.p-grade{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
.p-lado{background:var(--escuro);color:#D9C7AE;padding:var(--e4) var(--e3);display:flex;flex-direction:column;gap:var(--e2)}
.p-lado .marca{color:var(--texto-claro);margin-bottom:var(--e4)}
.p-lado .marca b{color:var(--texto-claro)}
.p-lado .marca small{color:#D9C7AE}
.p-nav{display:flex;flex-direction:column;gap:2px}
.p-nav a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:10px;color:#E8DAC5;text-decoration:none;font-weight:500}
.p-nav a:hover{background:#2C1F15}
.p-nav a[aria-current]{background:#3A2A1C;color:#fff;box-shadow:inset 3px 0 0 var(--ouro-claro)}
.p-nav .n{margin-left:auto;background:var(--ouro-claro);color:var(--escuro);font-size:.75rem;font-weight:600;border-radius:999px;padding:2px 8px}
.p-sair{margin-top:auto;color:#E8DAC5;display:inline-flex;align-items:center;min-height:44px;padding:0 14px}
.p-main{padding:var(--e5) var(--e5) var(--e7);min-width:0}
.p-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--e3);flex-wrap:wrap;margin-bottom:var(--e4)}
.p-cab h1{font-size:2.25rem;margin:0}
.p-cab p{margin:4px 0 0;color:var(--texto-suave)}
.ficticio{display:inline-block;font-size:.8125rem;font-weight:500;color:var(--alerta);background:var(--alerta-fundo);border-radius:999px;padding:4px 12px;margin-bottom:var(--e3)}
.p-caixa{background:var(--papel);border:1px solid #E7DCCB;border-radius:var(--raio);padding:var(--e4);margin-bottom:var(--e4)}
.p-caixa h2{font-size:1.5rem;margin-bottom:var(--e2)}
.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--e3);margin-bottom:var(--e4)}
.numero{background:var(--papel);border:1px solid #E7DCCB;border-radius:var(--raio);padding:var(--e3) var(--e4)}
.numero small{display:block;color:var(--texto-suave);font-weight:500}
.numero b{font:600 2.25rem/1.1 var(--f-titulo);color:var(--titulo)}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;border-radius:999px;padding:4px 10px;white-space:nowrap}
.chip::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.chip.ok{background:var(--ok-fundo);color:var(--ok)}
.chip.alerta{background:var(--alerta-fundo);color:var(--alerta)}
.chip.erro{background:var(--erro-fundo);color:var(--erro)}
.chip.neutro{background:var(--creme-2);color:var(--texto)}
.filtros{display:flex;gap:var(--e2);flex-wrap:wrap;align-items:center;margin-bottom:var(--e3)}
.filtros a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid #CDBB9F;color:var(--texto);text-decoration:none;font-weight:500;background:var(--papel)}
.filtros a[aria-current]{background:var(--acao);border-color:var(--acao);color:var(--papel)}
.busca{flex:1;min-width:220px}
.busca input{width:100%;min-height:44px;padding:8px 14px;border:1.5px solid #8C7660;border-radius:10px;font:400 .9375rem var(--f-texto);background:#fff;color:var(--texto)}
table.tab{width:100%;border-collapse:collapse;background:var(--papel);border-radius:var(--raio);overflow:hidden;border:1px solid #E7DCCB}
.tab th{text-align:left;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:var(--texto-suave);background:#F1E8DA;padding:12px 16px}
.tab td{padding:12px 16px;border-top:1px solid #EDE3D4;vertical-align:middle}
.tab td small{display:block;color:var(--texto-suave)}
.tab .acoes-l{display:flex;gap:var(--e2);justify-content:flex-end}
.btn.sec{background:var(--papel);color:var(--acao)}
.btn.perigo{background:var(--papel);color:var(--erro);border-color:var(--erro)}
.aviso{display:flex;gap:12px;align-items:flex-start;border-radius:var(--raio);padding:var(--e3) var(--e4);margin-bottom:var(--e4);font-weight:500}
.aviso.ok{background:var(--ok-fundo);color:var(--ok);border:1px solid #BCD6B9}
.aviso.erro{background:var(--erro-fundo);color:var(--erro);border:1px solid #E7BDB5}
.aviso.alerta{background:var(--alerta-fundo);color:var(--alerta);border:1px solid #EBD3A6}
.aviso b{display:block}
.vazio{text-align:center;padding:var(--e6) var(--e4);background:var(--papel);border:1.5px dashed #CDBB9F;border-radius:var(--raio)}
.vazio img{width:56px;height:56px;margin:0 auto var(--e3);border-radius:12px}
.esqueleto{height:16px;border-radius:8px;background:linear-gradient(90deg,#EDE3D4,#F6EFE4,#EDE3D4);margin:10px 0}
.modal-fundo{background:rgba(27,18,12,.55);border-radius:var(--raio);padding:var(--e6) var(--e3);display:flex;justify-content:center}
.modal{background:var(--papel);border-radius:var(--raio);padding:var(--e5);max-width:480px;width:100%;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.modal h2{font-size:1.6rem}
.modal .acoes{justify-content:flex-end}
.duas-p{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--e4)}
.campo textarea{width:100%;min-height:96px;padding:10px 14px;border:1.5px solid #8C7660;border-radius:10px;background:#fff;font:400 1rem/1.5 var(--f-texto);color:var(--texto)}
.campo.com-erro input{border-color:var(--erro);background:#FFF8F6}
.campo .msg-erro{color:var(--erro);font-size:.875rem;font-weight:500;margin-top:6px}
.salvo{font-size:.875rem;color:var(--texto-suave)}
.entrar{min-height:100vh;display:grid;place-items:center;padding:var(--e4) var(--e3);background:radial-gradient(circle at 50% 35%,#4A3420 0,#1B120C 70%)}
.entrar .form{max-width:420px;width:100%}
.entrar .topo-f{text-align:center;margin-bottom:var(--e4)}
.entrar .topo-f img{width:64px;height:64px;border-radius:14px;margin:0 auto var(--e3)}
.p-movel{display:none}
@media (max-width:760px){
  .p-grade{grid-template-columns:1fr}
  .p-lado{display:none}
  .p-movel{display:flex;align-items:center;justify-content:space-between;gap:var(--e2);background:var(--escuro);padding:10px var(--e3);position:sticky;top:0;z-index:5}
  .p-movel .marca b,.p-movel .marca small{color:var(--texto-claro)}
  .p-movel .btn-menu{display:inline-flex;align-items:center;justify-content:center}
  .p-main{padding:var(--e4) var(--e3) var(--e6)}
  .p-cab h1{font-size:1.85rem}
  .p-cab .btn{width:100%}
  .numeros{grid-template-columns:1fr 1fr}
  .duas-p{grid-template-columns:1fr}
  table.tab,.tab tbody,.tab tr,.tab td{display:block;width:100%}
  .tab thead{display:none}
  table.tab{background:transparent;border:0}
  .tab tr{background:var(--papel);border:1px solid #E7DCCB;border-radius:var(--raio);margin-bottom:var(--e3);padding:var(--e2) 0}
  .tab td{border:0;padding:6px 16px}
  .tab td[data-r]::before{content:attr(data-r);display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-suave)}
  .tab .acoes-l{justify-content:stretch}.tab .acoes-l .btn{flex:1}
  .modal{padding:var(--e4)}
  .modal .acoes .btn{width:100%}
}

/* etapa 1: prévia de e-mail e marcadores sem estourar a largura do celular */
.pre{white-space:pre-wrap;overflow-wrap:anywhere}
.aviso>div{min-width:0;overflow-wrap:anywhere}
code{overflow-wrap:anywhere}