.vehicle-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    border-radius: 8px;
    flex-shrink: 0;
}

.vehicle-icon i {
    font-size: 18px;
    color: #ffffff;
}

.status-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.status-badge.status-active {
    background-color: #dcfce7;
    color: #166534;
}

.status-badge.status-inactive {
    background-color: #f3f4f6;
    color: #6b7280;
}

.status-badge.status-maintenance {
    background-color: #fef3c7;
    color: #92400e;
}

.status-badge.status-retired {
    background-color: #fce7f3;
    color: #9d174d;
}

.status-badge.status-default {
    background-color: #e0f2fe;
    color: #0369a1;
}