/* GIRO 4.0 — composições de Entregas, Pay e Gamificação. */
.reference-delivery{display:grid;gap:14px}.current-delivery{padding:15px!important}.current-delivery>div.row h2{font-size:18px;margin:0}.delivery-code{background:#181d20;border-radius:12px;padding:13px;margin:11px 0;display:grid;gap:5px}.delivery-code>b{font-size:25px}.delivery-code>span{color:var(--giro-muted)}.route-points{display:grid;gap:0;margin:13px 3px}.route-points>div{display:grid;grid-template-columns:24px 1fr;gap:10px;position:relative;padding:6px 0 11px}.route-points>div:first-child:after{content:"";position:absolute;left:6px;top:22px;height:calc(100% + 4px);border-left:2px dashed #6b7379}.route-points i{width:13px;height:13px;border:3px solid var(--giro-green);border-radius:50%;margin-top:4px;z-index:1}.route-points .destination i{border-color:var(--giro-red)}.route-points span{display:grid;gap:3px}.route-points small,.route-points em{color:var(--giro-muted);font-style:normal}.reference-route-stats{display:grid;grid-template-columns:1fr 1fr;text-align:center;margin-top:10px}.reference-route-stats span+span{border-left:1px solid #343a3f}.reference-route-stats b,.reference-route-stats small{display:block}.reference-route-stats b{font-size:19px}.reference-delivery-actions{display:grid;gap:10px}.reference-delivery-actions .primary{background:linear-gradient(90deg,#ef1118,#ff3e43)!important}.reference-delivery-actions .secondary{min-height:56px!important}
.giro-pay{display:grid;gap:14px}.pay-balance{min-height:220px;padding:24px!important;display:flex;flex-direction:column;justify-content:center;gap:11px;position:relative;overflow:hidden;border-color:#575042!important}.pay-balance>svg{color:var(--giro-gold);width:36px;height:36px}.pay-balance>small{font-size:15px!important}.pay-balance>b{font-size:39px;letter-spacing:-1px}.pay-watermark{position:absolute;right:-12px;top:28px;font-size:160px;font-weight:1000;color:#ffffff08}.pay-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pay-actions button{min-width:0;height:112px;border-radius:15px;background:linear-gradient(145deg,#171b1e,#101315);border:1px solid #454a4e;color:#fff;display:grid;place-items:center;align-content:center;gap:10px}.pay-actions svg{color:var(--giro-gold);width:29px;height:29px}.pay-movements{padding:0!important;overflow:hidden}.pay-movements>div{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:15px;border-bottom:1px solid #34393d}.pay-movements>div:last-child{border-bottom:0}.pay-movements i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:1000}.pay-movements i.in{background:#173d20;color:#67df73}.pay-movements i.out{background:#45191c;color:#ff545a}.pay-movements span{display:grid;gap:3px}.pay-movements strong{color:var(--giro-green)}.pay-movements i.out~strong{color:var(--giro-red)}
.giro-ranking{display:grid;gap:13px}.rank-level{display:grid;grid-template-columns:120px 1fr;gap:15px;align-items:center}.rank-shield{width:112px;height:126px;clip-path:polygon(50% 0,94% 17%,88% 73%,50% 100%,12% 73%,6% 17%);display:grid;place-items:center;font-size:48px;color:#fff2b0;background:linear-gradient(145deg,#ffd35c,#8d5200);filter:drop-shadow(0 8px 18px #b7710066)}.rank-level h2{color:#ffd05b!important;font-size:27px;margin:3px 0}.rank-level p{color:var(--giro-muted);font-size:11px}.rank-challenges{padding:0!important;overflow:hidden}.rank-challenges>div{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center;padding:14px;border-bottom:1px solid #353a3e}.rank-challenges>div:last-child{border-bottom:0}.rank-challenges i{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--giro-pink);font-style:normal;color:#111;font-size:22px}.rank-challenges span{display:grid;gap:8px}.rank-challenges strong{color:var(--giro-pink)}.rank-badges{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.rank-badges>span{min-width:0;display:grid;place-items:center;align-content:start;text-align:center;gap:5px;color:#fff;font-size:24px;background:linear-gradient(145deg,#7b45ad,#3c1e57);clip-path:polygon(25% 6%,75% 6%,98% 50%,75% 94%,25% 94%,2% 50%);padding:12px 4px;min-height:90px}.rank-badges small{font-size:7px!important;color:#fff!important}.rank-badges .locked{filter:grayscale(1);opacity:.45}.rank-list{padding:0!important;overflow:hidden}.rank-list>div{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:13px;border-bottom:1px solid #353a3e}.rank-list>div:last-child{border-bottom:0}.rank-list>div>b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#d6a844;color:#19120a}.rank-list strong{color:var(--giro-pink)}.rank-list .me{background:#401527;border:1px solid var(--giro-pink)}.rank-callout{background:#351321;border:1px solid #772543;border-radius:14px;padding:14px;display:grid;gap:3px}.rank-callout b{color:var(--giro-pink)}.rank-callout span{color:#d1c3c9;font-size:11px}
@media(max-width:370px){.pay-actions{grid-template-columns:repeat(2,1fr)}.pay-actions button{height:84px}.rank-level{grid-template-columns:88px 1fr}.rank-shield{width:82px;height:94px}.rank-badges{grid-template-columns:repeat(3,1fr)}}
.giro-analytics{display:grid;gap:13px}.analytics-period{height:58px;border:1px solid #3a4146;background:#111518;border-radius:15px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:0 15px}.analytics-period svg{color:#c9cdd0}.analytics-card{display:grid;grid-template-columns:minmax(130px,.9fr) 1.2fr;align-items:center;gap:12px;min-height:180px}.analytics-card>div{display:grid;gap:9px}.analytics-card>div>span{display:flex;align-items:center;gap:9px}.analytics-card>div>span svg{width:31px;height:31px;padding:7px;border-radius:50%;background:#1d3423;color:#5fe071}.analytics-card strong{font-size:29px}.analytics-card small{color:#52d763!important}.analytics-chart{width:100%;height:105px;filter:drop-shadow(0 0 7px currentColor)}.analytics-card.cyan>div>span svg{background:#0e3941;color:var(--giro-cyan)}.analytics-card.orange>div>span svg{background:#452a13;color:var(--giro-orange)}.analytics-card.orange small{color:var(--giro-red)!important}.analytics-card.purple>div>span svg{background:#3d1d50;color:var(--giro-purple)}
.sos-operating{display:flex;align-items:center;justify-content:space-between;border:1px solid #38413b;background:#111613;border-radius:14px;padding:12px;margin:13px 0}.sos-operating small{color:#a9b0ab}.sos-emergency{border:1px solid #3e4440;border-radius:19px;background:radial-gradient(circle at 50% 30%,#4b0d10,transparent 42%),#101411;text-align:center;padding:34px 15px 24px;margin-bottom:13px}.sos-emergency>button{width:148px;height:148px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ff4b50,#d60a11 62%);border:3px solid #ff5258;color:#fff;font-size:36px;font-weight:1000;box-shadow:0 0 0 16px #e3121820,0 0 45px #df101866}.sos-emergency h2{margin:28px 0 4px}.sos-emergency p{margin:0;color:#b7bcb8}.sos-emergency small{display:block;color:#ff545a;margin-top:12px}.sos-option{width:100%;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;background:#111613;border:1px solid #363e39;border-radius:14px;color:#fff;padding:13px;margin:9px 0;text-align:left}.sos-option>svg{width:42px;height:42px;padding:9px;border-radius:10px;background:#0c3014;color:var(--giro-green)}.sos-option span{display:grid;gap:3px}.sos-option span small{color:#a7ada8}.sos-option strong{font-size:23px;color:#aeb4af}
@media(max-width:380px){.analytics-card{grid-template-columns:1fr}.analytics-chart{height:80px}.sos-emergency>button{width:120px;height:120px}}
.network-available{display:flex;align-items:center;justify-content:space-between;border-color:#5b4932!important}.network-available h2{margin:0 0 5px}.network-available p{margin:0;color:#b8b2aa}.network-available p b{color:var(--giro-orange)}.network-available>svg{width:43px;height:43px;border:1px solid #4a4f52;border-radius:12px;padding:10px}.network-page .network-score{order:2}.network-page .network-job{padding:16px!important}.network-page .network-job h3{font-size:20px}.network-page .network-job p{padding-left:12px;border-left:2px dashed #7b6d5d}.network-page .network-job .primary{min-height:48px!important;font-size:16px}