:root{
  --paper:#f7efe2; --card:#fffaf2; --ink:#2b1712; --muted:#72584e; --wine:#681421; --green:#143c29; --line:#e3cbb7; --gold:#c59a5b; --yellow:#fff1bf; --orange:#d45a3a; --red:#c7382b; --ok:#1f7a3b; --gray:#777; --whats:#128c3a;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#fbf3e8,#f7efe2);color:var(--ink)}
.app{width:100%;max-width:1080px;margin:0 auto;padding:14px 14px 80px}.topo{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--wine);color:white;border-radius:22px;padding:20px;margin:10px 0 12px;box-shadow:0 12px 26px rgba(70,24,14,.12)}
.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:2px;font-size:11px;opacity:.78;font-weight:800}.topo h1{margin:0;font-family:Georgia,serif;font-style:italic;font-weight:normal;font-size:34px}.topo p{margin:6px 0 0;opacity:.9}.tabs{position:sticky;top:0;z-index:10;display:flex;gap:8px;background:rgba(247,239,226,.92);backdrop-filter:blur(10px);padding:10px 0;margin-bottom:8px;overflow:auto}.tab,.btn{border:0;border-radius:999px;padding:12px 15px;font-weight:900;cursor:pointer;background:#f0dcd5;color:var(--wine);font-size:14px;text-decoration:none;display:inline-block;text-align:center}.tab.active,.btn.primary{background:var(--wine);color:white}.btn.ok{background:var(--ok);color:white}.btn.warn{background:var(--orange);color:white}.btn.gray{background:#777;color:white}.btn.light{background:#f0dcd5;color:var(--wine)}.btn.message{background:var(--wine);color:white}.btn.whats-free,.btn.whats-link{background:var(--whats);color:white}.btn.subtle{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:white}.btn.big{width:100%;font-size:17px;padding:15px}.statusbar{font-size:13px;color:var(--muted);margin:8px 4px 14px}.view{display:none}.view.active{display:block}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 14px}.pedidos-metrics{grid-template-columns:repeat(7,1fr)}.entrega-metrics{grid-template-columns:repeat(3,1fr)}.metric{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 8px 18px rgba(70,24,14,.05)}.metric small{display:block;color:var(--muted);font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.metric strong{display:block;margin-top:8px;color:var(--wine);font-size:24px}.metric.novo strong{color:#8a5b00}.metric.aguardando strong{color:var(--orange)}.metric.pago strong{color:var(--ok)}.metric.problema strong{color:#b81d1d}.filters,.cityfilters{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.cityfilters{position:sticky;top:56px;z-index:9;background:rgba(247,239,226,.94);backdrop-filter:blur(8px);padding:8px 0}.chip{border:0;border-radius:999px;padding:10px 13px;background:#f0dcd5;color:var(--wine);font-weight:900;cursor:pointer}.chip.active{background:var(--wine);color:white}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:15px;margin:12px 0;box-shadow:0 8px 22px rgba(70,24,14,.07);position:relative;overflow:hidden}.card.novo{border-left:10px solid #e0aa2f;background:linear-gradient(90deg,#fff4bf,var(--card) 18%)}.card.aguardando{border-left:10px solid var(--orange);background:linear-gradient(90deg,#f7d0c4,var(--card) 18%)}.card.pago{border-left:10px solid var(--ok);background:linear-gradient(90deg,#dcefdc,var(--card) 18%)}.card.cancelado{border-left:10px solid var(--gray);opacity:.68}.card.pendente{border-left:10px solid var(--red);background:linear-gradient(90deg,#f8d0c5,var(--card) 20%)}.card.avisado{border-left:10px solid #d6a73a;background:linear-gradient(90deg,#fff0bd,var(--card) 20%)}.card.problema{border-left:10px solid #b81d1d;background:linear-gradient(90deg,#ffd1d1,var(--card) 20%)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card h2,.card h3{margin:0;color:var(--green)}.card h2{font-size:23px}.card h3{font-size:21px}.meta{margin-top:5px;color:var(--muted);line-height:1.45;font-size:14px}.total{font-weight:900;color:var(--wine);font-size:24px;white-space:nowrap}.badges{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.badge{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;background:#f0dcd5;color:var(--wine)}.badge.pago{background:#dcefdc;color:var(--green)}.badge.novo{background:#ffe28d;color:#4a3100}.badge.aguardando{background:#f5c2b4;color:#7b1a0e}.badge.cancelado{background:#ddd;color:#444}.badge.problema{background:#ffd1d1;color:#831111}.badge.avisado{background:#fff0bd;color:#7b5a10}.items{border-top:1px solid #ead7c6;border-bottom:1px solid #ead7c6;margin:12px 0;padding:9px 0;font-size:14px}.item{display:flex;justify-content:space-between;gap:12px;margin:7px 0}.actions{display:flex;flex-wrap:wrap;gap:8px}.entrega-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.entrega-actions .big{grid-column:1/-1}.prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.prod-box{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px}.prod-total{font-size:42px;line-height:1;color:var(--wine);font-weight:900}.prod-box h2{margin:0 0 10px;font-family:Georgia,serif;color:var(--green);font-size:29px}.prod-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(227,203,183,.7);padding:10px 0}.prod-row strong{font-size:20px;color:var(--wine)}.open-box{margin-top:14px;background:#fff4dc;border:1px solid #f0c88b;border-radius:18px;padding:14px}.cidade-bloco{margin:18px 0}.cidade-head{position:sticky;top:112px;z-index:7;background:#2b1712;color:white;border-radius:17px;padding:12px 14px;display:flex;justify-content:space-between;gap:8px;box-shadow:0 8px 20px rgba(43,23,18,.16)}.cidade-head h2{margin:0;font-size:20px}.compact-items summary{cursor:pointer;color:var(--wine);font-weight:900;margin:8px 0}.compact-items[open]{background:rgba(255,255,255,.35);border-radius:12px;padding:6px 8px}.empty{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;text-align:center;color:var(--muted);font-weight:800}.obs{font-size:13px;background:#fff6e7;border:1px solid #ead7c6;border-radius:12px;padding:10px;margin:8px 0;color:var(--muted)}.loading{opacity:.6;pointer-events:none}
@media(max-width:900px){.pedidos-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.app{padding:10px 10px 80px}.topo{display:block;border-radius:18px}.topo h1{font-size:30px}.metrics,.pedidos-metrics,.entrega-metrics{grid-template-columns:repeat(2,1fr)}.prod-grid{grid-template-columns:1fr}.card-head{display:block}.total{margin-top:8px}.actions{display:grid;grid-template-columns:1fr}.actions .btn,.actions .whats{width:100%}.entrega-actions{grid-template-columns:1fr}.cidade-head{top:108px}.prod-total{font-size:36px}.cityfilters{overflow:auto;flex-wrap:nowrap}.chip{white-space:nowrap}}