.fodp-app{min-height:100vh;background:radial-gradient(circle at top,#1f2b19,#070907 45%,#020302);color:#f7ffe9;padding:18px;border-radius:26px;font-family:Inter,system-ui,Arial,sans-serif;box-sizing:border-box}.fodp-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(255,255,255,.04);box-shadow:0 20px 60px rgba(0,0,0,.3)}.fodp-chip{display:inline-flex;padding:7px 12px;border-radius:999px;background:#c6ff4a;color:#172100;font-size:12px}.fodp-top h2{margin:10px 0 4px;font-size:28px;font-weight:500}.fodp-top p{margin:0;color:#c8d8bd}.fodp-online,.fodp-refresh,.fodp-actions button,.fodp-vendor-ready{border:0;border-radius:16px;padding:13px 16px;background:linear-gradient(135deg,#c6ff4a,#ffb13b);color:#111;box-shadow:0 12px 35px rgba(198,255,74,.2);cursor:pointer;font-weight:500}.fodp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.fodp-cards div{padding:16px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.fodp-cards span,.fodp-values small{display:block;color:#c8d8bd;font-size:12px}.fodp-cards em,.fodp-values b{display:block;margin-top:6px;font-style:normal;font-size:20px;font-weight:500}.fodp-section{padding:16px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.fodp-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fodp-order{padding:14px;margin-bottom:12px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1)}.fodp-row{display:flex;justify-content:space-between;align-items:center}.fodp-row em{font-style:normal;background:rgba(198,255,74,.14);color:#dfff87;border-radius:999px;padding:6px 10px}.fodp-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.fodp-values div{background:rgba(0,0,0,.22);padding:12px;border-radius:16px}.fodp-address{margin-top:10px;padding:12px;border-radius:18px;background:rgba(255,255,255,.05)}.fodp-address label{color:#c6ff4a;font-size:12px}.fodp-address p{margin:5px 0;color:#edf7e9}.fodp-address a{color:#ffcf75;text-decoration:none}.fodp-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.fodp-ring{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:18px}.fodp-ring.hidden{display:none}.fodp-ring-card{width:min(520px,100%);position:relative;z-index:2}.fodp-ripple{position:absolute;width:220px;height:220px;border-radius:50%;background:#c6ff4a;opacity:.18;animation:fodpPulse 1.1s infinite}.fodp-empty,.fodp-login{padding:18px;border-radius:18px;background:#111;color:#fff}.fodp-vendor-msg{margin-top:10px;color:#1c7c28}@keyframes fodpPulse{0%{transform:scale(.7);opacity:.25}100%{transform:scale(2.2);opacity:0}}@media(max-width:640px){.fodp-app{border-radius:0;padding:12px}.fodp-top{align-items:flex-start}.fodp-cards,.fodp-values{grid-template-columns:1fr}.fodp-top h2{font-size:23px}.fodp-online{min-width:105px}}
.fodp-onboard{min-height:100vh;background:radial-gradient(circle at top,#23341c,#070907 55%,#020302);padding:18px;color:#f8ffe8;font-family:Inter,system-ui,Arial,sans-serif}.fodp-ob-card{max-width:760px;margin:0 auto;padding:22px;border-radius:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px rgba(0,0,0,.35)}.fodp-ob-card>span{display:inline-flex;padding:8px 13px;border-radius:999px;background:#c6ff4a;color:#172100;font-size:12px}.fodp-ob-card h2{font-size:28px;font-weight:500;margin:14px 0 8px}.fodp-ob-card p{color:#c8d8bd;line-height:1.6}.fodp-ob-actions{display:flex;gap:12px;margin-top:16px}.fodp-ob-actions a,.fodp-submit-kyc{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;padding:13px 18px;background:linear-gradient(135deg,#c6ff4a,#ffb13b);color:#111;text-decoration:none;cursor:pointer}.fodp-kyc-form label{display:block;margin:12px 0;color:#dff8d1;font-size:13px}.fodp-kyc-form input,.fodp-kyc-form textarea,.fodp-kyc-form select{width:100%;box-sizing:border-box;margin-top:7px;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:13px;background:rgba(0,0,0,.28);color:#fff}.fodp-kyc-form textarea{min-height:86px}.fodp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fodp-docs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.fodp-status{padding:12px;border-radius:16px}.fodp-status.pending{background:rgba(255,177,59,.12);color:#ffd58d}.fodp-status.reject{background:rgba(255,80,80,.12);color:#ffb1b1}.fodp-kyc-msg{margin-top:12px;color:#c6ff4a}@media(max-width:640px){.fodp-grid2,.fodp-docs{grid-template-columns:1fr}.fodp-ob-card{border-radius:22px;padding:16px}}

.fodp-vendor-accept-wrap{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin:12px 0}
.fodp-vendor-ready{border:0;border-radius:18px;padding:15px 24px;background:linear-gradient(135deg,#dfff38,#ffc247);color:#071108;font-size:16px;cursor:pointer;box-shadow:0 14px 34px rgba(255,194,71,.28)}
.fodp-vendor-msg{font-size:14px;color:#24512a}

.fodp-warn{margin:10px 0;padding:12px 14px;border-radius:16px;background:rgba(255,183,77,.16);border:1px solid rgba(255,183,77,.35);color:#ffd89b;font-size:13px;line-height:1.45}.fodp-accept:disabled{opacity:.45;filter:grayscale(1);cursor:not-allowed}


/* v1.5 Solid rider popup redesign */
.fodp-ring{background:linear-gradient(180deg,rgba(1,3,2,.96),rgba(2,8,5,.98));backdrop-filter:blur(10px)}
.fodp-ring:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(198,255,74,.24),transparent 30%),radial-gradient(circle at 85% 80%,rgba(255,177,59,.18),transparent 28%);pointer-events:none}.fodp-ring-card{width:min(560px,100%);background:#071008;border:1px solid rgba(198,255,74,.28);border-radius:30px;padding:16px;box-shadow:0 30px 90px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.04) inset}.fodp-ring-card:before{content:"New delivery request";display:flex;align-items:center;justify-content:center;margin-bottom:12px;padding:12px 14px;border-radius:20px;background:linear-gradient(135deg,#c6ff4a,#ffb13b);color:#101800;font-size:15px;letter-spacing:.2px}.fodp-ring-card .fodp-order{margin:0;background:#0b150d;border:1px solid rgba(255,255,255,.1);box-shadow:none}.fodp-ring-card .fodp-row{padding:4px 2px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.fodp-ring-card .fodp-row span{font-size:20px;color:#fff}.fodp-ring-card .fodp-row em{background:#182714;color:#c6ff4a;border:1px solid rgba(198,255,74,.25)}.fodp-ring-card .fodp-values div{background:#111d13;border:1px solid rgba(255,255,255,.07)}.fodp-ring-card .fodp-address{background:#0f1a11;border:1px solid rgba(255,255,255,.07)}.fodp-ring-card .fodp-address label{display:inline-flex;margin-bottom:4px;color:#c6ff4a}.fodp-ring-card .fodp-actions{margin-top:16px}.fodp-ring-card .fodp-actions button{width:100%;padding:16px 18px;border-radius:20px;font-size:16px;background:linear-gradient(135deg,#c6ff4a,#ffb13b);color:#061006}.fodp-ring-card .fodp-warn{background:#211809;border-color:rgba(255,177,59,.4);color:#ffe3b0}.fodp-ripple{background:transparent;border:2px solid rgba(198,255,74,.35);box-shadow:0 0 45px rgba(198,255,74,.22)}
@media(max-width:640px){.fodp-ring{padding:12px;align-items:flex-end}.fodp-ring-card{border-radius:28px 28px 0 0;padding:13px;max-height:92vh;overflow:auto}.fodp-ring-card .fodp-values{grid-template-columns:repeat(3,1fr);gap:7px}.fodp-ring-card .fodp-values div{padding:10px 7px}.fodp-ring-card .fodp-values b{font-size:16px}.fodp-ring-card .fodp-address p{font-size:13px}.fodp-ring-card .fodp-row span{font-size:18px}}

.fodp-actions .fodp-accept{position:relative;overflow:hidden;background:linear-gradient(135deg,#c6ff4a,#ffb13b)!important;color:#061006!important;box-shadow:0 0 0 1px rgba(198,255,74,.36) inset,0 0 22px rgba(198,255,74,.55),0 18px 38px rgba(255,177,59,.22)!important;animation:fodpAcceptGlow 1.15s ease-in-out infinite alternate}.fodp-actions .fodp-accept:after{content:"";position:absolute;inset:-40%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-70%) rotate(12deg);animation:fodpShine 1.8s ease-in-out infinite}.fodp-actions .fodp-reject{background:linear-gradient(135deg,#ff3b3b,#9b111e)!important;color:#fff!important;box-shadow:0 14px 34px rgba(255,59,59,.24)!important;border:1px solid rgba(255,255,255,.08)!important}.fodp-ring-card .fodp-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}.fodp-ring-card .fodp-actions button{width:100%}@keyframes fodpAcceptGlow{0%{transform:translateY(0);box-shadow:0 0 0 1px rgba(198,255,74,.30) inset,0 0 14px rgba(198,255,74,.35),0 14px 30px rgba(255,177,59,.18)}100%{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(198,255,74,.55) inset,0 0 32px rgba(198,255,74,.78),0 20px 46px rgba(255,177,59,.32)}}@keyframes fodpShine{0%{transform:translateX(-80%) rotate(12deg)}55%,100%{transform:translateX(80%) rotate(12deg)}}@media(max-width:420px){.fodp-ring-card .fodp-actions{grid-template-columns:1fr}.fodp-actions .fodp-reject{padding:14px 18px!important}}

/* v1.6 hard UI fix */
.fodp-app .fodp-ring-card .fodp-actions{display:grid!important;grid-template-columns:1.25fr .75fr!important;gap:12px!important;margin-top:14px!important}.fodp-app .fodp-ring-card .fodp-actions button{width:100%!important;border:0!important;border-radius:18px!important;padding:16px 18px!important;font-size:15px!important;font-weight:700!important;letter-spacing:.2px!important;cursor:pointer!important}.fodp-app .fodp-ring-card .fodp-actions .fodp-accept{position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,#c6ff4a,#ffb13b)!important;color:#061006!important;box-shadow:0 0 0 1px rgba(198,255,74,.48) inset,0 0 26px rgba(198,255,74,.72),0 18px 44px rgba(255,177,59,.28)!important;animation:fodpV16AcceptGlow 1.05s ease-in-out infinite alternate!important}.fodp-app .fodp-ring-card .fodp-actions .fodp-accept:after{content:""!important;position:absolute!important;inset:-45%!important;background:linear-gradient(120deg,transparent 34%,rgba(255,255,255,.62) 50%,transparent 66%)!important;transform:translateX(-75%) rotate(12deg)!important;animation:fodpV16Shine 1.55s ease-in-out infinite!important}.fodp-app .fodp-ring-card .fodp-actions .fodp-reject{background:linear-gradient(135deg,#ff3838,#b00020)!important;color:#fff!important;box-shadow:0 12px 30px rgba(255,56,56,.38)!important;border:1px solid rgba(255,255,255,.12)!important}.fodp-app .fodp-ring-card .fodp-actions .fodp-reject:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important}@keyframes fodpV16AcceptGlow{0%{transform:translateY(0);box-shadow:0 0 0 1px rgba(198,255,74,.35) inset,0 0 14px rgba(198,255,74,.42),0 14px 32px rgba(255,177,59,.20)}100%{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(198,255,74,.70) inset,0 0 38px rgba(198,255,74,.90),0 24px 56px rgba(255,177,59,.38)}}@keyframes fodpV16Shine{0%{transform:translateX(-82%) rotate(12deg)}58%,100%{transform:translateX(82%) rotate(12deg)}}@media(max-width:420px){.fodp-app .fodp-ring-card .fodp-actions{grid-template-columns:1fr!important}.fodp-app .fodp-ring-card .fodp-actions button{padding:15px!important}}

/* v1.7 hard button fix */
.fodp-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:14px!important}
.fodp-actions button{border:0!important;border-radius:18px!important;padding:15px 16px!important;font-size:15px!important;font-weight:700!important;cursor:pointer!important;letter-spacing:.2px!important}
.fodp-accept{background:linear-gradient(135deg,#25f58a,#07b85f)!important;color:#04150b!important;box-shadow:0 0 0 0 rgba(37,245,138,.8),0 0 28px rgba(37,245,138,.55)!important;animation:fodpAcceptPulse 1.15s infinite!important}
.fodp-reject{background:linear-gradient(135deg,#ff3b4f,#b40016)!important;color:#fff!important;box-shadow:0 16px 32px rgba(255,59,79,.28)!important}
.fodp-actions button:disabled{opacity:.55!important;cursor:not-allowed!important;animation:none!important;filter:grayscale(.25)!important}
.fodp-busy{opacity:.8!important;pointer-events:none!important;position:relative!important}
.fodp-action-msg{font-size:12px;color:#b9ffd5;margin-top:8px;min-height:16px}
.fodp-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:#08130d;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.35);border-radius:16px;padding:13px 16px;z-index:999999;opacity:0;pointer-events:none;transition:.2s;max-width:90%;font-size:14px}.fodp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.fodp-toast.err{background:#23070b;border-color:rgba(255,59,79,.35)}.fodp-toast.ok{background:#071c11;border-color:rgba(37,245,138,.35)}
@keyframes fodpAcceptPulse{0%{box-shadow:0 0 0 0 rgba(37,245,138,.65),0 0 28px rgba(37,245,138,.55)}70%{box-shadow:0 0 0 14px rgba(37,245,138,0),0 0 36px rgba(37,245,138,.75)}100%{box-shadow:0 0 0 0 rgba(37,245,138,0),0 0 28px rgba(37,245,138,.55)}}
@media(max-width:520px){.fodp-actions{grid-template-columns:1fr!important}.fodp-actions button{width:100%!important}}

/* v1.8 delivery lifecycle */
.fodp-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px}
.fodp-progress span{position:relative;text-align:center;font-size:11px;color:#7f927f;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:7px 4px}
.fodp-progress span.on{background:linear-gradient(135deg,rgba(37,245,138,.22),rgba(198,255,74,.15));color:#c6ff4a;border-color:rgba(198,255,74,.32)}
.fodp-otp-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.fodp-otp-info span{display:block;padding:10px 12px;border-radius:14px;background:rgba(255,177,59,.12);border:1px dashed rgba(255,177,59,.35);color:#ffdc98;font-size:13px}
.fodp-otp-row{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;width:100%}
.fodp-otp-row input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);background:#071008;color:#fff;border-radius:16px;padding:14px 13px;font-size:15px;outline:none}
.fodp-step,.fodp-done{background:linear-gradient(135deg,#c6ff4a,#ffb13b)!important;color:#061006!important;box-shadow:0 14px 34px rgba(198,255,74,.18)!important}
.fodp-done{background:linear-gradient(135deg,#25f58a,#07b85f)!important;animation:fodpAcceptPulse 1.2s infinite!important}
.fodp-celebrate{animation:fodpCelebrate .8s ease both!important}
@keyframes fodpCelebrate{0%{transform:scale(1)}45%{transform:scale(1.02);box-shadow:0 0 0 12px rgba(37,245,138,.08)}100%{transform:scale(1)}}
@media(max-width:520px){.fodp-progress{grid-template-columns:1fr 1fr 1fr}.fodp-otp-info,.fodp-otp-row{grid-template-columns:1fr}}

/* v2.3 Live Tracking */
.fodp-location-panel{margin:14px 0 18px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#101b22,#061014);border:1px solid rgba(255,177,59,.22);display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 16px 40px rgba(0,0,0,.28)}
.fodp-location-panel span{display:block;color:#ffb13b;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.fodp-location-panel p{margin:5px 0 0;color:#d9e6df}.fodp-location-status.ok{color:#bbff63}.fodp-location-status.err{color:#ff6b6b}
.fodp-live-location,.fodp-map-btn{border:0;border-radius:16px;background:linear-gradient(135deg,#bbff4d,#ffb13b);color:#07110a !important;font-weight:800;padding:12px 16px;text-decoration:none;box-shadow:0 0 26px rgba(187,255,77,.28);cursor:pointer;display:inline-block;text-align:center}
.fodp-track-box{max-width:520px;margin:18px auto;padding:20px;border-radius:26px;background:linear-gradient(135deg,#081115,#132128);color:#fff;border:1px solid rgba(255,177,59,.25);box-shadow:0 18px 50px rgba(0,0,0,.32)}
.fodp-track-box span{color:#ffb13b;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.fodp-track-box h3{margin:8px 0 10px;color:#fff}.fodp-track-box small{display:block;margin-top:8px;color:#adc0b8}
.fodp-address a{display:inline-flex;margin-top:8px;border-radius:13px;padding:9px 12px;background:rgba(255,177,59,.12);border:1px solid rgba(255,177,59,.24);color:#ffca70 !important;text-decoration:none;font-weight:700}
@media(max-width:520px){.fodp-location-panel{align-items:stretch;flex-direction:column}.fodp-live-location{width:100%}}

/* v2.4 wallet + performance */
.fodp-wallet-panel{margin:16px 0;padding:16px;border-radius:24px;background:linear-gradient(145deg,#111827,#07111f);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,0,0,.25)}
.fodp-wallet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 16px}
.fodp-wallet-grid>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px}
.fodp-wallet-grid span{display:block;color:#9ca3af;font-size:12px}.fodp-wallet-grid em{display:block;color:#fff;font-style:normal;font-size:20px;margin-top:6px}
.fodp-perf-graph{height:150px;display:flex;align-items:end;gap:8px;padding:10px;background:rgba(255,255,255,.04);border-radius:18px;overflow:hidden}
.fodp-perf-day{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px;min-width:38px}.fodp-perf-bar{width:70%;min-height:8px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#c6ff4a,#ffb13b);box-shadow:0 0 22px rgba(198,255,74,.32)}
.fodp-perf-day small,.fodp-perf-day em{font-size:10px;color:#9ca3af;font-style:normal}.fodp-perf-day b{font-size:10px;color:#fff;font-weight:500}
@media(max-width:720px){.fodp-wallet-grid{grid-template-columns:repeat(2,1fr)}.fodp-perf-graph{overflow-x:auto}.fodp-perf-day{min-width:56px}}

/* v2.6 clear performance graph */
.fodp-perf-card{border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);padding:14px;margin-top:14px;box-shadow:0 18px 42px rgba(0,0,0,.20)}
.fodp-perf-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.fodp-perf-top span{display:block;color:#9ca3af;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.fodp-perf-top strong{display:block;color:#fff;font-size:24px;line-height:1.1;margin-top:4px}.fodp-perf-top small{display:block;color:#b9c7bd;margin-top:4px}.fodp-perf-legend{display:flex;align-items:center;gap:7px;color:#cbd5e1;font-size:12px;white-space:nowrap;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px 10px}.fodp-perf-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.fodp-perf-legend i.earn{background:#c6ff4a}.fodp-perf-legend i.rides{background:#60a5fa}
.fodp-perf-card .fodp-perf-graph{height:210px;display:flex;align-items:end;gap:12px;padding:14px;background:linear-gradient(180deg,rgba(15,23,42,.75),rgba(3,7,18,.72));border-radius:18px;overflow-x:auto;border:1px solid rgba(255,255,255,.07);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:100% 42px}.fodp-perf-card .fodp-perf-day{flex:1;min-width:68px;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.fodp-perf-bars{height:118px;width:100%;display:flex;align-items:end;justify-content:center;gap:5px}.fodp-perf-card .fodp-perf-bar{width:16px;min-height:6px;border-radius:10px 10px 4px 4px;box-shadow:none}.fodp-perf-card .fodp-perf-bar.earn{background:linear-gradient(180deg,#d9ff77,#8fe03b);box-shadow:0 0 18px rgba(198,255,74,.25)}.fodp-perf-card .fodp-perf-bar.rides{background:linear-gradient(180deg,#93c5fd,#2563eb);box-shadow:0 0 18px rgba(96,165,250,.25)}.fodp-perf-card .fodp-perf-day small{font-size:11px;color:#d1d5db}.fodp-perf-card .fodp-perf-day em{font-size:10px;color:#93c5fd;font-style:normal}.fodp-perf-card .fodp-perf-day b{font-size:11px;color:#fff;font-weight:700;background:rgba(255,255,255,.06);border-radius:999px;padding:3px 7px}
@media(max-width:720px){.fodp-perf-top{flex-direction:column}.fodp-perf-card .fodp-perf-graph{height:230px}.fodp-perf-card .fodp-perf-day{min-width:76px}.fodp-perf-legend{white-space:normal}}

/* FreshOne Delivery Portal v2.7 premium rider app UI */
.fodp-v27{max-width:460px;margin:0 auto;background:radial-gradient(circle at 20% 0%,rgba(255,59,48,.28),transparent 35%),linear-gradient(180deg,#070b0d,#0b0f12 60%,#070b0d);border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 80px rgba(0,0,0,.55);border-radius:30px;overflow:hidden;padding:14px;color:#fff;position:relative}
.fodp-v27:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,55,55,.35),transparent 18%,transparent 82%,rgba(255,55,55,.35));opacity:.5}
.fodp-v27-hero{min-height:230px;border-radius:26px;background:linear-gradient(135deg,rgba(188,24,31,.9),rgba(28,34,25,.85) 48%,rgba(255,187,42,.2));padding:22px 18px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 20px 50px rgba(0,0,0,.35)}
.fodp-v27-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,rgba(255,210,65,.46),transparent 62%);filter:blur(1px)}
.fodp-v27-hero-copy{max-width:230px;position:relative;z-index:3}.fodp-v27 .fodp-chip{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);color:#fff;border-radius:999px;padding:8px 12px;display:inline-flex;font-size:12px;box-shadow:none}.fodp-v27-hero h2{font-size:30px;line-height:1.02;margin:16px 0 8px;color:#fff}.fodp-v27-hero p{font-size:14px;line-height:1.55;margin:0;color:rgba(255,255,255,.78)}
.fodp-v27-mini{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.fodp-v27-mini span{font-size:10px;padding:6px 8px;border-radius:999px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);color:#fff}
.fodp-v27-rider{position:absolute;right:-16px;bottom:-18px;width:190px;z-index:2;filter:drop-shadow(0 20px 28px rgba(0,0,0,.5))}.fodp-v27-rider img{width:100%;height:auto;display:block}
.fodp-v27 .fodp-online{position:absolute;right:18px;top:18px;z-index:5;background:linear-gradient(135deg,#52ff76,#d9ff3f);color:#061006;border:0;border-radius:999px;padding:12px 17px;font-size:13px;box-shadow:0 0 24px rgba(93,255,99,.35);animation:fodpOnlinePulse 1.5s ease-in-out infinite alternate}.fodp-v27 .fodp-online[data-online="yes"]{background:linear-gradient(135deg,#21e66b,#0ca94a);color:#fff}.fodp-v27-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.fodp-v27-cards>div{min-height:94px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.08);padding:14px 12px;box-shadow:0 14px 35px rgba(0,0,0,.26)}.fodp-v27-cards span{font-size:11px;color:rgba(255,255,255,.62)}.fodp-v27-cards em{font-size:18px;color:#fff;margin-top:8px;display:block;font-style:normal}.fodp-v27-cards small{display:block;color:rgba(255,255,255,.45);font-size:10px;margin-top:4px}
.fodp-v27 .fodp-section,.fodp-v27 .fodp-location-panel,.fodp-v27 .fodp-wallet-panel{background:linear-gradient(180deg,rgba(18,23,28,.92),rgba(8,12,14,.96));border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 18px 42px rgba(0,0,0,.25)}.fodp-v27 .fodp-section-head span{font-size:18px;color:#fff}.fodp-v27 .fodp-refresh,.fodp-v27 .fodp-live-location{background:linear-gradient(135deg,#ff4141,#ffb13b);border:0;color:#fff;border-radius:999px;padding:12px 16px;box-shadow:0 12px 30px rgba(255,65,65,.24)}
.fodp-v27 .fodp-ring{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(14px);z-index:99999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.fodp-v27 .fodp-ring.hidden{display:none}.fodp-v27 .fodp-ring-card{width:min(430px,100%);border-radius:30px;background:linear-gradient(180deg,#151a1f,#090d10);border:1px solid rgba(255,255,255,.12);box-shadow:0 -20px 80px rgba(255,45,45,.26),0 30px 90px rgba(0,0,0,.75);padding:20px;color:#fff}.fodp-v27 .fodp-ripple{position:absolute;width:180px;height:180px;border-radius:50%;top:12%;background:radial-gradient(circle,rgba(255,58,58,.35),transparent 68%);animation:fodpRipple 1.15s ease-in-out infinite}.fodp-v27 .fodp-ring-card h3{font-size:24px;margin:0 0 10px;color:#fff}.fodp-v27 .fodp-ring-card .fodp-order-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fodp-v27 .fodp-ring-card .fodp-order-meta div,.fodp-v27 .fodp-list>div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px}.fodp-v27 .fodp-accept{background:linear-gradient(135deg,#dfff3f,#ffbf34)!important;color:#061006!important;box-shadow:0 0 30px rgba(212,255,63,.6)!important;animation:fodpV27Glow 1s infinite alternate!important}.fodp-v27 .fodp-reject{background:linear-gradient(135deg,#ff3b30,#b70018)!important;color:#fff!important;box-shadow:0 16px 35px rgba(255,59,48,.34)!important}
@keyframes fodpOnlinePulse{to{transform:translateY(-1px);box-shadow:0 0 36px rgba(93,255,99,.58)}}@keyframes fodpRipple{0%{transform:scale(.7);opacity:.8}100%{transform:scale(1.35);opacity:0}}@keyframes fodpV27Glow{to{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 0 42px rgba(212,255,63,.85)!important}}
@media(max-width:390px){.fodp-v27{border-radius:0;min-height:100vh}.fodp-v27-hero{min-height:220px}.fodp-v27-rider{width:158px;right:-24px}.fodp-v27-cards{grid-template-columns:1fr}.fodp-v27-hero h2{font-size:27px}.fodp-v27-hero-copy{max-width:210px}}

/* v2.8 Vendor + Customer Tracking UI */
.fodp-v28-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0;position:relative}
.fodp-v28-timeline>div{display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center;color:#7f8b86;font-size:10px;line-height:1.2;position:relative;z-index:1}
.fodp-v28-timeline>div i{width:18px;height:18px;border-radius:999px;background:#222b27;border:2px solid #32413b;box-shadow:0 0 0 4px rgba(255,255,255,.02)}
.fodp-v28-timeline>div.on{color:#f4fff8}.fodp-v28-timeline>div.on i{background:linear-gradient(135deg,#46e06d,#cfff37);border-color:#daff62;box-shadow:0 0 18px rgba(180,255,55,.45)}
.fodp-customer-track,.fodp-vendor-board{max-width:920px;margin:18px auto;padding:18px;border-radius:28px;background:radial-gradient(circle at top left,rgba(211,33,38,.25),transparent 35%),linear-gradient(145deg,#090c0b,#131917 55%,#090b0a);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 70px rgba(0,0,0,.45);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
.fodp-ct-hero,.fodp-vb-head{border-radius:24px;padding:22px;background:linear-gradient(135deg,rgba(211,33,38,.95),rgba(25,31,29,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.fodp-ct-hero span,.fodp-vb-head span{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.13);font-size:12px;color:#fff}.fodp-ct-hero h2,.fodp-vb-head h2{margin:14px 0 6px;font-size:34px;letter-spacing:-.04em}.fodp-ct-hero p,.fodp-vb-head p{margin:0;color:#ffe8e8;font-size:15px}
.fodp-ct-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.fodp-ct-grid>div,.fodp-vb-card{border-radius:22px;padding:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075)}.fodp-ct-grid small,.fodp-vb-meta small{display:block;color:#9aa39f;font-size:11px}.fodp-ct-grid strong{display:block;margin-top:8px;font-size:17px}.fodp-ct-grid em{display:block;margin-top:4px;color:#b9c2bd;font-size:12px;font-style:normal}.fodp-ct-map{display:block;text-align:center;margin-top:16px;padding:16px;border-radius:18px;text-decoration:none;background:linear-gradient(135deg,#dc2529,#ff4b3f);color:#fff;box-shadow:0 12px 34px rgba(220,37,41,.35)}.fodp-ct-time{display:block;text-align:center;margin-top:8px;color:#aeb7b3}.fodp-ct-wait{margin-top:16px;padding:14px;border-radius:18px;background:rgba(255,204,55,.1);color:#ffdf72;text-align:center}
.fodp-vb-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:16px}.fodp-vb-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.fodp-vb-top strong{font-size:20px}.fodp-vb-top span{padding:8px 12px;border-radius:999px;background:rgba(70,224,109,.13);color:#8dff9a;font-size:12px}.fodp-vb-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.fodp-vb-meta b{display:block;margin-top:5px}.fodp-vb-address{margin-top:12px;display:grid;gap:8px}.fodp-vb-address p{margin:0;padding:12px;border-radius:16px;background:rgba(0,0,0,.22);color:#dce5e0}.fodp-vb-address span{display:block;color:#94a29b;font-size:11px;margin-bottom:4px}.fodp-vb-card>a{display:block;margin-top:12px;text-align:center;color:#fff;text-decoration:none;border-radius:16px;padding:12px;background:linear-gradient(135deg,#2c8fff,#38d879)}.fodp-vb-empty{padding:22px;border-radius:22px;background:rgba(255,255,255,.055);text-align:center;color:#bdc7c2}
@media(max-width:720px){.fodp-customer-track,.fodp-vendor-board{margin:10px;padding:12px;border-radius:24px}.fodp-ct-hero h2,.fodp-vb-head h2{font-size:28px}.fodp-ct-grid{grid-template-columns:1fr 1fr}.fodp-v28-timeline{overflow-x:auto;grid-template-columns:repeat(6,86px);padding-bottom:6px}.fodp-vb-list{grid-template-columns:1fr}}


/* v3.0 live refresh polish */
.fodp-live-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fodp-live-pulse{font-style:normal;font-size:12px;color:#b9ff65;background:rgba(185,255,101,.10);border:1px solid rgba(185,255,101,.25);padding:7px 10px;border-radius:999px;box-shadow:0 0 18px rgba(185,255,101,.14)}
.fodp-live-pulse:before{content:"";display:inline-block;width:7px;height:7px;border-radius:999px;background:#b9ff65;margin-right:7px;box-shadow:0 0 14px #b9ff65;animation:fodpLivePulse 1s infinite alternate}
.fodp-live-pulse.syncing{color:#ffd05c;background:rgba(255,208,92,.10);border-color:rgba(255,208,92,.25)}
.fodp-live-pulse.syncing:before{background:#ffd05c;box-shadow:0 0 14px #ffd05c}
.fodp-live-pulse.err{color:#ff7a7a;background:rgba(255,122,122,.10);border-color:rgba(255,122,122,.25)}
.fodp-live-pulse.err:before{background:#ff5c5c;box-shadow:0 0 14px #ff5c5c}
@keyframes fodpLivePulse{from{transform:scale(.82);opacity:.6}to{transform:scale(1.18);opacity:1}}
.fodp-order{transition:transform .18s ease, box-shadow .18s ease}
.fodp-order:hover{transform:translateY(-1px)}

/* v3.1 customer app tracking */
.fodp-customer-v31{max-width:460px;margin:18px auto;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#fff}
.fodp-customer-v31 .fodp-ct-phone{background:linear-gradient(160deg,#07100c,#10251a 48%,#050806);border:1px solid rgba(255,255,255,.1);border-radius:34px;padding:18px;box-shadow:0 28px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden;position:relative}
.fodp-customer-v31 .fodp-ct-phone:before{content:"";position:absolute;inset:-90px -80px auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(69,255,148,.28),transparent 65%);pointer-events:none}
.fodp-customer-v31 .fodp-ct-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#bfffd3;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.fodp-customer-v31 .fodp-ct-topbar span,.fodp-customer-v31 .fodp-ct-topbar i{width:42px;height:5px;background:rgba(255,255,255,.18);border-radius:99px;display:block}
.fodp-customer-v31 .fodp-ct-hero{border-radius:26px;padding:20px;background:linear-gradient(135deg,rgba(53,255,137,.18),rgba(255,184,77,.12));border:1px solid rgba(255,255,255,.1)}
.fodp-customer-v31 .fodp-ct-hero span{color:#8fffb8;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.fodp-customer-v31 .fodp-ct-hero h2{margin:6px 0 4px;font-size:28px}.fodp-customer-v31 .fodp-ct-hero p{margin:0;color:#e8fff0}
.fodp-customer-v31 .fodp-ct-live{display:flex;justify-content:space-between;align-items:center;margin:16px 2px 8px;color:#dfffe8}.fodp-customer-v31 .fodp-ct-live span{font-size:12px;color:#93ffb1;background:rgba(69,255,148,.12);border:1px solid rgba(69,255,148,.25);padding:7px 10px;border-radius:999px}
.fodp-customer-v31 .fodp-ct-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin:12px 0 16px}.fodp-customer-v31 .fodp-ct-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#38ff88,#ffb84d);transition:width .4s ease}
.fodp-customer-v31 .fodp-v28-timeline{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:12px;margin:12px 0}.fodp-customer-v31 .fodp-v28-timeline div span{font-size:11px}.fodp-customer-v31 .fodp-v28-timeline div.on i{background:#44ff8b;box-shadow:0 0 18px rgba(68,255,139,.65)}
.fodp-customer-v31 .fodp-ct-rider-card{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:14px;margin:14px 0}.fodp-customer-v31 .fodp-ct-avatar{width:54px;height:54px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(135deg,#39ff88,#ffb84d);font-size:25px}.fodp-customer-v31 small{display:block;color:#a8b9ad;font-size:11px}.fodp-customer-v31 strong{display:block;color:#fff}.fodp-customer-v31 em{display:block;color:#c9d7cd;font-style:normal;font-size:12px;margin-top:3px}
.fodp-customer-v31 .fodp-ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fodp-customer-v31 .fodp-ct-grid>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:13px;min-height:88px}.fodp-customer-v31 .fodp-customer-otp{font-size:24px;color:#ffcf6b;letter-spacing:.08em}
.fodp-customer-v31 .fodp-ct-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.fodp-customer-v31 .fodp-ct-map,.fodp-customer-v31 .fodp-ct-refresh{border:0;border-radius:18px;padding:14px 12px;text-align:center;text-decoration:none;color:#07100c;background:linear-gradient(135deg,#3cff8d,#c6ff70);font-weight:800;cursor:pointer}.fodp-customer-v31 .fodp-ct-refresh{background:#fff;color:#10251a}.fodp-customer-v31 button[disabled]{opacity:.55;cursor:not-allowed}.fodp-customer-v31 .fodp-ct-time{margin:13px 4px 2px;color:#93a797}
@media(max-width:520px){.fodp-customer-v31{margin:8px}.fodp-customer-v31 .fodp-ct-phone{border-radius:26px;padding:14px}.fodp-customer-v31 .fodp-ct-grid{grid-template-columns:1fr}.fodp-customer-v31 .fodp-ct-actions{grid-template-columns:1fr}}

/* v3.4 PWA install card */
.fodp-install-card{max-width:520px;margin:18px auto;padding:22px;border-radius:28px;background:linear-gradient(145deg,#07111f,#0f172a);color:#fff;box-shadow:0 22px 70px rgba(2,6,23,.38);border:1px solid rgba(255,255,255,.12);display:grid;gap:14px}
.fodp-install-card span{color:#6ee7b7;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.fodp-install-card h2{margin:6px 0;font-size:26px;font-weight:700}.fodp-install-card p{color:#cbd5e1;margin:0}.fodp-install-card small{color:#94a3b8}
.fodp-install-btn{border:0;border-radius:18px;padding:15px 18px;background:linear-gradient(135deg,#22c55e,#84cc16);color:#052e16;font-weight:800;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:fodpInstallGlow 1.5s infinite;cursor:pointer}
@keyframes fodpInstallGlow{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 16px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}


/* v3.5 Rider Notifications */
.fodp-rider-notifications{max-width:560px;margin:0 auto;padding:18px;background:#071016;color:#fff;border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.fodp-rider-notice{border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#111b24,#0b1118)!important;margin:12px 0;border-radius:22px;padding:18px;box-shadow:0 14px 38px rgba(0,0,0,.28)}
.fodp-rider-notice span{display:inline-flex;padding:6px 10px;border-radius:99px;background:rgba(255,184,0,.16);color:#ffc857;font-size:11px;letter-spacing:.8px}
.fodp-rider-notice h3{margin:12px 0 6px;font-size:18px;color:#fff}
.fodp-rider-notice p{color:#cbd5e1;margin:0 0 12px;line-height:1.5}
.fodp-rider-notice small{color:#7b8794}.fodp-rider-notice.urgent{border-color:rgba(255,59,48,.55);box-shadow:0 0 0 1px rgba(255,59,48,.18),0 18px 45px rgba(255,59,48,.10)}
.fodp-rider-notice.cod{border-color:rgba(255,184,0,.55)}

/* v3.6 vendor live map */
.fodp-vendor-live-map{background:#050816;color:#fff;border-radius:26px;padding:18px;font-family:Inter,Arial,sans-serif;box-shadow:0 30px 80px rgba(0,0,0,.35)}.fodp-vlm-hero{display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(135deg,#111827,#36106d 70%,#7c3aed);border:1px solid rgba(168,85,247,.35);padding:18px;border-radius:22px;margin-bottom:16px}.fodp-vlm-hero span{color:#c4b5fd;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.fodp-vlm-hero h2{margin:4px 0;color:#fff;font-size:28px}.fodp-vlm-hero p{margin:0;color:#e9d5ff}.fodp-vlm-hero b{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);padding:10px 14px;border-radius:999px}.fodp-vlm-grid{display:grid;grid-template-columns:1fr 360px;gap:16px}.fodp-vlm-map{min-height:520px;background:#0b1020;border:1px solid rgba(168,85,247,.24);border-radius:22px;overflow:hidden}.fodp-vlm-map iframe{width:100%;height:520px;border:0;filter:saturate(1.05) contrast(1.02)}.fodp-vlm-empty{height:520px;display:grid;place-items:center;text-align:center;color:#d8b4fe;padding:30px}.fodp-vlm-list{display:grid;gap:12px;align-content:start;max-height:520px;overflow:auto}.fodp-vlm-card{background:linear-gradient(180deg,#111827,#0b1020);border:1px solid rgba(168,85,247,.24);border-radius:18px;padding:15px}.fodp-vlm-card-top{display:flex;align-items:center;justify-content:space-between}.fodp-vlm-card-top strong{font-size:18px}.fodp-vlm-card-top span{background:#7c3aed;color:#fff;padding:6px 10px;border-radius:999px;font-size:12px}.fodp-vlm-card p{margin:10px 0 4px;color:#fff}.fodp-vlm-card small{color:#cbd5e1}.fodp-vlm-actions{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.fodp-vlm-actions a{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff!important;text-decoration:none;padding:10px 12px;border-radius:12px}.fodp-vlm-actions em{font-style:normal;color:#86efac;font-weight:700}@media(max-width:900px){.fodp-vlm-grid{grid-template-columns:1fr}.fodp-vlm-map,.fodp-vlm-map iframe,.fodp-vlm-empty{height:360px;min-height:360px}.fodp-vlm-list{max-height:none}.fodp-vlm-hero{flex-direction:column;align-items:flex-start}}

/* FreshOne Delivery v3.7 light mobile rider UI */
.fodp-v37-light{--fo-bg:#f7fbff;--fo-card:#ffffff;--fo-text:#132238;--fo-muted:#61748a;--fo-line:#dfeaf5;--fo-green:#16a34a;--fo-blue:#2563eb;--fo-orange:#f97316;--fo-red:#ef4444;background:linear-gradient(180deg,#eef8ff,#fff7ed 70%,#ffffff)!important;color:var(--fo-text)!important;min-height:100svh;width:100%;max-width:none!important;margin:0!important;border-radius:0!important;padding:12px!important;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.fodp-v37-light .fodp-v27-hero{background:linear-gradient(135deg,#ffffff,#eef7ff)!important;border:1px solid var(--fo-line)!important;border-radius:28px!important;box-shadow:0 16px 44px rgba(37,99,235,.10)!important;color:var(--fo-text)!important;padding:18px!important;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;}
.fodp-v37-light .fodp-v27-rider,.fodp-v37-light .fodp-v27-mini,.fodp-v37-light .fodp-location-panel,.fodp-v37-light .fodp-v27-hero-copy p{display:none!important;}
.fodp-v37-light .fodp-chip{background:#e8f2ff!important;color:#1455b8!important;border:1px solid #cfe4ff!important;box-shadow:none!important;}
.fodp-v37-light .fodp-v27-hero h2{font-size:26px!important;line-height:1.05!important;margin:10px 0 0!important;color:var(--fo-text)!important;}
.fodp-v37-light .fodp-online{position:static!important;border:0!important;border-radius:18px!important;background:linear-gradient(135deg,#22c55e,#84cc16)!important;color:#fff!important;box-shadow:0 14px 30px rgba(34,197,94,.26)!important;padding:14px 18px!important;font-weight:700!important;}
.fodp-v37-light .fodp-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important;}
.fodp-v37-light .fodp-cards>div{background:#fff!important;border:1px solid var(--fo-line)!important;border-radius:22px!important;box-shadow:0 12px 34px rgba(15,23,42,.06)!important;color:var(--fo-text)!important;padding:14px!important;}
.fodp-v37-light .fodp-cards span,.fodp-v37-light .fodp-cards small{color:var(--fo-muted)!important;}
.fodp-v37-light .fodp-cards em{color:var(--fo-text)!important;font-style:normal!important;font-size:21px!important;}
.fodp-v37-light .fodp-wallet-panel,.fodp-v37-light .fodp-section{background:#fff!important;border:1px solid var(--fo-line)!important;border-radius:26px!important;box-shadow:0 14px 38px rgba(15,23,42,.06)!important;color:var(--fo-text)!important;margin-top:14px!important;padding:14px!important;}
.fodp-v37-light .fodp-section-head span{color:var(--fo-text)!important;font-size:20px!important;font-weight:700!important;}
.fodp-v37-light .fodp-refresh{border:0!important;background:#eef2ff!important;color:#1d4ed8!important;border-radius:14px!important;padding:10px 14px!important;}
.fodp-v37-light .fodp-live-pulse{color:#16a34a!important;background:#ecfdf5!important;border-radius:999px!important;padding:6px 10px!important;}
.fodp-v37-light .fodp-order{background:#fff!important;border:1px solid var(--fo-line)!important;color:var(--fo-text)!important;border-radius:28px!important;box-shadow:0 18px 50px rgba(15,23,42,.09)!important;margin:14px 0!important;padding:16px!important;overflow:hidden!important;border-left-width:7px!important;}
.fodp-v37-light .fodp-delivery-color-1{border-left-color:#2563eb!important}.fodp-v37-light .fodp-delivery-color-2{border-left-color:#f97316!important}.fodp-v37-light .fodp-delivery-color-3{border-left-color:#16a34a!important}.fodp-v37-light .fodp-delivery-color-4{border-left-color:#a855f7!important}
.fodp-v37-light .fodp-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.fodp-v37-light .fodp-row span{font-size:18px!important;color:var(--fo-text)!important;font-weight:800!important}.fodp-v37-light .fodp-row em{background:#eef2ff!important;color:#1d4ed8!important;border-radius:999px!important;padding:7px 10px!important;font-style:normal!important;font-size:12px!important;text-transform:capitalize!important;}
.fodp-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 12px}.fodp-contact-grid>div{background:#f8fbff;border:1px solid var(--fo-line);border-radius:20px;padding:12px}.fodp-contact-grid small{display:block;color:var(--fo-muted);font-size:12px}.fodp-contact-grid b{display:block;color:var(--fo-text);font-size:15px;margin:3px 0 8px}.fodp-call{display:inline-flex;align-items:center;justify-content:center;background:#dcfce7;color:#166534;text-decoration:none;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800}.fodp-call.muted{background:#f1f5f9;color:#64748b;font-weight:600}
.fodp-map-preview{height:190px;border-radius:24px;overflow:hidden;border:1px solid var(--fo-line);background:#e2e8f0;margin:10px 0 12px}.fodp-map-preview iframe{width:100%;height:100%;border:0;display:block;filter:saturate(1.05)}
.fodp-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fodp-v37-light .fodp-address{background:#fff7ed!important;border:1px solid #fed7aa!important;border-radius:20px!important;padding:12px!important;margin:0!important}.fodp-v37-light .fodp-address+ .fodp-address{background:#eff6ff!important;border-color:#bfdbfe!important}.fodp-v37-light .fodp-address label{display:block;color:#475569!important;font-size:12px!important;font-weight:800!important;margin-bottom:5px}.fodp-v37-light .fodp-address p{color:#111827!important;margin:0 0 10px!important;font-size:13px!important;line-height:1.35!important}.fodp-v37-light .fodp-address a{display:inline-flex;text-decoration:none;background:#111827!important;color:#fff!important;border-radius:999px!important;padding:9px 12px!important;font-size:12px!important;font-weight:800!important}
.fodp-v37-light .fodp-values.compact{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:12px 0!important}.fodp-v37-light .fodp-values.compact>div{background:#f8fafc!important;border:1px solid var(--fo-line)!important;border-radius:16px!important;padding:10px!important}.fodp-v37-light .fodp-values small{color:var(--fo-muted)!important}.fodp-v37-light .fodp-values b{color:var(--fo-text)!important;font-size:16px!important}
.fodp-v37-light .fodp-actions{display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:10px!important;margin-top:12px!important}.fodp-v37-light .fodp-actions button{border:0!important;border-radius:18px!important;padding:15px!important;font-weight:900!important}.fodp-v37-light .fodp-accept{background:linear-gradient(135deg,#16a34a,#84cc16)!important;color:#fff!important;box-shadow:0 0 0 4px rgba(34,197,94,.13),0 18px 40px rgba(34,197,94,.26)!important}.fodp-v37-light .fodp-reject{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important}.fodp-v37-light .fodp-step,.fodp-v37-light .fodp-done{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important;grid-column:1/-1!important}.fodp-v37-light .fodp-progress{background:#f8fafc!important;border:1px solid var(--fo-line)!important;border-radius:16px!important;padding:8px!important}.fodp-v37-light .fodp-progress span{background:#e2e8f0!important;color:#64748b!important}.fodp-v37-light .fodp-progress span.on{background:#16a34a!important;color:#fff!important}.fodp-v37-light .fodp-otp-info{background:#fffbeb!important;border:1px solid #fde68a!important;color:#92400e!important;border-radius:18px!important;padding:10px!important;display:grid;gap:6px;margin:10px 0!important}.fodp-v37-light .fodp-empty,.fodp-v37-light .fodp-warn{background:#fff!important;color:#475569!important;border:1px dashed #cbd5e1!important;border-radius:22px!important;padding:18px!important}
.fodp-v37-light .fodp-ring{background:rgba(15,23,42,.48)!important;backdrop-filter:blur(10px)!important}.fodp-v37-light .fodp-ring-card{background:#fff!important;color:var(--fo-text)!important;border-radius:30px 30px 0 0!important;box-shadow:0 -20px 60px rgba(15,23,42,.20)!important;max-height:92svh;overflow:auto!important}
@media(max-width:640px){body:has(.fodp-v37-light){background:#f7fbff!important}.fodp-v37-light{padding:10px!important}.fodp-v37-light .fodp-cards{grid-template-columns:1fr 1fr 1fr!important}.fodp-contact-grid,.fodp-address-grid{grid-template-columns:1fr}.fodp-map-preview{height:210px}.fodp-v37-light .fodp-v27-hero{border-radius:24px!important}.fodp-v37-light .fodp-actions{grid-template-columns:1fr!important}.fodp-v37-light .fodp-wallet-panel{display:none!important}}

/* v3.7 vendor live map light cards */
.fodp-vlm-card-light{background:#ffffff!important;color:#132238!important;border:1px solid #dbeafe!important;box-shadow:0 16px 42px rgba(15,23,42,.08)!important}.fodp-vlm-mini-map{width:100%;height:170px;border:0;border-radius:18px;margin:10px 0;background:#e2e8f0}.fodp-vlm-addresses{display:grid;gap:8px;margin:10px 0}.fodp-vlm-addresses>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:10px}.fodp-vlm-addresses b{display:block;color:#334155;font-size:12px}.fodp-vlm-addresses span{display:block;color:#0f172a;font-size:13px;line-height:1.35;margin-top:4px}

/* FreshOne Delivery v3.8 force light mobile delivery UI - cache safe */
html:has(.fodp-v38-light), body:has(.fodp-v38-light){background:#f6f8fb!important;}
.fodp-v37-light,.fodp-v27.fodp-v37-light,.fodp-app.fodp-v37-light{max-width:520px!important;min-height:100vh!important;margin:0 auto!important;padding:12px!important;background:linear-gradient(180deg,#f8fafc 0%,#eef6ff 50%,#fff7ed 100%)!important;color:#0f172a!important;border-radius:0!important;box-shadow:none!important;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif!important;}
.fodp-v37-light *{box-sizing:border-box!important;}
.fodp-v37-light .fodp-v27-hero{background:linear-gradient(135deg,#ffffff,#eff6ff 54%,#fff7ed)!important;border:1px solid #dbeafe!important;color:#0f172a!important;border-radius:28px!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important;min-height:unset!important;padding:18px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important;position:sticky!important;top:0!important;z-index:50!important;}
.fodp-v37-light .fodp-v27-hero:before,.fodp-v37-light .fodp-v27-hero:after{display:none!important;}
.fodp-v37-light .fodp-v27-hero-copy{position:relative!important;z-index:2!important;}
.fodp-v37-light .fodp-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0!important;border-radius:999px!important;padding:7px 10px!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;}
.fodp-v37-light .fodp-v27-hero h2{color:#0f172a!important;font-size:25px!important;line-height:1.1!important;margin:10px 0 4px!important;font-weight:800!important;letter-spacing:-.03em!important;}
.fodp-v37-light .fodp-v27-hero p{color:#64748b!important;font-size:13px!important;line-height:1.45!important;margin:0!important;max-width:270px!important;}
.fodp-v37-light .fodp-v27-mini{display:none!important;}
.fodp-v37-light .fodp-v27-rider{width:78px!important;height:78px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 12px 26px rgba(15,23,42,.12)!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;}
.fodp-v37-light .fodp-v27-rider img{max-width:100%!important;max-height:100%!important;object-fit:contain!important;filter:none!important;}
.fodp-v37-light .fodp-online{position:absolute!important;right:18px!important;bottom:-20px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;padding:11px 16px!important;font-weight:800!important;box-shadow:0 16px 34px rgba(22,163,74,.25)!important;z-index:10!important;}
.fodp-v37-light .fodp-online[data-online="no"]{background:linear-gradient(135deg,#f97316,#ef4444)!important;}
.fodp-v37-light .fodp-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:34px 0 12px!important;}
.fodp-v37-light .fodp-cards>div{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:22px!important;padding:14px 11px!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important;color:#0f172a!important;min-height:unset!important;}
.fodp-v37-light .fodp-cards span{display:block!important;color:#64748b!important;font-size:11px!important;text-transform:none!important;letter-spacing:0!important;}
.fodp-v37-light .fodp-cards em{display:block!important;color:#0f172a!important;font-size:18px!important;font-style:normal!important;font-weight:850!important;margin-top:4px!important;}
.fodp-v37-light .fodp-cards small{color:#94a3b8!important;font-size:10px!important;}
.fodp-v37-light .fodp-location-panel{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:22px!important;color:#0f172a!important;padding:13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:10px 0!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important;}
.fodp-v37-light .fodp-location-panel span{display:block!important;font-weight:800!important;color:#0f172a!important;}
.fodp-v37-light .fodp-location-panel p{margin:3px 0 0!important;color:#64748b!important;font-size:12px!important;}
.fodp-v37-light .fodp-live-location{border:0!important;border-radius:15px!important;padding:11px 12px!important;color:#0f172a!important;background:#facc15!important;font-weight:800!important;white-space:nowrap!important;}
.fodp-v37-light .fodp-section{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;margin:14px 0 0!important;}
.fodp-v37-light .fodp-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:22px!important;padding:14px!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important;color:#0f172a!important;}
.fodp-v37-light .fodp-section-head>span{font-size:18px!important;color:#0f172a!important;font-weight:850!important;}
.fodp-v37-light .fodp-live-tools{display:flex!important;gap:6px!important;align-items:center!important;}
.fodp-v37-light .fodp-live-pulse{display:none!important;}
.fodp-v37-light .fodp-refresh{border:0!important;background:#e0f2fe!important;color:#0369a1!important;border-radius:14px!important;padding:10px 12px!important;font-weight:800!important;}
.fodp-v37-light .fodp-empty{background:#fff!important;border:1px dashed #cbd5e1!important;color:#64748b!important;border-radius:22px!important;padding:24px!important;text-align:center!important;margin-top:12px!important;}
.fodp-v37-light .fodp-ring{position:fixed!important;inset:0!important;background:rgba(15,23,42,.38)!important;backdrop-filter:blur(10px)!important;z-index:99999!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:12px!important;}
.fodp-v37-light .fodp-ring.hidden{display:none!important;}
.fodp-v37-light .fodp-ripple{display:none!important;}
.fodp-v37-light .fodp-ring-card{width:100%!important;max-width:520px!important;background:#fff!important;color:#0f172a!important;border-radius:30px 30px 22px 22px!important;border:1px solid #e2e8f0!important;box-shadow:0 -28px 70px rgba(15,23,42,.22)!important;padding:0!important;max-height:88vh!important;overflow:auto!important;}
.fodp-v37-light .fodp-order{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:26px!important;color:#0f172a!important;margin:12px 0!important;padding:14px!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important;position:relative!important;overflow:hidden!important;}
.fodp-v37-light .fodp-order:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:7px!important;background:#3b82f6!important;}
.fodp-v37-light .fodp-delivery-color-1:before{background:#2563eb!important;}.fodp-v37-light .fodp-delivery-color-2:before{background:#16a34a!important;}.fodp-v37-light .fodp-delivery-color-3:before{background:#f97316!important;}.fodp-v37-light .fodp-delivery-color-4:before{background:#a855f7!important;}
.fodp-v37-light .fodp-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:12px!important;padding-left:4px!important;}
.fodp-v37-light .fodp-row span{font-size:18px!important;color:#0f172a!important;font-weight:900!important;}.fodp-v37-light .fodp-row em{font-style:normal!important;background:#eef2ff!important;color:#4338ca!important;border-radius:999px!important;padding:6px 10px!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;}
.fodp-v37-light .fodp-contact-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:10px 0!important;}
.fodp-v37-light .fodp-contact-grid>div{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:20px!important;padding:12px!important;min-height:104px!important;}
.fodp-v37-light small{color:#64748b!important;font-size:11px!important;text-transform:none!important;letter-spacing:0!important;}.fodp-v37-light .fodp-contact-grid b{display:block!important;color:#0f172a!important;font-size:15px!important;margin:3px 0 7px!important;}
.fodp-v37-light .fodp-call{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0!important;border-radius:13px!important;padding:9px 10px!important;font-size:12px!important;font-weight:800!important;max-width:100%!important;word-break:break-word!important;}
.fodp-v37-light .fodp-call.muted{background:#f1f5f9!important;color:#64748b!important;border-color:#e2e8f0!important;}
.fodp-v37-light .fodp-map-preview{height:210px!important;border-radius:24px!important;overflow:hidden!important;background:#e2e8f0!important;border:1px solid #cbd5e1!important;margin:12px 0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)!important;}
.fodp-v37-light .fodp-map-preview iframe{width:100%!important;height:100%!important;border:0!important;display:block!important;filter:none!important;}
.fodp-v37-light .fodp-address-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:10px 0!important;}
.fodp-v37-light .fodp-address{background:#fff7ed!important;border:1px solid #fed7aa!important;border-radius:20px!important;padding:12px!important;}
.fodp-v37-light .fodp-address:nth-child(2){background:#eff6ff!important;border-color:#bfdbfe!important;}
.fodp-v37-light .fodp-address label{display:block!important;color:#9a3412!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important;margin-bottom:5px!important;}.fodp-v37-light .fodp-address:nth-child(2) label{color:#1d4ed8!important;}
.fodp-v37-light .fodp-address p{margin:0 0 9px!important;color:#0f172a!important;font-size:14px!important;line-height:1.45!important;}
.fodp-v37-light .fodp-address a{display:inline-flex!important;text-decoration:none!important;color:#fff!important;background:#0f172a!important;border-radius:14px!important;padding:10px 12px!important;font-size:12px!important;font-weight:850!important;}
.fodp-v37-light .fodp-values{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:12px 0!important;}.fodp-v37-light .fodp-values>div{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:17px!important;padding:10px!important;}.fodp-v37-light .fodp-values b{display:block!important;color:#0f172a!important;font-size:14px!important;margin-top:3px!important;}
.fodp-v37-light .fodp-actions{display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:10px!important;margin-top:12px!important;}
.fodp-v37-light .fodp-actions button{border:0!important;border-radius:18px!important;padding:15px!important;font-size:15px!important;font-weight:900!important;cursor:pointer!important;}
.fodp-v37-light .fodp-accept{background:linear-gradient(135deg,#22c55e,#86efac)!important;color:#052e16!important;box-shadow:0 0 0 1px rgba(34,197,94,.25) inset,0 16px 34px rgba(34,197,94,.28)!important;animation:fodpV38Pulse 1s ease-in-out infinite alternate!important;}.fodp-v37-light .fodp-reject{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;box-shadow:0 14px 28px rgba(239,68,68,.25)!important;}.fodp-v37-light .fodp-step,.fodp-v37-light .fodp-done{background:#2563eb!important;color:#fff!important;box-shadow:0 14px 28px rgba(37,99,235,.22)!important;}.fodp-v37-light .fodp-done{background:#16a34a!important;}
.fodp-v37-light .fodp-progress{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:5px!important;margin-bottom:12px!important;}.fodp-v37-light .fodp-progress span{background:#e2e8f0!important;color:#64748b!important;border-radius:999px!important;padding:6px 4px!important;text-align:center!important;font-size:10px!important;font-weight:800!important;}.fodp-v37-light .fodp-progress span.on{background:#bbf7d0!important;color:#166534!important;}
.fodp-v37-light .fodp-warn{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important;border-radius:18px!important;padding:12px!important;margin:10px 0!important;}
@keyframes fodpV38Pulse{from{transform:translateY(0);filter:brightness(1)}to{transform:translateY(-2px);filter:brightness(1.06)}}
@media(max-width:430px){.fodp-v37-light{padding:8px!important;max-width:none!important}.fodp-v37-light .fodp-contact-grid{grid-template-columns:1fr!important}.fodp-v37-light .fodp-cards{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.fodp-v37-light .fodp-values{grid-template-columns:1fr 1fr 1fr!important}.fodp-v37-light .fodp-map-preview{height:185px!important}.fodp-v37-light .fodp-actions{grid-template-columns:1fr!important}.fodp-v37-light .fodp-v27-hero{border-radius:24px!important;padding:15px!important}.fodp-v37-light .fodp-v27-rider{width:66px!important;height:66px!important}.fodp-v37-light .fodp-v27-hero h2{font-size:23px!important}}

/* v3.9 FreshOne Orange Red Mobile App Theme - hard readability fix */
:root{--fo-primary:#ff4b18;--fo-red:#e82626;--fo-orange:#ff8a00;--fo-bg:#fff7f2;--fo-card:#ffffff;--fo-text:#151515;--fo-muted:#666;--fo-border:#ffe0d2;}
.fodp-rider-app,.fodp-customer-track,.fodp-vendor-live-map,.fodp-vendor-board{background:linear-gradient(180deg,#fff4eb 0%,#ffffff 45%,#fff8f4 100%)!important;color:var(--fo-text)!important;min-height:100vh;border-radius:0!important;padding:14px!important;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif!important;}
.fodp-rider-app *,.fodp-customer-track *,.fodp-vendor-live-map *,.fodp-vendor-board *{color:inherit;box-sizing:border-box;}
.fodp-app-hero,.fodp-super-hero{background:linear-gradient(135deg,#ff4b18,#ff8a00)!important;color:#fff!important;border-radius:28px!important;padding:20px!important;box-shadow:0 18px 42px rgba(255,75,24,.25)!important;position:relative;overflow:hidden;}
.fodp-app-hero h1,.fodp-app-hero h2,.fodp-app-hero h3,.fodp-app-hero p,.fodp-app-hero span,.fodp-app-hero small{color:#fff!important;}
.fodp-app-hero:after{content:"";position:absolute;right:-30px;bottom:-40px;width:155px;height:155px;background:rgba(255,255,255,.18);border-radius:50%;}
.fodp-card,.fodp-order-card,.fodp-active-card,.fodp-wallet-card,.fodp-map-card,.fodp-contact-card,.fodp-rider-notice{background:#fff!important;color:#151515!important;border:1px solid var(--fo-border)!important;border-radius:24px!important;box-shadow:0 14px 36px rgba(30,20,10,.08)!important;padding:16px!important;margin:12px 0!important;}
.fodp-card h1,.fodp-card h2,.fodp-card h3,.fodp-card h4,.fodp-order-card h3,.fodp-active-card h3{color:#151515!important;margin-top:0!important;}
.fodp-card p,.fodp-order-card p,.fodp-active-card p,.fodp-wallet-card p{color:#555!important;}
.fodp-map-box,.fodp-live-map,.fodp-map-preview{height:210px!important;background:linear-gradient(135deg,#fff0e6,#ffe0d2)!important;border:1px solid #ffd0bd!important;border-radius:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;color:#7a2b13!important;font-weight:700!important;}
.fodp-map-box iframe,.fodp-live-map iframe,.fodp-map-preview iframe{width:100%!important;height:100%!important;border:0!important;border-radius:24px!important;display:block!important;}
.fodp-address-block{background:#fff8f4!important;border:1px dashed #ffb08f!important;border-radius:18px!important;padding:12px!important;margin:10px 0!important;color:#222!important;}
.fodp-address-block strong{display:block!important;color:#e83b16!important;margin-bottom:4px!important;}
.fodp-contact-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
.fodp-contact-card a,.fodp-call-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#ff4b18,#ff8a00)!important;color:#fff!important;border:none!important;border-radius:16px!important;padding:11px 14px!important;text-decoration:none!important;font-weight:800!important;box-shadow:0 10px 22px rgba(255,75,24,.25)!important;}
.fodp-accept,.fodp-btn-accept,.fodp-action-accept{background:linear-gradient(135deg,#ff4b18,#ff8a00)!important;color:#fff!important;border:0!important;border-radius:18px!important;padding:14px 18px!important;font-weight:900!important;box-shadow:0 0 0 0 rgba(255,75,24,.45),0 12px 30px rgba(255,75,24,.3)!important;animation:fodpOrangePulse 1.6s infinite!important;}
.fodp-reject,.fodp-btn-reject,.fodp-action-reject{background:#e82626!important;color:#fff!important;border:0!important;border-radius:18px!important;padding:14px 18px!important;font-weight:900!important;box-shadow:0 12px 26px rgba(232,38,38,.28)!important;}
@keyframes fodpOrangePulse{0%{box-shadow:0 0 0 0 rgba(255,75,24,.46),0 12px 30px rgba(255,75,24,.3)}70%{box-shadow:0 0 0 14px rgba(255,75,24,0),0 12px 30px rgba(255,75,24,.3)}100%{box-shadow:0 0 0 0 rgba(255,75,24,0),0 12px 30px rgba(255,75,24,.3)}}
.fodp-multi-order-card:nth-of-type(odd),.fodp-order-card:nth-of-type(odd){border-left:7px solid #ff4b18!important;}
.fodp-multi-order-card:nth-of-type(even),.fodp-order-card:nth-of-type(even){border-left:7px solid #ff8a00!important;}
.fodp-bottom-nav{position:sticky!important;bottom:8px!important;background:#fff!important;border:1px solid #ffe0d2!important;border-radius:24px!important;box-shadow:0 14px 38px rgba(0,0,0,.12)!important;padding:8px!important;display:flex!important;gap:8px!important;z-index:99!important;}
.fodp-bottom-nav a,.fodp-bottom-nav button{flex:1!important;background:#fff7f2!important;color:#e83b16!important;border:0!important;border-radius:16px!important;padding:10px 6px!important;font-weight:800!important;text-align:center!important;text-decoration:none!important;}
.fodp-hidden-noise,.fodp-debug-small,.fodp-extra-muted{display:none!important;}
@media(max-width:600px){body:has(.fodp-rider-app){background:#fff7f2!important}.fodp-rider-app{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:12px!important}.fodp-contact-grid{grid-template-columns:1fr!important}.fodp-card,.fodp-order-card,.fodp-active-card{border-radius:22px!important}.fodp-map-box,.fodp-live-map,.fodp-map-preview{height:230px!important}}

/* v4.0 FreshOne rider mobile UI: clear BrandMan, separate live indicator, orange-red theme */
.fodp-v40-orange{--fo-orange:#ff7a00;--fo-red:#ef2b18;--fo-deep:#1f130f;--fo-soft:#fff3ea;--fo-line:#ffd7c2;background:linear-gradient(180deg,#fff6ef 0%,#ffffff 45%,#fff2ea 100%)!important;color:#20120d!important;min-height:100vh!important;max-width:520px!important;margin:0 auto!important;padding:14px!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;}
.fodp-v40-orange .fodp-v27-hero{position:relative!important;display:grid!important;grid-template-columns:1fr 112px!important;gap:10px!important;align-items:center!important;min-height:156px!important;padding:18px 122px 18px 18px!important;border-radius:30px!important;background:linear-gradient(135deg,#fff 0%,#fff7ef 44%,#ffe2d4 100%)!important;border:1px solid #ffd4bf!important;box-shadow:0 20px 44px rgba(239,43,24,.12)!important;overflow:visible!important;}
.fodp-v40-orange .fodp-v27-hero:before{content:""!important;position:absolute!important;inset:auto -50px -65px auto!important;width:190px!important;height:190px!important;border-radius:999px!important;background:radial-gradient(circle,rgba(255,122,0,.22),rgba(239,43,24,.05) 60%,transparent 70%)!important;pointer-events:none!important;}
.fodp-v40-orange .fodp-v27-hero-copy{position:relative!important;z-index:3!important;min-width:0!important;}
.fodp-v40-orange .fodp-chip{background:#fff0e7!important;color:#d83412!important;border:1px solid #ffcab2!important;border-radius:999px!important;padding:8px 11px!important;font-size:12px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(239,43,24,.08)!important;}
.fodp-v40-orange .fodp-v27-hero h2{font-size:28px!important;line-height:1!important;color:#1d100c!important;margin:12px 0 6px!important;font-weight:950!important;letter-spacing:-.04em!important;}
.fodp-v40-orange .fodp-v27-hero p{color:#6b4a3d!important;font-size:12.5px!important;line-height:1.38!important;max-width:210px!important;margin:0!important;}
.fodp-v40-orange .fodp-v27-rider{position:absolute!important;right:8px!important;bottom:0!important;top:auto!important;width:118px!important;height:144px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;z-index:2!important;pointer-events:none!important;}
.fodp-v40-orange .fodp-v27-rider img{width:116px!important;height:142px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:bottom center!important;filter:drop-shadow(0 14px 22px rgba(72,22,10,.20))!important;opacity:1!important;}
.fodp-v40-orange .fodp-v40-status-wrap{position:absolute!important;right:14px!important;top:12px!important;z-index:6!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important;max-width:116px!important;}
.fodp-v40-orange .fodp-v40-live-indicator{display:inline-flex!important;align-items:center!important;gap:7px!important;background:#fff!important;border:1px solid #ffd6c4!important;color:#b42318!important;border-radius:999px!important;padding:7px 10px!important;font-size:11px!important;font-weight:950!important;box-shadow:0 10px 24px rgba(239,43,24,.13)!important;}
.fodp-v40-orange .fodp-v40-live-indicator i{width:10px!important;height:10px!important;border-radius:999px!important;background:#ef2b18!important;box-shadow:0 0 0 0 rgba(239,43,24,.55)!important;animation:fodpV40LiveDot 1.25s infinite!important;display:block!important;}
.fodp-v40-orange .fodp-v40-live-indicator.is-live{color:#11823b!important;border-color:#bdf3cf!important;background:#f0fff5!important;}
.fodp-v40-orange .fodp-v40-live-indicator.is-live i{background:#16a34a!important;box-shadow:0 0 0 0 rgba(22,163,74,.55)!important;}
.fodp-v40-orange .fodp-online{position:static!important;right:auto!important;bottom:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:96px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#ff7a00,#ef2b18)!important;color:#fff!important;padding:11px 13px!important;font-size:12.5px!important;font-weight:950!important;box-shadow:0 14px 28px rgba(239,43,24,.26)!important;white-space:nowrap!important;}
.fodp-v40-orange .fodp-online[data-online="yes"]{background:linear-gradient(135deg,#16a34a,#20c767)!important;box-shadow:0 14px 28px rgba(22,163,74,.24)!important;}
@keyframes fodpV40LiveDot{0%{box-shadow:0 0 0 0 rgba(239,43,24,.55)}70%{box-shadow:0 0 0 9px rgba(239,43,24,0)}100%{box-shadow:0 0 0 0 rgba(239,43,24,0)}}
.fodp-v40-orange .fodp-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important;}
.fodp-v40-orange .fodp-cards>div{background:#fff!important;border:1px solid #ffd7c2!important;border-radius:22px!important;padding:14px 10px!important;box-shadow:0 14px 34px rgba(90,32,15,.07)!important;min-height:112px!important;}
.fodp-v40-orange .fodp-cards span{font-size:11px!important;color:#8a5b4a!important;font-weight:750!important;}.fodp-v40-orange .fodp-cards em{font-size:17px!important;color:#24120c!important;font-weight:950!important;}.fodp-v40-orange .fodp-cards small{font-size:10px!important;color:#a06e5b!important;}
.fodp-v40-orange .fodp-location-panel,.fodp-v40-orange .fodp-section-head,.fodp-v40-orange .fodp-order{background:#fff!important;border:1px solid #ffd7c2!important;box-shadow:0 14px 34px rgba(90,32,15,.07)!important;color:#24120c!important;}
.fodp-v40-orange .fodp-live-location,.fodp-v40-orange .fodp-refresh{background:linear-gradient(135deg,#ff7a00,#ef2b18)!important;color:#fff!important;border:0!important;}
.fodp-v40-orange .fodp-otp-info{display:none!important;}
.fodp-vendor-board .fodp-vb-meta{grid-template-columns:repeat(4,1fr)!important;}
.fodp-vendor-board .fodp-vb-meta div:nth-child(2){background:#fff4e8!important;border-color:#ffca9f!important;}
.fodp-vendor-board .fodp-vb-meta div:nth-child(2) b{color:#ef2b18!important;font-size:20px!important;letter-spacing:.08em!important;}
@media(max-width:430px){.fodp-v40-orange{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:10px!important}.fodp-v40-orange .fodp-v27-hero{grid-template-columns:1fr!important;padding:16px 124px 16px 16px!important;min-height:150px!important;border-radius:26px!important}.fodp-v40-orange .fodp-v27-rider{right:4px!important;width:116px!important;height:140px!important}.fodp-v40-orange .fodp-v27-rider img{width:112px!important;height:138px!important}.fodp-v40-orange .fodp-v40-status-wrap{right:10px!important;top:9px!important}.fodp-v40-orange .fodp-v27-hero h2{font-size:26px!important}.fodp-v40-orange .fodp-cards{gap:7px!important}.fodp-v40-orange .fodp-cards>div{padding:13px 9px!important;min-height:104px!important}.fodp-vendor-board .fodp-vb-meta{grid-template-columns:1fr 1fr!important;}}

/* FreshOne Delivery Portal v4.1 - mobile app UI */
.fodp-v41-mobile{--fo-red:#ef2416;--fo-orange:#ff8700;--fo-text:#141414;--fo-soft:#fff4ef;--fo-line:#ffe0d4;box-sizing:border-box;background:#fff!important;color:var(--fo-text)!important;min-height:100vh;width:100%;max-width:980px;margin:0 auto;padding:16px 14px 94px!important;border-radius:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:none!important;overflow:hidden}
.fodp-v41-mobile *{box-sizing:border-box}.fodp-v41-mobile a{text-decoration:none}.fodp-v41-mobile .fodp-v41-topbar{display:grid;grid-template-columns:48px 1fr auto auto;gap:12px;align-items:center;padding:8px 2px 16px;background:#fff;position:relative;z-index:20}.fodp-v41-menu{width:44px;height:44px;border:0;background:transparent;color:var(--fo-red);font-size:30px;line-height:1;border-radius:16px}.fodp-v41-brand{text-align:center;line-height:1}.fodp-v41-brand strong{font-size:31px;font-weight:900;letter-spacing:-1px;color:#d81f17;display:block}.fodp-v41-brand strong span{color:#0c0c0c}.fodp-v41-brand small{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#444}.fodp-v41-bell{position:relative;width:44px;height:44px;border:0;background:#fff;border-radius:18px;box-shadow:0 8px 22px rgba(239,36,22,.11);font-size:23px}.fodp-v41-bell span{position:absolute;right:3px;top:0;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--fo-red);color:#fff;font-size:11px;display:grid;place-items:center;font-weight:900}.fodp-v41-mobile .fodp-v40-live-indicator{position:relative!important;right:auto!important;top:auto!important;display:flex!important;align-items:center;gap:8px;border:0!important;background:transparent!important;color:var(--fo-red)!important;font-weight:900;font-size:20px;box-shadow:none!important;padding:0!important}.fodp-v41-mobile .fodp-v40-live-indicator i{width:19px!important;height:19px!important;background:var(--fo-red)!important;border-radius:50%;box-shadow:0 0 0 9px rgba(239,36,22,.1);animation:fodpLivePulse 1.2s infinite}.fodp-v41-mobile .fodp-v40-live-indicator.is-offline{color:#777!important}.fodp-v41-mobile .fodp-v40-live-indicator.is-offline i{background:#777!important;box-shadow:none!important;animation:none}
@keyframes fodpLivePulse{0%{box-shadow:0 0 0 0 rgba(239,36,22,.24)}100%{box-shadow:0 0 0 15px rgba(239,36,22,0)}}
.fodp-v41-mobile .fodp-v27-hero{display:grid!important;grid-template-columns:1fr 190px!important;align-items:end;min-height:206px;padding:20px 18px 0!important;margin:0 0 18px!important;border:1px solid var(--fo-line)!important;border-radius:28px!important;background:linear-gradient(115deg,#fff 0%,#fff 46%,#fff1e8 100%)!important;box-shadow:0 18px 50px rgba(239,36,22,.09)!important;overflow:hidden;position:relative}.fodp-v41-mobile .fodp-v27-hero-copy{position:relative;z-index:2}.fodp-v41-mobile .fodp-chip{display:inline-flex!important;padding:10px 14px!important;border:1px solid #ffb49f!important;border-radius:999px!important;background:#fff!important;color:var(--fo-red)!important;font-size:16px!important;font-weight:900!important;margin-bottom:24px!important}.fodp-v41-mobile .fodp-v27-hero h2{font-size:39px!important;line-height:1.02!important;margin:0 0 12px!important;color:#171717!important;font-weight:950!important;letter-spacing:-1.5px!important}.fodp-v41-mobile .fodp-v27-hero p{font-size:22px!important;color:#222!important;margin:0 0 22px!important}.fodp-v41-mobile .fodp-v27-rider{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;height:210px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:visible!important}.fodp-v41-mobile .fodp-v27-rider img{width:190px!important;max-width:none!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 20px 26px rgba(239,36,22,.24))!important;transform:none!important}.fodp-v41-mobile .fodp-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;margin:0 0 18px!important}.fodp-v41-mobile .fodp-cards>div{min-height:184px!important;border:1px solid var(--fo-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 16px 34px rgba(34,20,15,.07)!important;padding:22px 12px!important;text-align:center!important;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#222!important}.fodp-v41-mobile .fodp-cards>div:before{content:"";width:54px;height:54px;border-radius:50%;background:#fff0e9;margin-bottom:16px}.fodp-v41-mobile .fodp-cards span{font-size:15px!important;color:#202020!important;font-weight:800!important}.fodp-v41-mobile .fodp-cards em{font-style:normal!important;color:var(--fo-red)!important;font-size:29px!important;font-weight:950!important;margin:14px 0 6px!important;line-height:1.1!important}.fodp-v41-mobile .fodp-cards small{font-size:15px!important;color:#444!important}.fodp-v41-quick{margin:0 0 18px;padding:22px 14px;border:1px solid var(--fo-line);border-radius:26px;background:#fff;box-shadow:0 16px 34px rgba(34,20,15,.06);display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:center}.fodp-v41-quick h3{grid-column:1/-1;margin:0 0 20px;font-size:22px;font-weight:950;color:#171717}.fodp-v41-quick button,.fodp-v41-quick a{border:0;background:#fff;color:#151515;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:15px;font-weight:700;border-right:1px solid #eee;min-height:78px;justify-content:center}.fodp-v41-quick button:last-child,.fodp-v41-quick a:last-child{border-right:0}.fodp-v41-quick i{font-style:normal;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff0e9;color:var(--fo-red);font-size:25px}.fodp-v41-mobile .fodp-location-panel{display:none!important}.fodp-v41-mobile .fodp-section{background:#fff!important;border:1px solid var(--fo-line)!important;border-radius:26px!important;padding:14px!important;margin:0 0 18px!important;box-shadow:0 16px 34px rgba(34,20,15,.06)!important}.fodp-v41-mobile .fodp-section-head{display:flex;align-items:center;justify-content:space-between;padding:8px 6px 12px}.fodp-v41-mobile .fodp-section-head span{font-size:22px;font-weight:950;color:#171717}.fodp-v41-mobile .fodp-refresh{border:0!important;border-radius:999px!important;background:linear-gradient(135deg,var(--fo-orange),var(--fo-red))!important;color:#fff!important;padding:10px 14px!important}.fodp-v41-mobile .fodp-live-pulse{display:block;color:#777;font-size:11px}.fodp-v41-mobile .fodp-empty{padding:24px;border-radius:22px;background:#fff7f3;color:#555;text-align:center}.fodp-v41-mobile .fodp-order{border:1px solid #ffd1c1!important;border-radius:24px!important;background:linear-gradient(135deg,#fff,#fff7f1)!important;box-shadow:0 18px 35px rgba(239,36,22,.09)!important;color:#171717!important;margin-bottom:14px!important;padding:18px!important}.fodp-v41-mobile .fodp-order.fodp-delivery-color-2{background:linear-gradient(135deg,#fff,#eef8ff)!important;border-color:#c8e9ff!important}.fodp-v41-mobile .fodp-order.fodp-delivery-color-3{background:linear-gradient(135deg,#fff,#f1fff4)!important;border-color:#c9f3d0!important}.fodp-v41-mobile .fodp-order.fodp-delivery-color-4{background:linear-gradient(135deg,#fff,#fff8e6)!important;border-color:#ffe1a5!important}.fodp-v41-mobile .fodp-row span{display:inline-flex;border:1px solid #ffc3b3;border-radius:999px;color:var(--fo-red);font-weight:900;padding:8px 14px;background:#fff}.fodp-v41-mobile .fodp-row em{background:linear-gradient(135deg,var(--fo-orange),var(--fo-red));color:#fff;border-radius:999px;padding:8px 13px;font-style:normal;font-weight:900}.fodp-v41-mobile .fodp-contact-grid,.fodp-v41-mobile .fodp-address-grid,.fodp-v41-mobile .fodp-values{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:15px!important}.fodp-v41-mobile .fodp-contact-grid>div,.fodp-v41-mobile .fodp-address,.fodp-v41-mobile .fodp-values>div{background:#fff!important;border:1px solid #ffe0d4!important;border-radius:20px!important;padding:14px!important;color:#171717!important}.fodp-v41-mobile .fodp-contact-grid small,.fodp-v41-mobile .fodp-address label,.fodp-v41-mobile .fodp-values small{display:block;color:#555!important;font-size:13px!important;font-weight:700!important;margin-bottom:7px!important}.fodp-v41-mobile .fodp-contact-grid b,.fodp-v41-mobile .fodp-values b{font-size:19px!important;color:#111!important}.fodp-v41-mobile .fodp-call,.fodp-v41-mobile .fodp-address a{display:inline-flex;margin-top:10px;color:var(--fo-red)!important;font-weight:900}.fodp-v41-mobile .fodp-map-preview{height:190px!important;border-radius:22px!important;overflow:hidden;margin-top:16px!important;border:1px solid #ffe0d4!important;background:#fff3ee}.fodp-v41-mobile .fodp-map-preview iframe{width:100%!important;height:100%!important;border:0!important;display:block}.fodp-v41-mobile .fodp-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:16px!important}.fodp-v41-mobile .fodp-actions button{border:0!important;border-radius:16px!important;padding:16px!important;font-size:16px!important;font-weight:950!important;background:linear-gradient(135deg,var(--fo-orange),var(--fo-red))!important;color:#fff!important;box-shadow:0 14px 28px rgba(239,36,22,.24)!important}.fodp-v41-mobile .fodp-bottom,.fodp-v41-bottom{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:99;width:min(96vw,760px);display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid var(--fo-line);border-radius:24px;padding:10px 8px;box-shadow:0 18px 50px rgba(27,16,12,.18)}.fodp-v41-bottom a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#555;font-weight:800;font-size:13px}.fodp-v41-bottom a:first-child{color:var(--fo-red)}.fodp-v41-bottom a{font-size:24px}.fodp-v41-bottom span{font-size:13px}.fodp-v41-refresh-note{text-align:center;background:#f7f7f7;border-radius:999px;margin:12px auto 0;padding:10px 14px;max-width:520px;color:#333}.fodp-v41-refresh-note b,.fodp-v41-refresh-note strong{color:var(--fo-red)}
.fodp-v41-notice-drawer{position:fixed;right:14px;top:76px;width:min(390px,92vw);max-height:76vh;overflow:auto;background:#fff;border:1px solid var(--fo-line);border-radius:26px;box-shadow:0 22px 70px rgba(20,20,20,.25);z-index:9999;transform:translateX(120%);transition:.25s ease;color:#171717}.fodp-v41-notice-drawer.open{transform:translateX(0)}.fodp-v41-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px;border-bottom:1px solid #f0f0f0}.fodp-v41-drawer-head b{font-size:20px}.fodp-v41-close{border:0;background:#fff;font-size:28px;color:#333}.fodp-v41-tabs{display:flex;gap:7px;padding:13px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background:#fff;z-index:1}.fodp-v41-tabs button{border:1px solid #eee;border-radius:999px;background:#fff;padding:8px 11px;color:#555;font-weight:800}.fodp-v41-tabs .active{background:linear-gradient(135deg,var(--fo-orange),var(--fo-red));color:#fff;border:0}.fodp-v41-mark-read{margin-left:auto!important;color:var(--fo-red)!important}.fodp-v41-notice{display:grid;grid-template-columns:48px 1fr 10px;gap:12px;padding:16px 18px;border-bottom:1px solid #f0f0f0;cursor:pointer}.fodp-v41-notice em{font-style:normal;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff0e9}.fodp-v41-notice b{display:block;font-size:15px;margin-bottom:5px;color:#171717}.fodp-v41-notice p{margin:0 0 6px;color:#444;font-size:14px}.fodp-v41-notice small{color:#777}.fodp-v41-notice>span{width:9px;height:9px;border-radius:50%;background:var(--fo-red);align-self:start;margin-top:8px}.fodp-v41-notice.is-read{opacity:.62}.fodp-v41-notice.is-read>span{background:#bbb}.fodp-v41-empty{padding:22px;color:#777}.fodp-v41-popup{position:fixed;left:50%;top:20px;transform:translateX(-50%);z-index:10000;width:min(92vw,420px);background:#fff;border:1px solid var(--fo-line);border-radius:22px;padding:18px 46px 18px 18px;box-shadow:0 18px 55px rgba(20,20,20,.25);color:#171717;animation:fodpPop .3s ease}.fodp-v41-popup strong{display:block;color:var(--fo-red);font-size:18px;margin-bottom:6px}.fodp-v41-popup p{margin:0;color:#333}.fodp-v41-popup-close{position:absolute;right:12px;top:10px;border:0;background:#fff;font-size:26px}@keyframes fodpPop{from{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
@media(max-width:640px){body:has(.fodp-v41-mobile){background:#fff!important}.fodp-v41-mobile{max-width:none!important;padding:12px 12px 96px!important}.fodp-v41-mobile .fodp-v41-topbar{grid-template-columns:42px 1fr 42px auto;gap:6px}.fodp-v41-brand strong{font-size:26px}.fodp-v41-brand small{font-size:8px;letter-spacing:1.4px}.fodp-v41-mobile .fodp-v40-live-indicator span{font-size:17px}.fodp-v41-mobile .fodp-v27-hero{grid-template-columns:1fr 138px!important;min-height:184px!important;padding:17px 14px 0!important;border-radius:24px!important}.fodp-v41-mobile .fodp-chip{font-size:14px!important;margin-bottom:22px!important}.fodp-v41-mobile .fodp-v27-hero h2{font-size:36px!important}.fodp-v41-mobile .fodp-v27-hero p{font-size:21px!important}.fodp-v41-mobile .fodp-v27-rider{height:178px!important}.fodp-v41-mobile .fodp-v27-rider img{width:150px!important}.fodp-v41-mobile .fodp-cards{gap:10px!important}.fodp-v41-mobile .fodp-cards>div{min-height:146px!important;padding:14px 6px!important}.fodp-v41-mobile .fodp-cards>div:before{width:42px;height:42px;margin-bottom:10px}.fodp-v41-mobile .fodp-cards span{font-size:12px!important}.fodp-v41-mobile .fodp-cards em{font-size:23px!important}.fodp-v41-mobile .fodp-cards small{font-size:12px!important}.fodp-v41-quick{padding:18px 8px}.fodp-v41-quick h3{font-size:20px}.fodp-v41-quick button,.fodp-v41-quick a{font-size:12px}.fodp-v41-quick i{width:46px;height:46px;font-size:21px}.fodp-v41-mobile .fodp-contact-grid,.fodp-v41-mobile .fodp-address-grid{grid-template-columns:1fr!important}.fodp-v41-mobile .fodp-values{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.fodp-v41-notice-drawer{right:8px;top:70px}.fodp-v41-popup{top:10px}}

/* v4.2 FreshOne logo + mobile actions cleanup */
.fodp-v41-mobile .fodp-v41-topbar{grid-template-columns:42px 1fr 48px auto!important;gap:10px!important;align-items:center!important;}
.fodp-v42-spacer{width:42px;height:42px;display:block!important;}
.fodp-v41-menu{display:none!important;}
.fodp-v42-freshone-logo strong{font-size:32px!important;font-weight:950!important;letter-spacing:-1.2px!important;color:#f04b12!important;text-shadow:0 8px 18px rgba(240,75,18,.14)!important;}
.fodp-v42-freshone-logo strong span{color:#d71914!important;}
.fodp-v42-freshone-logo small{color:#222!important;letter-spacing:1.8px!important;font-weight:800!important;}
.fodp-v42-quick{grid-template-columns:repeat(3,1fr)!important;}
.fodp-v42-quick a.fodp-v42-support{border-right:0!important;}
.fodp-v42-quick .fodp-v42-support small{font-size:11px;color:#ef2416;font-weight:900;margin-top:-3px;}
.fodp-v42-quick .fodp-v42-scan i{background:linear-gradient(135deg,#fff0e9,#ffe1d4)!important;}
.fodp-v42-quick .fodp-v42-support i{background:#eef8ff!important;color:#0877d8!important;}
@media(max-width:640px){.fodp-v41-mobile .fodp-v41-topbar{grid-template-columns:28px 1fr 42px auto!important;gap:6px!important}.fodp-v42-spacer{width:28px;height:42px}.fodp-v42-freshone-logo strong{font-size:28px!important}.fodp-v42-freshone-logo small{font-size:8px!important}.fodp-v42-quick{grid-template-columns:repeat(3,1fr)!important}.fodp-v42-quick button,.fodp-v42-quick a{font-size:12px!important}.fodp-v42-quick .fodp-v42-support small{font-size:9px!important}}

/* v4.3 final FreshOne mobile rider UI cleanup */
.fodp-v41-mobile .fodp-v41-topbar{grid-template-columns:1fr 48px auto!important;padding:14px 8px 18px!important;gap:10px!important;}
.fodp-v42-spacer,.fodp-v41-menu{display:none!important;}
.fodp-v43-freshone-logo{text-align:center!important;}
.fodp-v43-freshone-logo strong{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;font-size:34px!important;line-height:1!important;font-weight:950!important;color:#f04b12!important;letter-spacing:-1.5px!important;text-shadow:0 10px 22px rgba(240,75,18,.15)!important;}
.fodp-v43-freshone-logo strong span{color:#d71914!important;}
.fodp-v43-freshone-logo strong i,.fodp-v43-freshone-logo strong em{font-style:normal!important;font-size:20px!important;line-height:1!important;filter:drop-shadow(0 4px 6px rgba(0,0,0,.08));}
.fodp-v41-mobile .fodp-v40-live-indicator{justify-content:flex-end!important;min-width:80px!important;}
.fodp-v41-mobile .fodp-v40-live-indicator span{font-size:18px!important;}
.fodp-v42-quick{grid-template-columns:repeat(3,1fr)!important;}
.fodp-v42-quick .fodp-online,.fodp-v42-quick .fodp-v42-scan,.fodp-v42-quick .fodp-v42-support{min-height:114px!important;border:1px solid #f2e1da!important;border-radius:20px!important;background:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;}
.fodp-v42-quick .fodp-v42-support{color:#111!important;}
.fodp-v42-quick .fodp-v42-support small{display:block!important;color:#0baa4f!important;font-size:13px!important;font-weight:950!important;}
.fodp-v42-quick .fodp-v42-support:after{content:'Tap to call';font-size:12px;color:#666;font-weight:700;}
.fodp-v42-quick .fodp-v42-scan:after{content:'Camera on';font-size:12px;color:#666;font-weight:700;}
.fodp-v42-quick .fodp-online:after{content:'Start receiving orders';font-size:12px;color:#666;font-weight:700;text-align:center;}
.fodp-v43-camera-modal{position:fixed;inset:0;background:#0b0b0b;z-index:100000;display:none;color:#fff;}
.fodp-v43-camera-modal.open{display:flex;flex-direction:column;}
.fodp-v43-camera-head{height:62px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:8px 14px;background:#fff;color:#111;}
.fodp-v43-camera-head b{text-align:center;font-size:18px;font-weight:900;}
.fodp-v43-camera-head button{border:0;background:#fff;color:#111;font-size:30px;line-height:1;border-radius:14px;}
.fodp-v43-camera-flash{font-size:22px!important;}
.fodp-v43-camera-box{position:relative;flex:1;display:grid;place-items:center;overflow:hidden;background:#111;}
.fodp-v43-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111;}
.fodp-v43-scan-frame{position:relative;width:min(78vw,360px);height:min(78vw,360px);border:4px solid rgba(255,255,255,.95);border-radius:26px;box-shadow:0 0 0 999px rgba(0,0,0,.38);}
.fodp-v43-scan-frame span{position:absolute;left:-18px;right:-18px;top:50%;height:3px;background:#ef2416;box-shadow:0 0 16px rgba(239,36,22,.8);animation:fodpScanLine 1.6s ease-in-out infinite;}
.fodp-v43-camera-box p{position:absolute;bottom:38px;left:18px;right:18px;text-align:center;color:#fff;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.6);}
.fodp-v43-camera-fallback{margin:14px;background:linear-gradient(135deg,#ff7a00,#ef2416);color:#fff;border:0;border-radius:18px;padding:16px;font-weight:900;font-size:15px;}
@keyframes fodpScanLine{0%,100%{transform:translateY(-120px)}50%{transform:translateY(120px)}}
@media(max-width:640px){.fodp-v43-freshone-logo strong{font-size:31px!important}.fodp-v43-freshone-logo strong i,.fodp-v43-freshone-logo strong em{font-size:18px!important}.fodp-v41-mobile .fodp-v41-topbar{grid-template-columns:1fr 42px auto!important}.fodp-v42-quick .fodp-online,.fodp-v42-quick .fodp-v42-scan,.fodp-v42-quick .fodp-v42-support{min-height:102px!important}.fodp-v42-quick .fodp-v42-support small{font-size:10px!important}}