.pn{--ink:#241c16;--muted:#6e6258;--line:#e6dcd2;--green:#1b4d3e;--green-soft:#e7f2ec;--card:#fff;--gold:#f8f1de;--gold-line:#e4d3a4;--alert:#8c3a32;width:min(480px,100%);min-height:100dvh;color:var(--ink);font-family:var(--font-body),sans-serif;background:#f7f3ee;margin:0 auto}.pn,.pn *{box-sizing:border-box}.pn h1,.pn h2,.pn p{letter-spacing:0;margin:0;font-weight:400}.pn button{border:0;padding:0}.pn input{font:inherit;color:inherit}.pn button.pn-principal{background:var(--green);color:#fbf6f1;border-radius:16px;width:100%;min-height:56px;font-size:16px;font-weight:700}.pn button.pn-principal:disabled{opacity:.6}.pn button.pn-instalar,.pn button.pn-atualizar{background:var(--green);color:#fbf6f1;border-radius:999px;min-height:36px;padding:0 12px;font-size:13px;font-weight:700}.pn button.pn-atualizar{background:var(--card);width:36px;color:var(--green);border:1px solid var(--line);place-items:center;padding:0;display:grid}.pn button.pn-sair{min-height:36px;color:var(--muted);background:0 0;padding:0 4px;font-size:13px;font-weight:700}body:has(.pn){background:#e4d9d0}body:has(.pn) .site-footer{display:none}.pn-entrar,.pn-erro{min-height:100dvh;padding:32px 24px calc(32px + env(safe-area-inset-bottom));padding-top:calc(32px + env(safe-area-inset-top));flex-direction:column;justify-content:center;display:flex}.pn-marca{object-fit:contain;width:72px;height:72px}.pn-entrar h1,.pn-erro h1{letter-spacing:-1.2px;margin-top:24px;font-size:40px;font-weight:700;line-height:1.05}.pn-entrar p,.pn-erro p{color:var(--muted);max-width:28ch;margin-top:8px;font-size:16px;line-height:1.45}.pn-form{flex-direction:column;gap:12px;margin-top:32px;display:flex}.pn-form label{letter-spacing:.02em;font-size:13px;font-weight:700}.pn-form input{border:1px solid var(--line);background:var(--card);border-radius:16px;min-height:56px;padding:0 16px;font-size:16px}.pn-form input:focus{outline-offset:2px;outline:3px solid #e0b15a}.pn-principal:disabled{opacity:.6}.pn-aviso{color:var(--alert);font-size:14px;line-height:1.4}.pn-nota{color:var(--muted);margin-top:16px;font-size:13px;line-height:1.45}.pn-app{padding:calc(8px + env(safe-area-inset-top)) 0 calc(112px + env(safe-area-inset-bottom))}.pn-topo{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f3eeeb;padding:12px 20px 8px;position:sticky;top:0}.pn-cabeca{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.pn-titulo{align-items:center;gap:10px;display:flex}.pn-titulo img{object-fit:contain;width:36px;height:36px}.pn-titulo strong{letter-spacing:-.3px;font-size:18px;font-weight:700;line-height:1.1;display:block}.pn-titulo span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.pn-acoes{align-items:center;gap:8px;display:flex}.pn-atualizar svg{width:18px;height:18px}.pn-atualizar.girando svg{animation:.8s linear infinite pn-gira}@keyframes pn-gira{to{transform:rotate(360deg)}}.pn-periodos{scrollbar-width:none;gap:8px;margin-top:14px;display:flex;overflow:auto}.pn-periodos::-webkit-scrollbar{display:none}.pn-periodos button{min-height:36px;color:var(--muted);background:0 0;border-radius:999px;flex:none;padding:0 14px;font-size:14px;font-weight:700}.pn-periodos button[aria-selected=true]{background:var(--green);color:#fbf6f1}.pn-offline{color:#6a4e22;background:#f8ebd0;border-radius:12px;margin:8px 20px 0;padding:10px 12px;font-size:13px;line-height:1.4}.pn-corpo{flex-direction:column;gap:16px;padding:8px 20px 0;display:flex}.pn-hero{background:var(--green);color:#f7f3ea;border-radius:24px;padding:24px;box-shadow:0 16px 32px #1b4d3e22}.pn-hero span{letter-spacing:.04em;text-transform:uppercase;color:#e4d3a4;font-size:13px;font-weight:700}.pn-hero strong{letter-spacing:-1.4px;font-variant-numeric:tabular-nums;margin-top:8px;font-size:40px;font-weight:700;line-height:1;display:block}.pn-hero p{color:#e7f2ec;margin-top:12px;font-size:14px;line-height:1.4}.pn-grade{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pn-mini{background:var(--card);border-radius:18px;padding:14px 12px;box-shadow:0 8px 20px #1b4d3e0d}.pn-mini span{color:var(--muted);font-size:12px;line-height:1.3;display:block}.pn-mini strong{letter-spacing:-.4px;font-variant-numeric:tabular-nums;margin-top:8px;font-size:18px;font-weight:700;display:block}.pn-card{background:var(--card);border-radius:24px;padding:20px;box-shadow:0 8px 24px #1b4d3e0d}.pn-card h2{letter-spacing:-.3px;font-size:18px;font-weight:700}.pn-card>p,.pn-leitura{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.45}.pn-alerta{color:var(--alert);background:#f8efea;border-radius:14px;margin-top:12px;padding:12px 14px;font-size:14px;line-height:1.4}.pn-leitura-ouro{background:var(--gold);border:1px solid var(--gold-line);border-radius:18px;margin-top:16px;padding:16px;font-size:15px;line-height:1.45}.pn-funil{flex-direction:column;gap:14px;margin-top:18px;display:flex}.pn-passo{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 12px;display:grid}.pn-passo b{font-size:14px;font-weight:700}.pn-passo em{font-variant-numeric:tabular-nums;font-size:14px;font-style:normal;font-weight:700}.pn-trilho{background:#f0e7df;border-radius:999px;grid-column:1/-1;height:10px;overflow:hidden}.pn-trilho i{border-radius:inherit;background:var(--green);width:0;height:100%;display:block}.pn-queda{color:var(--muted);grid-column:1/-1;font-size:12px}.pn-lista{flex-direction:column;margin-top:8px;display:flex}.pn-linha{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:14px 0;display:grid}.pn-linha:first-child{border-top:0}.pn-linha b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.pn-linha span,.pn-sub{color:var(--muted);font-size:13px;line-height:1.35}.pn-sub{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pn-linha strong{font-variant-numeric:tabular-nums;text-align:right;font-size:15px;font-weight:700}.pn-vazio{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.45}.pn-pedido{align-items:start}.pn-linha .pn-status{background:var(--green-soft);min-height:26px;color:var(--green);border-radius:999px;justify-self:end;padding:4px 8px;font-size:12px;font-weight:700}.pn-linha .pn-status.pending,.pn-linha .pn-status.in_process{color:#7a5a22;background:#f8f1de}.pn-linha .pn-status.rejected,.pn-linha .pn-status.cancelled,.pn-linha .pn-status.refunded,.pn-linha .pn-status.charged_back{color:var(--alert);background:#f6e8e4}.pn-pedido .pn-sub{grid-column:1/-1}.pn-mini strong{font-size:16px}.pn-nav{width:min(480px,100%);padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:4;background:#fffffff0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.pn-nav button{min-height:56px;color:var(--muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.pn-nav button[aria-current=page]{color:var(--green);background:var(--green-soft)}.pn-nav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.pn-esqueleto{flex-direction:column;gap:12px;padding:24px 20px;display:flex}.pn-esqueleto i{background:linear-gradient(90deg,#efe6de,#f7f3ee,#efe6de) 0 0/200% 100%;border-radius:24px;height:92px;animation:1.2s ease-in-out infinite pn-brilho;display:block}.pn-esqueleto i:first-child{height:148px}@keyframes pn-brilho{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.pn-atualizar.girando svg,.pn-esqueleto i,.pn-trilho i{transition:none;animation:none}}
