:root {
    --ch-accent: #0d6efd;
}

body {
    background: #f7f8fa;
}

.navbar-brand strong {
    letter-spacing: .3px;
}

/* Dashboard map */
#car-map {
    height: 520px;
    border-radius: .6rem;
    z-index: 0;
}

.stat-card .display-6 {
    font-weight: 600;
}

/* Mobile tweaks */
@media (max-width: 575.98px) {
    #car-map {
        height: 360px;
    }

    .stat-card .display-6 {
        font-size: 1.5rem;
    }

    .stat-card .card-body {
        padding: .75rem;
    }
}

/* Priority table */
#priority-table tbody tr {
    cursor: grab;
}

#priority-table tbody tr.dragging {
    opacity: .5;
    background: #eef4ff;
}

.drag-handle {
    cursor: grab;
    color: #aab;
    user-select: none;
}

.rank-badge {
    font-variant-numeric: tabular-nums;
    min-width: 2rem;
}

/* Star rating widget */
.stars {
    white-space: nowrap;
    font-size: 1.15rem;
    line-height: 1;
}

.stars .star {
    cursor: pointer;
    color: #d7dbe0;
    transition: color .1s ease;
}

.stars .star.on {
    color: #f5b301;
}

.stars[data-readonly="1"] .star {
    cursor: default;
}

.car-thumb {
    width: 88px;
    height: 60px;
    object-fit: cover;
    border-radius: .35rem;
    background: #e9ecef;
}

.muted-sm {
    font-size: .8rem;
    color: #6c757d;
}

.leaflet-popup-content {
    margin: .6rem .8rem;
}