/* Laago — App do motorista */
.drv-tabs{grid-template-columns:repeat(4,1fr)}
.intro-hero{height:34%;position:relative;overflow:hidden;flex:none}
.intro-hero img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.intro-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,var(--bg))}
.intro-body{padding-top:0}
.perk{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.perk>span{width:38px;height:38px;border-radius:12px;background:var(--cyan-dim);color:var(--cyan);display:grid;place-items:center;flex:none}
.perk b{display:block;font-size:14.5px}.perk small{color:var(--muted);font-size:12.5px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 18px 8px}
.steps i{height:4px;border-radius:9px;background:var(--line)}.steps i.on{background:var(--cyan)}
.cat-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cat-pick button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:14px;background:var(--card);border:1.5px solid var(--line);font-size:12.5px;font-weight:600}
.cat-pick button svg{width:62px}
.cat-pick button.on{border-color:var(--cyan);background:var(--cyan-dim);color:var(--cyan)}
.doc-up{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:var(--card);border:1.5px dashed var(--line-2);margin-bottom:8px;width:100%;text-align:left;position:relative}
.doc-up.done{border-style:solid;border-color:rgba(0,199,216,.45)}
.doc-up input{position:absolute;inset:0;opacity:0;cursor:pointer}
.doc-up .ico{width:42px;height:42px;border-radius:12px;background:var(--card-2);display:grid;place-items:center;color:var(--cyan);flex:none}
.doc-up.done .ico{background:var(--cyan);color:#111}
.tl-v{position:relative;padding-left:30px}
.tl-v .st{position:relative;padding:0 0 22px}
.tl-v .st::before{content:"";position:absolute;left:-30px;top:2px;width:20px;height:20px;border-radius:50%;background:var(--card-2);border:2px solid var(--line-2)}
.tl-v .st::after{content:"";position:absolute;left:-21px;top:24px;bottom:2px;width:2px;background:var(--line)}
.tl-v .st:last-child::after{display:none}
.tl-v .st.ok::before{background:var(--cyan);border-color:var(--cyan)}
.tl-v .st.now::before{border-color:var(--cyan);box-shadow:0 0 0 5px var(--cyan-dim)}
.tl-v b{display:block}.tl-v small{color:var(--muted)}

.drv-top{align-items:center}
.earn-pill{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;padding:8px 14px;border-radius:16px;background:rgba(0,0,0,.92);border:1px solid var(--line);box-shadow:var(--shadow)}
.earn-pill small{font-size:11px;color:var(--muted)}.earn-pill b{font-size:17px;color:var(--cyan)}
.status-chip{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.92);border:1px solid var(--line);font-weight:700;font-size:13.5px;box-shadow:var(--shadow)}
.status-chip i{width:9px;height:9px;border-radius:50%;background:var(--muted-2)}
.status-chip.on i{background:var(--cyan);animation:blink 1.2s infinite}
.status-chip.on{color:var(--cyan);border-color:rgba(0,199,216,.4)}
.drv-sheet{padding-bottom:calc(var(--nav-h) + var(--sab) + 6px);max-height:72%}
.drv-sheet.in-ride{padding-bottom:calc(16px + var(--sab))}
.go-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px 0 6px}
.go-btn{width:96px;height:96px;border-radius:50%;background:var(--cyan);color:#000000;font-weight:900;font-size:22px;letter-spacing:.02em;box-shadow:0 0 0 8px var(--cyan-dim),0 14px 40px rgba(0,199,216,.35);transition:transform .15s}
.go-btn:active{transform:scale(.94)}
.go-btn.off{background:var(--card-2);color:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.05);font-size:15px}
.scan{height:4px;border-radius:9px;background:var(--line);overflow:hidden;width:100%;margin-top:6px}
.scan i{display:block;height:100%;width:30%;background:var(--cyan);border-radius:9px;animation:load 1.6s ease-in-out infinite}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.mini-stats div{padding:10px;border-radius:14px;background:var(--card);border:1px solid var(--line);text-align:center}
.mini-stats b{display:block;font-size:16px}.mini-stats small{color:var(--muted);font-size:11px}
.heat{border-radius:50%;background:radial-gradient(circle,rgba(0,199,216,.35),rgba(0,199,216,0) 70%);pointer-events:none}

/* oferta */
.offer-card{position:absolute;inset:auto 0 0 0;z-index:90;background:var(--bg);border-radius:28px 28px 0 0;border-top:2px solid var(--cyan);padding:14px 18px calc(16px + var(--sab));box-shadow:0 -20px 60px rgba(0,0,0,.7);animation:offerIn .45s var(--spring)}
@keyframes offerIn{from{transform:translateY(100%)}}
.offer-bg{position:absolute;inset:0;z-index:89;background:rgba(0,0,0,.55)}
.oc-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ring{width:58px;height:58px;position:relative;flex:none}
.ring svg{transform:rotate(-90deg)}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:18px}
.oc-price{font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:1}
.oc-net{color:var(--cyan);font-weight:700;margin-top:4px}
.oc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.oc-grid div{padding:10px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.oc-grid small{display:block;color:var(--muted);font-size:11px}.oc-grid b{font-size:15px}
.counter{display:flex;gap:8px;align-items:center;margin-top:10px}
.counter .field{flex:1;height:50px}

/* corrida */
.nav-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.pin-in{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.pin-in input{width:100%;min-width:0;height:64px;border-radius:16px;border:1.5px solid var(--line-2);background:var(--bg-2);text-align:center;font-size:28px;font-weight:800;outline:0}
.pin-in input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px var(--cyan-dim)}
.slide-btn{position:relative;height:62px;border-radius:18px;background:var(--cyan);color:#111;font-weight:800;font-size:17px;display:grid;place-items:center;width:100%;overflow:hidden}
.slide-btn.danger{background:#ff5a5c;color:#fff}

/* ganhos */
.earn-hero{border-radius:24px;padding:20px;background:linear-gradient(135deg,#1e2021,#0b2224);border:1px solid rgba(0,199,216,.25)}
.earn-hero .big{font-size:40px;font-weight:900;letter-spacing:-.03em;color:var(--cyan);margin:4px 0}
.bars{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:150px;margin-top:16px}
.bars div{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.bars i{width:100%;border-radius:8px 8px 3px 3px;background:linear-gradient(to top,#046b76,var(--cyan));min-height:4px;animation:grow .7s var(--ease) both;transform-origin:bottom}
.bars div.today i{box-shadow:0 0 18px var(--cyan-glow)}
.bars small{font-size:11px;color:var(--muted)}.bars em{font-size:10px;font-style:normal;color:var(--muted)}
@keyframes grow{from{transform:scaleY(0)}}
.save-card{display:flex;gap:12px;align-items:center;padding:14px;border-radius:18px;background:var(--cyan-dim);border:1px solid rgba(0,199,216,.35);margin-top:12px}
.inc{padding:16px;border-radius:20px;background:var(--card);border:1px solid var(--line);margin-bottom:10px}
.inc .bar{height:10px;border-radius:9px;background:var(--line);overflow:hidden;margin-top:12px}
.inc .bar i{display:block;height:100%;background:var(--cyan);border-radius:9px}

/* v2 */
.steps{grid-template-columns:repeat(4,1fr)}
.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.swatches button{display:flex;align-items:center;gap:5px;padding:8px 6px;border-radius:12px;background:var(--card);border:1.5px solid var(--line);font-size:11.5px;font-weight:600;min-width:0;overflow:hidden;white-space:nowrap}
.swatches button i{width:16px;height:16px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 0 0 1px rgba(0,0,0,.4)}
.swatches button.on{border-color:var(--cyan);color:var(--cyan)}
.veh-prev{display:flex;align-items:flex-end;justify-content:center}.veh-prev svg{width:150px}
.cat-pick button svg{width:66px}
.pf-up{display:flex;align-items:center;gap:16px;padding:14px;border-radius:18px;background:var(--card);border:1px solid var(--line);margin:4px 0 10px}
.pf-up b{display:block}
.rcp-card{padding:14px 16px;border-radius:18px;background:var(--card);border:1px solid var(--line);margin-bottom:6px}
.rcp-ban{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px;border-radius:18px;margin-top:12px;background:rgba(255,197,71,.08);border:1px solid rgba(255,197,71,.35);color:var(--amber)}
.rcp-ban b{display:block;color:#fff}.rcp-ban .tiny{color:var(--muted)}
.rcp-ban.ok{background:rgba(61,220,132,.08);border-color:rgba(61,220,132,.35);color:var(--green)}
.spin-sm{width:18px;height:18px;border:2px solid var(--cyan);border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;flex:none}
.tx{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.tx:last-child{border-bottom:0}
.tx .ico{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--card-2);flex:none}
.tx .ico.c{color:var(--cyan)}.tx .ico.d{color:#ff8a8c}