/* Takxi driver app */
#dmain{background:#e8eaed}
#dmap{position:absolute;inset:0;background:#E5E3DF}
#dtop{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 14px 34px;background:linear-gradient(#fff 55%,rgba(255,255,255,0));pointer-events:none}
#dtop>*{pointer-events:auto}
#dtop .avatar{width:44px;height:44px;font-size:18px;flex:none}
.dstatus{display:flex;align-items:center;gap:9px;padding:11px 20px;border-radius:24px;background:var(--k);color:#fff;font-weight:700;font-size:15px;box-shadow:0 10px 22px -10px rgba(0,0,0,.55)}
.dstatus i{width:11px;height:11px;border-radius:50%;background:#8a8a92;flex:none}
.dstatus.on i{background:#2fd16b;box-shadow:0 0 0 4px rgba(47,209,107,.28);animation:blink 1.6s infinite}
.dstatus.trip{background:var(--y);color:var(--k)}.dstatus.trip i{background:var(--k)}
@keyframes blink{50%{opacity:.45}}
.dtoday{flex:none;min-width:74px;text-align:right;padding:5px 12px;border-radius:16px;background:#fff;box-shadow:0 8px 18px -10px rgba(0,0,0,.4)}
.dtoday small{display:block;font-size:10.5px;color:var(--t2);line-height:1.1}.dtoday b{font-size:15px;font-weight:700}
#dfabs{position:absolute;right:16px;bottom:calc(var(--sheet-h) + 16px);z-index:6;transition:bottom .25s}
#dmain.has-tabs #dfabs{bottom:calc(var(--sheet-h) + var(--tabs) + 16px)}
#dmain.has-tabs .tmap-attr{bottom:calc(var(--sheet-h) + var(--tabs) + 4px)}
#dsheet{position:absolute;z-index:7;left:0;right:0;bottom:0;max-height:84%;overflow-y:auto;background:#fff;border-radius:30px 30px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -14px 40px -14px rgba(0,0,0,.28);transition:bottom .25s}
#dsheet::before{content:"";display:block;width:44px;height:5px;border-radius:3px;background:#d4d4d8;margin:0 auto 14px}
#dmain.has-tabs #dsheet{bottom:var(--tabs)}
#dpane{z-index:8}
#dmain:not(.has-tabs) #dpane{bottom:0}
#dtabs{position:absolute;z-index:9;left:0;right:0;bottom:0;height:calc(var(--tabs) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #eee;display:none;grid-template-columns:repeat(3,1fr)}
#dmain.has-tabs #dtabs{display:grid}
#dtabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px;font-weight:600;color:#9a9aa2}
#dtabs button svg{width:24px;height:24px}
#dtabs button.on{color:var(--k)}#dtabs button.on svg{stroke:var(--k);fill:var(--y)}

.dcenter{text-align:center}
.dcar{display:grid;place-items:center;margin:2px 0 8px}.dcar svg{width:150px;height:auto;stroke:none}
.dcenter .sub{margin:3px 0 4px}
.dstats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--g1);border-radius:18px;padding:12px 4px;margin:14px 0}
.dstats.card{background:#fff;margin:0 0 12px}
.dstats>div{border-left:1px solid #dcdce0;padding:0 4px}.dstats>div:first-child{border-left:0}
.dstats b{display:block;font-size:16px;font-weight:700}.dstats small{font-size:11.5px;color:var(--t2)}
.cta.go{font-size:19px;padding:19px;background:linear-gradient(90deg,#FFC20E,#FFE100)}
.cta.go svg{fill:var(--k);stroke:none;width:22px;height:22px}
.dcenter .radar{margin:2px auto 8px}
.dcenter .radar .car{background:#fff;border:3px solid var(--y)}
.dcenter .radar .car svg{width:50px;height:24px}

/* request card */
.dreq .rq-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.rq-ring{position:relative;width:56px;height:56px;flex:none;display:grid;place-items:center}
.rq-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.rq-ring circle{fill:none;stroke-width:4}.rq-ring .bg{stroke:var(--g2)}.rq-ring .fg{stroke:var(--k);stroke-dasharray:119.4;stroke-dashoffset:0;stroke-linecap:round;transition:stroke-dashoffset .5s linear}
.rq-ring b{font-size:19px;font-weight:800}
.rq-who{flex:1;min-width:0}.rq-who small{display:block;color:var(--t2);font-size:12px}.rq-who b{display:block;font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rq-who span{font-size:12.5px;color:var(--t2)}
.rq-fare{text-align:right;flex:none}.rq-fare b{display:block;font-size:20px;font-weight:800;color:#0b7a3b;letter-spacing:-.02em}.rq-fare small{font-size:11px;color:var(--t2)}
.drv .rq-fare{margin-left:auto}

/* trip */
.acts3{grid-template-columns:repeat(3,1fr)}
.acts .btn-a button{width:100%}
.pinbox{background:var(--k);color:#fff;border-radius:20px;padding:14px 16px;margin:12px 0}
.pinbox b{display:block;font-size:15px}.pinbox small{display:block;color:#bbb;font-size:12.5px;margin:2px 0 10px}
.pinbox input{width:100%;text-align:center;font-size:32px;font-weight:800;letter-spacing:.5em;padding:10px 0 10px .5em;border-radius:14px;border:2px solid #333;background:#1b1b1d;color:var(--y);outline:none}
.pinbox input:focus{border-color:var(--y)}
.pinbox .err{color:#ff8b8e;margin:8px 0 0;min-height:0}
.collect{background:var(--y);border-radius:20px;padding:14px;margin:12px 0}
.collect.w{background:#DDF6E6;color:#0b7a3b}
.collect small{display:block;font-size:13px;font-weight:600}.collect b{display:block;font-size:34px;font-weight:800;letter-spacing:-.03em}
.quick{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.quick::-webkit-scrollbar{display:none}
.quick button{flex:none;padding:9px 13px;border-radius:14px;background:var(--g1);font-size:12.5px;font-weight:600}

/* panes */
.wal .wsub{display:block;color:#bbb;font-size:13px;margin-top:-10px;position:relative;z-index:1}
.dveh .dcar svg{width:170px}
.dveh .vrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 6px}
.dveh .vrow b{display:block;font-size:16px}.dveh .vrow span{font-size:13px;color:var(--t2)}
.dveh .row{border-top:1px solid #f0f0f2}
#dpane .row .rt2 span{white-space:normal;overflow:visible}