.tx-dispatcher-view__header {
    margin-bottom: var(--tx-spacing-md);
}

.tx-dispatcher-stats {
    display: flex;
    gap: var(--tx-spacing-sm);
}

.tx-dispatcher-view__content {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: var(--tx-spacing-md);
    min-height: 500px;
}

.tx-dispatcher-view__map {
    height: 100%;
    min-height: 500px;
}

.tx-dispatcher-view__orders {
    overflow-y: auto;
    max-height: 600px;
}

.tx-dispatcher-view__drivers-bar {
    display: flex;
    gap: var(--tx-spacing-xs);
    flex-wrap: wrap;
    padding: var(--tx-spacing-sm);
    background: var(--tx-bg-card);
    border: 1px solid var(--tx-border);
    border-radius: var(--tx-radius);
    margin-top: var(--tx-spacing-sm);
}

.tx-dispatch-map { position: relative; }
.tx-dispatch-map__legend {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(255,255,255,0.9);
    padding: 8px 12px;
    border-radius: var(--tx-radius);
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tx-legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.tx-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.tx-dot--green { background: var(--tx-success); }
.tx-dot--red { background: var(--tx-danger); }
.tx-dot--yellow { background: var(--tx-warning); }
.tx-dot--gray { background: #9aa0a6; }

.tx-marker-icon { font-size: 16px; }

@media (max-width: 1024px) {
    .tx-dispatcher-view__content {
        grid-template-columns: 1fr;
    }
    .tx-dispatcher-view__map { min-height: 300px; }
}