:root{
  --bg:#070707;--card:#151515;--panel:#0d0d0d;--line:#2d2d2d;--line2:#414141;
  --text:#f6f6f6;--muted:#9d9d9d;--yellow:#ffd000;--yellow2:#ffe46b;
  --green:#77d99a;--red:#ff7a7a;--blue:#80baff;--shadow:0 16px 44px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.splash{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 42%,rgba(255,208,0,.12),transparent 42%),#050505;display:flex;align-items:center;justify-content:center;transition:opacity .35s ease,visibility .35s ease}.splash.out{opacity:0;visibility:hidden;pointer-events:none}.splash-inner{text-align:center;padding:24px}.splash img{width:min(74vw,340px);height:auto;animation:logoIn .8s cubic-bezier(.2,.86,.23,1.12)}.splash-place{margin-top:11px;color:var(--yellow);font-size:13px;font-weight:1000;letter-spacing:5px}.splash-payoff{margin-top:7px;color:#bbb;font-size:11px;font-weight:800;letter-spacing:1.6px}@keyframes logoIn{0%{opacity:0;transform:scale(.76) translateY(10px)}70%{opacity:1;transform:scale(1.04)}100%{transform:scale(1)}}
.hub-home,.app-shell,.rider-shell{width:min(1080px,100%);margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom))}.hub-home{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:12px;max-width:760px}.hub-card,.card{background:linear-gradient(180deg,#171717,#111);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.brand-panel{text-align:center;padding:24px 18px}.hub-logo{width:min(70vw,300px);height:auto}.eyebrow{font-size:10px;font-weight:1000;letter-spacing:.16em;color:var(--yellow);text-transform:uppercase}.brand-panel h1,.page-title-row h1{margin:8px 0 4px}.brand-panel p,.card p,.muted{color:var(--muted);line-height:1.5}.hub-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hub-choice{min-height:116px;border-radius:20px;border:1px solid #363636;background:#111;color:#fff;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left}.hub-choice:hover{border-color:#6a5900}.client-choice{background:linear-gradient(135deg,#1b1700,#101010)}.rider-choice{background:linear-gradient(135deg,#0e1622,#101010)}.choice-icon{font-size:34px}.choice-copy b{display:block;font-size:17px}.choice-copy small{display:block;color:#aaa;margin-top:4px}.choice-arrow{font-size:31px;color:var(--yellow)}.mini-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-info div{padding:9px;border:1px solid #292929;border-radius:13px;background:#0c0c0c}.mini-info b{display:block;font-size:12px}.mini-info span{display:block;color:#999;font-size:10px;margin-top:3px}
.app-shell{max-width:820px}.app-shell.narrow{max-width:560px}.app-topbar,.rider-topbar{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0 12px;background:linear-gradient(180deg,#070707 70%,rgba(7,7,7,0))}.compact-brand{display:flex;align-items:center;gap:9px;min-width:0}.compact-brand img{width:58px;height:58px;object-fit:contain}.compact-brand b{display:block;font-size:13px}.compact-brand small{display:block;color:#999;font-size:10px;margin-top:2px}.icon-btn{width:44px;height:44px;border-radius:13px;border:1px solid #333;background:#111;color:#fff;font-size:21px;display:inline-flex;align-items:center;justify-content:center}.icon-btn.refreshing{animation:riderRefreshSpin .72s linear infinite;opacity:.8}.icon-btn:disabled{cursor:wait}.icon-btn.refreshing::after{content:''}@keyframes riderRefreshSpin{to{transform:rotate(360deg)}}.top-actions{display:flex;gap:7px}.section{margin-top:12px}.intro-card h2,.card h2{margin:6px 0 6px;font-size:20px}.intro-card p{margin:0 0 12px}.section-head,.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-title-row{margin:8px 2px 12px}.page-title-row h1{font-size:28px}.pill,.count-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:10px;font-weight:1000;padding:5px 9px;border:1px solid #444;background:#191919}.pill.yellow{border-color:#665700;background:#282200;color:#ffe16a}.pill.green{border-color:#2d6541;background:#102419;color:#b9efca}.count-badge{min-width:34px;min-height:34px;background:var(--yellow);color:#111;border-color:var(--yellow);font-size:15px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full{grid-column:1/-1}label{display:block;color:#e8e8e8;font-size:13px}input,select,textarea{width:100%;min-height:48px;margin-top:6px;border:1px solid var(--line2);border-radius:13px;background:#090909;color:#fff;padding:12px 13px;outline:none;font-size:16px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--yellow)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #090909 inset!important}.field-help{display:block;color:#888;font-size:10px;line-height:1.4;margin-top:5px}.check-row{display:flex;align-items:center;gap:9px;padding:8px 0}.check-row input{width:20px;min-height:20px;margin:0}.check-row span{color:#bbb;font-size:12px}.address-field{position:relative}.suggestions{position:absolute;left:0;right:0;z-index:120;margin-top:3px;background:#101010;border:1px solid #444;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.55)}.suggestion{width:100%;border:0;border-bottom:1px solid #2c2c2c;border-radius:0;background:#101010;color:#fff;padding:11px 12px;text-align:left}.suggestion:last-child{border-bottom:0}.suggestion strong{display:block;font-size:13px}.suggestion span{display:block;color:#929292;font-size:10px;margin-top:3px}.field-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:5px;color:#8f8f8f;font-size:10px}.mini-btn{min-height:30px;padding:5px 8px;border:1px solid #343434;border-radius:10px;background:#111;color:#aaa;font-size:10px;font-weight:900}
.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:7px}.vehicle-card{min-height:92px;border:1px solid #363636;border-radius:15px;background:#0d0d0d;color:#bbb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px}.vehicle-card>span{font-size:28px}.vehicle-card b{font-size:12px}.vehicle-card small{font-size:9px;color:#888}.vehicle-card.active{border-color:#8a7400;background:#262000;color:#ffe168;box-shadow:0 0 20px rgba(255,208,0,.11)}.service-suggestion{margin-top:8px;border:1px solid #385b82;background:#101b29;color:#bddaff;border-radius:12px;padding:9px 10px;font-size:11px}.btn{min-height:44px;border-radius:12px;border:1px solid transparent;padding:10px 12px;font-weight:1000;font-size:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:#242424}.btn.primary{background:var(--yellow);color:#111}.btn.ghost{background:#111;border-color:#363636;color:#ddd}.btn.whatsapp-btn,.whatsapp-btn{background:#10261a;border-color:#2b6a42;color:#c3f0d1}.btn.full{width:100%}.btn.big{min-height:54px;margin-top:12px}.btn.small{min-height:38px;padding:8px 10px;font-size:10px}.dual-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;margin-top:12px}.status-line{min-height:18px;margin-top:8px;color:#9f9f9f;font-size:11px;line-height:1.45}.status-line.error{color:#ffabab}.status-line.ok{color:#b8efc9}
.quote-summary{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;background:#0d0d0d;border:1px solid #2d2d2d;border-radius:16px;padding:12px;margin-top:10px}.quote-summary small,.quote-details span{display:block;color:#909090;font-size:10px}.quote-summary b{display:block;margin-top:4px}.quote-total{text-align:right}.quote-total b{font-size:34px;color:var(--yellow)}.quote-details{margin-top:8px;border:1px solid #2c2c2c;border-radius:14px;overflow:hidden}.quote-details>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#0e0e0e;border-bottom:1px solid #292929}.quote-details>div:last-child{border-bottom:0}.quote-details b{font-size:13px}.notice{margin-top:9px;border:1px solid #3a3a3a;border-radius:13px;padding:10px;font-size:11px;line-height:1.45}.notice.yellow{border-color:#665700;background:#282200;color:#ffe57b}.notice.green{border-color:#2d6541;background:#102419;color:#b9efca}.notice.blue{border-color:#36577d;background:#101b29;color:#c0ddff}.quote-image-wrap{margin-top:10px;border:1px solid #2d2d2d;background:#080808;border-radius:16px;padding:8px;overflow:hidden}.quote-image-wrap img{display:block;width:100%;height:auto;border-radius:10px}.status-hero{display:flex;align-items:center;gap:12px}.status-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#19261d;border:1px solid #39714c;color:#bdf0cc;font-size:25px;font-weight:1000}.request-state{margin-top:12px;padding:12px;border-radius:13px;text-align:center;font-weight:1000;font-size:12px;letter-spacing:.05em}.request-state.waiting{background:#282200;border:1px solid #665700;color:#ffe36d}.request-state.accepted{background:#102419;border:1px solid #2d6541;color:#b9efca}.request-state.rejected{background:#2b1111;border:1px solid #6d2929;color:#ffb0b0}.request-state.progress{background:#102033;border:1px solid #2d5683;color:#c5ddff}.confirmed-price{margin-top:10px;font-size:25px;font-weight:1000;color:var(--yellow)}
.rider-shell{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.rider-page{display:none}.rider-page.active{display:block}.sync-card{display:flex;align-items:center;gap:10px;padding:12px}.sync-card b{display:block;font-size:12px}.sync-card small{display:block;color:#888;font-size:10px;margin-top:2px}.sync-dot{width:11px;height:11px;border-radius:50%;background:#777;box-shadow:0 0 0 4px rgba(255,255,255,.03)}.sync-dot.online{background:var(--green);box-shadow:0 0 12px rgba(119,217,154,.45)}.sync-dot.offline{background:var(--red)}.request-card,.order-card,.history-card,.restaurant-card{margin-top:9px;background:#0d0d0d;border:1px solid #2d2d2d;border-radius:16px;padding:12px}.request-card.new{border-left:4px solid var(--yellow)}.request-card.accepted{border-left:4px solid var(--green)}.request-top,.order-top,.history-top,.restaurant-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.code{font-weight:1000;font-size:15px}.tiny{font-size:10px;color:#8f8f8f}.route-box{margin-top:9px;padding:10px;border:1px solid #31475f;background:#0e1722;border-radius:13px;font-size:12px;line-height:1.55}.request-grid,.order-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.kv{padding:8px;border:1px solid #2a2a2a;background:#131313;border-radius:10px}.kv small{display:block;color:#888;font-size:9px}.kv b{display:block;margin-top:3px;font-size:12px}.request-actions,.order-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px}.request-actions .btn.primary{grid-column:auto}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stat-card{background:#111;border:1px solid #2b2b2b;border-radius:14px;padding:10px}.stat-card small{display:block;color:#888;font-size:9px}.stat-card b{display:block;font-size:18px;margin-top:4px}.stat-card.hot b{color:var(--yellow)}.fund-clickable{cursor:pointer}.fund-clickable:active{transform:scale(.99)}.cash-panel{margin-top:10px;border-top:1px solid #292929;padding-top:10px}.cash-row{display:grid;grid-template-columns:1fr 120px;gap:8px;align-items:end}.change-box{border:1px solid #343434;background:#141414;border-radius:12px;padding:9px;text-align:center}.change-box small{font-size:9px;color:#888}.change-box b{display:block;color:var(--yellow);font-size:21px;margin-top:3px}.cash-note{margin-bottom:8px;padding:10px;border:1px solid #5e5100;background:#1a1600;border-radius:12px;color:#e9d66a;font-size:11px;line-height:1.45}.cash-total-box{margin-top:8px;text-align:center;background:#111;border:1px solid #333;border-radius:13px;padding:10px}.cash-total-box small{display:block;font-size:9px;color:#888}.cash-total-box>b{display:block;font-size:24px;margin-top:3px}.cash-stack{font-size:10px;color:#aaa;margin-top:4px}.cash-change{width:100%;margin-top:8px}.quick-cash{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.quick-cash .btn{min-height:48px;padding:8px 6px}.quick-cash .cash-exact{grid-column:1/-1}.cash-manual{display:block;margin-top:9px}.fund-rest-box{width:100%;margin-top:8px;padding:12px;border:2px solid #d0aa00;border-radius:14px;background:#151200;color:#fff;text-align:left}.fund-rest-box small{display:block;font-size:9px;color:#d5bf62;letter-spacing:.04em}.fund-rest-box>b{display:block;margin-top:4px;font-size:27px;color:var(--yellow)}.cash-after{margin-top:5px;font-size:10px;color:#bdbdbd}.cash-after b{color:#fff}.cash-warning{margin-top:6px;padding:7px 8px;border-radius:9px;background:#321313;border:1px solid #7d2b2b;color:#ffb2b2;font-size:10px}.cash-change.missing{border-color:#b95050;background:#2b1111}.cash-change.missing b{color:#ff8d8d}.restaurant-money{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.restaurant-money .kv{text-align:center}.restaurant-return{margin-top:10px;padding:10px;border:1px solid #31547a;background:#0e1722;border-radius:13px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.restaurant-return small{display:block;color:#8fb1d4;font-size:9px}.restaurant-return b{display:block;margin-top:3px;font-size:11px;line-height:1.35}.map-return-btn{background:#17304b;border-color:#3b6c9c;color:#d7ecff;white-space:nowrap}.history-card{border-left:3px solid #3a3a3a}.history-card.problem{border-left-color:#d9a348}.history-card.cancelled{border-left-color:#d55}.analytics-grid{grid-template-columns:repeat(4,1fr)}.period-tabs{display:flex;gap:6px;overflow:auto}.chip{white-space:nowrap;border:1px solid #303030;border-radius:999px;background:#151515;color:#bbb;padding:7px 10px;font-size:10px;font-weight:900}.chip.active{border-color:#6b5900;background:#282200;color:#ffe269}.chart{height:190px;display:flex;align-items:flex-end;gap:7px;overflow-x:auto;padding:14px 4px 0;border-bottom:1px solid #333}.bar-wrap{height:100%;min-width:38px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.bar{width:26px;min-height:3px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#ffe055,#c6a500)}.bar-label,.bar-value{font-size:9px}.bar-label{color:#888}.rank-row{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid #292929;background:#0f0f0f;border-radius:12px;margin-top:8px}.rank-num{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#282200;color:#ffe16b;font-weight:1000;font-size:12px}.bottom-nav{position:fixed;z-index:100;left:50%;transform:translateX(-50%);bottom:0;width:min(1080px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(7,7,7,.96);border-top:1px solid #272727}.nav-btn{min-height:58px;border:1px solid #292929;border-radius:13px;background:#111;color:#aaa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.nav-btn span{font-size:19px}.nav-btn small{font-size:9px;font-weight:1000}.nav-btn.active{border-color:#675800;background:#282200;color:#ffe168}
.modal-backdrop{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.72);display:flex;align-items:flex-end;justify-content:center;padding:12px}.modal{width:min(640px,100%);max-height:88vh;overflow:auto;border:1px solid #3b3b3b;border-radius:22px;background:#151515;padding:15px;margin-bottom:calc(6px + env(safe-area-inset-bottom));box-shadow:0 25px 70px rgba(0,0,0,.6)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-header h2{margin:0}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.login-card{text-align:center;margin-top:14vh}.login-card p{margin:6px 0 12px}
@media(max-width:700px){.hub-choice-grid,.mini-info{grid-template-columns:1fr}.mini-info{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.vehicle-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid .stat-card:last-child{grid-column:1/-1}.analytics-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid .stat-card:last-child{grid-column:auto}.cash-row{grid-template-columns:1fr}.change-box{width:100%}.quick-cash{grid-template-columns:repeat(2,1fr)}.quick-cash .cash-exact{grid-column:1/-1}.request-grid,.order-grid{grid-template-columns:1fr 1fr}.compact-brand img{width:51px;height:51px}.hub-home{justify-content:flex-start;padding-top:calc(30px + env(safe-area-inset-top))}.login-card{margin-top:8vh}}
@media(max-width:430px){.mini-info{grid-template-columns:1fr}.vehicle-card{padding:7px 4px}.vehicle-card b{font-size:10px}.vehicle-card small{font-size:8px}.dual-actions{grid-template-columns:1fr}.request-actions,.order-actions{grid-template-columns:1fr 1fr}.quote-total b{font-size:29px}.restaurant-return{grid-template-columns:1fr}.map-return-btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.splash img{animation:none}}
.client-recent{margin-top:8px;padding:10px;border:1px solid #2c2c2c;background:#0e0e0e;border-radius:13px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.client-recent b{display:block;font-size:12px}.client-recent small{display:block;color:#888;font-size:10px;margin-top:3px;line-height:1.35}

/* =========================
   V10 · DAY/NIGHT + AUTH + AVAILABILITY
   ========================= */
:root{--surface:#111;--surface2:#0d0d0d;--input:#101010;--navbg:rgba(7,7,7,.96);--accent-soft:#282200;--blue-soft:#101b29;--green-soft:#102419;--red-soft:#2b1111}
html[data-theme="day"]{
  color-scheme:light;
  --bg:#f4f5f6;--card:#ffffff;--panel:#f8f8f8;--line:#d8dade;--line2:#c4c7cc;
  --text:#17191c;--muted:#666b73;--yellow:#f6c400;--yellow2:#d3a600;
  --green:#148347;--red:#c73b3b;--blue:#246eb7;--shadow:0 14px 38px rgba(25,31,40,.10);
  --surface:#fff;--surface2:#f7f7f8;--input:#fff;--navbg:rgba(247,248,249,.97);--accent-soft:#fff6cb;--blue-soft:#edf5ff;--green-soft:#ecf8f0;--red-soft:#fff0f0
}
html[data-theme="day"],html[data-theme="day"] body{background:var(--bg);color:var(--text)}
html[data-theme="day"] .splash{background:radial-gradient(circle at 50% 42%,rgba(246,196,0,.22),transparent 42%),#f5f6f7}
html[data-theme="day"] .splash-payoff{color:#555}
html[data-theme="day"] .hub-card,html[data-theme="day"] .card{background:linear-gradient(180deg,#fff,#fafafa);border-color:var(--line);box-shadow:var(--shadow)}
html[data-theme="day"] .hub-choice{background:#fff;color:#1a1a1a;border-color:#d8dade}
html[data-theme="day"] .client-choice{background:linear-gradient(135deg,#fff7d1,#fff)}
html[data-theme="day"] .rider-choice{background:linear-gradient(135deg,#eef5ff,#fff)}
html[data-theme="day"] input,html[data-theme="day"] select,html[data-theme="day"] textarea{background:#fff;color:#15171a;border-color:#cfd2d7}
html[data-theme="day"] input::placeholder,html[data-theme="day"] textarea::placeholder{color:#8d9299}
html[data-theme="day"] .suggestions{background:#fff;border-color:#cfd2d7;box-shadow:0 18px 40px rgba(20,25,34,.16)}
html[data-theme="day"] .suggestion{background:#fff;color:#17191c;border-bottom-color:#e5e6e9}
html[data-theme="day"] .suggestion:hover{background:#fff7d2}
html[data-theme="day"] .mini-btn,html[data-theme="day"] .btn.ghost{background:#fff;color:#34373c;border-color:#cfd2d7}
html[data-theme="day"] .vehicle-card{background:#fff;color:#4b4f55;border-color:#d6d8dc}
html[data-theme="day"] .vehicle-card.active{background:#fff5c2;color:#4b3a00;border-color:#c7a000;box-shadow:0 0 22px rgba(246,196,0,.16)}
html[data-theme="day"] .quote-summary,html[data-theme="day"] .quote-details,html[data-theme="day"] .quote-details>div,html[data-theme="day"] .request-card,html[data-theme="day"] .order-card,html[data-theme="day"] .history-card,html[data-theme="day"] .restaurant-card,html[data-theme="day"] .kv,html[data-theme="day"] .stat-card,html[data-theme="day"] .rank-row,html[data-theme="day"] .client-recent{background:#fff;border-color:#d9dce0;color:#1b1d20}
html[data-theme="day"] .route-box{background:#eef5fc;border-color:#c7d9eb;color:#24384b}html[data-theme="day"] .restaurant-return{background:#eef5fc;border-color:#c7d9eb;color:#24384b}html[data-theme="day"] .restaurant-return small{color:#52789e}html[data-theme="day"] .map-return-btn{background:#e7f1fb;border-color:#8fb5d8;color:#244c70}
html[data-theme="day"] .quote-image-wrap{background:#f0f1f2;border-color:#d5d7da}
html[data-theme="day"] .bottom-nav{background:var(--navbg);border-top-color:#d2d5d9}
html[data-theme="day"] .nav-btn{background:#fff;color:#666;border-color:#d4d7da}
html[data-theme="day"] .nav-btn.active{background:#fff2ae;color:#473900;border-color:#c59f00}
html[data-theme="day"] .modal{background:#fff;border-color:#d4d6da;box-shadow:0 25px 70px rgba(20,25,34,.22)}
html[data-theme="day"] .sync-card,html[data-theme="day"] .change-box{background:#fff}html[data-theme="day"] .cash-total-box{background:#fff;border-color:#d9dce0;color:#15171a}html[data-theme="day"] .cash-total-box>b{color:#15171a}html[data-theme="day"] .cash-stack{color:#565b61}html[data-theme="day"] .cash-note{background:#fff8d7;border-color:#d9b51c;color:#5d4b00}
html[data-theme="day"] .fund-rest-box{background:#fff7c7;color:#2b2b2b;border-color:#caa400}html[data-theme="day"] .fund-rest-box small{color:#725d00}html[data-theme="day"] .fund-rest-box>b{color:#c99f00}html[data-theme="day"] .cash-after{color:#595d63}html[data-theme="day"] .cash-after b{color:#1c1e21}html[data-theme="day"] .cash-warning{background:#fff0f0;border-color:#e1a2a2;color:#8c2a2a}html[data-theme="day"] .cash-change.missing{background:#fff0f0;border-color:#e1a2a2}html[data-theme="day"] .cash-change.missing b{color:#b93636}html[data-theme="day"] .notice.yellow{background:#fff7cf;color:#5c4900;border-color:#d6b62b}
html[data-theme="day"] .notice.green{background:#edf9f1;color:#155c33;border-color:#a9d8ba}
html[data-theme="day"] .notice.blue{background:#eef6ff;color:#245986;border-color:#b9d2eb}
html[data-theme="day"] .request-state.waiting{background:#fff6c9;color:#5d4a00;border-color:#d7b728}
html[data-theme="day"] .request-state.accepted{background:#eaf8ef;color:#145b31;border-color:#a6d9b8}
html[data-theme="day"] .request-state.progress{background:#edf5ff;color:#245c8f;border-color:#b7d2ed}
html[data-theme="day"] .request-state.rejected{background:#fff0f0;color:#8c2a2a;border-color:#efb6b6}

.home-theme-row{display:flex;justify-content:flex-end;margin-bottom:-22px;position:relative;z-index:2}
.theme-toggle{min-width:44px;min-height:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);font-weight:1000}
.availability-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:17px;padding:12px 14px;background:var(--surface);box-shadow:var(--shadow)}
.availability-card b,.availability-main b{display:block;font-size:13px}.availability-card small,.availability-main small{display:block;color:var(--muted);font-size:10px;margin-top:3px;line-height:1.4}
.availability-dot{width:13px;height:13px;border-radius:50%;background:#777;flex:0 0 13px;box-shadow:0 0 0 4px rgba(120,120,120,.10)}
.availability-card.available .availability-dot,#riderAvailabilityDot.available{background:var(--green);box-shadow:0 0 14px rgba(60,190,100,.45)}
.availability-card.busy .availability-dot,#riderAvailabilityDot.busy{background:var(--yellow);box-shadow:0 0 14px rgba(246,196,0,.45)}
.availability-card.offline .availability-dot,#riderAvailabilityDot.offline{background:var(--red);box-shadow:0 0 14px rgba(220,70,70,.35)}
.availability-card.available{border-color:color-mix(in srgb,var(--green) 38%,var(--line))}.availability-card.busy{border-color:color-mix(in srgb,var(--yellow) 42%,var(--line))}.availability-card.offline{border-color:color-mix(in srgb,var(--red) 38%,var(--line))}
.account-strip{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-strip b,.account-strip small{display:block}.account-strip small{color:var(--muted);font-size:10px;margin-top:2px}.account-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.auth-card{margin-top:7vh}.auth-card label{text-align:left}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:10px}.auth-links button{border:0;background:transparent;color:var(--blue);font-size:11px;text-decoration:underline;padding:5px 0}.beta-tag{font-size:8px;letter-spacing:.08em;border:1px solid currentColor;border-radius:999px;padding:2px 5px;margin-left:4px;opacity:.75}
.rider-availability-control,.alarm-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.availability-main{display:flex;align-items:center;gap:10px}.availability-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.availability-actions select{min-height:38px;width:auto;padding:7px 28px 7px 8px}
.alarm-card{border-color:#5c4e00;background:linear-gradient(135deg,var(--accent-soft),var(--surface))}.alarm-card b,.alarm-card small{display:block}.alarm-card small{color:var(--muted);font-size:10px;margin-top:2px;max-width:520px}.alarm-card.active{border-color:#b49900;box-shadow:0 0 24px rgba(246,196,0,.14)}.alarm-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.alarm-overlay{position:fixed;inset:0;z-index:9000;pointer-events:none;display:flex;align-items:flex-start;justify-content:center;padding-top:max(18px,env(safe-area-inset-top));animation:alarmPulse 1s infinite}.alarm-overlay>div{background:#280000;border:2px solid #ff5555;color:#fff;border-radius:16px;padding:11px 15px;box-shadow:0 18px 50px rgba(0,0,0,.38);font-weight:1000}.alarm-overlay.hidden{display:none}@keyframes alarmPulse{50%{opacity:.72}}
.vehicle-card strong{color:var(--yellow);font-size:8px}
html[data-theme="day"] .vehicle-card strong{color:#8a6b00}

@media(max-width:700px){.rider-availability-control,.alarm-card,.account-strip{align-items:stretch;flex-direction:column}.availability-actions,.account-actions,.alarm-actions{justify-content:flex-start}.auth-card{margin-top:3vh}}
.late-active{color:var(--yellow2)}
html[data-theme="night"] .late-active{color:#ffe16a}
/* V10 day-mode completeness: same SOS identity, readable on light surfaces */
html[data-theme="day"] .app-topbar,html[data-theme="day"] .rider-topbar{background:linear-gradient(180deg,#f4f5f6 70%,rgba(244,245,246,0))}
html[data-theme="day"] .icon-btn{background:#fff;color:#1c1e21;border-color:#cfd2d7}
html[data-theme="day"] label{color:#2c3035}
html[data-theme="day"] .choice-copy small,html[data-theme="day"] .compact-brand small,html[data-theme="day"] .field-help,html[data-theme="day"] .field-meta,html[data-theme="day"] .check-row span,html[data-theme="day"] .sync-card small,html[data-theme="day"] .client-recent small{color:#686d74}
html[data-theme="day"] .mini-info div{background:#fff;border-color:#d9dce0}
html[data-theme="day"] .mini-info span{color:#747980}
html[data-theme="day"] .pill{background:#f4f5f6;color:#33373c;border-color:#d2d5d9}
html[data-theme="day"] .pill.yellow{background:#fff3b3;color:#594500;border-color:#d0ad16}
html[data-theme="day"] .pill.green{background:#eaf8ef;color:#155e34;border-color:#a8d8b9}
html[data-theme="day"] .service-suggestion{background:#eef6ff;color:#245986;border-color:#b9d2eb}
html[data-theme="day"] input:-webkit-autofill,html[data-theme="day"] input:-webkit-autofill:hover,html[data-theme="day"] input:-webkit-autofill:focus{-webkit-text-fill-color:#15171a!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important}
html[data-theme="day"] .btn.whatsapp-btn,html[data-theme="day"] .whatsapp-btn{background:#edf9f1;border-color:#abd8bb;color:#155d34}
html[data-theme="day"] .theme-toggle{background:#fff;color:#1c1e21;border-color:#cfd2d7}
html[data-theme="day"] .alarm-card{background:linear-gradient(135deg,#fff6cb,#fff)}
html[data-theme="day"] .availability-actions select{background:#fff;color:#1a1d20}
html[data-theme="day"] .modal-backdrop{background:rgba(25,31,40,.36)}
html[data-theme="day"] .status-line{color:#6e737a}
html[data-theme="day"] .status-line.error{color:#a62f2f}
html[data-theme="day"] .status-line.ok{color:#17663a}
html[data-theme="day"] .quote-summary small,html[data-theme="day"] .quote-details span{color:#70757c}
html[data-theme="day"] .request-state{box-shadow:none}


/* =========================
   V10.0.9 · HOME + RIDER UX
   ========================= */
.home-motto{margin:14px auto 0;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;color:var(--text);font-size:10px;font-weight:900;letter-spacing:.015em}
.home-motto span{white-space:nowrap}.home-motto i{font-style:normal;color:var(--yellow);font-weight:1000}
.home-route-card{background:linear-gradient(180deg,var(--surface),var(--surface2));border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}
.home-route-card.customer-route{border-color:color-mix(in srgb,var(--yellow) 36%,var(--line))}
.home-route-card.rider-route{border-color:color-mix(in srgb,var(--blue) 28%,var(--line))}
.home-route-head{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.home-route-icon{font-size:31px;line-height:1}
.home-route-head h2{margin:3px 0 4px;font-size:20px}.home-route-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.home-route-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.home-route-card.rider-route>.btn{margin-top:12px}

.rider-hero-strip{position:relative;min-height:126px;margin:0 0 10px;border:1px solid #343434;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 76% 45%,rgba(255,208,0,.16),transparent 36%),linear-gradient(135deg,#17191b,#090a0b);box-shadow:var(--shadow)}
.rider-hero-strip::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,10,.96) 0%,rgba(8,9,10,.72) 38%,rgba(8,9,10,.08) 72%,rgba(8,9,10,0) 100%);pointer-events:none}
.rider-hero-copy{position:absolute;z-index:2;left:16px;top:50%;transform:translateY(-50%);max-width:46%;color:#fff}
.rider-hero-copy b{display:block;font-size:15px;line-height:1.2;margin-top:4px}.rider-hero-copy small{display:block;color:#b6b8bb;font-size:9px;margin-top:6px}
.rider-hero-strip img{position:absolute;z-index:1;right:-4px;bottom:-4px;width:min(60%,430px);height:118%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 10px 18px rgba(0,0,0,.38))}

.operator-status-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:10px;padding:11px 13px;border:1px solid #3b454d;border-radius:17px;background:linear-gradient(135deg,#141719,#0d0f10);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.operator-status-main{min-width:0}.operator-state-line{display:flex;align-items:center;gap:8px;margin-top:2px}.operator-state-line b{font-size:14px;white-space:nowrap}.operator-status-main small{display:block;color:#aab0b5;font-size:9px;margin-top:3px}
.operator-status-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:nowrap}
.operator-status-actions .btn{min-height:39px;padding:8px 10px;white-space:nowrap;font-size:10px}
.operator-status-actions .btn.ghost{background:#16191b;color:#f5f5f5;border-color:#4a4f54}
.eta-inline{display:flex;align-items:center;gap:6px;color:#ffd000;font-size:9px;font-weight:1000;letter-spacing:.1em}
.eta-inline select{width:auto;min-width:82px;min-height:39px;margin:0;padding:7px 27px 7px 10px;border-radius:11px;background:#16191b;color:#fff;border-color:#555b61;font-size:13px}

.fund-initial-clickable{cursor:pointer}.fund-initial-clickable:active{transform:scale(.99)}
.fund-confirm{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:4px 0}
.fund-confirm-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:#111;font-size:24px;font-weight:1000}
.fund-confirm b{display:block;font-size:16px;line-height:1.25}.fund-confirm p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.45}

.settings-notify{margin-top:10px;padding:12px;border:1px solid #655800;border-radius:14px;background:linear-gradient(135deg,var(--accent-soft),var(--surface))}
.settings-notify>b{display:block;margin-top:3px}.settings-notify>small{display:block;color:var(--muted);font-size:10px;line-height:1.45;margin-top:4px}.settings-notify .dual-actions{margin-top:10px}

html[data-theme="day"] .home-route-card{background:linear-gradient(180deg,#fff,#fafafa)}
html[data-theme="day"] .rider-hero-strip{border-color:#cfd2d7}
html[data-theme="day"] .operator-status-card{background:linear-gradient(135deg,#191c1f,#101214);border-color:#383d42;color:#fff;box-shadow:0 12px 28px rgba(25,31,40,.12)}
html[data-theme="day"] .operator-status-card .eyebrow{color:#ffd000}
html[data-theme="day"] .operator-status-main small{color:#b1b6bb}
html[data-theme="day"] .operator-status-actions .btn.ghost{background:#171a1d;color:#fff;border-color:#555b61}
html[data-theme="day"] .eta-inline select{background:#171a1d;color:#fff;border-color:#555b61}
html[data-theme="day"] .settings-notify{background:linear-gradient(135deg,#fff7ca,#fff);border-color:#d4b120}

@media(max-width:700px){
  .home-route-actions{grid-template-columns:1fr}
  .operator-status-card{grid-template-columns:1fr auto}
  .operator-status-actions{gap:5px}
  .operator-status-actions .btn{padding:8px 8px}
  .rider-hero-strip{min-height:116px}
}
@media(max-width:520px){
  .operator-status-card{grid-template-columns:minmax(0,1fr) auto;padding:10px}
  .operator-status-main .eyebrow{font-size:8px}.operator-state-line b{font-size:12px}.operator-status-main small{font-size:8px}
  .operator-status-actions{display:grid;grid-template-columns:auto auto;gap:5px}
  .eta-inline{grid-column:1/-1;justify-content:flex-end}
  .operator-status-actions .btn{font-size:9px;min-height:36px}
  .eta-inline select{min-height:36px;min-width:76px;font-size:12px}
  .rider-hero-copy{left:13px;max-width:48%}.rider-hero-copy b{font-size:13px}.rider-hero-strip img{width:64%;right:-16px}
}
@media(max-width:390px){
  .operator-status-actions .btn{padding:7px 6px}
  .home-motto{font-size:9px;gap:5px}
}


/* =========================================================
   SOS RIDER · AREA RIDER 2.0
   ========================================================= */
.ui-icon,.nav-icon,.btn-icon,.mini-inline-icon,.operator-kicker-icon,.alarm-icon{display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.ui-icon{width:21px;height:21px}.btn-icon{width:16px;height:16px;margin-right:6px}.mini-inline-icon{width:15px;height:15px;margin-right:4px}.alarm-icon{width:22px;height:22px;margin-right:7px}
.icon-btn .ui-icon{width:22px;height:22px}
.rider-topbar{padding:7px 2px 10px;background:linear-gradient(180deg,var(--bg) 76%,color-mix(in srgb,var(--bg) 0%,transparent))}
.rider-topbar .compact-brand img{width:56px;height:56px}.rider-topbar .compact-brand b{font-size:14px;letter-spacing:.02em}
.rider-topbar .compact-brand small{font-size:10px}
.rider-topbar .icon-btn{width:44px;height:44px;border-radius:14px;box-shadow:none}
.rider-hero-v2{display:block!important;position:relative!important;height:clamp(108px,31vw,150px)!important;min-height:0!important;max-height:150px!important;margin:0 0 12px!important;padding:0!important;border:0!important;border-radius:16px!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important}
.rider-hero-v2::after{display:none!important}
.rider-hero-v2 .rider-hero-art{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center center!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18))!important}

.operator-status-v2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin:0 0 14px;padding:13px 14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--card),var(--panel));color:var(--text);box-shadow:0 10px 28px rgba(0,0,0,.08)}
.operator-kicker{display:flex;align-items:center;gap:6px;color:var(--yellow2);font-size:9px;font-weight:1000;letter-spacing:.14em}
.operator-kicker-icon{width:15px;height:15px}.operator-state-line{margin-top:5px}.operator-state-line b{font-size:15px}
.operator-status-main small{font-size:9px;color:var(--muted);margin-top:3px}
.operator-status-actions{display:grid;grid-template-columns:auto;gap:7px;justify-items:end}
.operator-toggle{display:flex;gap:6px}.operator-toggle .btn{min-height:38px;border-radius:12px;padding:8px 11px}
.status-on{background:var(--yellow);color:#111;border-color:var(--yellow)}.status-off{background:var(--surface2,#141414);color:var(--text);border:1px solid var(--line2)}
.status-led{width:10px;height:10px;border-radius:50%;margin-right:6px;box-shadow:0 0 0 3px rgba(0,0,0,.06)}.status-led.green{background:var(--green)}.status-led.red{background:var(--red)}
.eta-inline{display:grid;grid-template-columns:auto auto;gap:7px;align-items:center;color:var(--muted)}
.eta-inline select{min-width:92px;min-height:38px;margin:0;padding:7px 28px 7px 10px;background:var(--input,#0d0d0d);color:var(--text);border-color:var(--line2);font-size:13px;font-weight:900}
.availability-dot{width:12px;height:12px}

.page-title-row{margin:10px 3px 13px}.page-title-row .eyebrow{font-size:9px}.page-title-row h1{font-size:31px;letter-spacing:-.035em}
.sync-card-v2{position:relative;display:grid;grid-template-columns:auto auto 1fr;gap:9px;padding:12px 13px;border-radius:16px;box-shadow:none}
.sync-icon-wrap{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--yellow2)}
.sync-icon-wrap .ui-icon{width:18px;height:18px}.sync-card-v2 .sync-dot{width:8px;height:8px;align-self:center;margin-left:-13px;margin-top:22px}
.fallback-card{opacity:.86;box-shadow:none}.fallback-card:hover{opacity:1}
.section-title-with-icon{display:flex;align-items:center;gap:10px;min-width:0}.section-title-with-icon h2{margin:0}.section-title-with-icon .eyebrow{margin-bottom:3px}
.section-icon{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--yellow2);border:1px solid color-mix(in srgb,var(--yellow) 26%,var(--line))}
.section-icon .ui-icon{width:20px;height:20px}

.rider-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:2px}
.rider-stats-grid .stat-card{position:relative;min-height:116px;padding:13px;border-radius:17px;background:linear-gradient(155deg,var(--card),var(--panel));border:1px solid var(--line);box-shadow:0 9px 24px rgba(0,0,0,.06);overflow:hidden}
.rider-stats-grid .stat-card:last-child{grid-column:1/-1;min-height:105px}
.stat-card-head{display:flex;align-items:center;gap:9px}.stat-card-head small{font-size:9px;line-height:1.2}
.stat-icon{flex:0 0 36px;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--surface2,#151515);border:1px solid var(--line);color:var(--yellow2)}
.stat-icon .ui-icon{width:19px;height:19px}.stat-card>b{font-size:23px;margin-top:12px;letter-spacing:-.025em}
.stat-available{border-color:color-mix(in srgb,var(--yellow) 48%,var(--line))!important}.stat-available .stat-icon,.stat-profit .stat-icon{background:var(--accent-soft);color:var(--yellow2)}
.stat-reconcile .stat-icon{color:#6f8eb1;background:var(--blue-soft,#101b29)}.stat-due .stat-icon{color:#b47a2d;background:#fff5e7}
.operational-card{padding:14px;border-radius:18px;box-shadow:none}.operational-card .section-head{align-items:center}
.empty-shift-card{text-align:center;padding:28px 18px}.empty-state-icon{width:58px;height:58px;margin:0 auto 10px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--yellow2)}.empty-state-icon .ui-icon{width:28px;height:28px}

.request-card,.order-card,.restaurant-card{border-radius:18px;padding:13px;box-shadow:none}
.route-box{border-radius:14px}.order-grid,.request-grid{gap:7px}.kv{border-radius:12px}
.cash-panel{border-top:0;padding-top:0}.cash-note{display:flex;align-items:center;gap:5px;border-radius:13px}
.fund-rest-box{border-width:1px;background:linear-gradient(145deg,var(--accent-soft),var(--surface));color:var(--text)}
.cash-total-box,.change-box{border-radius:14px}
.restaurant-return{border-radius:14px}.map-return-btn{gap:4px}

.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.analytics-grid .stat-card{min-height:105px;border-radius:16px}
.analytics-chart-card{overflow:hidden}.analytics-range-label{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.period-tabs{padding:2px 0 4px;gap:7px}.chip{min-height:36px;padding:8px 12px;border-radius:12px}.chip.active{background:var(--yellow);color:#111;border-color:var(--yellow)}
.chart{height:205px;gap:8px;padding-top:18px}.bar-wrap{min-width:42px}.bar{width:27px}.bar.zero{opacity:.28}.bar-value{font-weight:800}

.bottom-nav-v2{gap:7px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--navbg,rgba(7,7,7,.96));backdrop-filter:blur(16px);border-top:1px solid var(--line)}
.bottom-nav-v2 .nav-btn{min-height:61px;border-radius:16px;background:var(--surface,#111);color:var(--muted);border-color:var(--line);gap:4px}
.nav-icon{width:22px;height:22px}.bottom-nav-v2 .nav-btn.active{background:var(--accent-soft);color:#8a6d00;border-color:color-mix(in srgb,var(--yellow) 70%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--yellow) 20%,transparent)}
.bottom-nav-v2 .nav-btn small{font-size:8px;letter-spacing:.03em}

html[data-theme="day"] .operator-status-card{background:linear-gradient(145deg,#fff,#f8f9fa);border-color:#d7dbe0;color:#17191c;box-shadow:0 10px 26px rgba(25,31,40,.07)}
html[data-theme="day"] .operator-status-main small{color:#6c727a}
html[data-theme="day"] .operator-toggle .status-off{background:#fff;color:#24272b;border-color:#cfd3d8}
html[data-theme="day"] .eta-inline select{background:#fff;color:#17191c;border-color:#cfd3d8}
html[data-theme="day"] .rider-stats-grid .stat-card{background:linear-gradient(155deg,#fff,#f8f9fa)}
html[data-theme="day"] .stat-due .stat-icon{background:#fff3e1;color:#a86718}
html[data-theme="day"] .fund-rest-box{background:linear-gradient(145deg,#fff8d6,#fff)}
html[data-theme="day"] .bottom-nav-v2 .nav-btn{background:#fff}
html[data-theme="day"] .bottom-nav-v2 .nav-btn.active{background:#fff3b1;color:#6d5600}

@media(max-width:520px){
  .rider-hero-v2{margin-left:-5px!important;margin-right:-5px!important}
  .operator-status-v2{grid-template-columns:minmax(0,1fr) auto;padding:11px 12px;gap:8px}
  .operator-status-actions{gap:5px}.operator-toggle .btn{padding:7px 8px;font-size:8px}.status-led{width:8px;height:8px;margin-right:4px}
  .eta-inline{font-size:8px}.eta-inline select{min-width:80px;min-height:34px;font-size:11px}
  .operator-state-line b{font-size:12px}.operator-status-main small{font-size:8px}.operator-kicker{font-size:8px}
  .rider-stats-grid .stat-card{min-height:108px;padding:11px}.stat-card>b{font-size:21px}.stat-icon{width:32px;height:32px;flex-basis:32px}
  .page-title-row h1{font-size:29px}
  .bottom-nav-v2 .nav-btn{min-height:59px}
}


/* Area Rider 2.0 — compact hero banner */
.rider-hero-v2{
  position:relative!important;
  min-height:0!important;
  height:auto!important;
  margin:2px 0 12px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.rider-hero-v2::after{display:none!important}
.rider-hero-v2 .rider-hero-art{
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:1500/460;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.16))!important;
}
@media(max-width:520px){
  .rider-hero-v2{margin:0 0 10px!important}
  .rider-hero-v2 .rider-hero-art{width:100%!important}
}

/* V10.0.10 · EXACT RIDER BANNER SIZING */
.rider-hero-v2{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:860px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto 12px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.rider-hero-v2::after{display:none!important}
.rider-hero-v2 .rider-hero-art{
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.16))!important;
  transform:none!important;
}
@media(max-width:520px){
  .rider-hero-v2{
    width:100%!important;
    max-width:none!important;
    margin:0 auto 10px!important;
  }
  .rider-hero-v2 .rider-hero-art{width:100%!important}
}

/* V10.0.11 · RIDER BANNER HARD FIX */
.rider-hero-v2{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:860px!important;
  aspect-ratio:3/1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto 12px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}
.rider-hero-v2::after{display:none!important}
.rider-hero-v2 .rider-hero-art{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.16))!important;
  transform:none!important;
}
@media(max-width:520px){
  .rider-hero-v2{
    width:100%!important;
    max-width:none!important;
    aspect-ratio:3/1!important;
    margin:0 auto 10px!important;
  }
}

/* V10.2.0 · LIVE ETA ENGINE UI */
.live-eta-box,.rider-eta-panel{
  margin:12px 0 10px;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--yellow) 42%,var(--line));
  border-radius:15px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--yellow) 10%,var(--surface)),var(--surface2));
}
.live-eta-title,.rider-eta-head{
  color:var(--yellow2);
  font-size:9px;
  font-weight:1000;
  letter-spacing:.09em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.live-eta-grid,.rider-eta-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.live-eta-grid>div,.rider-eta-grid>div{
  min-width:0;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
}
.live-eta-grid small,.rider-eta-grid small{
  display:block;
  color:var(--muted);
  font-size:8px;
  font-weight:900;
  letter-spacing:.07em;
}
.live-eta-grid b,.rider-eta-grid b{
  display:block;
  margin-top:3px;
  font-size:15px;
  line-height:1.15;
}
.live-eta-grid span,.rider-eta-grid span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:9px;
}
.eta-queue-note{
  margin-top:8px;
  padding:7px 9px;
  border-radius:10px;
  background:color-mix(in srgb,var(--yellow) 14%,transparent);
  font-size:10px;
  font-weight:800;
}
.eta-model-note{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:8px;
  line-height:1.35;
}
.rider-eta-panel{margin:10px 0}
.rider-eta-panel.preview{opacity:.86;border-style:dashed}
.rider-eta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:430px){
  .live-eta-grid,.rider-eta-grid{grid-template-columns:1fr 1fr}
  .live-eta-grid b,.rider-eta-grid b{font-size:13px}
  .eta-inline span{font-size:7px}
}


/* =========================================================
   SOS RIDER V11 · DISPATCH + GPS
   ========================================================= */
.rider-gps-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;margin-top:1px;border-top:1px solid rgba(255,255,255,.08)}
.rider-gps-status{min-width:0;font-size:10px;font-weight:850;letter-spacing:.01em;display:flex;align-items:center;gap:5px}
.rider-gps-status.ok{color:var(--green)}
.rider-gps-status.warn{color:#ffd76a}
.rider-gps-status.idle{color:#aab0b5}
.rider-gps-row .btn{min-height:32px;padding:6px 9px;font-size:9px;white-space:nowrap}

.dispatch-decision{margin-top:9px;padding:10px 11px;border-radius:13px;border:1px solid #4a4a4a;background:#121212}
.dispatch-decision.green{border-color:#2d6541;background:#102419}
.dispatch-decision.yellow{border-color:#6f5c00;background:#211b00}
.dispatch-decision.red{border-color:#7b3232;background:#2b1111}
.dispatch-decision-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.dispatch-decision-head b{font-size:12px;letter-spacing:.035em}
.dispatch-decision-head span{font-size:10px;font-weight:900;white-space:nowrap}
.dispatch-decision p{margin:6px 0 3px!important;color:var(--text)!important;font-size:11px;line-height:1.4}
.dispatch-decision small{display:block;color:#b8b8b8;font-size:9px;line-height:1.45}
.dispatch-decision.green .dispatch-decision-head{color:#b9efca}
.dispatch-decision.yellow .dispatch-decision-head{color:#ffe36d}
.dispatch-decision.red .dispatch-decision-head{color:#ffb0b0}

html[data-theme="day"] .rider-gps-row{border-top-color:rgba(255,255,255,.13)}
html[data-theme="day"] .dispatch-decision p{color:#fff!important}

@media(max-width:520px){
  .rider-gps-row{align-items:flex-start}
  .rider-gps-status{font-size:9px;line-height:1.35}
  .dispatch-decision-head{align-items:flex-start}
  .dispatch-decision-head span{font-size:9px}
}

/* V11 staging safety banner */
.staging-banner{
  position:fixed;top:0;left:0;right:0;z-index:10050;
  min-height:24px;padding:5px 10px;
  display:flex;align-items:center;justify-content:center;
  background:#7a130f;color:#fff;
  border-bottom:1px solid rgba(255,255,255,.25);
  font-size:10px;font-weight:1000;letter-spacing:.10em;text-align:center;
}
body{padding-top:24px}
@media(max-width:520px){
  .staging-banner{font-size:9px;letter-spacing:.06em}
}

/* V11 login password visibility */
.password-field{
  position:relative;
  display:block;
}
.password-field input{
  width:100%;
  padding-right:58px;
}
.password-toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:12px;
  background:transparent;
  color:currentColor;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.password-toggle:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
}
.password-eye{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.password-eye-off{display:none}
.password-toggle.is-visible .password-eye-open{display:none}
.password-toggle.is-visible .password-eye-off{display:block}

/* SOS RIDER V11.5 — Cliente veloce: quattro schede, CTA fissa, account compatto */
#clientHub{padding-bottom:calc(198px + env(safe-area-inset-bottom))}
#clientAvailability{margin:8px 0 18px}
#clientAccountCard,#clientGuestCard{margin:0 0 16px}
#clientHub .client-account-strip{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 14px}
.client-account-identity{flex:1;min-width:0}
#clientHub #clientAccountName{font-size:clamp(21px,4vw,27px);line-height:1.15;font-weight:1000;letter-spacing:-.02em;overflow-wrap:anywhere;margin:5px 0}
#clientHub .client-account-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
#clientHub .account-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;flex-wrap:nowrap}
#clientHub .account-actions .btn{min-width:64px}
#clientHub .account-actions .hidden{display:none!important}
.client-page{display:none}.client-page.active{display:block}
.client-flow-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:6px 2px 13px}
.client-flow-head h1{margin:4px 0 0;font-size:clamp(24px,5vw,32px);line-height:1.1}
.client-flow-hint{color:var(--muted);font-size:10px;text-align:right;max-width:115px;line-height:1.3}
.client-flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 13px}
.client-flow-steps span{border-bottom:4px solid var(--line2);color:var(--muted);font-size:10px;font-weight:900;padding:6px 2px 9px;text-align:center;white-space:nowrap}
.client-flow-steps span.active{border-color:var(--yellow);color:var(--text)}
.client-pickup-details{display:block;border:1px solid var(--line2);background:var(--surface,#111);border-radius:15px;padding:11px 12px}
.client-pickup-details summary{display:flex;gap:8px;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}
.client-pickup-details summary::-webkit-details-marker{display:none}
.client-pickup-details summary b{font-size:14px;display:block}
.client-pickup-details summary small{font-size:11px;color:var(--muted);margin-top:4px;display:block;line-height:1.35;max-width:480px;overflow-wrap:anywhere}
.client-change-hint{color:var(--yellow);font-size:10px;font-weight:900;white-space:nowrap}
.client-pickup-details[open] .client-change-hint{font-size:0}
.client-pickup-details[open] .client-change-hint::after{content:'CHIUDI ▴';font-size:10px}
.client-pickup-fields{margin-top:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.client-pickup-fields>.address-field{grid-column:1/-1}
.client-pickup-fields label{min-width:0}
.client-form-section-heading{border-top:1px solid var(--line);padding-top:14px}
.client-form-section-heading b{display:block;font-size:15px}
.client-form-section-heading small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.client-floating-action{position:fixed;z-index:95;left:50%;transform:translateX(-50%);bottom:calc(80px + env(safe-area-inset-bottom));width:min(820px,100%);padding:10px 12px 8px;text-align:center;background:var(--navbg,rgba(7,7,7,.96));border-top:1px solid var(--line);box-shadow:0 -10px 28px rgba(0,0,0,.16);backdrop-filter:blur(15px)}
.client-floating-action .btn{min-height:51px}
.client-floating-action small{display:block;color:var(--muted);font-size:10px;padding-top:4px}
.client-bottom-nav{width:min(820px,100%)}
.client-list-hint{font-size:12px;color:var(--muted);margin:0 2px 14px}
.client-list-stack{display:grid;gap:10px}
.client-request-row{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:0}
.client-request-row div{min-width:0}
.client-request-row b{display:block;font-size:14px;line-height:1.3}
.client-request-row small{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:4px;overflow-wrap:anywhere}
.client-empty{padding:18px;font-size:13px;color:var(--muted);line-height:1.5}
.client-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:13px}
.client-analytics-grid .stat-card{min-width:0}
.client-analytics-grid .stat-card b{font-size:clamp(17px,4vw,24px);overflow-wrap:anywhere}
.client-help{text-align:center;padding:18px 0 6px}
.client-help a{color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}
#clientPageHistory .client-recent{margin-bottom:9px}
#clientPageHistory #clientRecentSection{margin-top:0}
#clientHub .client-quote-success{color:var(--green)}
@media(max-width:700px){
  #clientHub .client-account-strip{align-items:center;flex-direction:row}
  #clientHub .client-account-strip .account-actions{justify-content:flex-end}
  #clientHub #clientAccountName{font-size:21px}
  .client-pickup-fields{grid-template-columns:1fr}
}
@media(max-width:390px){
  .client-flow-steps span{font-size:9px}
  #clientHub #clientAccountName{font-size:19px}
  #clientHub .client-account-strip{padding:10px}
}
html[data-theme="day"] .client-floating-action{background:rgba(244,245,246,.97)}
html[data-theme="day"] .client-pickup-details{background:#fff}

/* Un solo pulsante primario di calcolo: la barra fissa lo richiama. */
#clientPageNew #clientCalcQuote{display:none}

/* V11.5.1 · Home WhatsApp, history cleanup and analytics */
.home-route-actions .home-whatsapp{grid-column:1/-1;min-height:53px;border:2px solid #27c96b;background:linear-gradient(120deg,#123c24,#075226);color:#edfff4;box-shadow:0 0 13px #15ae5950;letter-spacing:.03em}
.home-route-actions .home-whatsapp:hover{filter:brightness(1.15)}
html[data-theme="day"] .home-route-actions .home-whatsapp{background:#e4f9eb;border-color:#26ad5d;color:#12552c}
.client-entry-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.client-remove-btn{border-color:#60504a!important;color:#e9b7b0!important}
.client-period-tabs{margin:12px 0}
.client-analytics-chart{padding-bottom:17px}
.client-analytics-chart .chart{height:190px;max-width:100%;overflow-x:auto}
.client-analytics-chart .bar-wrap{min-width:44px}
.client-analytics-chart .bar-value{font-size:8px;white-space:nowrap}
.client-analytics-chart .bar-label{white-space:nowrap}
.archive-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.archive-entry-actions{display:flex;justify-content:flex-end;margin-top:9px}
.archive-entry-actions .btn{border-color:#665049;color:#ffc8bd}
#clientPageAnalytics .stat-card b{font-variant-numeric:tabular-nums}
@media(max-width:390px){.archive-actions .btn{font-size:9px;padding:6px 8px}.client-entry-actions{flex-direction:column}.client-period-tabs .chip{font-size:9px}}

/* Stato operatore: un solo tasto evidenziato, coerente con la risposta del server. */
#riderAvailabilityControl .operator-toggle .btn{
  background:var(--surface2,#141414);color:var(--text);border:1px solid var(--line2);
  box-shadow:none;transition:background .16s,border-color .16s,box-shadow .16s,color .16s;
}
#riderAvailabilityControl .operator-toggle .btn.is-selected{
  background:#ffd000;color:#171300;border-color:#ffd000;
  box-shadow:0 0 0 2px rgba(255,208,0,.20),0 0 16px rgba(255,208,0,.42);
}
#riderAvailabilityControl .operator-toggle .btn.is-selected .status-led{
  box-shadow:0 0 0 2px rgba(0,0,0,.16);
}
#riderAvailabilityControl .operator-toggle .btn:focus-visible{
  outline:2px solid #ffd000;outline-offset:2px;
}
html[data-theme="day"] #riderAvailabilityControl .operator-toggle .btn:not(.is-selected){
  background:#fff;color:#24272b;border-color:#cfd3d8;
}