.online-dot{width:9px!important;height:9px!important;border-radius:50%;background:#38d997;box-shadow:0 0 0 4px #38d99722;margin:0 6px}.live-layout{display:grid;grid-template-columns:1fr 280px;gap:16px}.live-map{height:520px;border-radius:12px;position:relative;overflow:hidden;background-color:#edf2f5;background-image:linear-gradient(30deg,#dce7ea 12%,transparent 12.5%,transparent 87%,#dce7ea 87.5%),linear-gradient(150deg,#dce7ea 12%,transparent 12.5%,transparent 87%,#dce7ea 87.5%);background-size:82px 142px}.map-road{position:absolute;height:13px;width:120%;background:#fff;box-shadow:0 0 0 2px #dfe6ec;transform:rotate(-18deg);top:48%;right:-10%}.pin{position:absolute;width:25px;height:25px;border-radius:50% 50% 50% 0;background:var(--blue);transform:rotate(-45deg);box-shadow:0 4px 12px #0004}.pin:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;inset:8px}.pin.busy{background:var(--orange)}.driver-list{display:grid;gap:9px;max-height:455px;overflow:auto}.driver-row{display:flex;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:9px}.driver-row div:nth-child(2){flex:1}.driver-row strong,.driver-row small{display:block}.driver-row strong{font-size:11px}.driver-row small{font-size:9px;color:var(--muted);margin-top:3px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.status-dot.busy{background:var(--orange)}@media(max-width:1050px){.live-layout{grid-template-columns:1fr}}@media(max-width:720px){.live-map{height:390px}}