*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background:#09090b;color:#f4f4f5}.leaflet-container{background:#18181b;font:inherit}.leaflet-control-zoom a,.leaflet-control-layers{background:#18181b!important;color:#f4f4f5!important;border-color:#3f3f46!important}.route-map-control{width:34px;height:34px;margin-top:6px;border:1px solid #3f3f46;border-radius:10px;background:#18181b;color:#d4d4d8;font-size:20px;line-height:30px;cursor:pointer;box-shadow:0 2px 8px #0006}.route-map-control:hover{background:#27272a;color:#fff}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#18181b;color:#f4f4f5}.route-popup{min-width:150px;display:flex;flex-direction:column;gap:4px}.route-popup strong{font-size:13px}.route-popup span{font-size:11px;line-height:1.35;color:#d4d4d8}.route-popup small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#71717a}.stop-card{box-shadow:0 1px 2px #0006}.stop-card:hover{border-color:#52525b;transform:translateY(-1px)}.stop-card.dragging{opacity:.45}.stop-card.drop-target{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}button,input,select,textarea{font:inherit}button{transition:.16s ease}button:active{transform:scale(.98);touch-action:manipulation}input,select,textarea{font-size:16px!important}.safe-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}.safe-top{padding-top:max(0px,env(safe-area-inset-top))}.mobile-map-open{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:500!important}.mobile-map-open #leafletMap{height:100%;min-height:100%}@media(max-width:1023px){.mobile-panel{padding-bottom:110px}.mobile-header b{font-size:14px}.mobile-header .hidden.md\\:block{display:none!important}.route-ribbon{display:none!important}.mobile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px!important}.mobile-metrics>div{min-width:0;padding:10px!important;border-radius:14px}.mobile-metrics small{font-size:9px}.mobile-metrics .text-lg{font-size:15px}.mobile-action-grid{display:grid;grid-template-columns:1fr 1fr!important;gap:8px}.mobile-action-grid button{min-height:48px;padding-left:10px;padding-right:10px;font-size:12px}.mobile-action-grid #startRoute{grid-column:1/-1;min-height:54px;font-size:14px}.mobile-panel>div{padding-left:12px!important;padding-right:12px!important}.mobile-card{padding:13px!important;border-radius:17px!important}.mobile-card>div:first-child{width:34px;height:34px}.mobile-card .font-semibold{font-size:14px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip}.mobile-header #signout{display:none}.mobile-panel #address{height:52px}.mobile-panel #add{height:52px;width:52px}.mobile-card .mobile-stop-tools{margin-left:-2px;margin-right:-4px}.mobile-stop-tools{flex-wrap:nowrap}.mobile-stop-tools button,.mobile-stop-tools label{width:40px;height:40px;min-width:40px;min-height:40px;padding:9px!important}.mobile-card details{margin-top:8px}.mobile-card details .grid{grid-template-columns:1fr 1fr!important}.mobile-card details .grid.grid-cols-2{grid-template-columns:1fr!important}.mobile-location input{min-width:0}.mobile-map-toggle{bottom:max(18px,env(safe-area-inset-bottom));right:14px;min-height:52px;padding:0 20px;border:1px solid #818cf8}.mobile-panel .mt-7{margin-top:20px}.mobile-panel .mt-4{margin-top:12px}.mobile-panel h2{font-size:17px}}.route-ribbon{scrollbar-width:none}.route-ribbon::-webkit-scrollbar{display:none}@media(max-width:1023px){#leafletMap{min-height:100%}.mobile-action-grid{grid-template-columns:1fr 1fr}.mobile-action-grid #startRoute{grid-column:1/-1}.mobile-metrics{grid-template-columns:1fr 1fr}.mobile-header{height:60px!important;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.mobile-stop-tools button,.mobile-stop-tools label{min-width:42px;min-height:42px}.mobile-card details summary{min-height:42px;display:flex;align-items:center}.mobile-map-toggle{bottom:max(16px,env(safe-area-inset-bottom));right:16px}.mobile-app{width:100%;min-height:100dvh}.mobile-top{height:68px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27272a;background:rgba(9,9,11,.96);position:sticky;top:0;z-index:100}.mobile-brand{display:flex;align-items:center;gap:10px}.mobile-brand b{display:block;font-size:15px;line-height:1.1}.mobile-brand span{display:block;color:#71717a;font-size:10px;margin-top:3px}.mobile-logo{width:36px;height:36px;border-radius:11px;background:#4f46e5;display:flex;align-items:center;justify-content:center;font-weight:900}.mobile-top-actions{display:flex;gap:7px}.mobile-icon-btn{width:42px;height:42px;border:1px solid #3f3f46;border-radius:12px;background:#18181b;color:#d4d4d8;display:flex;align-items:center;justify-content:center}.mobile-icon-btn svg{width:18px;height:18px}.mobile-shell{padding:14px 14px 112px;max-width:560px;margin:0 auto}.mobile-status{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #27272a;background:#111113;border-radius:18px}.mobile-eyebrow{display:block;color:#71717a;font-size:9px;letter-spacing:.13em;font-weight:800}.mobile-status-row{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:15px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#71717a}.status-dot.emerald{background:#34d399}.status-dot.amber{background:#fbbf24}.mobile-stop-count{text-align:right}.mobile-stop-count b{display:block;font-size:20px}.mobile-stop-count span{color:#71717a;font-size:10px}.mobile-add{margin-top:12px;padding:15px;border:1px solid #27272a;background:#111113;border-radius:18px;position:relative;overflow:visible}.mobile-section-label{font-size:9px;letter-spacing:.13em;color:#71717a;font-weight:800;margin-bottom:8px}.mobile-add-row{display:flex;gap:8px}.mobile-input-wrap{height:52px;flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #3f3f46;border-radius:14px;background:#09090b}.mobile-input-wrap svg{width:18px;color:#818cf8;flex:none}.mobile-input-wrap input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#fff}.mobile-input-wrap input::placeholder{color:#71717a}.mobile-add-btn{width:52px;height:52px;flex:none;border-radius:14px;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center}.mobile-add-btn svg{width:20px}.mobile-suggestions{position:absolute;left:15px;right:15px;top:76px;z-index:900}.mobile-suggestions>div{margin-top:0;border-radius:14px;overflow:hidden;max-height:280px;overflow-y:auto;box-shadow:0 18px 45px #000b}.mobile-suggestions button{min-height:48px;white-space:normal;line-height:1.3;padding-top:10px;padding-bottom:10px}.mobile-import{width:100%;height:42px;margin-top:8px;border:1px solid #27272a;border-radius:12px;background:#18181b;color:#a1a1aa;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}.mobile-actions{margin-top:12px}.mobile-primary,.mobile-start{width:100%;height:54px;border-radius:15px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-primary{background:#4f46e5;color:#fff}.mobile-start{margin-top:8px;background:#34d399;color:#09090b}.mobile-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.mobile-secondary-actions button{height:44px;border:1px solid #3f3f46;border-radius:13px;background:#111113;color:#d4d4d8;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}.mobile-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.mobile-kpis>div{min-width:0;padding:12px 10px;border:1px solid #27272a;border-radius:14px;background:#111113}.mobile-kpis span{display:block;color:#71717a;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.mobile-kpis b{display:block;margin-top:5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-route-summary{margin-top:12px}.mobile-route-summary>.mt-5{margin-top:0!important}.mobile-route-summary .grid{grid-template-columns:1fr 1fr!important}.mobile-route-summary .rounded-2xl{border-radius:17px}.mobile-route-summary h3{font-size:15px}.mobile-stops{margin-top:18px}.mobile-stops-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:9px}.mobile-stops-head h2{font-size:20px;margin:4px 0 0;font-weight:800}.mobile-stops-head label{font-size:9px;color:#71717a;text-transform:uppercase;letter-spacing:.08em}.mobile-stops-head input{display:block;margin-top:4px;width:96px;height:36px;padding:0 8px;border:1px solid #3f3f46;border-radius:10px;background:#111113;color:#fff}.mobile-locations{margin-bottom:9px}.mobile-locations details{border:1px solid #27272a;border-radius:14px;background:#111113;padding:11px 13px}.mobile-locations summary{font-size:12px;font-weight:700;color:#a1a1aa}.mobile-card-list{display:grid;gap:9px}.mobile-stop-item{width:100%;min-width:0;padding:14px;border:1px solid #27272a;border-radius:17px;background:#111113;box-shadow:0 1px 2px #0006}.mobile-stop-main{display:flex;gap:11px;align-items:flex-start;min-width:0}.mobile-stop-number{width:34px;height:34px;min-width:34px;border-radius:11px;background:#312e81;color:#c7d2fe;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.mobile-stop-number.boundary{background:#064e3b;color:#6ee7b7}.mobile-stop-body{min-width:0;flex:1}.mobile-stop-address{font-size:14px;line-height:1.35;font-weight:750;overflow-wrap:anywhere}.mobile-stop-sub{font-size:10px;color:#71717a;margin-top:4px;overflow-wrap:anywhere}.mobile-stop-actions{display:flex;align-items:center;gap:5px;margin-top:12px;min-width:0}.mobile-role-btn{height:34px;padding:0 9px;border:1px solid #3f3f46;border-radius:9px;background:#18181b;color:#a1a1aa;font-size:10px;font-weight:800;white-space:nowrap}.mobile-role-btn.active{border-color:#065f46;background:#064e3b;color:#6ee7b7}.mobile-actions-spacer{flex:1;min-width:2px}.mobile-tool-btn{width:34px;height:34px;min-width:34px;border:1px solid #3f3f46;border-radius:9px;background:#18181b;color:#a1a1aa;display:flex;align-items:center;justify-content:center}.mobile-tool-btn svg{width:15px;height:15px}.mobile-tool-btn.danger{color:#71717a}.mobile-advanced{margin-top:10px;border-top:1px solid #27272a;padding-top:9px}.mobile-advanced summary{font-size:10px;color:#a1a1aa;font-weight:700;cursor:pointer;list-style:none}.mobile-advanced summary::-webkit-details-marker{display:none}.mobile-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.mobile-advanced-grid label{font-size:9px;color:#71717a}.mobile-advanced-grid input,.mobile-advanced-grid select{display:block;width:100%;height:38px;margin-top:4px;padding:0 8px;border:1px solid #3f3f46;border-radius:9px;background:#09090b;color:#fff;font-size:12px!important}.mobile-advanced-grid .mobile-lock{display:flex;align-items:center;gap:7px;height:38px}.mobile-advanced-grid .mobile-lock input{display:inline;width:auto;height:auto;margin:0}.mobile-map-fab{position:fixed;z-index:600;right:14px;bottom:max(18px,env(safe-area-inset-bottom));height:54px;padding:0 19px;border:1px solid #818cf8;border-radius:999px;background:#4f46e5;color:#fff;font-weight:900;box-shadow:0 12px 30px #0009;display:flex;align-items:center;gap:8px}.mobile-map-overlay{position:fixed;inset:0;z-index:1100;background:#09090b}.mobile-map-overlay #leafletMap{position:absolute;inset:0;width:100%;height:100%;min-height:100dvh}.mobile-map-bar{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;right:12px;z-index:1200;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #3f3f46;border-radius:16px;background:rgba(9,9,11,.92);backdrop-filter:blur(12px)}.mobile-map-bar b{display:block;font-size:13px}.mobile-map-bar span{display:block;color:#a1a1aa;font-size:10px;margin-top:2px}.mobile-map-close{width:40px;height:40px;border:1px solid #3f3f46;border-radius:12px;background:#18181b;color:#fff;display:flex;align-items:center;justify-content:center}.mobile-map-overlay .leaflet-control-zoom{margin-top:70px!important}.mobile-map-overlay .leaflet-control-layers{margin-bottom:90px!important}.mobile-map-overlay.hidden{display:none!important}}
@media(min-width:1024px){.mobile-app{display:none!important}}
/* VoltioAI light brand system — v95 */
:root{color-scheme:light}
html,body,#root{background:#f7f8fa;color:#18181b}
body{background:#f7f8fa;color:#18181b}
/* Core surfaces */
.bg-zinc-950{background:#fff!important}.bg-zinc-900{background:#f8fafc!important}.bg-zinc-800{background:#eef1f5!important}.bg-zinc-700{background:#e1e5eb!important}.bg-zinc-900\/90{background:rgba(248,250,252,.94)!important}.bg-zinc-900\/70{background:rgba(248,250,252,.86)!important}.bg-zinc-900\/60{background:rgba(248,250,252,.78)!important}.bg-zinc-900\/50{background:rgba(248,250,252,.7)!important}.bg-zinc-950\/90{background:rgba(255,255,255,.94)!important}.bg-zinc-950\/70{background:rgba(255,255,255,.9)!important}
.border-zinc-800{border-color:#e3e7ed!important}.border-zinc-700{border-color:#d5dae2!important}.border-zinc-600{border-color:#c8ced8!important}.text-zinc-950{color:#18181b!important}.text-zinc-300{color:#3f4650!important}.text-zinc-400{color:#5f6875!important}.text-zinc-500{color:#737d8b!important}.text-zinc-600{color:#8a94a3!important}
.hover\\:bg-zinc-800:hover{background:#eef1f5!important}.hover\\:bg-zinc-900:hover{background:#f1f4f8!important}
/* Inputs / controls */
input,select,textarea{color:#18181b;background:#fff}.bg-zinc-950 input,.bg-zinc-900 input{background:#fff!important;color:#18181b!important}.placeholder\\:text-zinc-600::placeholder{color:#9aa3af!important}
/* Brand accent */
.bg-indigo-500{background:#4f46e5!important;color:#fff!important}.hover\\:bg-indigo-400:hover{background:#4338ca!important;color:#fff!important}.text-indigo-400,.text-indigo-300{color:#4f46e5!important}.border-indigo-500{border-color:#4f46e5!important}
/* White logo plate: make the brand asset visually intentional */
.mobile-logo{background:#fff!important;border:1px solid #e3e7ed;box-shadow:0 4px 14px rgba(15,23,42,.08)}
/* Planner chrome */
.mobile-top,.mobile-status,.mobile-add,.mobile-kpis>div,.mobile-stop-item,.mobile-locations details,.mobile-secondary-actions button{background:#fff!important;border-color:#e3e7ed!important;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.mobile-input-wrap{background:#fff!important;border-color:#d5dae2!important}
.mobile-import{background:#fff!important;border-color:#d5dae2!important;color:#5f6875!important}
.mobile-tool-btn,.mobile-role-btn{background:#fff!important;border-color:#d5dae2!important;color:#5f6875!important}
.mobile-map-fab,.mobile-add-btn{background:#4f46e5!important}
/* Keep maps visually independent from the app shell */
.leaflet-container{background:#e5e7eb}.leaflet-control-zoom a,.leaflet-control-layers{background:#fff!important;color:#18181b!important;border-color:#d5dae2!important}.route-map-control{background:#fff;color:#3f4650;border-color:#d5dae2}.route-map-control:hover{background:#f1f4f8;color:#18181b}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#18181b}
/* Driver mode remains high-contrast for use on the road */
.fixed.bg-zinc-950{background:#fff!important;color:#18181b}
/* VoltioAI brand integration — v97 */
@media(min-width:1024px){
.mobile-header{height:76px!important;padding:0 22px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e6e9ef!important;box-shadow:0 4px 22px rgba(15,23,42,.045);backdrop-filter:blur(18px)}
.mobile-header img[src="/voltioai-logo.svg"]{height:54px!important;width:176px!important;object-fit:contain;object-position:left center;display:block}
main.min-h-\[calc\(100vh-4rem\)\]{min-height:calc(100vh - 76px)!important}
#map.lg\:top-16{top:76px!important}
#map.lg\:h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 76px)!important}
}
@media(max-width:1023px){
.mobile-top{height:72px!important;background:rgba(255,255,255,.97)!important;border-color:#e6e9ef!important;box-shadow:0 3px 18px rgba(15,23,42,.045)}
.mobile-brand{gap:9px}
.mobile-logo-img{width:42px!important;height:42px!important;object-fit:contain;display:block;filter:drop-shadow(0 5px 8px rgba(79,70,229,.13))}
.mobile-brand b{color:#07132f!important;font-size:16px!important;font-weight:850;letter-spacing:-.025em}
.mobile-brand span{color:#778196!important}
.mobile-icon-btn{background:#fff!important;border-color:#e3e7ed!important;color:#4b5563!important}
}
/* Give the brand gradient a restrained echo in primary controls */
.mobile-add-btn,.mobile-map-fab,.mobile-primary{background:linear-gradient(135deg,#1266ff 0%,#4b22ff 62%,#8527ff 100%)!important;box-shadow:0 7px 18px rgba(79,70,229,.18)}
/* VoltioAI premium cockpit — v102 */
:root{--v-ink:#0a1020;--v-navy:#101a34;--v-panel:#131f3d;--v-line:#263454;--v-muted:#93a4c4;--v-blue:#1677ff;--v-violet:#6d35ff;--v-cyan:#14c9e9}
html,body,#root{background:#0b1224!important;color:#edf4ff!important}
body{background:radial-gradient(circle at 75% 0%,rgba(55,63,180,.17),transparent 32%),linear-gradient(145deg,#091020,#0e1730 55%,#0a1225)!important}
.bg-zinc-950{background:#0d162b!important}.bg-zinc-900{background:#121e39!important}.bg-zinc-800{background:#1a2948!important}.bg-zinc-700{background:#243556!important}
.bg-zinc-900\/90{background:rgba(18,30,57,.94)!important}.bg-zinc-900\/70{background:rgba(18,30,57,.88)!important}.bg-zinc-900\/60{background:rgba(18,30,57,.8)!important}.bg-zinc-900\/50{background:rgba(18,30,57,.72)!important}.bg-zinc-950\/90{background:rgba(9,16,32,.94)!important}.bg-zinc-950\/70{background:rgba(9,16,32,.88)!important}
.border-zinc-800{border-color:#202e4d!important}.border-zinc-700{border-color:#2b3a5c!important}.border-zinc-600{border-color:#3b4a6b!important}
.text-zinc-300{color:#d9e4f6!important}.text-zinc-400{color:#a9b8d1!important}.text-zinc-500{color:#7f91af!important}.text-zinc-600{color:#697b99!important}.text-white{color:#f5f8ff!important}
input,select,textarea{background:#0a1429!important;color:#edf4ff!important;border-color:#31415f!important}input::placeholder,textarea::placeholder{color:#667895!important}
.hover\:bg-zinc-800:hover,.hover\:bg-zinc-900:hover{background:#1a2948!important}
.mobile-header{background:rgba(9,16,32,.92)!important;border-color:#202e4d!important;box-shadow:0 10px 35px rgba(0,0,0,.22)!important;backdrop-filter:blur(18px)}
.mobile-header img[src="/voltioai-logo.svg"]{filter:drop-shadow(0 5px 16px rgba(46,94,255,.14))}
@media(min-width:1024px){
#map{border-right:1px solid #263454!important;box-shadow:12px 0 35px rgba(0,0,0,.12)}
main>section:not(#map){background:linear-gradient(180deg,#0d162b,#0a1327)!important}
.rounded-2xl,.rounded-xl{box-shadow:0 10px 28px rgba(0,0,0,.12)}
}
.mobile-top{background:rgba(9,16,32,.96)!important;border-color:#202e4d!important}
.mobile-status,.mobile-add,.mobile-kpis>div,.mobile-stop-item,.mobile-locations details,.mobile-secondary-actions button{background:linear-gradient(145deg,#121e39,#0f1931)!important;border-color:#263454!important;box-shadow:0 10px 28px rgba(0,0,0,.13)!important}
.mobile-input-wrap{background:#091329!important;border-color:#31415f!important}.mobile-import,.mobile-tool-btn,.mobile-role-btn,.mobile-icon-btn{background:#15213d!important;border-color:#30405f!important;color:#b9c7dd!important}
.mobile-brand b{color:#f4f7ff!important}.mobile-brand span,.mobile-eyebrow,.mobile-stop-count span,.mobile-section-label,.mobile-stop-sub{color:#7f91af!important}
.mobile-logo-img{filter:drop-shadow(0 7px 14px rgba(52,83,255,.28))!important}
.mobile-primary,.mobile-add-btn,.mobile-map-fab{background:linear-gradient(135deg,#08bfe4 0%,#176dff 43%,#6634ff 100%)!important;box-shadow:0 9px 25px rgba(42,84,255,.32)!important}
.mobile-start{background:linear-gradient(135deg,#16d9b1,#34d399)!important;box-shadow:0 8px 20px rgba(52,211,153,.18)!important}
.mobile-stop-number{background:linear-gradient(135deg,#174dba,#5930d7)!important;color:#fff!important}.mobile-stop-number.boundary{background:linear-gradient(135deg,#087e6d,#12a57f)!important;color:#e8fff8!important}
.mobile-map-bar{background:rgba(9,16,32,.94)!important;border-color:#30405f!important}.mobile-map-close{background:#15213d!important;border-color:#30405f!important}
.leaflet-control-zoom a,.leaflet-control-layers,.route-map-control{background:#101a34!important;color:#eaf1ff!important;border-color:#30405f!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#101a34!important;color:#eaf1ff!important}
.bg-indigo-500{background:linear-gradient(135deg,#1677ff,#6735ff)!important}.text-indigo-400,.text-indigo-300{color:#65a4ff!important}.border-indigo-500{border-color:#4c6fff!important}
/* Search/autocomplete — premium dark surface */
#address{background:#091329!important;color:#f4f7ff!important;border-color:#31415f!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
#address:focus{border-color:#4278ff!important;box-shadow:0 0 0 3px rgba(66,120,255,.13),0 10px 28px rgba(0,0,0,.14)!important;outline:none}
#suggestions>div,.mobile-suggestions>div{background:rgba(12,23,46,.98)!important;border:1px solid #31415f!important;box-shadow:0 22px 55px rgba(0,0,0,.42)!important;backdrop-filter:blur(18px)}
#suggestions button,.mobile-suggestions button{background:#0d1931!important;color:#eaf1ff!important;border-color:#223252!important}
#suggestions button:hover,.mobile-suggestions button:hover{background:linear-gradient(90deg,#14284b,#172348)!important}
#suggestions button:focus,.mobile-suggestions button:focus{background:#17294d!important;outline:1px solid #416fff!important;outline-offset:-1px}
#suggestions .text-zinc-500,.mobile-suggestions .text-zinc-500{color:#8496b5!important}
/* VoltioAI Command Center — v104 structural visual system */
@media(min-width:1024px){
.mobile-header{height:72px!important;padding:0 24px!important;background:linear-gradient(90deg,rgba(7,14,29,.98),rgba(12,23,47,.96))!important;border-bottom:1px solid rgba(89,112,160,.22)!important}
.mobile-header img[src="/voltioai-logo.svg"]{width:184px!important;height:50px!important}
main.min-h-\[calc\(100vh-4rem\)\]{min-height:calc(100vh - 72px)!important;background:#091121!important}
#map.lg\:top-16{top:72px!important}#map.lg\:h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 72px)!important}
#map.lg\:w-\[45\%\]{width:52%!important;border-right:1px solid rgba(83,106,151,.25)!important}
section.lg\:w-\[55\%\]{width:48%!important;background:radial-gradient(circle at 90% 0%,rgba(83,52,255,.10),transparent 28%),linear-gradient(180deg,#0c162b,#091225)!important}
section.lg\:w-\[55\%\]>.p-4{max-width:none!important;padding:22px 24px 44px!important}
.route-ribbon{display:grid!important;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:9px!important;overflow:visible!important;margin-bottom:16px!important}
.route-ribbon>div{min-width:0!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(24,38,70,.88),rgba(13,25,49,.94))!important;border-color:rgba(82,107,157,.28)!important;box-shadow:0 12px 25px rgba(0,0,0,.10)!important}
.mobile-metrics{grid-template-columns:repeat(3,1fr)!important;margin-bottom:16px!important}
.mobile-metrics>div{border-radius:16px!important;background:linear-gradient(145deg,#111f3b,#0d192f)!important;border-color:#26395d!important;padding:14px!important;position:relative;overflow:hidden}
.mobile-metrics>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#18cbe8,#4b61ff,#7938ff)}
.stop-card{border-radius:16px!important;background:linear-gradient(145deg,rgba(18,31,58,.98),rgba(12,23,45,.98))!important;border-color:#26395b!important;padding:14px!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important}
.stop-card:hover{border-color:#3d5d94!important;transform:translateY(-1px);box-shadow:0 15px 32px rgba(0,0,0,.18)!important}
#cards{display:grid;gap:10px!important}
#mapStats{font-size:15px;letter-spacing:-.02em}
#leafletMap:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:400;box-shadow:inset -35px 0 70px rgba(5,11,23,.16)}
}
.route-ribbon>div:first-child{border-color:rgba(65,110,255,.42)!important;background:linear-gradient(145deg,rgba(26,51,97,.95),rgba(19,29,58,.96))!important}
#opt{background:linear-gradient(135deg,#12bddf,#176bff 48%,#6935ff)!important;box-shadow:0 10px 28px rgba(35,82,255,.25)!important;border:0!important}
#startRoute{box-shadow:0 10px 24px rgba(16,185,129,.16)!important}
#saveRoute,#myRoutes,#exportPdf,#import{border-color:#2b3e62!important;background:linear-gradient(145deg,#14213d,#101b33)!important}
#saveRoute:hover,#myRoutes:hover,#exportPdf:hover,#import:hover{border-color:#45659b!important;background:#192b4d!important}
#cards:empty:after{content:"Add stops to build your route";display:grid;place-items:center;min-height:140px;border:1px dashed #304568;border-radius:18px;color:#7184a4;font-size:13px;background:rgba(13,25,48,.45)}
.route-map-marker{background:linear-gradient(135deg,#12bfe1,#1b6eff 50%,#6637ff)!important;border:2px solid rgba(255,255,255,.92)!important;box-shadow:0 5px 16px rgba(23,74,255,.38)!important}
.route-map-marker.boundary{background:linear-gradient(135deg,#10b981,#34d399)!important}
@media(max-width:1023px){
.mobile-shell{padding-bottom:105px!important}
.mobile-status{background:linear-gradient(145deg,#142340,#0d1a32)!important}
.mobile-kpis{gap:8px!important}.mobile-kpis>div{background:linear-gradient(145deg,#142440,#0e1b33)!important}
.mobile-stops{padding-top:4px}.mobile-stop-item{border-radius:18px!important}
.mobile-map-fab{bottom:22px!important}
}
/* VoltioAI Command Center — v105 refinement */
@media(min-width:1024px){
section.lg\:w-\[55\%\]>.p-4:before{content:"ROUTE COMMAND CENTER";display:block;margin:0 0 9px 2px;font-size:10px;font-weight:800;letter-spacing:.18em;color:#7186ab}
.route-ribbon>div{transition:border-color .18s ease,transform .18s ease,background .18s ease}.route-ribbon>div:hover{transform:translateY(-1px);border-color:#3d5d91!important}
.mobile-metrics>div small{letter-spacing:.12em!important}.mobile-metrics>div>div{font-size:20px!important;letter-spacing:-.035em}
#address{height:52px!important;border-radius:15px!important;padding-left:16px!important;font-size:14px!important;background:linear-gradient(145deg,#0b172d,#0a1428)!important}
#add{height:52px!important;width:52px!important;border-radius:15px!important;background:linear-gradient(135deg,#12c8e8,#1a69ff 52%,#6736ff)!important;box-shadow:0 9px 24px rgba(38,83,255,.24)!important}
#import{height:52px!important;border-radius:15px!important}
.mobile-action-grid{grid-template-columns:1.35fr .85fr!important}.mobile-action-grid #opt{grid-row:span 2;height:auto!important;min-height:104px!important;font-size:15px!important;border-radius:17px!important}
.mobile-action-grid #saveRoute,.mobile-action-grid #myRoutes,.mobile-action-grid #exportPdf{height:48px!important;border-radius:14px!important}
.mobile-action-grid #startRoute{grid-column:1/-1;height:52px!important;border-radius:15px!important}
details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}
.stop-card>div:first-child{box-shadow:0 7px 18px rgba(41,83,255,.18)}
}
#suggestions{filter:drop-shadow(0 22px 40px rgba(0,0,0,.30))}
#suggestions>div{border-radius:16px!important;overflow:hidden!important}
#suggestions button{min-height:50px!important}
.stop-card details summary,.mobile-advanced summary{font-weight:650!important;color:#91a5c7!important}
.stop-card details[open] summary,.mobile-advanced[open] summary{color:#77a7ff!important}
@media(max-width:1023px){
.mobile-top{padding-left:15px!important;padding-right:12px!important}
.mobile-brand b{font-size:15px!important;letter-spacing:-.02em}.mobile-brand span{font-size:10px!important}
.mobile-status{margin-top:12px!important;border-radius:20px!important;padding:15px 16px!important}
.mobile-add{border-radius:20px!important;padding:15px!important}
.mobile-add-row{gap:9px!important}.mobile-input-wrap{height:50px!important;border-radius:14px!important}.mobile-add-btn{width:50px!important;height:50px!important;border-radius:14px!important}
.mobile-actions{border-radius:20px!important;padding:14px!important;background:linear-gradient(145deg,rgba(18,31,58,.9),rgba(10,20,39,.88))!important;border:1px solid #253858!important}
.mobile-primary,.mobile-start{min-height:50px!important;border-radius:14px!important}
.mobile-kpis>div{border-radius:16px!important;padding:13px 12px!important}.mobile-kpis>div b{font-size:17px!important;letter-spacing:-.03em}
.mobile-stops-head h2{font-size:20px!important;letter-spacing:-.035em}
.mobile-stop-item{padding:14px!important;border-color:#263a5d!important;box-shadow:0 12px 28px rgba(0,0,0,.13)!important}
.mobile-stop-number{width:36px!important;height:36px!important;border-radius:12px!important}
.mobile-map-fab{height:54px!important;padding:0 20px!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(12px)}
}
/* VoltioAI Command Center — v106 signature polish */
@media(min-width:1024px){
#map>div.absolute.z-\[500\]{min-width:210px!important;border-radius:16px!important;padding:13px 15px!important;background:linear-gradient(145deg,rgba(8,17,35,.94),rgba(15,29,56,.92))!important;border:1px solid rgba(101,130,186,.34)!important;box-shadow:0 18px 45px rgba(0,0,0,.28)!important}
#map>div.absolute.z-\[500\] small{font-size:9px!important;text-transform:uppercase;letter-spacing:.16em;color:#7187ac!important}
#map>div.absolute.z-\[500\] #mapStats{margin-top:3px;color:#f3f7ff!important}
.route-ribbon{position:relative}.route-ribbon:after{content:"LIVE PLANNING";position:absolute;right:8px;top:-24px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#4f6d9e}
.route-ribbon:before{content:"";position:absolute;right:0;top:-21px;width:6px;height:6px;border-radius:50%;background:#22d3a6;box-shadow:0 0 0 4px rgba(34,211,166,.08),0 0 12px rgba(34,211,166,.5)}
#cards{position:relative}
.stop-card{position:relative;overflow:hidden}
.stop-card:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:3px;background:#2c4269;transition:.2s}
.stop-card:hover:before{background:linear-gradient(#16c9e7,#3e68ff,#733cff)}
.stop-card .font-semibold.truncate{font-size:13px!important;letter-spacing:-.01em}
}
.mobile-panel h2,.mobile-stops h2{color:#f3f7ff!important}
#opt,#startRoute,.mobile-primary,.mobile-start{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
#opt:hover,#startRoute:hover,.mobile-primary:active,.mobile-start:active{transform:translateY(-1px);filter:brightness(1.06)}
button{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.route-popup{min-width:180px}.route-popup strong{display:block;font-size:13px;margin-bottom:5px}.route-popup span{display:block;font-size:11px;line-height:1.4;color:#a8b7d0}.route-popup small{display:block;margin-top:7px;color:#6fa4ff;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:8px}
.leaflet-popup-content-wrapper{border:1px solid #31476e!important;border-radius:15px!important;box-shadow:0 18px 45px rgba(0,0,0,.3)!important}
.leaflet-popup-content{margin:14px 15px!important}
@media(max-width:1023px){
.mobile-shell:before{content:"TODAY'S ROUTE";display:block;padding:13px 3px 0;font-size:9px;font-weight:800;letter-spacing:.17em;color:#647b9f}
.mobile-status-row b{font-size:15px!important}.mobile-stop-count b{font-size:22px!important;letter-spacing:-.04em}
.mobile-section-label,.mobile-eyebrow{letter-spacing:.14em!important;font-weight:800!important}
.mobile-stop-address{font-weight:720!important;letter-spacing:-.015em}
.mobile-stop-actions{border-top:1px solid rgba(65,87,124,.24);padding-top:10px!important;margin-top:10px!important}
.mobile-tool-btn{border-radius:11px!important}
.mobile-map-bar{margin:10px!important;border-radius:17px!important;box-shadow:0 16px 40px rgba(0,0,0,.28)!important}
}
/* VoltioAI Command Center — v107 operational intelligence layer */
@media(min-width:1024px){
section.lg\:w-\[55\%\]>.p-4{position:relative}
section.lg\:w-\[55\%\]>.p-4:after{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(32,202,232,.35),rgba(87,75,255,.42),transparent)}
.route-ribbon>div:first-child{box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 28px rgba(16,63,151,.12)!important}
.route-ribbon>div:nth-child(2):before,.route-ribbon>div:nth-child(3):before,.route-ribbon>div:nth-child(4):before{content:"";display:block;width:18px;height:2px;border-radius:4px;margin-bottom:8px;background:linear-gradient(90deg,#16c9e7,#5961ff)}
.mobile-metrics>div:nth-child(1):after,.mobile-metrics>div:nth-child(2):after,.mobile-metrics>div:nth-child(3):after{position:absolute;right:12px;top:10px;font-size:9px;font-weight:800;letter-spacing:.08em;color:#50698f}
.mobile-metrics>div:nth-child(1):after{content:"EFFICIENCY"}.mobile-metrics>div:nth-child(2):after{content:"DISTANCE"}.mobile-metrics>div:nth-child(3):after{content:"TIME"}
#cards:before{content:"ROUTE SEQUENCE";display:block;margin:3px 0 9px 2px;font-size:9px;font-weight:800;letter-spacing:.16em;color:#5f7598}
.stop-card{isolation:isolate}
.stop-card:after{content:"";position:absolute;z-index:-1;inset:0;opacity:0;transition:.2s;background:radial-gradient(circle at 8% 50%,rgba(26,112,255,.10),transparent 32%)}
.stop-card:hover:after{opacity:1}
.stop-card details{border-top:1px solid rgba(68,91,132,.2);padding-top:9px!important}
}
#opt{position:relative;overflow:hidden}
#opt:after{content:"";position:absolute;inset:-2px;transform:translateX(-120%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.13),transparent);transition:transform .55s ease}
#opt:hover:after{transform:translateX(120%)}
#startRoute{border:1px solid rgba(110,255,205,.18)!important}
#suggestions button{position:relative}
#suggestions button:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:4px;background:transparent}
#suggestions button:hover:before{background:linear-gradient(#18c8e8,#5860ff)}
.route-map-control{width:38px!important;height:38px!important;border-radius:11px!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important}
.leaflet-control-zoom{border:0!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important}.leaflet-control-zoom a{width:38px!important;height:36px!important;line-height:36px!important}
@media(max-width:1023px){
.mobile-shell:after{content:"";position:fixed;pointer-events:none;left:0;right:0;bottom:0;height:105px;background:linear-gradient(transparent,rgba(7,14,29,.72));z-index:500}
.mobile-map-fab{z-index:610!important}
.mobile-status{position:relative;overflow:hidden}.mobile-status:after{content:"";position:absolute;right:-28px;top:-38px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(62,92,255,.14),transparent 68%)}
.mobile-add{position:relative}.mobile-add:before{content:"QUICK ADD";position:absolute;right:15px;top:15px;font-size:8px;font-weight:800;letter-spacing:.13em;color:#536b91}
.mobile-kpis>div{position:relative;overflow:hidden}.mobile-kpis>div:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#13c8e7,#3e6bff,#713bff);opacity:.5}
.mobile-stop-item{position:relative;overflow:hidden}.mobile-stop-item:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:linear-gradient(#1cc6e4,#4c66ff);opacity:.65}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* VoltioAI Command Center — v108 premium product layer */
@media(min-width:1024px){
.mobile-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(20,201,233,.35),rgba(91,79,255,.45),transparent)}
.mobile-header button{background:rgba(18,32,59,.7)!important;border-color:rgba(73,98,143,.38)!important}
.mobile-header button:hover{background:#182a4a!important;border-color:#45679e!important;transform:translateY(-1px)}
.route-ribbon>div{min-height:66px;display:flex;flex-direction:column;justify-content:center}
.route-ribbon>div:first-child{position:relative;padding-left:16px!important}.route-ribbon>div:first-child:after{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:4px;background:linear-gradient(#17c9e8,#3971ff,#703cff)}
.mobile-metrics{gap:9px!important}
.mobile-metrics>div{min-height:78px;display:flex;flex-direction:column;justify-content:center}
#address:focus{background:#0b1932!important}
.mobile-action-grid{margin-top:12px!important}
#cards .stop-card{min-height:92px}
#cards .stop-card .w-9.h-9{width:38px!important;height:38px!important;border-radius:13px!important}
}
.mobile-header,.mobile-top{isolation:isolate}
#opt{letter-spacing:-.01em}
#opt svg,#startRoute svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}
#saveRoute svg,#myRoutes svg,#exportPdf svg,#import svg{color:#88a5d2}
.stop-card button,.mobile-stop-item button{font-weight:650}
.stop-card [data-role="start"],.stop-card [data-role="end"]{border:1px solid rgba(76,99,141,.2)}
.stop-card [data-nav],.stop-card [data-save-place],.stop-card [data-deliver]{border-radius:10px!important}
.stop-card [data-nav]:hover,.stop-card [data-save-place]:hover,.stop-card [data-deliver]:hover{background:#1a2b4b!important}
#routeStart{font-variant-numeric:tabular-nums}
.leaflet-control-attribution{background:rgba(8,16,32,.72)!important;color:#7284a2!important;backdrop-filter:blur(10px)}.leaflet-control-attribution a{color:#86a5d2!important}
@media(max-width:1023px){
.mobile-top{box-shadow:0 12px 34px rgba(0,0,0,.2)!important}
.mobile-top-actions{gap:5px!important}.mobile-icon-btn{width:38px!important;height:38px!important;border-radius:12px!important}
.mobile-brand{gap:10px!important}.mobile-logo-img{width:39px!important;height:39px!important}
.mobile-actions{box-shadow:0 14px 32px rgba(0,0,0,.12)!important}
.mobile-secondary-actions{gap:7px!important}.mobile-secondary-actions button{min-height:42px!important;border-radius:12px!important}
.mobile-stops-head{padding-top:5px!important}
.mobile-card-list{gap:10px!important}
.mobile-stop-item{transition:transform .15s ease,border-color .15s ease}.mobile-stop-item:active{transform:scale(.992);border-color:#42639b!important}
.mobile-stop-actions{gap:6px!important}
.mobile-role-btn{min-height:34px!important;padding:0 10px!important}
.mobile-tool-btn{width:36px!important;height:36px!important;display:grid!important;place-items:center!important}
}
@media(max-width:420px){
.mobile-top-actions .mobile-icon-btn{width:35px!important;height:35px!important}
.mobile-brand span{display:none}
.mobile-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.mobile-kpis>div{padding:11px 8px!important}.mobile-kpis>div span{font-size:9px!important}.mobile-kpis>div b{font-size:15px!important}
}
/* VoltioAI Command Center — v109 finishing layer */
@media(min-width:1024px){
.mobile-header>div:first-child{position:relative}.mobile-header>div:first-child:after{content:"COMMAND CENTER";position:absolute;left:194px;white-space:nowrap;font-size:8px;font-weight:800;letter-spacing:.16em;color:#536d95}
section.lg\:w-\[55\%\]{border-left:1px solid rgba(74,97,139,.12)}
.route-ribbon>div small,.route-ribbon>div .text-\[10px\]{font-weight:750!important;letter-spacing:.13em!important}
.mobile-metrics>div{box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 25px rgba(0,0,0,.1)!important}
.mobile-metrics>div:hover{border-color:#365482!important}
#address::placeholder{color:#607493!important}
#cards{padding-bottom:16px}
.stop-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.stop-card:hover{transform:translateX(2px)!important}
}
#opt:focus-visible,#startRoute:focus-visible,#saveRoute:focus-visible,#myRoutes:focus-visible,#exportPdf:focus-visible,#import:focus-visible,button:focus-visible{outline:2px solid #5b8cff!important;outline-offset:2px!important}
#address:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none!important}
#startRoute{background:linear-gradient(135deg,#15c99f,#35dc9c)!important}
#resetOrder{background:rgba(16,29,54,.72)!important}
#resetOrder:hover{background:#192b4b!important;border-color:#3c5b8c!important}
.stop-card [data-role="start"].bg-emerald-500\/15,.stop-card [data-role="end"].bg-emerald-500\/15{box-shadow:inset 0 0 0 1px rgba(52,211,153,.16)}
.leaflet-container{font-family:inherit!important}
@media(max-width:1023px){
.mobile-app{background:radial-gradient(circle at 50% -10%,rgba(48,67,173,.12),transparent 28%),#0b1224!important}
.mobile-top{position:sticky!important;top:0!important;z-index:800!important}
.mobile-status,.mobile-add,.mobile-actions,.mobile-stops{animation:voltio-rise .32s ease both}
.mobile-add{animation-delay:.035s}.mobile-actions{animation-delay:.07s}.mobile-stops{animation-delay:.1s}
.mobile-kpis>div{box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
.mobile-stop-number{font-variant-numeric:tabular-nums}
.mobile-map-fab{background:linear-gradient(135deg,#0ebbdc,#1b6cff 48%,#6537ff)!important;box-shadow:0 14px 34px rgba(32,74,224,.32)!important}
}
@keyframes voltio-rise{from{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mobile-status,.mobile-add,.mobile-actions,.mobile-stops{animation:none!important}}
/* VoltioAI Command Center — v110 clarity + precision */
@media(min-width:1024px){
section.lg\:w-\[55\%\]>.p-4:before{margin-bottom:12px!important;color:#8094b6!important}
.route-ribbon{gap:10px!important}
.route-ribbon>div{border-color:rgba(77,103,150,.32)!important}
.route-ribbon>div:not(:first-child){background:linear-gradient(155deg,rgba(18,32,59,.92),rgba(10,21,42,.96))!important}
.mobile-metrics>div>div{font-variant-numeric:tabular-nums}
#cards .stop-card{border-left-color:#30486f!important}
#cards .stop-card:hover{border-left-color:#5579b5!important}
#cards .stop-card [data-name]{background:rgba(7,17,34,.68)!important}
#cards .stop-card [data-name]:focus{background:#09172e!important}
}
.route-ribbon,.mobile-kpis{font-variant-numeric:tabular-nums}
#address{caret-color:#52a0ff}
#suggestions button{transition:background .14s ease,padding-left .14s ease}
#suggestions button:hover{padding-left:18px!important}
.stop-card summary,.mobile-advanced summary{user-select:none}
.stop-card summary:after,.mobile-advanced summary:after{content:"›";float:right;font-size:17px;line-height:12px;color:#60789e;transform:rotate(90deg);transition:transform .16s ease}
.stop-card details[open] summary:after,.mobile-advanced[open] summary:after{transform:rotate(-90deg);color:#70a2ff}
#map .leaflet-control-container button,.leaflet-control-zoom a{transition:transform .14s ease,background .14s ease!important}
#map .leaflet-control-container button:hover,.leaflet-control-zoom a:hover{transform:scale(1.04);background:#182b4d!important}
@media(max-width:1023px){
.mobile-shell{max-width:760px!important;margin:0 auto!important}
.mobile-status-row{gap:8px!important}.status-dot{box-shadow:0 0 0 4px rgba(255,255,255,.025)}
.mobile-add-row input{font-size:16px!important}
.mobile-primary{font-weight:800!important;letter-spacing:-.015em}
.mobile-stop-item{background:linear-gradient(150deg,#12213e,#0d1930)!important}
.mobile-stop-address{line-height:1.3!important}
.mobile-stop-sub{line-height:1.35!important}
.mobile-advanced{border-top:1px solid rgba(71,94,136,.22);padding-top:9px!important}
.mobile-map-bar b{letter-spacing:-.015em}.mobile-map-bar span{font-variant-numeric:tabular-nums}
}
@media(max-width:420px){
.mobile-shell{padding-left:10px!important;padding-right:10px!important}
.mobile-status,.mobile-add,.mobile-actions{border-radius:18px!important}
.mobile-stop-item{border-radius:16px!important}
}
/* VoltioAI Command Center — v111 cross-platform mobile polish */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,select,textarea{font:inherit}
button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
input,select,textarea{-webkit-tap-highlight-color:transparent}
@media(max-width:1023px){
.mobile-app{min-height:100dvh!important;min-height:100svh!important}
.mobile-top{padding-top:max(10px,env(safe-area-inset-top))!important}
.mobile-shell{padding-bottom:max(112px,calc(94px + env(safe-area-inset-bottom)))!important}
.mobile-map-fab{bottom:max(22px,calc(14px + env(safe-area-inset-bottom)))!important}
.mobile-icon-btn,.mobile-tool-btn,.mobile-role-btn,.mobile-primary,.mobile-start,.mobile-secondary-actions button,.mobile-add-btn{touch-action:manipulation}
.mobile-icon-btn,.mobile-tool-btn{min-width:40px;min-height:40px}
.mobile-primary,.mobile-start,.mobile-add-btn{min-height:48px}
.mobile-input-wrap input,#address{appearance:none;-webkit-appearance:none}
.mobile-input-wrap input{min-height:48px}
.mobile-stop-item{contain:layout paint}
.mobile-map-bar{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
}
@media(max-width:767px) and (orientation:landscape){
.mobile-top{min-height:54px!important}
.mobile-status{padding:11px 14px!important}
.mobile-kpis>div{padding:9px 8px!important}
.mobile-map-fab{height:48px!important}
}
@media(pointer:coarse){
button,[role="button"],summary{min-height:40px}
.stop-card button,.mobile-stop-item button{touch-action:manipulation}
}
@media(hover:none){
.stop-card:hover{transform:none!important}
#opt:hover:after{transform:translateX(-120%)}
#suggestions button:hover{padding-left:inherit!important}
}
/* VoltioAI Command Center — v112 mobile product ergonomics */
@media(max-width:1023px){
.mobile-top{background:linear-gradient(180deg,rgba(8,17,34,.98),rgba(9,19,38,.94))!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.mobile-shell{width:100%;overflow-x:hidden}
.mobile-status{border-color:rgba(74,101,151,.34)!important}
.mobile-status-row{position:relative;z-index:1}
.mobile-add,.mobile-actions{border-color:rgba(65,91,137,.34)!important}
.mobile-input-wrap:focus-within{border-color:#477dff!important;box-shadow:0 0 0 3px rgba(71,125,255,.12)!important}
.mobile-add-btn{box-shadow:0 9px 22px rgba(31,84,240,.22)!important}
.mobile-primary{box-shadow:0 12px 30px rgba(33,79,231,.22)!important}
.mobile-start{box-shadow:0 10px 25px rgba(22,190,143,.14)!important}
.mobile-secondary-actions button{background:rgba(15,29,54,.82)!important}
.mobile-secondary-actions button:active{transform:scale(.975)}
.mobile-kpis{gap:7px!important}
.mobile-kpis>div{min-width:0}
.mobile-kpis>div span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-stops-head{position:relative}.mobile-stops-head:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:linear-gradient(90deg,rgba(74,103,157,.4),transparent)}
.mobile-stop-item{will-change:transform}
.mobile-stop-number{flex:0 0 auto}
.mobile-stop-actions{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-stop-actions::-webkit-scrollbar{display:none}
.mobile-stop-actions>*{flex:0 0 auto}
.mobile-map-fab{min-width:132px;justify-content:center!important}
}
@media(max-width:600px){
.mobile-status-row{align-items:flex-start!important}
.mobile-route-summary{font-size:12px!important}
.mobile-secondary-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.mobile-secondary-actions button{width:100%!important;min-width:0!important;padding-left:7px!important;padding-right:7px!important}
}
@media(max-width:360px){
.mobile-top{padding-left:10px!important;padding-right:8px!important}
.mobile-icon-btn{min-width:34px!important;width:34px!important;height:34px!important;min-height:34px!important}
.mobile-logo-img{width:35px!important;height:35px!important}
.mobile-kpis>div b{font-size:14px!important}
.mobile-secondary-actions button{font-size:10px!important}
}
@media(display-mode:standalone){
body{overscroll-behavior-y:none}
.mobile-top{padding-top:max(12px,env(safe-area-inset-top))!important}
.mobile-map-fab{bottom:max(24px,calc(16px + env(safe-area-inset-bottom)))!important}
}
/* VoltioAI Command Center — v113 SaaS finishing system */
:root{--voltio-ring:rgba(74,125,255,.14);--voltio-line:rgba(74,101,151,.28)}
::selection{background:rgba(65,112,255,.28);color:#fff}
@media(min-width:1024px){
section.lg\:w-\[55\%\]>.p-4{padding-bottom:60px!important}
.route-ribbon>div,.mobile-metrics>div,.stop-card{backdrop-filter:blur(10px)}
.route-ribbon>div:hover,.mobile-metrics>div:hover{box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.03)!important}
#address,#import,#add{border-width:1px!important}
#address:focus{box-shadow:0 0 0 4px var(--voltio-ring),0 12px 30px rgba(0,0,0,.16)!important}
.mobile-action-grid button{font-weight:720!important}
#cards .stop-card{margin-left:1px}
#cards .stop-card:not(:last-child):after{pointer-events:none}
}
#suggestions>div,.mobile-suggestions>div{max-height:min(360px,45vh);overflow-y:auto;overscroll-behavior:contain}
#suggestions button,.mobile-suggestions button{text-align:left}
input::placeholder,textarea::placeholder{opacity:1}
button:disabled{opacity:.48!important;cursor:not-allowed!important;filter:saturate(.65)!important;box-shadow:none!important;transform:none!important}
[aria-busy="true"]{cursor:progress}
details summary{cursor:pointer}
@media(max-width:1023px){
.mobile-shell{scrollbar-gutter:stable both-edges}
.mobile-status,.mobile-add,.mobile-actions,.mobile-stop-item{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mobile-input-wrap:focus-within{box-shadow:0 0 0 4px var(--voltio-ring)!important}
.mobile-add-btn:active,.mobile-primary:active,.mobile-start:active,.mobile-map-fab:active{transform:scale(.975)!important}
.mobile-stop-actions{overscroll-behavior-x:contain}
.mobile-stop-actions:after{content:"";flex:0 0 2px}
.mobile-advanced summary{min-height:42px;display:flex;align-items:center}
}
@media(max-width:480px){
.mobile-status,.mobile-add,.mobile-actions{margin-left:0!important;margin-right:0!important}
.mobile-stops-head{margin-top:4px!important}
}
@media(display-mode:standalone){
html,body,#root{min-height:100%;background:#0b1224}
body{user-select:none;-webkit-user-select:none}
input,textarea,[contenteditable="true"]{user-select:text;-webkit-user-select:text}
}
/* VoltioAI Command Center — v114 navigation + dense-workflow polish */
@media(min-width:1024px){
.mobile-header{box-shadow:0 10px 35px rgba(0,0,0,.16)!important}
.mobile-header img{filter:drop-shadow(0 5px 14px rgba(43,83,255,.12))}
section.lg\:w-\[55\%\]{scrollbar-color:#31496f #0a1428;scrollbar-width:thin}
section.lg\:w-\[55\%\]::-webkit-scrollbar{width:8px}
section.lg\:w-\[55\%\]::-webkit-scrollbar-track{background:#0a1428}
section.lg\:w-\[55\%\]::-webkit-scrollbar-thumb{background:#31496f;border-radius:20px;border:2px solid #0a1428}
.route-ribbon>div,.mobile-metrics>div{position:relative;overflow:hidden}
.route-ribbon>div:after,.mobile-metrics>div:after{pointer-events:none}
#cards .stop-card{scroll-margin-top:92px}
}
#suggestions>div,.mobile-suggestions>div{scrollbar-width:thin;scrollbar-color:#36517d transparent}
#suggestions button+button,.mobile-suggestions button+button{border-top-color:rgba(68,92,134,.28)!important}
.stop-card input,.stop-card select,.stop-card textarea,.mobile-stop-item input,.mobile-stop-item select,.mobile-stop-item textarea{color-scheme:dark}
select option{background:#101d35;color:#eef4ff}
.mobile-action-grid button,#opt,#startRoute{white-space:normal}
@media(max-width:1023px){
.mobile-top{border-bottom:1px solid rgba(77,103,150,.26)!important}
.mobile-shell{-webkit-overflow-scrolling:touch}
.mobile-status,.mobile-add,.mobile-actions,.mobile-stop-item{transform:translateZ(0)}
.mobile-kpis{overflow:hidden}
.mobile-stops{scroll-margin-top:70px}
.mobile-stop-item{scroll-margin-top:76px}
.mobile-stop-actions{padding-bottom:2px}
.mobile-map-fab{max-width:calc(100vw - 32px)}
}
@media(max-width:390px){
.mobile-brand b{font-size:14px!important}
.mobile-status{padding:13px!important}
.mobile-add,.mobile-actions{padding:13px!important}
.mobile-kpis{gap:5px!important}
.mobile-kpis>div{padding:10px 6px!important}
.mobile-stop-item{padding:12px!important}
}
@media(hover:hover) and (pointer:fine){
.mobile-header button:hover,.stop-card button:hover{will-change:transform}
}
/* VoltioAI Command Center — v115 route execution polish */
@media(min-width:1024px){
#map{background:#07101f!important}
#leafletMap{border-right:1px solid rgba(73,100,149,.2)}
.route-ribbon>div:first-child:before{content:"●";display:inline-block;margin-right:6px;color:#2dd4a7;font-size:8px;vertical-align:2px;text-shadow:0 0 10px rgba(45,212,167,.65)}
.mobile-action-grid #startRoute{position:relative;overflow:hidden}
.mobile-action-grid #startRoute:after{content:"READY";position:absolute;right:14px;font-size:8px;font-weight:850;letter-spacing:.14em;color:rgba(220,255,242,.68)}
#cards .stop-card{background:linear-gradient(150deg,rgba(18,32,59,.98),rgba(10,21,41,.99))!important}
#cards .stop-card:hover{background:linear-gradient(150deg,rgba(21,39,72,.99),rgba(12,25,48,.99))!important}
}
.route-map-marker{transition:transform .15s ease,filter .15s ease}
.route-map-marker:hover{transform:scale(1.08);filter:brightness(1.08)}
#mapStats{font-variant-numeric:tabular-nums}
.stop-card [data-deliver],.mobile-stop-item [data-deliver]{font-weight:760!important}
.stop-card [data-deliver]:not(:disabled),.mobile-stop-item [data-deliver]:not(:disabled){border-color:rgba(45,212,167,.28)!important}
@media(max-width:1023px){
.mobile-status:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,#16c8e7,#3f70ff,#713dff);opacity:.72}
.mobile-primary{position:relative;overflow:hidden}
.mobile-primary:after{content:"OPTIMIZE";position:absolute;right:13px;top:10px;font-size:7px;font-weight:850;letter-spacing:.13em;color:rgba(255,255,255,.5)}
.mobile-start{position:relative;overflow:hidden}
.mobile-start:after{content:"READY";position:absolute;right:13px;font-size:7px;font-weight:850;letter-spacing:.13em;color:rgba(229,255,245,.58)}
.mobile-stop-item [data-deliver]{background:rgba(16,45,48,.5)!important}
.mobile-stop-item [data-deliver]:active{background:rgba(20,67,61,.72)!important}
.mobile-map-fab{font-weight:780!important;letter-spacing:-.01em}
}
@media(hover:none){
.route-map-marker:hover{transform:none;filter:none}
}
@media(max-width:390px){
.mobile-primary:after,.mobile-start:after{display:none}
}
/* VoltioAI Command Center — v116 route workflow clarity */
@media(min-width:1024px){
.mobile-action-grid{position:relative;padding-top:18px!important}
.mobile-action-grid:before{content:"ROUTE WORKFLOW";position:absolute;left:2px;top:0;font-size:8px;font-weight:850;letter-spacing:.16em;color:#60779c}
#opt{order:1}#saveRoute{order:2}#myRoutes{order:3}#exportPdf{order:4}#startRoute{order:5}
#opt:before{content:"01";position:absolute;left:14px;top:10px;font-size:8px;font-weight:900;letter-spacing:.1em;color:rgba(255,255,255,.48)}
#startRoute:before{content:"02";position:absolute;left:14px;font-size:8px;font-weight:900;letter-spacing:.1em;color:rgba(226,255,245,.5)}
.stop-card [data-deliver]{position:relative}
.stop-card [data-deliver]:before{content:"✓";margin-right:5px;color:#5ee3b7}
}
#opt,#startRoute{position:relative}
.route-map-marker.boundary{box-shadow:0 0 0 4px rgba(16,185,129,.11),0 6px 18px rgba(16,185,129,.25)!important}
@media(max-width:1023px){
.mobile-actions{position:relative;padding-top:28px!important}
.mobile-actions:before{content:"ROUTE WORKFLOW";position:absolute;left:15px;top:11px;font-size:8px;font-weight:850;letter-spacing:.16em;color:#627a9f}
.mobile-primary:before{content:"01";position:absolute;left:12px;top:10px;font-size:7px;font-weight:900;letter-spacing:.1em;color:rgba(255,255,255,.5)}
.mobile-start:before{content:"02";position:absolute;left:12px;font-size:7px;font-weight:900;letter-spacing:.1em;color:rgba(229,255,245,.52)}
.mobile-stop-item [data-deliver]:before{content:"✓";margin-right:4px;color:#61e2b8}
.mobile-stop-actions button{white-space:nowrap}
.mobile-map-fab:before{content:"";width:7px;height:7px;border-radius:50%;background:#7fffd3;box-shadow:0 0 10px rgba(127,255,211,.65);margin-right:7px}
}
@media(max-width:390px){
.mobile-primary:before,.mobile-start:before{display:none}
}
/* VoltioAI Command Center — v117 driver-first execution layer */
@media(min-width:1024px){
#cards .stop-card{counter-increment:voltio-stop}
#cards{counter-reset:voltio-stop}
#cards .stop-card:before{box-shadow:0 0 12px rgba(58,105,255,.12)}
.mobile-action-grid #startRoute{background:linear-gradient(135deg,#0fbf94,#27dca1)!important}
.mobile-action-grid #startRoute:hover{box-shadow:0 13px 32px rgba(18,201,148,.22)!important}
.route-ribbon>div:first-child{border-color:rgba(61,119,255,.5)!important}
}
.stop-card [data-deliver],.mobile-stop-item [data-deliver]{transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}
.stop-card [data-deliver]:not(:disabled):hover{box-shadow:0 8px 20px rgba(24,190,140,.12)!important}
.stop-card [data-deliver]:not(:disabled):active,.mobile-stop-item [data-deliver]:not(:disabled):active{transform:scale(.97)}
#mapStats:empty{display:none}
@media(max-width:1023px){
.mobile-stops-head h2:after{content:" · DELIVERY QUEUE";font-size:8px;font-weight:850;letter-spacing:.12em;color:#5f789e;vertical-align:3px}
.mobile-stop-item{isolation:isolate}
.mobile-stop-item:after{content:"";position:absolute;z-index:-1;right:-35px;top:-45px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(55,93,255,.08),transparent 68%);pointer-events:none}
.mobile-stop-item:active:after{background:radial-gradient(circle,rgba(55,112,255,.13),transparent 68%)}
.mobile-start{background:linear-gradient(135deg,#0fbd91,#2bdca2)!important}
.mobile-map-fab{border-color:rgba(113,144,255,.28)!important}
}
@media(max-width:480px){
.mobile-stops-head h2:after{display:block;margin-top:3px;vertical-align:0}
}
@media(hover:hover) and (pointer:fine){
.route-map-marker{cursor:pointer}
}
/* VoltioAI Command Center — v118 delivery progress language */
@media(min-width:1024px){
#cards{position:relative}
#cards:after{content:"";position:absolute;left:18px;top:34px;bottom:18px;width:1px;background:linear-gradient(180deg,rgba(61,108,255,.38),rgba(42,211,165,.2),transparent);pointer-events:none;z-index:0}
#cards .stop-card{z-index:1}
#cards .stop-card>div:first-child{position:relative;z-index:2}
.route-ribbon>div:first-child small:after{content:" • ACTIVE";color:#43d8ad;font-weight:850;letter-spacing:.1em}
.mobile-metrics>div b,.mobile-metrics>div>div{font-feature-settings:"tnum" 1,"ss01" 1}
#startRoute{letter-spacing:-.012em!important}
}
.stop-card [data-deliver]:not(:disabled),.mobile-stop-item [data-deliver]:not(:disabled){color:#bdfbe6!important}
.stop-card [data-deliver]:disabled,.mobile-stop-item [data-deliver]:disabled{border-color:rgba(84,104,139,.2)!important}
.route-map-marker.boundary{filter:saturate(1.1)}
@media(max-width:1023px){
.mobile-stops{position:relative}
.mobile-card-list{position:relative}
.mobile-card-list:before{content:"";position:absolute;left:31px;top:18px;bottom:20px;width:1px;background:linear-gradient(180deg,rgba(61,108,255,.38),rgba(45,212,167,.18),transparent);pointer-events:none}
.mobile-stop-item{z-index:1}
.mobile-stop-number{position:relative;z-index:2;box-shadow:0 0 0 5px #0e1b34,0 8px 20px rgba(0,0,0,.18)!important}
.mobile-status-row:first-child:after{content:"LIVE";margin-left:auto;font-size:7px;font-weight:900;letter-spacing:.15em;color:#57deb7;border:1px solid rgba(87,222,183,.2);background:rgba(24,118,91,.12);border-radius:999px;padding:4px 7px}
.mobile-route-summary{font-variant-numeric:tabular-nums}
}
@media(max-width:390px){
.mobile-card-list:before{left:29px}
.mobile-status-row:first-child:after{padding:3px 6px}
}
/* VoltioAI Command Center — v119 route focus + completion polish */
@media(min-width:1024px){
#cards .stop-card{transform-origin:left center}
#cards .stop-card:focus-within{border-color:#496da8!important;box-shadow:0 16px 36px rgba(0,0,0,.18),0 0 0 3px rgba(72,116,255,.08)!important}
#cards .stop-card:focus-within:before{background:linear-gradient(#18c8e8,#426eff,#7440ff)}
.route-ribbon>div:first-child{overflow:hidden}
.route-ribbon>div:first-child:after{box-shadow:0 0 16px rgba(51,105,255,.35)}
#startRoute{min-height:54px!important}
}
.stop-card [data-nav],.mobile-stop-item [data-nav]{border-color:rgba(73,111,172,.3)!important}
.stop-card [data-nav]:not(:disabled),.mobile-stop-item [data-nav]:not(:disabled){color:#bcd3ff!important}
.stop-card [data-save-place],.mobile-stop-item [data-save-place]{color:#9db1d2!important}
#suggestions button strong,.mobile-suggestions button strong{color:#f1f6ff!important}
#suggestions button small,.mobile-suggestions button small{color:#7489aa!important}
@media(max-width:1023px){
.mobile-stop-item:focus-within{border-color:#45689f!important;box-shadow:0 14px 34px rgba(0,0,0,.18),0 0 0 3px rgba(72,116,255,.07)!important}
.mobile-stop-item:focus-within:before{opacity:1;background:linear-gradient(#19c8e7,#456cff,#7140ff)}
.mobile-stop-actions [data-nav]{background:rgba(21,40,72,.76)!important}
.mobile-stop-actions [data-save-place]{background:rgba(16,29,52,.72)!important}
.mobile-stop-actions [data-deliver]{box-shadow:inset 0 0 0 1px rgba(68,220,171,.06)}
.mobile-map-fab{transition:transform .15s ease,box-shadow .15s ease}
.mobile-map-fab:active{box-shadow:0 8px 22px rgba(32,74,224,.25)!important}
}
@media(max-width:360px){
.mobile-stop-actions{margin-left:-2px;margin-right:-2px;padding-left:2px;padding-right:2px}
}
/* VoltioAI Command Center — v120 visual rhythm + driver readability */
@media(min-width:1024px){
section.lg\:w-\[55\%\]>.p-4{display:flex;flex-direction:column}
.route-ribbon{margin-top:1px!important}
.mobile-metrics{margin-top:1px!important}
#cards .stop-card{border-color:rgba(50,72,111,.88)!important}
#cards .stop-card:hover{border-color:rgba(77,111,169,.95)!important}
#cards .stop-card .text-zinc-500,#cards .stop-card .text-zinc-400{color:#8093b1!important}
#cards .stop-card input,#cards .stop-card select{min-height:38px}
}
.route-ribbon>div,.mobile-metrics>div{font-variant-numeric:tabular-nums}
#address,#cards input,.mobile-stop-item input{accent-color:#4f7cff}
.stop-card [data-nav] svg,.mobile-stop-item [data-nav] svg{filter:drop-shadow(0 2px 4px rgba(49,102,255,.16))}
.stop-card [data-deliver] svg,.mobile-stop-item [data-deliver] svg{filter:drop-shadow(0 2px 4px rgba(35,201,151,.16))}
@media(max-width:1023px){
.mobile-status,.mobile-add,.mobile-actions{box-shadow:0 12px 30px rgba(0,0,0,.11),inset 0 1px rgba(255,255,255,.018)!important}
.mobile-stops-head{margin-bottom:14px!important}
.mobile-stop-item{border-color:rgba(47,72,113,.9)!important}
.mobile-stop-item .mobile-stop-address{color:#f2f6ff!important}
.mobile-stop-item .mobile-stop-sub{color:#8396b5!important}
.mobile-stop-actions button{font-size:11px!important}
.mobile-stop-actions [data-deliver]{font-weight:800!important}
.mobile-route-summary{color:#91a4c1!important}
}
@media(max-width:420px){
.mobile-stop-actions button{font-size:10px!important}
.mobile-stop-address{font-size:13px!important}
.mobile-stop-sub{font-size:11px!important}
}
@media(prefers-contrast:more){
.stop-card,.mobile-stop-item,.mobile-status,.mobile-add,.mobile-actions{border-color:#5b739d!important}
button{border-color:#637ba4!important}
}
/* VoltioAI — v121 release candidate polish */
.driver-shell{background:radial-gradient(circle at 50% -10%,rgba(49,79,211,.14),transparent 30%),#080f1f}
@media(max-width:1023px){
.mobile-app{overscroll-behavior-x:none}
.mobile-stop-item,.mobile-status,.mobile-add,.mobile-actions{content-visibility:auto;contain-intrinsic-size:auto 120px}
}
@media(min-width:1024px){
#cards .stop-card{content-visibility:auto;contain-intrinsic-size:auto 110px}
}
@media(display-mode:standalone){
.mobile-top{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
}
@media(prefers-reduced-transparency:reduce){
.mobile-top,.mobile-status,.mobile-add,.mobile-actions,.mobile-stop-item,.route-ribbon>div,.mobile-metrics>div,.stop-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
/* VoltioAI — v122 Starts control redesign */
#routeStart{
color-scheme:dark!important;
font-variant-numeric:tabular-nums;
font-weight:800!important;
letter-spacing:.01em;
outline:none!important;
transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
#routeStart:focus{
border-color:#4d7cff!important;
box-shadow:0 0 0 3px rgba(77,124,255,.13),0 8px 22px rgba(0,0,0,.16)!important;
}
#routeStart::-webkit-calendar-picker-indicator{
filter:invert(88%) sepia(11%) saturate(555%) hue-rotate(181deg) brightness(95%);
opacity:.8;cursor:pointer;
}
@media(max-width:1023px){
.mobile-stops-head{align-items:center!important;gap:12px}
.mobile-stops-head>label{
flex:0 0 auto!important;
display:grid!important;
grid-template-columns:auto 1fr;
grid-template-rows:auto auto;
align-items:center;
column-gap:7px;
padding:7px 8px 7px 10px!important;
border:1px solid rgba(61,88,135,.72)!important;
border-radius:13px!important;
background:linear-gradient(145deg,#13213c,#0d192f)!important;
color:#7890b4!important;
font-size:8px!important;
font-weight:850!important;
letter-spacing:.12em!important;
box-shadow:0 8px 22px rgba(0,0,0,.12)!important;
}
.mobile-stops-head>label:before{content:"◷";grid-row:1/3;color:#6f9bff;font-size:14px;letter-spacing:0}
.mobile-stops-head #routeStart{
grid-column:2;
display:block!important;
width:88px!important;
height:26px!important;
margin:0!important;
padding:0 4px!important;
border:0!important;
border-radius:7px!important;
background:transparent!important;
color:#eef4ff!important;
font-size:13px!important;
line-height:26px!important;
box-shadow:none!important;
}
.mobile-stops-head #routeStart:focus{background:rgba(72,116,255,.08)!important;box-shadow:none!important}
}
@media(max-width:390px){
.mobile-stops-head{align-items:flex-end!important}
.mobile-stops-head>label{padding:6px 7px!important;column-gap:5px}
.mobile-stops-head #routeStart{width:78px!important;font-size:12px!important}
}
/* VoltioAI — v124 stop-name field refinement */
.stop-card label:has(>input[data-name]),.mobile-stop-item label:has(>input[data-name]){
color:#7f94b5!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase;
}
.stop-card input[data-name],.mobile-stop-item input[data-name]{
appearance:none;-webkit-appearance:none;
border:1px solid rgba(67,94,142,.72)!important;
background:linear-gradient(145deg,rgba(15,28,51,.96),rgba(10,20,38,.98))!important;
color:#eef4ff!important;
font-weight:650!important;letter-spacing:0!important;
border-radius:11px!important;
box-shadow:inset 0 1px rgba(255,255,255,.025),0 7px 18px rgba(0,0,0,.08);
transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.stop-card input[data-name]::placeholder,.mobile-stop-item input[data-name]::placeholder{color:#607493!important;font-weight:500!important}
.stop-card input[data-name]:hover,.mobile-stop-item input[data-name]:hover{border-color:rgba(82,119,183,.9)!important}
.stop-card input[data-name]:focus,.mobile-stop-item input[data-name]:focus{
outline:none!important;border-color:#547cff!important;
background:#101f3a!important;
box-shadow:0 0 0 3px rgba(74,116,255,.11),inset 0 1px rgba(255,255,255,.03)!important;
}
@media(min-width:1024px){
.stop-card label:has(>input[data-name]){font-size:8px!important;margin-top:10px!important}
.stop-card input[data-name]{height:38px!important;padding:0 12px!important;font-size:12px!important}
}
@media(max-width:1023px){
.mobile-stop-item label:has(>input[data-name]){font-size:8px!important;margin-top:9px!important}
.mobile-stop-item input[data-name]{height:38px!important;padding:0 11px!important;font-size:12px!important}
}
/* VoltioAI — v125 driver Up Next panel */
.driver-next-panel{margin-top:18px;border:1px solid rgba(58,84,130,.78);border-radius:20px;overflow:hidden;background:linear-gradient(155deg,rgba(17,31,57,.98),rgba(9,18,35,.99));box-shadow:0 16px 38px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025)}
.driver-next-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px 12px;border-bottom:1px solid rgba(55,78,118,.5)}
.driver-next-head>div{display:flex;flex-direction:column;gap:2px}.driver-next-kicker{font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#6884b5}.driver-next-head strong{font-size:15px;letter-spacing:-.01em;color:#f1f6ff}.driver-next-count{padding:5px 8px;border:1px solid rgba(78,116,183,.35);border-radius:999px;background:rgba(48,91,183,.11);font-size:9px;font-weight:800;color:#8fb0ed}
.driver-next-list{padding:3px 12px}.driver-next-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:11px;padding:12px 2px}.driver-next-row+.driver-next-row{border-top:1px solid rgba(53,75,112,.45)}
.driver-next-index{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(53,94,180,.28),rgba(78,62,178,.18));border:1px solid rgba(76,112,185,.38);font-size:11px;font-weight:900;color:#c9d9ff;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.driver-next-copy{min-width:0}.driver-next-name{font-size:13px;font-weight:800;line-height:1.25;color:#edf3ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-next-address{margin-top:2px;font-size:10px;line-height:1.3;color:#7489aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-next-meta{display:flex;align-items:center;gap:9px;margin-top:5px;font-size:9px;color:#7186a8}.driver-next-meta b{color:#a9c2f5;font-weight:850}.driver-next-window{padding-left:9px;border-left:1px solid rgba(77,100,139,.5);font-variant-numeric:tabular-nums}.driver-next-chevron{font-size:22px;line-height:1;color:#526b94}
@media(max-width:390px){.driver-next-panel{border-radius:18px}.driver-next-head{padding:12px 13px 10px}.driver-next-list{padding:2px 10px}.driver-next-row{grid-template-columns:31px minmax(0,1fr) 10px;gap:9px;padding:11px 1px}.driver-next-index{width:29px;height:29px;border-radius:9px}.driver-next-name{font-size:12px}.driver-next-window{display:none}}
/* VoltioAI — v126 driver header readability */
.driver-mode-shell{background:#080f1f}
@media(max-width:1023px){
body:has(#exitDriver){background:#080f1f!important}
body:has(#exitDriver) .fixed.inset-0.z-\[1200\]{
background:radial-gradient(circle at 50% -8%,rgba(48,83,184,.22),transparent 28%),linear-gradient(180deg,#0b1730 0%,#080f1f 38%,#070d1a 100%)!important;
}
body:has(#exitDriver) .fixed.inset-0.z-\[1200\]>.min-h-full{
padding-top:max(18px,calc(12px + env(safe-area-inset-top)))!important;
}
body:has(#exitDriver) .fixed.inset-0.z-\[1200\]>.min-h-full>.flex.items-center.justify-between{
margin:-4px -2px 0!important;padding:12px 13px!important;
border:1px solid rgba(67,94,142,.68)!important;border-radius:16px!important;
background:linear-gradient(145deg,rgba(20,38,70,.97),rgba(12,25,48,.98))!important;
box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.03)!important;
}
body:has(#exitDriver) .fixed.inset-0.z-\[1200\]>.min-h-full>.flex.items-center.justify-between .text-zinc-500{
color:#8da6ce!important;font-weight:850!important;letter-spacing:.13em!important;
}
body:has(#exitDriver) .fixed.inset-0.z-\[1200\]>.min-h-full>.flex.items-center.justify-between b{
display:block;margin-top:3px;color:#f4f7ff!important;font-size:15px!important;line-height:1.2;font-weight:900!important;
}
body:has(#exitDriver) #exitDriver{
border-color:rgba(99,128,181,.72)!important;background:rgba(8,17,34,.72)!important;color:#d9e5fb!important;font-weight:800!important;
}
body:has(#exitDriver) .fixed.inset-0.z-\[1200\]>.min-h-full>.h-2{
height:7px!important;margin-top:13px!important;background:#14213a!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.35);
}
}
/* VoltioAI v131 — signature proof */
.signature-overlay{position:fixed;inset:0;z-index:2000;background:rgba(3,8,18,.82);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:18px}
.signature-card{width:min(520px,100%);padding:18px;border:1px solid #314a78;border-radius:22px;background:linear-gradient(150deg,#12213d,#0a1428);box-shadow:0 28px 70px rgba(0,0,0,.42);color:#eef4ff}
.signature-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.signature-head span{font-size:8px;font-weight:900;letter-spacing:.16em;color:#7799d5}.signature-head h3{margin:4px 0 0;font-size:19px}.signature-head button{width:36px;height:36px;border:1px solid #334b74;border-radius:11px;background:#0a1428;color:#cbd9f1;font-size:22px}.signature-card>p{margin:12px 0 9px;color:#8fa2c2;font-size:12px}
.signature-card canvas{display:block;width:100%;height:210px;border-radius:15px;background:#fff;touch-action:none;box-shadow:inset 0 0 0 1px #dce4ef}
.signature-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;margin-top:12px}.signature-actions button{height:48px;border-radius:13px;border:1px solid #38517e;background:#0c1930;color:#d9e6fb;font-weight:800}.signature-actions [data-save]{border:0;background:linear-gradient(135deg,#315cff,#7140ff);color:#fff}
.driver-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.driver-proof-btn{height:56px;border:1px solid rgba(71,101,155,.78);border-radius:16px;background:#080f1f;color:#e5edfb;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.driver-proof-btn svg{width:18px;height:18px;color:#8aa8e8}.driver-proof-btn:active{transform:scale(.985)}
/* VoltioAI v133 — branded clear-route confirmation */
.voltio-confirm-overlay{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(3,8,18,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.voltio-confirm-card{width:min(430px,100%);padding:24px;border:1px solid rgba(68,96,148,.72);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(61,91,190,.16),transparent 42%),linear-gradient(155deg,#12213d,#091326);box-shadow:0 30px 80px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.035);text-align:center;color:#eef4ff}
.voltio-confirm-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(248,113,113,.3);background:rgba(239,68,68,.09);color:#fb8b8b}.voltio-confirm-icon svg{width:22px;height:22px}
.voltio-confirm-kicker{font-size:8px;font-weight:900;letter-spacing:.18em;color:#7895c7}.voltio-confirm-card h3{margin:6px 0 0;font-size:22px;line-height:1.15;font-weight:900;letter-spacing:-.025em}.voltio-confirm-card p{margin:11px auto 0;max-width:350px;font-size:12px;line-height:1.55;color:#8fa3c4}
.voltio-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:21px}.voltio-confirm-actions button{height:49px;border-radius:14px;font-size:12px;font-weight:850}.voltio-confirm-actions [data-cancel]{border:1px solid #344b74;background:#0a1529;color:#cbd9ef}.voltio-confirm-actions [data-confirm]{border:1px solid rgba(248,113,113,.34);background:linear-gradient(145deg,#d94a55,#b93245);color:#fff;box-shadow:0 8px 20px rgba(185,50,69,.18)}
@media(max-width:390px){.voltio-confirm-card{padding:21px 17px;border-radius:21px}.voltio-confirm-actions{grid-template-columns:1fr}.voltio-confirm-actions [data-confirm]{order:-1}}
/* VoltioAI v135 — route completion celebration */
.route-complete-screen{position:relative;background:radial-gradient(circle at 50% 20%,rgba(16,185,129,.13),transparent 31%),radial-gradient(circle at 50% 0,rgba(49,92,255,.12),transparent 42%),#090f1e!important}.route-complete-content{position:relative;z-index:2;padding-top:170px!important}.route-complete-celebration{position:absolute;z-index:1;top:28px;left:50%;width:220px;height:150px;transform:translateX(-50%);pointer-events:none}.route-complete-check{position:absolute;left:50%;top:42px;width:72px;height:72px;margin-left:-36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#34d399,#10b981);color:#04120d;box-shadow:0 0 0 10px rgba(16,185,129,.08),0 18px 50px rgba(16,185,129,.28);animation:voltioCompletePop .75s cubic-bezier(.2,.9,.2,1.2) both}.route-complete-check svg{width:35px;height:35px;stroke-width:3}.route-complete-rings{position:absolute;left:50%;top:78px;width:84px;height:84px;border:1px solid rgba(52,211,153,.5);border-radius:50%;transform:translate(-50%,-50%);animation:voltioCompleteRing 1.4s ease-out .15s both}.route-complete-celebration>i{position:absolute;left:50%;top:70px;width:5px;height:12px;border-radius:5px;background:#60a5fa;opacity:0;animation:voltioSpark 1s ease-out .18s both}.route-complete-celebration>i:nth-child(2n){background:#34d399}.route-complete-celebration>i:nth-child(3n){background:#a78bfa}.route-complete-celebration>i:nth-child(1){--x:-82px;--y:-48px;transform:rotate(-32deg)}.route-complete-celebration>i:nth-child(2){--x:-58px;--y:-78px;transform:rotate(-18deg)}.route-complete-celebration>i:nth-child(3){--x:-15px;--y:-92px}.route-complete-celebration>i:nth-child(4){--x:38px;--y:-84px;transform:rotate(18deg)}.route-complete-celebration>i:nth-child(5){--x:78px;--y:-53px;transform:rotate(35deg)}.route-complete-celebration>i:nth-child(6){--x:91px;--y:18px;transform:rotate(60deg)}.route-complete-celebration>i:nth-child(7){--x:-91px;--y:17px;transform:rotate(-60deg)}.route-complete-celebration>i:nth-child(8){--x:0px;--y:-108px}
@keyframes voltioCompletePop{0%{transform:scale(.2) rotate(-18deg);opacity:0}55%{transform:scale(1.12) rotate(3deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}@keyframes voltioCompleteRing{0%{transform:translate(-50%,-50%) scale(.45);opacity:.9}100%{transform:translate(-50%,-50%) scale(2.05);opacity:0}}@keyframes voltioSpark{0%{translate:0 0;scale:.3;opacity:0}20%{opacity:1}100%{translate:var(--x) var(--y);scale:1;opacity:0}}
@media(max-width:390px){.route-complete-content{padding-top:150px!important}.route-complete-celebration{top:18px;transform:translateX(-50%) scale(.9)}}@media(prefers-reduced-motion:reduce){.route-complete-check,.route-complete-rings,.route-complete-celebration>i{animation:none!important}.route-complete-rings,.route-complete-celebration>i{display:none}.route-complete-check{opacity:1}}
/* VoltioAI v148 — desktop-first Business onboarding */
.business-onboard{position:fixed;inset:0;z-index:1250;overflow:auto;background:radial-gradient(circle at 68% 16%,rgba(69,87,255,.16),transparent 28%),linear-gradient(135deg,#071020 0%,#091329 48%,#080e1b 100%);color:#f6f8ff;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.business-onboard:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(116,139,190,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(116,139,190,.055) 1px,transparent 1px);background-size:42px 42px}
.business-onboard-head{position:relative;z-index:2;height:88px;max-width:1440px;margin:auto;padding:0 54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(105,126,171,.16)}
.business-onboard-head img{width:168px;max-height:46px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.business-onboard-head-right{display:flex;align-items:center;gap:24px;font-size:12px}.business-onboard-head-right span{color:#7083aa;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.business-onboard-head-right a{padding:10px 15px;border:1px solid #273858;border-radius:10px;color:#b9c8e5;text-decoration:none;font-weight:750;background:rgba(10,20,39,.55)}
.business-onboard-main{position:relative;z-index:2;max-width:1320px;min-height:calc(100vh - 150px);margin:auto;padding:72px 54px 58px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,.72fr);gap:100px;align-items:center}
.business-eyebrow{display:flex;align-items:center;gap:10px;color:#7294ff;font-size:11px;font-weight:900;letter-spacing:.19em}.business-eyebrow:before{content:"";width:28px;height:2px;background:#5878ff}
.business-onboard-copy h1{max-width:720px;margin:18px 0 0;font-size:clamp(48px,5.1vw,76px);line-height:.99;letter-spacing:-.055em;font-weight:900}.business-onboard-copy h1 em{font-style:normal;background:linear-gradient(90deg,#7194ff,#9d78ff);-webkit-background-clip:text;color:transparent}
.business-onboard-copy>p{max-width:610px;margin:25px 0 0;color:#91a1c0;font-size:17px;line-height:1.75}
.business-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:38px;max-width:680px}.business-feature-grid article{min-height:118px;padding:18px;border:1px solid rgba(70,91,135,.48);border-radius:16px;background:linear-gradient(145deg,rgba(18,33,61,.76),rgba(10,21,41,.66));box-shadow:inset 0 1px rgba(255,255,255,.025)}.business-feature-grid b{display:block;color:#5879df;font-size:10px;letter-spacing:.12em}.business-feature-grid strong{display:block;margin-top:11px;font-size:14px;color:#e9efff}.business-feature-grid span{display:block;margin-top:5px;color:#7083a6;font-size:11px;line-height:1.5}
.business-create-card{position:relative;padding:34px;border:1px solid rgba(91,113,174,.48);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(85,86,255,.13),transparent 36%),linear-gradient(155deg,rgba(17,32,61,.98),rgba(9,19,38,.98));box-shadow:0 32px 90px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.035)}.business-create-card:before{content:"";position:absolute;left:34px;right:34px;top:0;height:1px;background:linear-gradient(90deg,transparent,#657cff,transparent)}
.business-card-top{display:flex;align-items:center;justify-content:space-between}.business-card-top span{font-size:10px;letter-spacing:.17em;font-weight:900;color:#829fff}.business-card-top i{font-style:normal;font-size:10px;color:#657797}
.business-create-card h2{margin:26px 0 0;font-size:29px;letter-spacing:-.035em}.business-create-card>p{margin:8px 0 0;color:#8394b3;font-size:13px;line-height:1.55}.business-create-card label{display:block;margin-top:28px;color:#8ea0bf;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.business-create-card input{display:block;width:100%;height:52px;margin-top:9px;padding:0 15px;border:1px solid #344a72;border-radius:12px;outline:0;background:#081326;color:#f4f7ff;font-size:14px;text-transform:none;letter-spacing:0;transition:.15s}.business-create-card input:focus{border-color:#647cff;box-shadow:0 0 0 3px rgba(84,111,255,.12)}.business-create-card button{width:100%;height:52px;margin-top:13px;border:0;border-radius:12px;background:linear-gradient(135deg,#4266ff,#7452ef);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 12px 28px rgba(68,88,237,.2)}.business-create-card button span{margin-left:8px}.business-security{display:grid;grid-template-columns:36px 1fr;column-gap:10px;margin-top:23px;padding-top:19px;border-top:1px solid rgba(74,94,132,.35)}.business-security:before{content:"✓";grid-row:1/3;width:30px;height:30px;border:1px solid rgba(77,202,164,.25);border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(42,184,140,.08);color:#66d5b3;font-weight:900}.business-security b{font-size:11px;color:#c6d2e8}.business-security span{margin-top:3px;color:#697b9c;font-size:10px;line-height:1.45}
.business-onboard-foot{position:relative;z-index:2;max-width:1440px;height:62px;margin:auto;padding:0 54px;border-top:1px solid rgba(105,126,171,.13);display:flex;align-items:center;justify-content:space-between;color:#50617f;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:900px){.business-onboard-head{height:72px;padding:0 22px}.business-onboard-head img{width:145px}.business-onboard-head-right span{display:none}.business-onboard-main{padding:42px 22px;grid-template-columns:1fr;gap:42px}.business-onboard-copy h1{font-size:48px}.business-create-card{max-width:580px;width:100%}.business-onboard-foot{padding:0 22px}.business-feature-grid{max-width:none}}
@media(max-width:560px){.business-onboard-head-right a{font-size:10px;padding:8px 10px}.business-onboard-main{padding-top:32px}.business-onboard-copy h1{font-size:39px}.business-onboard-copy>p{font-size:14px}.business-feature-grid{grid-template-columns:1fr}.business-feature-grid article{min-height:96px}.business-create-card{padding:24px 20px;border-radius:20px}.business-onboard-foot span:last-child{display:none}}
/* VoltioAI v149 — planner status + Active Stops repair */
.active-stops-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:17px 18px;border:1px solid rgba(69,94,139,.46);border-radius:17px;background:linear-gradient(145deg,rgba(17,31,57,.92),rgba(10,20,39,.96));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.active-stops-title>span{display:block;margin-bottom:5px;color:#6481b3;font-size:8px;font-weight:900;letter-spacing:.17em}.active-stops-title h2{margin:0;color:#f0f5ff;font-size:18px;line-height:1.15;font-weight:900;letter-spacing:-.025em}.active-stops-title p{margin:5px 0 0;color:#7185a6;font-size:10px}
.active-stops-tools{display:flex;align-items:flex-end;gap:9px;flex:0 0 auto}.active-stops-tools #resetOrder{height:38px!important;padding:0 12px!important;border-color:#344d77!important;background:#0a162b!important}.active-stops-tools label{display:flex;flex-direction:column;gap:4px;color:#6f84a6!important;font-size:8px!important;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.active-stops-tools #routeStart{width:108px;height:38px;margin:0!important;padding:0 9px!important;border:1px solid #344d77!important;border-radius:10px!important;background:#0a162b!important;color:#eef4ff!important;font-size:12px!important}
@media(max-width:640px){.active-stops-head{align-items:stretch;flex-direction:column;padding:14px;gap:12px}.active-stops-tools{justify-content:space-between}.active-stops-tools #resetOrder{flex:1}.active-stops-tools #routeStart{width:104px}}
/* v151 Business Driver Management */
.driver-manager{position:fixed;inset:0;z-index:1300;overflow:auto;background:#08101f;color:#f3f6ff;padding:42px max(32px,calc((100vw - 1180px)/2));font-family:Inter,system-ui,sans-serif}.driver-manager>header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:26px;border-bottom:1px solid #1b2942}.driver-manager>header span,.driver-invite-panel>div>span,.driver-roster-title span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#6688ee}.driver-manager>header h2{font-size:34px;margin:5px 0 2px;letter-spacing:-.04em}.driver-manager>header p{color:#7183a3;font-size:12px}.driver-manager>header button{width:40px;height:40px;border:1px solid #263957;border-radius:11px;background:#0d1930;color:#a9b7cf}.driver-manager-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.driver-manager-stats article{padding:18px;border:1px solid #1d2e4a;border-radius:15px;background:#0c172b}.driver-manager-stats b{display:block;font-size:25px}.driver-manager-stats span{color:#7083a5;font-size:10px}.driver-invite-panel{display:grid;grid-template-columns:1fr 430px;gap:34px;align-items:center;padding:25px;border:1px solid #294373;border-radius:18px;background:linear-gradient(135deg,#101d38,#0b1529);box-shadow:0 18px 55px rgba(0,0,0,.2)}.driver-invite-panel h3{font-size:18px;margin:5px 0}.driver-invite-panel p{max-width:560px;color:#7184a7;font-size:11px;line-height:1.6}.driver-invite-form{display:flex;gap:8px}.driver-invite-form input{height:46px;flex:1;border:1px solid #31496f;border-radius:11px;background:#071225;padding:0 13px;color:#fff}.driver-invite-form button{height:46px;padding:0 17px;border:0;border-radius:11px;background:#536cff;color:#fff;font-weight:850}.driver-roster{margin-top:18px;border:1px solid #1d2d48;border-radius:17px;background:#0b1629;overflow:hidden}.driver-roster-title{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #1b2941}.driver-roster-title h3{font-size:15px;margin:3px 0 0}.driver-roster-title>b{font-size:10px;color:#7183a1}.driver-row{display:grid;grid-template-columns:42px minmax(0,1fr) 90px 85px;align-items:center;gap:12px;padding:13px 19px;border-bottom:1px solid #15233a}.driver-row:last-child{border:0}.driver-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#172b51;color:#8ca8ff;font-size:12px;font-weight:900}.driver-avatar.pending{background:#2c2617;color:#e9bd5c}.driver-person strong{display:block;font-size:12px}.driver-person span{display:block;margin-top:3px;color:#657896;font-size:9px;text-transform:capitalize}.driver-status{justify-self:start;padding:5px 8px;border-radius:999px;background:#10263a;color:#62d5b0;font-size:8px;font-weight:900;text-transform:uppercase}.driver-status.pending{background:#2a2415;color:#e2b956}.driver-status.disabled{background:#261b25;color:#c58da9}.driver-row-action{height:30px;border:1px solid #2b3d5b;border-radius:8px;background:#0a1425;color:#8ea0bd;font-size:9px}.driver-empty{padding:34px;text-align:center;color:#60718e;font-size:11px}
@media(max-width:800px){.driver-manager{padding:24px 18px}.driver-manager-stats{grid-template-columns:1fr 1fr 1fr}.driver-invite-panel{grid-template-columns:1fr}.driver-row{grid-template-columns:38px 1fr auto}.driver-row-action{grid-column:2/4}.driver-status{justify-self:end}}
/* v155 company onboarding fields */
.business-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.business-create-card select{width:100%;height:46px;margin-top:7px;border:1px solid #31496f;border-radius:11px;background:#071225;color:#eef4ff;padding:0 12px;outline:none}.business-create-card label{display:block;margin-top:13px}@media(max-width:560px){.business-field-grid{grid-template-columns:1fr}}