.lmap{height:560px;border-radius:12px;background:var(--surface-2)}
@media (max-width:700px){.lmap{height:420px}}
.map-truck,.map-site{background:none;border:0}
.map-truck b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font:600 11px "IBM Plex Mono",monospace;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.map-truck span,.map-site span{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:2px;white-space:nowrap;font:600 11px "IBM Plex Sans Arabic",sans-serif;background:rgba(255,255,255,.9);color:#111733;padding:1px 5px;border-radius:4px;pointer-events:none}
.map-truck.old b{opacity:.5}
.map-truck.off b{outline:3px solid rgba(192,54,44,.35)}
.map-site i{display:block;width:14px;height:14px;border-radius:3px;background:#F7A603;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.35)}
.map-site.yard i{background:#1c8a4a}
.map-site span{font-weight:500;color:#586079}
body:not([data-role="admin"]) .perm-admin,body:not([data-role="admin"]) .perm-admin-block{display:none!important}
body[data-role="driver"] .perm-cli{display:none!important}
.adm-seg{margin:0 0 16px;flex-wrap:wrap}
.adm-g{display:flex;flex-direction:column;gap:18px}
.adm-g[hidden]{display:none}
.adm-g .card-h{flex-wrap:wrap;gap:8px}
.sys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;align-items:start}
.sys-grid>.perm-admin-block{display:flex;flex-direction:column;gap:18px}
@media (max-width:420px){.sys-grid{grid-template-columns:1fr}}
.site-pick{height:280px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2)}
.chk{display:flex;gap:8px;align-items:center;font-size:.9rem;justify-content:flex-start;text-align:start}
.chk input{width:18px!important;height:18px;flex:none;margin:0}
.otp-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.otp-row:last-child{border-bottom:0}
.otp-code{font-size:1.6rem;letter-spacing:.3em;color:var(--navy)}
.cron-code{display:block;padding:8px 10px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;font:12px var(--mono,monospace);word-break:break-all;user-select:all}
.setup-card{margin-bottom:18px;border-color:var(--accent)}
.setup-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}
.setup-step{display:flex;gap:10px;align-items:center;text-align:start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}
.setup-step:hover{border-color:var(--navy)}
.setup-step .ss-ic{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);font-weight:700;color:#fff}
.setup-step.done{color:var(--muted)}
.setup-step.done .ss-ic{background:var(--ok);border-color:var(--ok)}
.drv-real{display:block}
.drv-real .phone{margin:0 auto}
body.drv-mode #v-drv .view-head{display:none}