.dq-route-card{background:#191226;border:1px solid #554072;border-radius:16px;overflow:hidden;color:#f7f2ff;margin:14px 0 20px;min-width:0;width:100%;box-sizing:border-box;grid-column:1/-1}
.dq-route-head,.dq-route-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;flex-wrap:wrap}
.dq-route-head strong{font-size:16px}.dq-route-head label{display:flex;align-items:center;gap:10px;font-size:12px;max-width:100%;min-width:0}
.dq-route-card select{background:#261c39;color:#fff;border:1px solid #655081;border-radius:8px;padding:9px;max-width:100%;min-width:0}
.dq-route-map{height:340px;width:100%;background:#120d20}.dq-route-card [hidden]{display:none!important}
.dq-route-status{padding:0 16px;font-size:13px;line-height:1.5;color:#d9cdea}.dq-route-metrics{color:#21172d!important;background:#ffe45c;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700;line-height:1.45;text-align:center;max-width:100%;box-sizing:border-box;margin:0;overflow-wrap:anywhere}.dq-route-metrics:empty{display:none}
.dq-route-note{padding:0 16px 14px;color:#c9bdda;font-size:12px;line-height:1.6;margin:0}
.dq-route-actions button,.dq-route-actions a{background:#2b203e;border:1px solid #655081;border-radius:8px;padding:9px 12px;color:#f7f2ff;font:inherit;font-size:12px;cursor:pointer;text-decoration:none}
.dq-route-footer{flex-direction:column;align-items:center;justify-content:center;gap:14px}.dq-route-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;width:100%}.dq-route-card :focus-visible{outline:3px solid #b698ff;outline-offset:2px}
@media(max-width:600px){.dq-route-map{height:280px}.dq-route-head{align-items:flex-start}.dq-route-head label{width:100%;flex-wrap:wrap}.dq-route-head select{width:100%}.dq-route-footer{align-items:center}.dq-route-metrics{font-size:13px;padding:9px 14px}}

.dq-route-viewport{position:relative;height:340px;background:#120d20;overflow:hidden}
.dq-route-viewport .dq-route-map{position:absolute;inset:0;height:100%;background:transparent}
.dq-route-fallback{position:absolute;inset:0;overflow:hidden;touch-action:pan-y;cursor:grab}
.dq-route-image{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;user-select:none;max-width:none!important}
@media(max-width:600px){.dq-route-viewport{height:280px}}