/* ===== Maisfood Entregador ===== */
:root{--fundo:#1E140D;--cartao:#2A1D14;--cartao2:#37271B;--linha:#4A3627;--tx:#FFF6E6;--tx2:#CDB79C;--cor:#FFC629;--cor2:#FFD666;--ketchup:#D7261E;--cafe:#2A1A10;--ok:#22c55e;--alerta:#f59e0b;--erro:#ef4444;--azul:#3b82f6;--r:16px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--fundo);color:var(--tx);font-family:"Bricolage Grotesque Variable",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.4}
a{color:var(--cor2)}
button,input,select,textarea{font:inherit;color:inherit}
.tela{max-width:560px;margin:0 auto;padding:16px 16px calc(96px + env(safe-area-inset-bottom))}
.marca{display:flex;align-items:center;gap:6px}
.marca .wm{display:block;font-weight:800;font-stretch:82%;letter-spacing:-.03em;font-size:1.7rem;line-height:.8;color:var(--tx)}
.marca small{display:block;font-weight:600;color:var(--cor);font-size:.8rem;margin-top:3px}
h1{font-size:2.4rem;line-height:.98;margin:18px 0 12px;letter-spacing:-.025em;font-weight:800;font-stretch:82%}
h2{font-size:1.25rem;margin:22px 0 10px}
.sub{color:var(--tx2)}
.peq{font-size:.85rem;color:var(--tx2)}
.c{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--r);padding:16px;margin-bottom:12px}
.bt{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:14px;padding:15px 16px;font-weight:800;font-size:1.05rem;background:var(--cor);color:var(--cafe);cursor:pointer;text-decoration:none;margin-top:10px;box-shadow:0 3px 0 #b58a12}
.bt:active{transform:scale(.98)}.bt:disabled{opacity:.5}
.bt.sec{background:var(--cartao2);color:var(--tx);border:1px solid var(--linha)}
.bt.ok{background:var(--ok);color:#06210f}.bt.verm{background:transparent;color:var(--erro);border:1px solid #5a2323}
.bt.peq2{padding:10px 12px;font-size:.92rem;margin-top:0}
.linha-bts{display:flex;gap:8px}.linha-bts .bt{margin-top:8px}
label{display:block;font-weight:700;font-size:.9rem;margin:12px 0 5px}
input,select,textarea{width:100%;background:#0b0d11;border:1px solid var(--linha);border-radius:12px;padding:13px 14px;outline:0}
input:focus,select:focus{border-color:var(--cor)}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.erro{background:#3a1416;color:#fecaca;border-radius:12px;padding:10px 12px;margin-top:10px;display:none;font-weight:600}
.ok-box{background:#0f2a19;color:#bbf7d0;border-radius:12px;padding:10px 12px;margin-top:10px}
.lista-v{list-style:none;padding:0;margin:0}.lista-v li{display:flex;gap:10px;padding:8px 0;align-items:flex-start}.lista-v i{color:var(--cor);font-size:1.2rem}
.passos-h{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.passos-h div{background:var(--cartao);border:1px solid var(--linha);border-radius:14px;padding:12px;font-size:.85rem}
.passos-h b{display:block;font-size:1.5rem;color:var(--cor)}
.hero-ganho{background:var(--cor);color:var(--cafe);border:0;border-radius:20px;padding:18px;margin:12px 0}
.hero-ganho .v{font-size:3rem;font-weight:800;font-stretch:82%;letter-spacing:-.02em}.hero-ganho .peq{color:#5a4330}
.seg{display:flex;background:#0b0d11;border:1px solid var(--linha);border-radius:12px;padding:4px;gap:4px}
.seg button{flex:1;border:0;background:transparent;border-radius:9px;padding:10px 4px;font-weight:700;color:var(--tx2)}
.seg button.on{background:var(--cartao2);color:var(--tx)}
.check{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--linha);border-radius:14px;margin-bottom:8px;background:var(--cartao);cursor:pointer}
.check .ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--cartao2);flex:none;font-size:1.1rem}
.check.feito .ic{background:#0f2a19;color:var(--ok)}
.check .t{flex:1}.check .t b{display:block}.check .bi-chevron-right{color:var(--tx2)}
.doc{display:flex;gap:12px;align-items:center;padding:12px;border:1px dashed var(--linha);border-radius:14px;margin-bottom:8px}
.doc.feito{border-style:solid;border-color:#1f5a35}
.doc .t{flex:1}.doc input{display:none}
.selo{display:inline-flex;align-items:center;gap:5px;border-radius:30px;padding:3px 10px;font-size:.78rem;font-weight:800}
.selo.ok{background:#0f2a19;color:#86efac}.selo.al{background:#3a2a0a;color:#fcd34d}.selo.er{background:#3a1416;color:#fca5a5}
.q{margin-bottom:14px}.q b{display:block;margin-bottom:6px}.q label{display:flex;gap:10px;align-items:flex-start;font-weight:500;border:1px solid var(--linha);border-radius:12px;padding:11px;margin:6px 0;background:#0b0d11}
.q input{width:auto;margin-top:3px}
.termos{max-height:300px;overflow:auto;background:#0b0d11;border:1px solid var(--linha);border-radius:12px;padding:12px;font-size:.88rem;color:#cfd5df}
.chk{display:flex;gap:10px;align-items:flex-start;font-weight:600;margin-top:12px}.chk input{width:auto;margin-top:4px}

/* app */
.topo{position:sticky;top:0;z-index:20;background:rgba(14,16,20,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--linha);padding:10px 16px;display:flex;align-items:center;gap:10px}
.topo .gps{font-size:.75rem;color:var(--tx2);display:flex;align-items:center;gap:5px}
.ponto{width:9px;height:9px;border-radius:50%;background:#555}.ponto.on{background:var(--ok);box-shadow:0 0 0 4px rgba(34,197,94,.2)}.ponto.mal{background:var(--alerta)}
.on-card{display:flex;align-items:center;gap:14px;border-radius:20px;padding:18px;background:var(--cartao);border:1px solid var(--linha);margin:14px 0}
.on-card.on{background:linear-gradient(135deg,#0f2a19,#171a21);border-color:#1f5a35}
.on-card b{font-size:1.15rem;display:block}
.chave{position:relative;width:64px;height:36px;flex:none}.chave input{opacity:0;width:0;height:0;position:absolute}
.chave span{position:absolute;inset:0;background:#333a46;border-radius:30px;transition:.2s}.chave span:before{content:"";position:absolute;width:28px;height:28px;left:4px;top:4px;background:#fff;border-radius:50%;transition:.2s}
.chave input:checked+span{background:var(--ok)}.chave input:checked+span:before{transform:translateX(28px)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.kpis div{background:var(--cartao);border:1px solid var(--linha);border-radius:14px;padding:10px;text-align:center}
.kpis b{display:block;font-size:1.15rem}.kpis small{color:var(--tx2);font-size:.75rem}
.ent{background:var(--cartao);border:1px solid var(--linha);border-radius:20px;padding:16px;margin-bottom:12px}
.ent .cab{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ent .cab .ganho{margin-left:auto;font-weight:900;font-size:1.25rem;color:#86efac}
.etapas{display:flex;gap:4px;margin:8px 0 12px}.etapas i{flex:1;height:5px;border-radius:5px;background:#333a46;font-style:normal}.etapas i.f{background:var(--cor)}
.local{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--linha)}.local .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--cartao2)}
.local .ic.r{color:var(--cor)}.local .ic.c{color:var(--azul)}
.cobrar{background:#3a2a0a;color:#fde68a;border-radius:12px;padding:10px 12px;font-weight:800;margin:8px 0}
.nav-ir{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vazio{text-align:center;color:var(--tx2);padding:30px 10px}.vazio i{font-size:2.4rem;display:block;margin-bottom:6px}
.mapa-p{height:180px;border-radius:14px;margin:8px 0;z-index:1;background:#222}

.menu{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#0b0d11;border-top:1px solid var(--linha);display:flex;padding-bottom:env(safe-area-inset-bottom)}
.menu button{flex:1;border:0;background:transparent;color:var(--tx2);padding:10px 4px 9px;font-size:.75rem;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px}
.menu button i{font-size:1.35rem}.menu button.on{color:var(--cor)}

/* oferta (tela cheia) */
.oferta{position:fixed;inset:0;z-index:100;background:rgba(5,6,8,.94);display:flex;flex-direction:column;justify-content:flex-end;padding:16px 16px calc(16px + env(safe-area-inset-bottom));animation:sobe .2s}
@keyframes sobe{from{transform:translateY(30px);opacity:0}}
.oferta .in{max-width:520px;width:100%;margin:0 auto}
.anel{width:86px;height:86px;margin:0 auto 10px;position:relative}.anel svg{transform:rotate(-90deg)}.anel b{position:absolute;inset:0;display:grid;place-items:center;font-size:1.6rem}
.oferta .valor{font-size:3.2rem;font-weight:900;text-align:center;letter-spacing:-1.5px;color:#86efac;line-height:1}
.oferta .info{display:flex;justify-content:center;gap:14px;color:var(--tx2);margin:6px 0 14px;font-weight:700}

.modal-r{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.7);display:flex;align-items:flex-end;justify-content:center}
.modal-r .in{background:var(--cartao);border-radius:22px 22px 0 0;width:100%;max-width:560px;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:92vh;overflow:auto}
.cod{display:flex;gap:10px;justify-content:center;margin:14px 0}.cod input{width:58px;height:66px;text-align:center;font-size:2rem;font-weight:900;padding:0}

.mov{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--linha)}.mov:last-child{border:0}
.mov .v{font-weight:800;white-space:nowrap}.mov .v.pos{color:#86efac}.mov .v.neg{color:#fca5a5}
.toast{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top));transform:translateX(-50%) translateY(-20px);background:#fff;color:#111;padding:12px 16px;border-radius:12px;font-weight:700;opacity:0;transition:.25s;z-index:200;max-width:90vw;text-align:center;pointer-events:none}
.toast.on{opacity:1;transform:translateX(-50%)}
.spin{width:28px;height:28px;border:3px solid #333;border-top-color:var(--cor);border-radius:50%;animation:gira .8s linear infinite;margin:30px auto}@keyframes gira{to{transform:rotate(360deg)}}
.bt.sec,.bt.verm,.bt.ok{box-shadow:none}