[hidden]{display:none!important}
:root{--bg:#07111f;--card:#0d192b;--panel:#101d31;--muted:#8e9bb0;--text:#f8fafc;--accent:#22c55e;--danger:#ef4444;--line:#26364f}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;background:radial-gradient(circle at top,#10203a 0,#07111f 42%);color:var(--text);direction:rtl}
.container{max-width:1180px;margin:auto;padding:20px}.narrow{max-width:720px}
.card,.drivers-panel,.map-card{background:rgba(13,25,43,.96);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 16px 40px rgba(0,0,0,.2)}
h1,h2,p{margin-top:0}.dashboard-head{display:flex;justify-content:space-between;align-items:center;margin:5px 0 18px}
.muted{color:var(--muted)}.small{font-size:13px}
.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}
.summary-card{background:#101d31;border:1px solid #1b2a42;border-radius:16px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}
.summary-card strong{font-size:27px}
.map-card{padding:14px;margin-bottom:16px}#map{height:58vh;min-height:480px;border-radius:16px;overflow:hidden;background:#0a1424}
.drivers-panel{padding:16px;margin-bottom:16px}
.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:center;margin-bottom:16px}.toolbar input{margin:0}
.driver-list,.history-list{display:grid;gap:8px}
.driver-item{background:#0b1728;border:1px solid var(--line);padding:13px;border-radius:14px}
.modern-row{display:grid;grid-template-columns:1.25fr .9fr .95fr .75fr 1.25fr .85fr 1.5fr;gap:12px;align-items:center}
.driver-profile{display:flex;align-items:center;gap:10px}
.mini-scooter{width:48px;height:48px;border-radius:50%;background:#17325b;display:grid;place-items:center;font-size:26px}
.connect{font-size:12px;margin-top:3px}.connect.yes,.green{color:#4ade80}.connect.no{color:#94a3b8}
.info-cell{display:flex;flex-direction:column;gap:4px}.info-cell span,.history-item span{font-size:11px;color:var(--muted)}.info-cell b{font-size:14px;overflow-wrap:anywhere}
.driver-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 13px;font-size:13px;font-weight:800;cursor:pointer;text-decoration:none}
.btn-primary{background:#14532d;color:#72f59a}.btn-danger{background:var(--danger);color:#fff}.btn-dark{background:#18263b;color:#fff}.btn:disabled{opacity:.45}
.presence{width:9px;height:9px;border-radius:50%;display:inline-block}.presence.online{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #334155;background:#091526;color:white;font-size:16px;margin:7px 0 14px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.status,.warning,.note,.stat-card{padding:12px 14px;border-radius:12px;background:#091526;border:1px solid #334155;margin:12px 0}
.note{color:var(--muted);font-size:13px}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{display:flex;flex-direction:column;gap:4px;margin:0}
.badge{display:inline-block;background:#18263b;padding:6px 10px;border-radius:999px;margin-bottom:10px;font-size:13px}
.driver-head{display:flex;justify-content:space-between}.live-dot{width:14px;height:14px;border-radius:50%;margin-top:14px}.live-dot.on{background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.13)}.live-dot.off{background:#64748b}
.scooter-icon-wrap{background:transparent!important;border:0!important}.scooter-pin{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:29px;background:#17325b;border:3px solid #60a5fa;box-shadow:0 5px 16px rgba(0,0,0,.45)}.scooter-pin.on{background:#14532d;border-color:#4ade80}.scooter-pin.off{filter:grayscale(.7);opacity:.7}.scooter-pin.late{border-color:#ef4444!important;background:#7f1d1d!important}
.driver-name-label{background:#fff!important;color:#111827!important;border:0!important;border-radius:10px!important;padding:6px 10px!important;font-weight:800!important;box-shadow:0 4px 12px rgba(0,0,0,.25)!important}.driver-name-label:before{border-top-color:#fff!important}
.map-popup{line-height:1.8}.auto-note{text-align:center;padding:18px}.leaflet-control-zoom a{background:#0e1b2e!important;color:#fff!important;border-color:#26364f!important}
.location-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}.location-tab{border:1px solid #334155;background:#091526;color:#cbd5e1;padding:12px;border-radius:12px;font-weight:800}.location-tab.active{background:#17325b;border-color:#60a5fa;color:#fff}
#orderMap{height:320px;border-radius:14px;overflow:hidden;border:1px solid #334155;margin-bottom:8px}.map-help{font-size:12px;color:var(--muted);margin:8px 0}.full{width:100%}.selected-location{font-size:12px;color:#4ade80;text-align:center;margin:10px 0}
.order-pin-wrap{background:transparent!important;border:0!important}.order-pin{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f59e0b;font-size:22px;border:2px solid #fff;box-shadow:0 5px 15px rgba(0,0,0,.35)}
.order-map-link{border:0;background:transparent;color:#60a5fa;padding:4px 0;font-weight:700;cursor:pointer;text-align:right}
.order-status-box{margin:14px 0}.status-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.status-btn{border:1px solid #334155;background:#091526;color:#cbd5e1;padding:11px 8px;border-radius:11px;font-weight:800;cursor:pointer}.status-btn.active{background:#14532d;border-color:#22c55e;color:#86efac}
.late-row{border-color:#7f1d1d;background:#22131b}.late-text{color:#f87171}
.report-panel{margin-top:16px}.daily-report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.history-panel{margin-top:16px}.section-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.history-item{display:grid;grid-template-columns:1fr 1.4fr .8fr 1.1fr;gap:12px;align-items:center;background:#0b1728;border:1px solid var(--line);padding:13px;border-radius:14px}.history-item>div{display:flex;flex-direction:column;gap:4px}
@media(max-width:800px){
.container{padding:10px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:7px}.summary-card{padding:10px;flex-direction:column}.summary-card strong{font-size:22px}
#map{height:55vh;min-height:410px}.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}
.modern-row{grid-template-columns:1fr 1fr}.driver-profile,.order-place,.driver-actions{grid-column:1/-1}.driver-actions{grid-template-columns:1fr 1fr}
.drivers-panel,.map-card{padding:10px}.daily-report-grid{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.status-actions{grid-template-columns:1fr 1fr}.history-item{grid-template-columns:1fr 1fr}
}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:#0d192b;border:1px solid #26364f;border-radius:22px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center}.login-icon{font-size:46px;margin-bottom:10px}.login-card input{text-align:center;font-size:18px}.login-msg{min-height:24px;margin-top:12px;color:#fca5a5;font-size:14px}
.code-form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:8px;align-items:center;margin:14px 0}.code-form input{margin:0}
.code-list{display:grid;gap:8px}.code-item{display:grid;grid-template-columns:1.3fr .8fr .7fr 1fr;gap:10px;align-items:center;background:#0b1728;border:1px solid var(--line);padding:12px;border-radius:14px}.code-badge{font-family:ui-monospace,monospace;background:#091526;border:1px dashed #475569;border-radius:10px;padding:8px;text-align:center;font-weight:800}.code-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.driver-identity{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;background:#091526;border:1px solid #334155;border-radius:12px;padding:10px;margin-bottom:14px}
@media(max-width:800px){.code-form{grid-template-columns:1fr}.code-item{grid-template-columns:1fr 1fr}.code-item>div:first-child,.code-actions{grid-column:1/-1}.driver-identity{grid-template-columns:1fr auto}.driver-identity .muted{grid-column:1/-1}}

/* Driver dashboard redesign v15 — scoped to driver-app unique classes */
body:has(.driver-summary){background:#07111f!important;background-image:radial-gradient(800px 420px at 50% -120px,rgba(255,193,66,.10),transparent 62%)!important;min-height:100dvh}
body:has(.driver-summary) .container.narrow{width:100%!important;max-width:760px!important;padding:12px 12px calc(28px + env(safe-area-inset-bottom))!important;margin:0 auto!important}
body:has(.driver-summary) .container.narrow>.card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
body:has(.driver-summary) .compact-head{min-height:86px!important;padding:10px 6px 14px!important;margin:0!important;align-items:center!important;border-bottom:1px solid rgba(148,163,184,.10)}
body:has(.driver-summary) .compact-head>div{gap:12px!important}
body:has(.driver-summary) .compact-head img{width:64px!important;height:64px!important;border-radius:18px!important;border:1px solid rgba(245,191,66,.55)!important;box-shadow:0 8px 24px rgba(0,0,0,.26)!important}
body:has(.driver-summary) .compact-head h1{font-size:24px!important;line-height:1.15!important;margin:0 0 5px!important;font-weight:900!important;letter-spacing:-.3px}
body:has(.driver-summary) .driver-state-line{font-size:13px!important;color:#aebbd0!important;gap:8px!important}
body:has(.driver-summary) .live-dot{width:10px!important;height:10px!important;margin:0!important;flex:0 0 auto}.live-dot.on{box-shadow:0 0 0 5px rgba(34,197,94,.11)!important}
body:has(.driver-summary) .compact-logout{min-height:42px!important;padding:9px 15px!important;border-radius:14px!important;background:#132238!important;color:#f8fafc!important;font-size:14px!important}
body:has(.driver-summary) .driver-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:14px 0 20px!important}
body:has(.driver-summary) .driver-summary .stat-card{min-height:102px!important;padding:13px 7px!important;margin:0!important;border-radius:18px!important;background:linear-gradient(180deg,#111f33,#0c1829)!important;border:1px solid #2a3b53!important;box-shadow:0 10px 26px rgba(0,0,0,.18)!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:7px!important}
body:has(.driver-summary) .driver-summary .stat-card span{font-size:12px!important;color:#a9b5c8!important;white-space:normal!important;line-height:1.35!important}
body:has(.driver-summary) .driver-summary .stat-card strong{font-size:20px!important;color:#fff!important;margin:0!important;line-height:1.25!important;white-space:nowrap!important}
body:has(.driver-summary) .multi-order-head{margin:0 0 11px!important;padding:0 3px!important;align-items:center!important}
body:has(.driver-summary) .multi-order-head h2{font-size:22px!important;font-weight:900!important;margin:0!important}.multi-order-head .badge{margin:0!important;background:#14243a!important;color:#e2e8f0!important;border:1px solid #263b58!important;padding:7px 12px!important}
body:has(.driver-summary) .active-orders-list{gap:10px!important;margin:0 0 12px!important}
body:has(.driver-summary) .empty-orders{min-height:112px!important;display:grid!important;place-items:center!important;padding:22px 14px!important;border:1px dashed #33465f!important;background:rgba(11,23,40,.45)!important;border-radius:20px!important;color:#95a5bb!important;font-size:16px!important}
body:has(.driver-summary) .active-order-card{padding:14px!important;border-radius:19px!important;background:linear-gradient(180deg,#101f34,#0b182a)!important;border:1px solid #304159!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}
body:has(.driver-summary) .active-order-no{font-size:18px!important;font-weight:900!important}.active-order-address{font-size:13px!important;color:#b8c2d1!important}.active-order-state{border:1px solid rgba(148,163,184,.15)!important}
body:has(.driver-summary) .active-order-actions{gap:9px!important;margin-top:11px!important}.active-order-actions .btn{min-height:49px!important;border-radius:14px!important;font-size:14px!important}
body:has(.driver-summary) .add-order-toggle{min-height:58px!important;margin:12px 0!important;border-radius:18px!important;border:1px dashed #49617e!important;background:#142238!important;color:#fff!important;font-size:16px!important;box-shadow:none!important}
body:has(.driver-summary) .new-order-box{margin:12px 0 14px!important;padding:16px!important;border-radius:22px!important;background:#0c192b!important;border:1px solid #2e415d!important;box-shadow:0 14px 34px rgba(0,0,0,.20)!important}
body:has(.driver-summary) .new-order-title{margin-bottom:12px!important}.new-order-title h3{font-size:22px!important;font-weight:900!important}.new-order-title .btn{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:14px!important}
body:has(.driver-summary) .container.narrow label{font-size:15px!important;font-weight:800!important;margin:11px 2px 4px!important;color:#f3f6fb!important}
body:has(.driver-summary) .container.narrow input{min-height:54px!important;font-size:16px!important;margin:6px 0 10px!important;padding:13px 14px!important;border-radius:15px!important;background:#081525!important;border:1px solid #364a67!important;outline:none!important;box-shadow:none!important}
body:has(.driver-summary) .container.narrow input:focus{border-color:#f1bd45!important;box-shadow:0 0 0 3px rgba(241,189,69,.10)!important}
body:has(.driver-summary) .details-toggle{padding:8px 2px!important;margin:1px 0 3px!important;font-size:14px!important;color:#9fb0c7!important}
body:has(.driver-summary) .location-tabs{gap:9px!important;margin:7px 0 12px!important}.location-tab{min-height:51px!important;border-radius:15px!important;font-size:14px!important;background:#091628!important;border-color:#364a67!important}.location-tab.active{background:#1f4577!important;border-color:#63a6ff!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(99,166,255,.18)!important}
body:has(.driver-summary) #orderMap{border-radius:18px!important;border-color:#364a67!important}
body:has(.driver-summary) #myLocationBtn{min-height:50px!important;border-radius:15px!important}
body:has(.driver-summary) #addOrderBtn{min-height:56px!important;border-radius:16px!important;margin-top:10px!important;background:linear-gradient(135deg,#f5c553,#e9a92d)!important;color:#0b1524!important;font-size:16px!important;box-shadow:0 10px 24px rgba(228,166,42,.16)!important}
body:has(.driver-summary) .shift-controls{grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:14px!important}.shift-controls .btn{min-height:54px!important;border-radius:16px!important;font-size:15px!important}.shift-controls .btn-primary{background:#123d2b!important;color:#78efaa!important;border:1px solid #236245!important}.shift-controls .btn-danger{background:#461c24!important;color:#ff9aa7!important;border:1px solid #6b2833!important}
body:has(.driver-summary) .return-btn{min-height:56px!important;margin-top:9px!important;border-radius:16px!important;background:#214a78!important;border:1px solid #4a8bcf!important;font-size:15px!important}
body:has(.driver-summary) .tracking-strip{margin-top:12px!important;padding:11px 12px!important;border-radius:15px!important;background:#0a1627!important;border:1px solid #243750!important;color:#8fa1b8!important;font-size:12px!important}.coords{opacity:.65!important}
@media(max-width:430px){body:has(.driver-summary) .container.narrow{padding-inline:9px!important}body:has(.driver-summary) .compact-head img{width:58px!important;height:58px!important}body:has(.driver-summary) .compact-head h1{font-size:22px!important}body:has(.driver-summary) .compact-logout{padding:8px 12px!important}body:has(.driver-summary) .driver-summary{gap:6px!important}body:has(.driver-summary) .driver-summary .stat-card{min-height:94px!important;padding:10px 4px!important}body:has(.driver-summary) .driver-summary .stat-card span{font-size:10.5px!important}body:has(.driver-summary) .driver-summary .stat-card strong{font-size:16px!important}body:has(.driver-summary) .multi-order-head h2{font-size:20px!important}}