/* Painel de acompanhamento das visitas. */
.pn{max-width:1100px;margin:0 auto;background:var(--papel);box-shadow:0 14px 50px rgba(23,57,49,.16);min-width:0}
.pn-capa{background:var(--verde);color:#fff;padding:20px 28px;border-bottom:4px solid var(--laranja)}
.pn-marca{font:700 12.500px var(--body);letter-spacing:.2em}.pn-marca b{color:var(--laranja)}
.pn-capa h1{font-size:28px;line-height:1.1;margin-top:8px}
.pn-capa p{font-size:13px;opacity:.85;margin-top:4px}
.pn-res{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:20px 28px}
.pn-res>div{padding:14px 16px;color:#fff;background:var(--verde)}
.pn-res .ok{background:var(--oliva)}.pn-res .ruim{background:var(--nc)}.pn-res .neutro{background:var(--tinta2)}
.pn-res b{display:block;font:700 38px/1 var(--display);font-variant-numeric:tabular-nums}
.pn-res span{font-size:13px;font-weight:600}
.pn-grade{padding:0 28px 8px}
.pn-l{display:grid;grid-template-columns:minmax(0,1.500fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.400fr);gap:12px;align-items:center;padding:12px 10px;border-top:1px solid var(--linha);border-left:4px solid var(--oliva)}
.pn-l.atrasado{border-left-color:var(--nc);background:#F5E3E6}
.pn-l.sem_registro{border-left-color:var(--tinta2)}
.pn-l.h{font:700 10.500px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta2);border-left-color:transparent;border-top:0;padding-block:6px}
.pn-l small{display:block;color:var(--tinta2);font-size:11.500px;font-weight:500}
.pn-cli b{font:600 16px var(--display);color:var(--verde)}
.pn-dots{display:flex;gap:4px;margin-bottom:3px}
.pn-dots i{width:14px;height:14px;border:1.500px solid var(--verde2);background:var(--papel)}
.pn-dots i.on{background:var(--oliva);border-color:var(--oliva)}
.pn-ult,.pn-ab b{font-weight:700;color:var(--verde);font-variant-numeric:tabular-nums}
.pn-ab b{font:700 18px var(--display)}
.pn-pill{display:inline-block;font:700 12px var(--body);padding:5px 10px;background:var(--olbg);color:var(--oliva)}
.pn-pill small{color:inherit;font-weight:500}
.pn-pill.atrasado{background:var(--nc);color:#fff}
.pn-pill.sem_registro{background:#E6E3DB;color:var(--tinta2)}
.pn-st a{display:block;margin-top:6px;font-size:12px;font-weight:700;color:var(--verde)}
.pn-nota{padding:6px 28px 24px;font-size:12.500px;color:var(--tinta2)}
@media(max-width:760px){
  .pn-res{grid-template-columns:1fr 1fr;padding-inline:16px}.pn-capa{padding-inline:16px}
  .pn-grade{padding-inline:16px}.pn-nota{padding-inline:16px}
  .pn-l{grid-template-columns:1fr 1fr}.pn-l.h{display:none}.pn-cli,.pn-st{grid-column:1/-1}
}

.pn-cli{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pn-cli small{flex-basis:100%}
.pn-logo{width:34px;height:34px;object-fit:contain;background:#fff;border:1px solid var(--linha);border-radius:6px;padding:2px}

.pn-st a.pn-zap{display:inline-block;margin-top:8px;padding:9px 12px;min-height:40px;background:var(--verde);color:#fff;text-decoration:none;font-size:12.5px;font-weight:700}

/* Comparativo das lojas de uma rede */
.pn-comp{padding:8px 28px 26px;border-top:6px solid var(--creme)}
.pn-comp h2{font:600 22px var(--display);color:var(--verde);margin-top:18px}
.pn-comp-s{font-size:13px;color:var(--tinta2);margin:2px 0 12px}
.pn-cl{display:grid;grid-template-columns:minmax(0,1.600fr) repeat(3,minmax(0,.8fr)) minmax(0,1.400fr);gap:12px;align-items:center;padding:12px 10px;border-top:1px solid var(--linha);border-left:4px solid var(--verde2)}
.pn-cl.h{font:700 10.500px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta2);border-left-color:transparent;border-top:0;padding-block:6px}
.pn-cl.top{border-left-color:var(--oliva);background:var(--olbg)}
.pn-cl b{font:700 18px var(--display);color:var(--verde);font-variant-numeric:tabular-nums}
.pn-cl small{display:block;color:var(--tinta2);font-size:11.500px;font-weight:500}
.pn-cl-n b{font:600 16px var(--display)}
.pn-cl.top .pn-cl-n small{color:var(--oliva);font-weight:700}
.pn-trk{display:block;height:8px;background:#E6E3DB;margin-top:5px}
.pn-trk i{display:block;height:100%;background:var(--oliva)}
@media(max-width:760px){
  .pn-comp{padding-inline:16px}
  .pn-cl{grid-template-columns:1fr 1fr 1fr}.pn-cl.h{display:none}.pn-cl-n,.pn-cl-p{grid-column:1/-1}
}