.map-panel #overview-live-map {
    height: 310px;
    background: #e8eff0;
}

.fleet-map-note {
    min-height: 35px;
    padding: 9px 14px;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    border-top: 1px solid var(--line);
    font-size: 9px;
    color: var(--muted);
}

.fleet-map-note > span:last-child { margin-left: auto; }
.fleet-list { height: 345px; overflow: auto; padding: 5px 16px; }
.fleet-list article {
    display: grid;
    grid-template-columns: 12px minmax(130px, 1fr) minmax(150px, 1fr);
    gap: 10px;
    align-items: center;
    padding: 13px 2px;
    border-bottom: 1px solid #edf1f3;
}
.fleet-list article > div { display: flex; flex-direction: column; gap: 3px; }
.fleet-list article strong { font-size: 11px; color: var(--navy); }
.fleet-list article small { font-size: 9px; color: var(--muted); }
.fleet-status { width: 9px; height: 9px; border-radius: 50%; background: #93a4ad; }
.fleet-status.available { background: var(--teal); }
.fleet-status.active { background: var(--navy); }
.fleet-status.offline { background: #a8b6bd; }
.dot.stale { background: #8999a3; }
.fleet-marker-wrap { background: transparent; border: 0; }
.fleet-map-marker {
    display: block;
    width: 26px;
    height: 26px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: var(--navy);
    box-shadow: 0 3px 9px rgba(8, 47, 63, .35);
}
.fleet-map-marker.available { background: var(--teal); }
.fleet-map-marker.stale { background: #8999a3; opacity: .78; }
.attention-item > a { color: #178f84; font-size: 9px; font-weight: 750; }
.empty-attention { padding: 38px 10px; text-align: center; display: flex; flex-direction: column; gap: 5px; }
.empty-attention strong { font-size: 12px; color: var(--navy); }
.empty-attention span { font-size: 10px; color: var(--muted); }

@media (max-width: 760px) {
    .map-panel #overview-live-map { height: 300px; }
    .fleet-map-note > span:last-child { width: 100%; margin-left: 0; }
    .fleet-list { height: auto; max-height: 360px; }
    .fleet-list article { grid-template-columns: 12px 1fr; }
    .fleet-list article > div:last-child { grid-column: 2; }
}