body{background:#fafaf7}.order-header{padding:15px max(16px,calc((100vw - 980px)/2));background:linear-gradient(120deg,#ffe33e,#ffc915);display:flex;align-items:center;gap:12px;min-height:115px}.order-header h1{font-size:22px;line-height:1.1;margin:0;font-weight:1000}.order-header p{margin:4px 0 0;font-size:12px;color:#605007;font-weight:800}.order-header img{border-radius:50%;background:#fff7ce;border:2px solid white}.order-back{font-size:12px;font-weight:900;background:#fff9;padding:9px 11px;border-radius:12px;white-space:nowrap}.tracking-page{width:min(650px,100%);margin:22px auto;padding:0 16px 60px;display:grid;gap:15px}.tracking-card{background:#fff;border:1px solid #ededed;border-radius:20px;padding:19px;box-shadow:0 3px 20px #00000007}.tracking-card h2{font-size:21px;letter-spacing:-.5px;margin:4px 0 8px;font-weight:1000}.tracking-card h3{font-size:19px;margin:9px 0 4px;font-weight:1000}.tracking-card.slim h3{font-size:16px}.tracking-card.slim p{font-size:13px;color:#737373;line-height:1.6}.tracking-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tracking-mini{font-size:10px;font-weight:1000;letter-spacing:1.5px;color:#a07806;margin:0}.live-pill{display:inline-flex;gap:5px;align-items:center;border-radius:20px;font-size:10px;font-weight:950;letter-spacing:.8px;padding:6px 8px;background:#e7faeb;color:#207632}.live-pill span{height:7px;width:7px;border-radius:50%;background:#32a853;animation:live 1.4s infinite}@keyframes live{50%{opacity:.3}}.tracking-status-icon{width:75px;height:75px;margin:14px 0 5px;background:#ffed9e;border-radius:20px;display:grid;place-items:center;font-size:35px}.tracking-description{margin:5px 0 12px;color:#666;font-size:13px;line-height:1.5}.tracking-timeline{display:grid;gap:0;margin:18px 0}.tracking-step{display:flex;align-items:center;gap:12px;color:#a5a5a5;font-size:13px;font-weight:850;position:relative;min-height:49px}.tracking-step:before{content:'';width:2px;background:#ececec;position:absolute;top:32px;bottom:-13px;left:13px}.tracking-step:last-child:before{display:none}.tracking-step.complete{color:#333}.tracking-step.complete:before{background:#f8cb21}.tracking-dot{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:#f1f1f1;display:grid;place-items:center;font-size:11px;color:#777}.tracking-step.complete .tracking-dot{background:#ffd11b;color:#111;font-weight:950}.tracking-step.current{font-weight:1000}.payment-badge{background:#f7f5eb;border-radius:12px;padding:13px 12px;font-size:12px;font-weight:900;text-align:center;margin-bottom:13px}.tracking-button,.tracking-link{display:block;width:100%;padding:13px 12px;border:0;border-radius:12px;text-align:center;background:#ffd31a;font-size:13px;font-weight:900;color:#151515}.tracking-link{margin-top:10px}.tracking-link.alt{background:#f5f5f5}.tracking-help{font-size:11px;color:#777;line-height:1.5;margin:8px 0 0}.tracking-hint{padding:15px;border-radius:12px;background:#fff3cc;color:#6d4500;font-size:13px}.order-history{display:grid;gap:10px;margin:17px 0}.order-history-item{border:1px solid #ececec;background:#fff;border-radius:12px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:4px;font-size:13px}.order-history-item>span{color:#888;font-size:11px}.order-history-item>b{grid-column:2;grid-row:1 / 3;align-self:center}.tracking-card .secondary{display:block;width:100%;font-size:12px}

/* Acompanhamento compacto da Batata Braba, com etapas reais vindas do Firebase. */
.tracking-body{background:#f7f7f7}
.tracking-brand-header{background:#ffcf13;padding:calc(12px + env(safe-area-inset-top)) 16px 16px}
.tracking-brand-header__inner{max-width:650px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.tracking-brand-header__inner strong{font-size:18px;font-weight:1000}
.tracking-brand-header__inner img{border-radius:50%;width:48px;height:48px}
.tracking-brand-header__back{font-size:36px;line-height:1;font-weight:600;display:flex;align-items:center;justify-content:center;width:48px;height:48px}
.tracking-page--new{margin:0 auto;padding:14px 14px 40px}
.tracking-card--new{padding:18px;border-radius:22px}
.tracking-order-head{display:flex;align-items:center;gap:14px}
.tracking-order-head>img{width:76px;height:76px;flex-shrink:0;border-radius:50%;object-fit:cover}
.tracking-order-head h2{font-size:21px;margin:0 0 4px}
.tracking-order-head p{font-size:12px;color:#777;line-height:1.5;margin:0}
.tracking-stage-track{display:flex;justify-content:space-between;align-items:start;margin:22px 0 19px;gap:0}
.tracking-stage{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;color:#999}
.tracking-stage:before{content:'';position:absolute;height:3px;background:#eee;left:-50%;right:50%;top:15px;z-index:0}
.tracking-stage:first-child:before{display:none}
.tracking-stage.is-done:before{background:#ffcf13}
.tracking-stage__dot{position:relative;z-index:1;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#efefef;font-size:15px;font-weight:900}
.tracking-stage.is-done .tracking-stage__dot{background:#ffcf13;color:#1a1a1a}
.tracking-stage.is-current .tracking-stage__dot{outline:3px solid #ffe99a;outline-offset:2px}
.tracking-stage small{font-size:10px;line-height:1.3;font-weight:850;min-height:27px;max-width:66px}
.tracking-current{display:flex;gap:13px;align-items:center;border:1px solid #ffed9f;border-radius:16px;background:#fffbec;padding:14px;margin-top:10px}
.tracking-current__icon{background:#ffdc51;border-radius:14px;flex-shrink:0;height:56px;width:56px;display:grid;place-items:center;font-size:28px}
.tracking-current h3{font-size:18px;margin:0 0 4px}
.tracking-current p{font-size:12px;color:#666;line-height:1.5;margin:0}
.tracking-card--new .payment-badge{margin:13px 0 20px;background:#f7f7f7;color:#6a602a}
.tracking-card--new .payment-badge.is-paid{background:#e9faed;color:#19713b}
.tracking-section-title{font-size:17px!important;margin:14px 0 6px!important}
.tracking-card--new .tracking-timeline{margin:8px 0 15px}
.tracking-map-note{border:1px dashed #e6e6e6;border-radius:15px;background:#fafafa;padding:12px;display:flex;align-items:center;gap:10px}
.tracking-map-note>span{font-size:25px}
.tracking-map-note p{font-size:12px;color:#777;line-height:1.45;margin:0}
.tracking-map-note strong{color:#333}
.tracking-alerts{margin-top:16px}
.tracking-card--links{padding:12px;display:flex;gap:10px}
.tracking-card--links .tracking-link{margin:0;flex:1;font-size:12px}
@media(max-width:370px){.tracking-order-head h2{font-size:18px}.tracking-stage small{font-size:9px}.tracking-card--new{padding:14px}.tracking-card--links{flex-wrap:wrap}.tracking-card--links .tracking-link{min-width:145px}}