/* JoySystem · Delivery — app do entregador */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{--c1:#e8432e;--c2:#ffb21e;--escuro:#1d1512;--bg:#f4efeb;--linha:#e8ddd5;--suave:#7a6c66;--ok:#12a150;--ruim:#d92d20}
body{margin:0 auto;max-width:560px;min-height:100vh;background:var(--bg);color:var(--escuro);font:15px/1.45 'Outfit',system-ui,sans-serif;padding-bottom:30px}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
h1,h2{margin:0}
.bt{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:14px;padding:13px 16px;background:var(--c1);color:#fff;font-weight:700;cursor:pointer;font-size:15px}
.bt-l{background:#fff;color:var(--escuro);border:1.5px solid var(--linha)}
.bt-largo{width:100%}
.bt-ok{background:var(--ok)}
input{width:100%;border:1.5px solid var(--linha);border-radius:12px;padding:12px;font-size:17px;outline:0}
input:focus{border-color:var(--c1)}
label{display:block;font-size:13px;font-weight:700;color:var(--suave);margin:12px 0 5px}
.erro{background:#fde9e7;color:#b42318;border-radius:10px;padding:9px 12px;margin-top:10px}
.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,var(--escuro),#3b2a22)}
.login-box{width:100%;background:#fff;border-radius:24px;padding:28px 22px}
.login-ic{width:64px;height:64px;border-radius:18px;margin-bottom:10px}
.login-box h1{font-size:24px}.login-box p{color:var(--suave);margin:4px 0 6px}
.login-box .bt{margin-top:16px}
.demo-box{margin-top:16px;background:#fff6e5;border:1px dashed #f2c46b;border-radius:14px;padding:12px;display:grid;gap:6px;font-size:14px}
.bt-inst{width:100%;margin-top:12px;border:1.5px dashed var(--linha);background:none;border-radius:14px;padding:11px;font-weight:700;cursor:pointer}
.topo{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:var(--escuro);color:#fff}
.topo>div{flex:1;min-width:0}
.topo small{display:block;font-size:12px;color:rgba(255,255,255,.65)}.topo b{font-size:18px}
.disp{display:flex;align-items:center;gap:8px;cursor:pointer}
.disp input{display:none}
.disp span{width:48px;height:28px;border-radius:99px;background:#5b4a43;position:relative;transition:.2s}
.disp span::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}
.disp input:checked+span{background:var(--ok)}.disp input:checked+span::after{left:23px}
.disp em{font-style:normal;font-weight:700;font-size:13px;min-width:66px}
.sair{border:0;background:rgba(255,255,255,.1);color:#fff;width:38px;height:38px;border-radius:12px;cursor:pointer}
.gps{display:flex;align-items:center;gap:8px;background:#e6f7ee;color:#065f46;font-weight:700;font-size:13px;padding:8px 16px}
.gps i{width:10px;height:10px;border-radius:50%;background:var(--ok);animation:pisca 1.2s infinite}
.gps.erro{background:#fff3dc;color:#7a4b00}.gps.erro i{background:#f59e0b}
@keyframes pisca{50%{opacity:.25}}
main{padding:14px}
.nota{background:#fff3dc;color:#7a4b00;border-radius:14px;padding:10px 14px;font-size:13.5px;margin-bottom:12px}
.resumo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.resumo div{background:#fff;border-radius:16px;padding:12px 14px}
.resumo small{display:block;font-size:12px;color:var(--suave);font-weight:600}.resumo b{font-size:22px}
.mapa{height:220px;border-radius:18px;overflow:hidden;margin-bottom:14px;background:#e6ddd6}
.pin{display:grid!important;place-items:center;font-size:18px;background:#fff;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.3)}
main h2{font-size:18px;margin:16px 2px 10px;display:flex;align-items:center;gap:8px}
main h2 em{font-style:normal;background:var(--c1);color:#fff;border-radius:99px;padding:0 9px;font-size:13px}
.vazio{color:var(--suave);text-align:center;padding:16px;background:#fff;border-radius:16px}
.ent{background:#fff;border-radius:18px;padding:14px;margin-bottom:12px;display:grid;gap:8px;border-left:5px solid var(--c2)}
.ent-saiu{border-left-color:var(--ok)}
.ent-cab{display:flex;align-items:center;gap:8px}
.ent-cab b{font-size:19px}.ent-cab .st{font-size:13px;font-weight:700}.ent-cab small{margin-left:auto;color:var(--suave)}
.ent-cli{display:grid}.ent-cli b{font-size:16px}.ent-cli span{color:var(--suave);font-size:14px}
.cob{background:#fff3dc;color:#7a4b00;border-radius:10px;padding:8px 10px;font-weight:700;font-size:14px}
.cob.ok{background:#e6f7ee;color:#047857}
.ent-itens{font-size:13px;color:var(--suave)}
.ent-bts{display:grid;grid-template-columns:1fr 1fr auto auto;gap:6px}
.ent-bts .bt{padding:11px 10px}
.bt-texto{border:0;background:none;color:var(--suave);font-size:13px;cursor:pointer;padding:4px}
.loja{margin-top:16px;background:#fff;border-radius:16px;padding:12px 14px;display:grid;gap:2px;font-size:14px}
.loja span{color:var(--suave)}.loja a{color:var(--c1);font-weight:700;margin-top:4px}
.aviso{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:var(--escuro);color:#fff;padding:11px 18px;border-radius:14px;font-weight:600;opacity:0;pointer-events:none;transition:.3s;z-index:90;width:max-content;max-width:calc(100% - 32px);text-align:center}
.aviso.ver{opacity:1;transform:translate(-50%,0)}.aviso.ruim{background:var(--ruim)}